.config-image-viewer{color:#fff;width:100%;max-width:none;height:100dvh;max-height:none;transition:background-color var(--duration-panel) var(--ease-out);background:#151515;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}@starting-style{.config-image-viewer[open]{background-color:#15151500}}.config-image-viewer.is-leaving{background-color:#15151500}.config-image-viewer::backdrop{background:0 0}.config-image-viewer-toolbar{min-height:76px;padding:max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 12px max(24px, env(safe-area-inset-left));transition:opacity var(--duration-panel) var(--ease-out) 80ms, transform var(--duration-panel) var(--ease-out) 80ms;justify-content:space-between;align-items:center;gap:16px;display:flex}@starting-style{.config-image-viewer[open] .config-image-viewer-toolbar{opacity:0;transform:translateY(-8px)}}.config-image-viewer.is-leaving .config-image-viewer-toolbar{opacity:0;transition-duration:var(--duration-pop);transition-delay:0s}.config-image-viewer-toolbar>span{font-size:var(--text-p2);font-weight:300}.config-image-viewer-toolbar>div{flex-shrink:0;gap:8px;display:flex}.config-image-viewer-toolbar button{border-radius:var(--corner-radius-half);corner-shape:round;color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;transition:background-color .15s,transform .15s;display:grid}.config-image-viewer-toolbar button:hover{background:#ffffff1f}.config-image-viewer-toolbar button:active{transform:scale(.96)}.config-image-viewer-toolbar button:focus-visible{outline-offset:2px;outline:2px solid #fff}.config-image-viewer-canvas{inset:calc(76px + env(safe-area-inset-top)) 0 env(safe-area-inset-bottom);touch-action:none;cursor:zoom-out;position:absolute;overflow:hidden}.config-image-viewer-canvas.is-zoomed{cursor:grab}.config-image-viewer-canvas.is-zoomed:active{cursor:grabbing}.config-image-viewer-canvas img{-webkit-user-select:none;user-select:none}.config-image-viewer-canvas.is-arriving img{visibility:hidden}.config-image-viewer-canvas.is-travelling{overflow:visible}@media (prefers-reduced-motion:reduce){.config-image-viewer-toolbar button{transition:none}.config-image-viewer-toolbar{transition-delay:0s}@starting-style{.config-image-viewer[open] .config-image-viewer-toolbar{transform:none}}}.config-image-viewer.is-light{background:0 0}.config-image-viewer.is-light .config-image-viewer-toolbar{background:#151515}.config-image-viewer.is-light .config-image-viewer-canvas{transition:background-color var(--duration-panel) var(--ease-out);background:#fff}@starting-style{.config-image-viewer.is-light[open] .config-image-viewer-canvas{background-color:#fff0}}.config-image-viewer.is-light.is-leaving .config-image-viewer-canvas{background-color:#fff0}