.gx-reel{--g-ease:cubic-bezier(.2, .8, .2, 1);--g-spring:cubic-bezier(.34, 1.56, .64, 1)}.gx-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:var(--surface-1,var(--card));justify-content:center;display:flex;position:relative;overflow:hidden}.gx-floor{pointer-events:none;background:radial-gradient(closest-side,#00000073,#0000);border-radius:50%;width:min(70%,320px);height:28px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.gx-phone{--gx-bezel:9px;width:var(--phone-w,290px);padding:var(--gx-bezel);border-radius:calc(var(--gx-s,.75) * 50px + var(--gx-bezel));background:#0c0c0e;position:relative;box-shadow:inset 0 0 0 1.5px #2b2c31,0 0 0 1px #4a4b51,0 0 0 2.5px #1a1b1f,0 36px 70px -28px #000000bf}.gx-phone-key{background:#2e2f35;border-radius:2px;width:3px;position:absolute}.gx-phone-key--action{height:4.5%;top:17%;left:-3.5px}.gx-phone-key--up{height:8%;top:25%;left:-3.5px}.gx-phone-key--down{height:8%;top:35%;left:-3.5px}.gx-phone-key--power{height:12%;top:27%;right:-3.5px}.gx-screen-box{aspect-ratio:375/760;border-radius:calc(var(--gx-s,.75) * 46px);background:var(--background);isolation:isolate;position:relative;overflow:hidden;transform:translateZ(0)}.gx-screen{transform-origin:0 0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);text-align:left;--text-display:2rem;--text-display--line-height:2.375rem;--text-title-1:1.5rem;--text-title-1--line-height:1.875rem;--text-title-2:1.125rem;--text-title-2--line-height:1.5rem;--text-body:.9375rem;--text-body--line-height:1.375rem;--text-label:.9375rem;--text-price-xl:2rem;--text-price-xl--line-height:2.25rem;--text-price-l:1.375rem;--text-price-l--line-height:1.625rem;--text-xs:.8125rem;--text-xs--line-height:1.125rem;--text-caption:.8125rem;--text-caption--line-height:1.125rem;--text-badge:.8125rem;--text-badge--line-height:1rem;position:absolute;top:0;left:0;overflow:hidden}.gx-phone--reel{--phone-w:min(100% - .5rem, 21rem)}@media (width<25rem){.gx-phone--reel{--gx-bezel:7px}}@media (width>=64rem){.gx-phone--reel{--phone-w:clamp(17rem, (100svh - 19rem) * .5, 22rem)}}.gx-status{z-index:40;background:var(--background);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:.375rem 1.625rem 0 2.125rem;font-size:1rem;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.gx-island{background:#000;border-radius:1.25rem;width:7rem;height:2rem;position:absolute;top:.625rem;left:50%;transform:translate(-50%)}.gx-status-icons{fill:currentColor;align-items:center;gap:6px;display:flex}.gx-battery{border:1px solid color-mix(in oklab, currentColor 45%, transparent);border-radius:4px;width:25px;height:12px;padding:1.5px;display:inline-flex;position:relative}.gx-battery:after{content:"";background:color-mix(in oklab, currentColor 45%, transparent);border-radius:0 1px 1px 0;width:1.5px;height:4px;position:absolute;top:3.5px;right:-3.5px}.gx-battery>span{background:currentColor;border-radius:2px;width:78%}.gx-web{position:absolute;bottom:0;left:0;right:0;overflow:hidden}.gx-home-bar{z-index:45;background:color-mix(in oklab, var(--foreground) 75%, transparent);border-radius:3px;width:8rem;height:.3125rem;position:absolute;bottom:.4375rem;left:50%;transform:translate(-50%)}.gx-shot{position:absolute;inset:0}.gx-shot-enter-active,.gx-shot-leave-active{transition:opacity .38s}.gx-shot-enter-from,.gx-shot-leave-to{opacity:0}.gx-camera{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.gx-finger,.gx-ripple{z-index:60;opacity:0;pointer-events:none;will-change:transform, opacity;border-radius:9999px;position:absolute;top:0;left:0}.gx-finger{background:#ffffff4d;border:2px solid #fffffff2;width:28px;height:28px;margin:-14px 0 0 -14px;box-shadow:0 0 0 1px #00000047,0 6px 16px #0000005c}.gx-ripple{border:2px solid var(--color-brand-400);background:color-mix(in oklab, var(--color-brand-500) 18%, transparent);width:48px;height:48px;margin:-24px 0 0 -24px}:where(.gx-ring){position:relative}.gx-ring:after{content:"";z-index:5;border:2px solid var(--color-brand-400);border-radius:inherit;box-shadow:0 0 0 4px color-mix(in oklab, var(--color-brand-500) 22%, transparent);opacity:0;pointer-events:none;animation:gx-ring-in .5s var(--g-spring) var(--ring,0s) both, gx-ring-glow 1.4s ease-out calc(var(--ring,0s) + .45s) 1 both;position:absolute;inset:-5px;transform:scale(1.06)}@keyframes gx-ring-in{to{opacity:1;transform:scale(1)}}@keyframes gx-ring-glow{0%{box-shadow:0 0 0 4px color-mix(in oklab, var(--color-brand-500) 22%, transparent)}40%{box-shadow:0 0 0 9px color-mix(in oklab, var(--color-brand-500) 10%, transparent)}to{box-shadow:0 0 0 4px color-mix(in oklab, var(--color-brand-500) 22%, transparent)}}.gx-move{animation:gx-move var(--dur,.5s) var(--g-ease) var(--at,0s) both;will-change:transform}@keyframes gx-move{0%{transform:translate3d(var(--from-x,0), var(--from-y,0), 0)}to{transform:translate3d(var(--to-x,0), var(--to-y,0), 0)}}@keyframes gx-grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.gx-roll{white-space:pre;font-variant-numeric:tabular-nums;display:inline-flex}.gx-roll-col{vertical-align:top;height:1.2em;line-height:1.2em;display:inline-block;overflow:hidden}.gx-roll-strip{animation:gx-roll var(--dur,1.1s) cubic-bezier(.2, .75, .15, 1) var(--at,0s) both;will-change:transform;flex-direction:column;display:flex}.gx-roll-strip>span{height:1.2em;line-height:1.2em}.gx-roll-fade{animation:g-fade .3s ease var(--at,0s) both}@keyframes gx-roll{0%{transform:translate3d(0, var(--from,0), 0)}to{transform:translate3d(0, var(--to,0), 0)}}.gx-dot{background:color-mix(in oklab, var(--foreground) 22%, transparent);width:8px;height:8px;transition:width .3s var(--g-ease), background-color .2s ease;border-radius:9999px;display:block;position:relative;overflow:hidden}.gx-dot.is-done{background:color-mix(in oklab, var(--foreground) 55%, transparent)}.gx-dot.is-current{width:30px}.gx-dot-fill{border-radius:inherit;background:var(--foreground);transform-origin:0;position:absolute;inset:0}.gx-caption-enter-active{transition:opacity .4s ease 80ms, transform .5s var(--g-ease) 80ms}.gx-caption-leave-active{transition:opacity .18s;position:absolute;inset:0 0 auto}.gx-caption-enter-from{opacity:0;transform:translateY(8px)}.gx-caption-leave-to{opacity:0}.gx-reel.is-static *,.gx-reel.is-static :before,.gx-reel.is-static :after{transition-duration:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.gx-reel.is-static .gx-finger,.gx-reel.is-static .gx-ripple{display:none}@media (prefers-reduced-motion:reduce){.gx-reel *,.gx-reel :before,.gx-reel :after{transition-duration:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.gx-finger,.gx-ripple{display:none}}.gx-end[data-v-615537f6]{background:linear-gradient(to top, color-mix(in oklab, var(--background) 92%, transparent) 55%, transparent)}.g-fade-t-enter-active[data-v-615537f6]{transition:opacity .3s .2s}.g-fade-t-leave-active[data-v-615537f6]{transition:opacity .15s}.g-fade-t-enter-from[data-v-615537f6],.g-fade-t-leave-to[data-v-615537f6]{opacity:0}
