html:has(vcd-progressive-image-demo){overflow-x:clip}.demo-page:has(vcd-progressive-image-demo[data-image-preview-url]){height:100%;padding:0}vcd-progressive-image-demo[data-astro-cid-hdcw6m3l]{position:relative;z-index:1;width:min(100%,var(--progressive-demo-host-width, 100%));margin-inline:auto;display:grid;place-items:center;padding-inline:var(--space-unit);box-sizing:border-box;--progressive-demo-gap: 2.4rem}.composition[data-astro-cid-hdcw6m3l]{position:relative;width:min(100%,28em);container-type:inline-size}.composition-grid[data-astro-cid-hdcw6m3l]{display:grid;grid-template-rows:75cqw auto;gap:var(--progressive-demo-gap);padding-block:var(--progressive-demo-gap);justify-items:center}.image-area[data-astro-cid-hdcw6m3l]{position:relative;width:100%;height:100%}.image-stack[data-astro-cid-hdcw6m3l]{position:absolute;inset:0;border-radius:var(--radius-control-smooth);overflow:hidden}.image-stack[data-astro-cid-hdcw6m3l] img[data-astro-cid-hdcw6m3l]{display:block;width:100%;height:100%;object-fit:contain}.image-quality-badge[data-astro-cid-hdcw6m3l]{--image-quality-inset: 12px;position:absolute;top:var(--image-quality-inset);left:var(--image-quality-inset);z-index:1;pointer-events:none;padding:6px 8px;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--sys-color-srf) 92%,var(--ref-palette-red-500) 8%);color:var(--ref-palette-red-100)}.image-quality-badge--high[data-astro-cid-hdcw6m3l]{opacity:0;background:color-mix(in srgb,var(--sys-color-srf) 92%,var(--ref-palette-green-500) 8%);color:var(--ref-palette-green-100)}:root[data-theme=dark] .image-quality-badge[data-astro-cid-hdcw6m3l]{color:var(--ref-palette-red-800)}:root[data-theme=dark] .image-quality-badge--high[data-astro-cid-hdcw6m3l]{color:var(--ref-palette-green-800)}.glass-root[data-astro-cid-hdcw6m3l]{position:absolute;inset:0}.glass-source[data-astro-cid-hdcw6m3l]{display:block;width:100%;height:100%;border-radius:var(--radius-control-smooth);pointer-events:none;opacity:0}.lens[data-astro-cid-hdcw6m3l]{position:absolute;left:0;top:0;width:180px;height:180px;border-radius:50%;z-index:1;cursor:grab;touch-action:none;outline-offset:4px}.hint[data-astro-cid-hdcw6m3l]{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:visible}.lens[data-astro-cid-hdcw6m3l] canvas{opacity:0}.lens[data-astro-cid-hdcw6m3l][data-ready] canvas{opacity:1;animation:glass-enter .28s cubic-bezier(.32,.72,0,1)}@keyframes glass-enter{0%{opacity:0;filter:blur(6px);scale:.97}to{opacity:1;filter:blur(0);scale:1}}@media(prefers-reduced-motion:reduce){.lens[data-astro-cid-hdcw6m3l][data-ready] canvas{animation-name:glass-enter-fade}@keyframes glass-enter-fade{0%{opacity:0}to{opacity:1}}}.lens[data-astro-cid-hdcw6m3l][hidden]{display:none}.lens[data-astro-cid-hdcw6m3l]:focus-visible{outline:2px solid var(--sys-color-on-srf)}.actions[data-astro-cid-hdcw6m3l]{display:grid;grid-template-columns:1fr;align-items:center;padding:6px;border-radius:12px}.actions[data-astro-cid-hdcw6m3l]:before{content:"Load";visibility:hidden;grid-area:1 / 1;font:var(--dev-text-label);padding-inline:30.5px}.actions[data-astro-cid-hdcw6m3l] [data-load]{display:grid;grid-area:1 / 1;width:100%}.load-label[data-astro-cid-hdcw6m3l]{grid-area:1 / 1;display:block;transition:opacity .25s ease-out,filter .25s ease-out,transform .25s ease-out}.load-label[data-astro-cid-hdcw6m3l][data-load-label=unload],.actions[data-astro-cid-hdcw6m3l][data-loading] .load-label[data-astro-cid-hdcw6m3l][data-load-label=load]{opacity:0;filter:blur(4px);transform:scale(.92)}.actions[data-astro-cid-hdcw6m3l][data-loading] .load-label[data-astro-cid-hdcw6m3l][data-load-label=unload]{opacity:1;filter:blur(0);transform:scale(1)}.demo-tooltip[data-astro-cid-hdcw6m3l]{--tooltip-tail-height: 7px;--tooltip-tail-half-width: 8px;--tooltip-rect-radius: 8px;--tooltip-shoulder-radius: 3px;--tooltip-tip-radius: 3px;isolation:isolate;position:fixed;z-index:2147483647;width:max-content;padding:8px 8px calc(8px + var(--tooltip-tail-height));color:var(--sys-color-on-srf);font:var(--dev-text-label);line-height:1.2;text-align:center;cursor:default;opacity:0;transform:scale(.97);transform-origin:50% 100%;transition:none}.demo-tooltip[data-astro-cid-hdcw6m3l][open]{opacity:1;transform:scale(1);transition:opacity .2s cubic-bezier(.32,.72,0,1),transform .2s cubic-bezier(.32,.72,0,1)}.demo-tooltip[data-astro-cid-hdcw6m3l][data-placement=bottom]{padding:calc(8px + var(--tooltip-tail-height)) 8px 8px;transform-origin:50% 0}.demo-tooltip[data-astro-cid-hdcw6m3l][data-instant]{transition:none}.demo-tooltip[data-astro-cid-hdcw6m3l]>span[data-astro-cid-hdcw6m3l]{display:block;width:max-content;max-width:min(18ch,calc(100vw - 40px));text-wrap:balance}.demo-tooltip[data-astro-cid-hdcw6m3l]>span[data-astro-cid-hdcw6m3l]{position:relative;z-index:1}.demo-tooltip[data-astro-cid-hdcw6m3l]>svg[data-astro-cid-hdcw6m3l]{position:absolute;inset:0;z-index:-1;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 6px 20px rgb(0 0 0 / .2))}.demo-tooltip[data-astro-cid-hdcw6m3l]>svg[data-astro-cid-hdcw6m3l] path[data-astro-cid-hdcw6m3l]{fill:var(--sys-color-srf)}@media(prefers-reduced-motion:reduce){.demo-tooltip[data-astro-cid-hdcw6m3l]{transition:none!important;transform:none}}@media(prefers-reduced-motion:reduce){.load-label[data-astro-cid-hdcw6m3l]{transition-property:opacity;filter:none!important;transform:none!important}}.lens-controls[data-astro-cid-hdcw6m3l]{position:fixed;top:24px;right:24px;z-index:2147483646;width:min(220px,calc(100vw - 48px));max-height:calc(100dvh - 96px);overflow-y:auto;color:#fff;border-radius:12px;background:#0a0a0ad1;-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);box-shadow:0 0 0 1px #ffffff14 inset,0 8px 24px #0000003d;font:13px/1.2 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.lens-controls[data-astro-cid-hdcw6m3l] summary[data-astro-cid-hdcw6m3l]{padding:10px 12px;cursor:grab;touch-action:none;user-select:none}.lens-controls[data-astro-cid-hdcw6m3l] summary[data-astro-cid-hdcw6m3l]:active{cursor:grabbing}.lens-controls__body[data-astro-cid-hdcw6m3l]{display:grid;gap:12px;padding:0 12px 12px}.lens-control[data-astro-cid-hdcw6m3l]{display:grid;gap:6px}.lens-control[data-astro-cid-hdcw6m3l] label[data-astro-cid-hdcw6m3l]{display:flex;justify-content:space-between;gap:8px;color:#ffffffc7}.lens-control[data-astro-cid-hdcw6m3l] output[data-astro-cid-hdcw6m3l]{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.lens-control[data-astro-cid-hdcw6m3l] input[data-astro-cid-hdcw6m3l],.lens-control[data-astro-cid-hdcw6m3l] select[data-astro-cid-hdcw6m3l]{width:100%;accent-color:#fff}.lens-control[data-astro-cid-hdcw6m3l] select[data-astro-cid-hdcw6m3l]{color:inherit;background:#222;border:1px solid rgb(255 255 255 / .18);border-radius:6px;padding:5px;font:inherit}.lens-copy[data-astro-cid-hdcw6m3l]{padding:7px 9px;border:1px solid rgb(255 255 255 / .18);border-radius:7px;background:transparent;color:#fff;cursor:pointer;font:inherit}.lens-copy[data-astro-cid-hdcw6m3l]:hover{background:#ffffff1a}.lens-copy-status[data-astro-cid-hdcw6m3l]{min-height:1em;color:#ffffffa6}.lens-controls[data-astro-cid-hdcw6m3l] input[data-astro-cid-hdcw6m3l]:focus-visible,.lens-controls[data-astro-cid-hdcw6m3l] select[data-astro-cid-hdcw6m3l]:focus-visible,.lens-controls[data-astro-cid-hdcw6m3l] summary[data-astro-cid-hdcw6m3l]:focus-visible{outline:2px solid rgb(255 255 255 / .55);outline-offset:2px}@media(pointer:coarse){.lens-control[data-astro-cid-hdcw6m3l] input[data-astro-cid-hdcw6m3l][type=range]{min-height:44px}}@media(max-width:40em){.lens-controls[data-astro-cid-hdcw6m3l]{top:auto;bottom:12px;right:12px;width:200px}.lens-controls[data-astro-cid-hdcw6m3l]:not([open]){width:auto}}@media(pointer:coarse){.actions[data-astro-cid-hdcw6m3l] .dev-btn{min-height:44px}}