.carousel-controls .carousel-expand{display:grid;place-items:center;width:36px;height:36px;padding:0;color:var(--ink);flex-shrink:0}
.carousel-expand:hover,.demo-fullscreen-close:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.carousel-expand:focus-visible,.demo-fullscreen-close:focus-visible{outline:2px solid var(--accent,#8d72cf);outline-offset:4px}
.demo-fullscreen-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:48px 24px 24px;box-sizing:border-box;border:0;background:var(--paper,#f9f8fc);color:var(--ink,#252132);overflow:auto}
.demo-fullscreen-dialog[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.demo-fullscreen-dialog::backdrop{background:transparent}
.demo-fullscreen-dialog .product-carousel{flex:none;width:min(calc(100vw - 48px),calc((100dvh - 150px)*1.5));max-width:1600px;margin:0}
.demo-fullscreen-dialog .macbook-focus-frame{width:100%;height:auto;aspect-ratio:4260/2840}
.demo-fullscreen-dialog .macbook-focus-frame .macbook-device{transform:none!important}
.demo-fullscreen-dialog .macbook-focus-frame::after{display:none}
.demo-fullscreen-dialog .hero-device-caption{display:none}
.demo-fullscreen-dialog .carousel-controls{margin-top:8px;flex-wrap:wrap}
.demo-fullscreen-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line,#d8d5df);border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.demo-fullscreen-hint{margin:0;color:var(--muted,#746d80);font-size:11px;text-align:center}
@media(max-width:560px){.demo-fullscreen-dialog{padding-inline:12px}.demo-fullscreen-dialog .product-carousel{width:min(calc(100vw - 24px),calc((100dvh - 160px)*1.5))}}

.demo-fullscreen-dialog .product-carousel{transform-origin:top left;will-change:transform}
.demo-fullscreen-placeholder{visibility:hidden;pointer-events:none}