.cy-viewer{color:#fff;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.cy-viewer[open]{flex-direction:column;display:flex}.cy-viewer::backdrop{backdrop-filter:blur(4px);background:#0a0b0ee6}.cy-viewer-bar{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top,0px));align-items:center;gap:8px;display:flex}.cy-viewer-name{text-overflow:ellipsis;white-space:nowrap;color:#ffffffe0;flex:auto;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.cy-viewer-count{color:#fff9;flex:none;font-size:12px}.cy-viewer-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:9999px;flex:none;place-items:center;width:40px;height:40px;transition:background .15s;display:grid}.cy-viewer-btn i{font-size:18px}.cy-viewer-btn:hover{color:#fff;background:#fff3}.cy-viewer-btn:focus-visible{outline:2px solid var(--cy-gold,#f5b301);outline-offset:2px}.cy-viewer-btn[hidden]{display:none}.cy-viewer-stage{min-height:0;padding:0 72px max(24px, env(safe-area-inset-bottom,0px));flex:auto;justify-content:center;align-items:center;display:flex;position:relative}.cy-viewer-stage img{object-fit:contain;user-select:none;border-radius:12px;max-width:100%;max-height:100%;animation:.18s ease-out cy-viewer-in;box-shadow:0 30px 80px -20px #0009}.cy-viewer-nav{width:46px;height:46px;position:absolute;top:50%;transform:translateY(-50%)}.cy-viewer-nav.is-prev{inset-inline-start:16px}.cy-viewer-nav.is-next{inset-inline-end:16px}@keyframes cy-viewer-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@media (width<=640px){.cy-viewer-stage{padding:0 8px max(76px, calc(env(safe-area-inset-bottom,0px) + 76px))}.cy-viewer-nav{top:auto;bottom:max(16px, env(safe-area-inset-bottom,0px));transform:none}}@media (prefers-reduced-motion:reduce){.cy-viewer-stage img{animation:none}}