.live-phone.svelte-xp37iz,.live-tablet.svelte-xp37iz,.live-desktop.svelte-xp37iz{container:demo-viewport/inline-size}[data-compact=true].svelte-xp37iz{--duo-single-phone:calc(var(--spacing) * 58.5);--duo-laptop:76%;--duo-phone:33%;--duo-drop:7%}.laptop.svelte-xp37iz .screen:where(.svelte-xp37iz),.viewport.svelte-xp37iz{container-type:inline-size}.live-phone.svelte-xp37iz{width:390px;height:calc(100cqh * 390px / 100cqw);transform:scale(calc(100cqw / 390px));transform-origin:0 0;background:var(--background)}.live-desktop.svelte-xp37iz{width:1280px;height:800px;transform:scale(calc(100cqw / 1280px));transform-origin:0 0;background:var(--background)}[data-devices=phone].svelte-xp37iz .laptop:where(.svelte-xp37iz){display:none}[data-devices=phone].svelte-xp37iz .scene:where(.svelte-xp37iz){padding-top:0}[data-devices=phone].svelte-xp37iz .phone:where(.svelte-xp37iz){width:var(--duo-single-phone,280px);max-width:100%;margin-inline:auto;position:relative;bottom:auto;right:auto}[data-devices=desktop].svelte-xp37iz .phone:where(.svelte-xp37iz){display:none}[data-devices=desktop].svelte-xp37iz .laptop:where(.svelte-xp37iz){width:94%;margin:0 auto;display:block}[data-devices=desktop].svelte-xp37iz .scene:where(.svelte-xp37iz){padding-top:0}.laptop.svelte-xp37iz,.phone.svelte-xp37iz{container-type:inline-size}.scene.svelte-xp37iz{padding-top:max(0px, calc(var(--duo-phone,27%) * 2.12 - var(--duo-laptop,88%) * .645 - var(--duo-drop,9%)))}.laptop.svelte-xp37iz{width:var(--duo-laptop,88%);margin-bottom:var(--duo-drop,9%)}.phone.svelte-xp37iz{width:var(--duo-phone,27%);position:absolute;bottom:0;right:0}@media (width<=1023px){.scene.svelte-xp37iz{padding-top:0}.laptop.svelte-xp37iz{display:none}.phone.svelte-xp37iz{width:min(var(--duo-single-phone,280px), 100% - 32px);margin:0 auto;position:relative}}.lid.svelte-xp37iz{background:linear-gradient(#2b2b2f,#17171a);border-radius:2cqw 2cqw .6cqw .6cqw;padding:1cqw 1cqw 1.3cqw;box-shadow:inset 0 0 0 1px #ffffff1a,0 14px 30px #14161a29}.lid.svelte-xp37iz .screen:where(.svelte-xp37iz){border-radius:1cqw 1cqw .3cqw .3cqw}.base.svelte-xp37iz{background:linear-gradient(#d9dade 0%,#c3c5ca 100%);border-radius:0 0 1cqw 1cqw/0 0 100% 100%;height:1.2cqw;margin:0 -3%;position:relative;box-shadow:0 3px 8px #14161a24}.notch.svelte-xp37iz{background:#14161a29;border-radius:0 0 .35cqw .35cqw;width:12%;height:.35cqw;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone.svelte-xp37iz .body:where(.svelte-xp37iz){background:var(--border-interactive,var(--border));border-radius:12cqw;padding:.8cqw;box-shadow:0 8px 20px #14161a1f}.phone.svelte-xp37iz .screen:where(.svelte-xp37iz){border-radius:11.2cqw}.viewport.svelte-xp37iz{inset:13.85cqw 0 6.15cqw}.phone[data-screen-theme=light].svelte-xp37iz .screen:where(.svelte-xp37iz){background:var(--color-white,#fff)}.phone[data-screen-theme=light].svelte-xp37iz .status-bar:where(.svelte-xp37iz){color:var(--color-neutral-900,#171717)}.phone[data-screen-theme=light].svelte-xp37iz .home:where(.svelte-xp37iz){background:var(--color-neutral-900,#171717)}.status-bar.svelte-xp37iz{height:6cqw;color:var(--foreground);font-family:var(--font-sans);justify-content:space-between;align-items:center;display:flex;position:absolute;top:3.5cqw;left:6cqw;right:5cqw}.status-time.svelte-xp37iz{letter-spacing:-.05cqw;font-size:3.8cqw;font-weight:600;line-height:1}.status-icons.svelte-xp37iz{align-items:center;gap:1.1cqw;display:flex}.status-icons.svelte-xp37iz svg{stroke-width:2.2px;width:3.8cqw;height:3.8cqw}.status-icons.svelte-xp37iz svg:last-child{width:5.8cqw;height:4.5cqw}.island.svelte-xp37iz{background:#0a0a0c;border-radius:999px;width:25cqw;height:6.5cqw;position:absolute;top:3cqw;left:50%;transform:translate(-50%)}.home.svelte-xp37iz{background:var(--foreground);opacity:.55;border-radius:999px;width:34cqw;height:1.3cqw;position:absolute;bottom:2.2cqw;left:50%;transform:translate(-50%)}.btn.svelte-xp37iz{background:linear-gradient(90deg,#2a2a2f,#141417);border-radius:1px;width:.7cqw;position:absolute}.btn-silent.svelte-xp37iz{height:6.4cqw;top:32cqw;left:-.5cqw}.btn-vol1.svelte-xp37iz{height:12.7cqw;top:49cqw;left:-.5cqw}.btn-vol2.svelte-xp37iz{height:12.7cqw;top:66cqw;left:-.5cqw}.btn-power.svelte-xp37iz{height:19cqw;top:55cqw;right:-.5cqw}.viewport.svelte-xp37iz{container-type:size}.shot.svelte-xp37iz{opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1)}.shot[data-on].svelte-xp37iz{opacity:1}.tall.svelte-xp37iz{will-change:transform}[data-scrolling].svelte-xp37iz .shot[data-on]:where(.svelte-xp37iz) .tall:where(.svelte-xp37iz){animation:svelte-xp37iz-duo-scroll var(--scroll-ms,15s) cubic-bezier(.3, 0, .7, 1) both}[data-paused].svelte-xp37iz .shot[data-on]:where(.svelte-xp37iz) .tall:where(.svelte-xp37iz){animation-play-state:paused}@keyframes svelte-xp37iz-duo-scroll{0%,13%{transform:translateY(0)}87%,to{transform:translateY(max(100cqh - 100%,-65cqh))}}@media (prefers-reduced-motion:reduce){.shot.svelte-xp37iz{transition:none}.tall.svelte-xp37iz{animation:none!important}}.tablet.svelte-xp37iz{width:40%;position:absolute;bottom:0;left:42%;container-type:inline-size}.tablet-body.svelte-xp37iz{background:var(--border-interactive,var(--border));box-shadow:var(--shadow-xl);border-radius:4cqw;padding:1.6cqw}.tablet-screen.svelte-xp37iz{aspect-ratio:768/1024;border-radius:2.5cqw;container-type:inline-size}.live-tablet.svelte-xp37iz{width:768px;height:1024px;transform:scale(calc(100cqw / 768px));transform-origin:0 0}[data-devices=tablet].svelte-xp37iz .laptop:where(.svelte-xp37iz),[data-devices=tablet].svelte-xp37iz .phone:where(.svelte-xp37iz){display:none}[data-devices=tablet].svelte-xp37iz .scene:where(.svelte-xp37iz){padding-top:0}[data-devices=tablet].svelte-xp37iz .tablet:where(.svelte-xp37iz){width:min(100%, calc(var(--spacing) * 100));margin:auto;position:relative;left:auto}[data-devices=pair].svelte-xp37iz .scene:where(.svelte-xp37iz){padding-top:8%}[data-devices=pair].svelte-xp37iz .laptop:where(.svelte-xp37iz){width:82%;margin-bottom:8%;display:block}[data-devices=pair].svelte-xp37iz .phone:where(.svelte-xp37iz){width:25%;margin:0;position:absolute;bottom:0;right:0}