.cl-viewer{position:relative;margin:8px;border-radius:14px;overflow:hidden;background:#242723;color:white;font-family:'Open Sans',Arial,sans-serif;isolation:isolate}.cl-viewer-panel{position:relative;height: min(850px,90svh);min-height:540px;display:grid;place-items:center}.cl-viewer-panel[hidden],.cl-viewer-info[hidden]{display:none}.cl-viewer-media{position:relative;max-width:100%;height:100%;aspect-ratio:var(--photo-ratio,1.3333)}.cl-viewer-photo{width:100%;height:100%;object-fit:fill;display:block}.cl-viewer-tabs{position:absolute;z-index:3;top:28px;left:50%;transform:translateX(-50%);display:flex;background:#c7c7c780;backdrop-filter:blur(18px);padding:4px;border-radius:50px;white-space:nowrap;max-width:calc(100% - 24px)}.cl-viewer-tabs button{border:0;background:transparent;color:white;border-radius:40px;padding:12px 24px;font:600 15px 'Open Sans',Arial;cursor:pointer}.cl-viewer-tabs button[aria-selected=true]{background:#111}.cl-viewer-hotspot{position:absolute;transform:translate(-50%,-50%);border:0;border-radius:50%;width:44px;height:44px;background:#007fbd66;display:grid;place-items:center;cursor:pointer}.cl-viewer-hotspot span{width:10px;height:10px;background:#40c5ff;border-radius:50%;box-shadow:0 0 0 8px #007fbd33}.cl-viewer-hotspot:hover,.cl-viewer-hotspot[aria-expanded=true]{background:#007fbdbb}.cl-viewer-info{position:absolute;z-index:4;right:24px;bottom:100px;width:min(380px,calc(100% - 48px));padding:28px;background:#f7f6f2;color:#202020;border-radius:16px;box-shadow:0 12px 40px #0003}.cl-viewer-info h3{font:500 27px/1.15 'Open Sans',Arial;letter-spacing:-.04em;margin:0 22px 16px 0}.cl-viewer-info p{font-size:15px;line-height:1.6;margin:0}.cl-viewer-close{position:absolute;right:12px;top:10px;background:none;border:0;font-size:27px;cursor:pointer}.cl-viewer-bottom{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;padding:5px;border-radius:40px;background:#292c22cc;backdrop-filter:blur(15px);white-space:nowrap;font-size:13px}.cl-viewer-bottom button{border:0;background:#ffffff22;color:white;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:22px}.cl-viewer :focus-visible{outline:3px solid #6bd6ff;outline-offset:3px}@media(max-width:749px){.cl-viewer-panel{height:620px;min-height:0}.cl-viewer-media{height:auto;width:100%;max-height:100%;}.cl-viewer-photo{height:auto}.cl-viewer-tabs{top:20px}.cl-viewer-tabs button{padding:11px 15px;font-size:13px}.cl-viewer-bottom{gap:8px;font-size:10px;bottom:20px}.cl-viewer-info{bottom:85px}}