.reel{position:absolute;inset:0;overflow:hidden}.reel-stage{opacity:0;position:absolute;inset:0}.reel-phone{animation:reel-in var(--fade-soft) .15s both}@keyframes reel-in{0%{opacity:0;translate:0 var(--fade-rise)}}.reel-stage:not([data-fade]) .reel-phone{animation:none}@media (prefers-reduced-motion:reduce){.reel-phone{animation:none}}.reel-phone{height:calc((100cqh - 2 * var(--reel-margin)) * var(--reel-raster,2));aspect-ratio:993/2000;transform:translate(-50%, -50%) scale(calc(1 / var(--reel-raster,2)));position:absolute;top:50%;left:50%}.reel-screen{background:#fff;border-radius:15.1%/6.96%;width:86.71%;height:93.4%;position:absolute;top:3.3%;left:6.647%;overflow:hidden}.reel-bezel{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.altrix-reel-screen{isolation:isolate}.altrix-reel-screen>.al-screen{transform-origin:0 0;position:absolute;top:0;left:0}.al-screen.al-instant,.al-screen.al-instant *{transition:none!important}.altrix-reel-screen .al-card,.altrix-reel-screen .al-glass{-webkit-backdrop-filter:none;backdrop-filter:none}.reel-cursor{aspect-ratio:424/480;transform-origin:5.66% 5%;opacity:0;pointer-events:none;will-change:transform, opacity;background:url(/altrix/figma-cursor.svg) 50%/contain no-repeat;height:19cqh;position:absolute;top:0;left:0}.altrix-reel{background:linear-gradient(160deg,#f6f7fd 0%,#e8eaf6 100%)}