._phone_1xuqt_2{--w:var(--phone-w,clamp(220px, min(21vw, 27vh), 290px));justify-items:center;gap:6px;margin:0;display:grid}._stage_1xuqt_10{perspective:1500px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-items:center;padding:10px 26px 30px;display:grid;position:relative}._stage_1xuqt_10:active{cursor:grabbing}._float_1xuqt_28{perspective:1500px;animation:7s ease-in-out infinite _float_1xuqt_28}@keyframes _float_1xuqt_28{50%{transform:translateY(-14px)}}._device_1xuqt_37{--tilt-x:0deg;--tilt-y:0deg;--drag:0deg;--lean:var(--phone-lean,1);--turn-y:calc(-17deg * var(--lean) + var(--tilt-y) + var(--drag));--turn-x:calc(6deg + var(--tilt-x));--roll:calc(3deg * var(--lean));--depth:16px;--body:var(--phone-body,#eef0f8);--rim:var(--phone-rim,#c9cee2);--line:var(--phone-line,var(--el-line));width:var(--w);padding:calc(var(--w) * .02);border:var(--el-outline) solid transparent;border-radius:calc(var(--w) * .17);transform:rotateY(var(--turn-y)) rotateX(var(--turn-x)) rotateZ(var(--roll));transition:transform .7s var(--el-pop);animation:_phone-in_1xuqt_1 .9s var(--el-pop) .12s both;position:relative}._device_1xuqt_37[data-dragging],._device_1xuqt_37[data-dragging]:before,._device_1xuqt_37[data-dragging]:after,._device_1xuqt_37[data-dragging] ._buttons_1xuqt_64{transition-duration:90ms;transition-timing-function:linear}@keyframes _phone-in_1xuqt_1{0%{opacity:0;translate:calc(40px * var(--lean)) 30px;scale:.9}}._body_1xuqt_74{inset:calc(-1 * var(--el-outline));border:var(--el-outline) solid var(--line);border-radius:inherit;background:var(--body);position:absolute}._device_1xuqt_37:before{content:"";z-index:-1;inset:calc(-1 * var(--el-outline));border:var(--el-outline) solid var(--line);border-radius:inherit;background:var(--rim);translate:calc(-1 * var(--depth) * sin(var(--turn-y))) calc(var(--depth) * sin(var(--turn-x)));transition:translate .7s var(--el-pop);position:absolute}._device_1xuqt_37:after,._buttons_1xuqt_64,._buttons_1xuqt_64:before,._buttons_1xuqt_64:after{border:var(--el-outline) solid var(--line);background:var(--rim);border-radius:4px;width:7px;position:absolute}._device_1xuqt_37:after,._buttons_1xuqt_64{z-index:-1;translate:calc(-.5 * var(--depth) * sin(var(--turn-y))) calc(.5 * var(--depth) * sin(var(--turn-x)));transition:translate .7s var(--el-pop)}._device_1xuqt_37:after{content:"";height:15%;top:27%;right:-7px}._buttons_1xuqt_64{height:6%;top:17%;left:-7px}._buttons_1xuqt_64:before,._buttons_1xuqt_64:after{content:"";left:calc(-1 * var(--el-outline));height:165%;transform:none}._buttons_1xuqt_64:before{top:160%}._buttons_1xuqt_64:after{top:360%}._bezel_1xuqt_138{padding:calc(var(--w) * .026);border:var(--el-outline) solid var(--line);border-radius:calc(var(--w) * .148);background:var(--phone-bezel,#232637);position:relative}._glass_1xuqt_146{aspect-ratio:1206/2622;border-radius:calc(var(--w) * .118);background:var(--phone-glass,#bfe0f6);isolation:isolate;position:relative;overflow:hidden}._screen_1xuqt_155,._under_1xuqt_156{object-fit:cover;object-position:top;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}._screen_1xuqt_155{z-index:1;animation:.9s ease-in-out both _screen-in_1xuqt_1}@keyframes _screen-in_1xuqt_1{0%{opacity:0}}._island_1xuqt_176{z-index:2;background:#0b0c12;border-radius:999px;width:31.5%;height:4.3%;position:absolute;top:1.26%;left:50%;transform:translate(-50%)}._glare_1xuqt_189{z-index:3;background:linear-gradient(115deg,#0000 32%,#ffffff42 46%,#ffffff0f 54%,#0000 64%) 0 0/260% 100% no-repeat;background-position:calc(60% - var(--glare,0) * 70%) 0;mix-blend-mode:soft-light;transition:background-position .7s var(--el-pop);pointer-events:none;position:absolute;inset:0}._shadow_1xuqt_201{width:calc(var(--w) * .8);background:var(--phone-shadow,#28345c38);filter:blur(8px);height:26px;transform:translateX(calc(-50% + 4% * var(--phone-lean,1)));pointer-events:none;border-radius:50%;animation:7s ease-in-out infinite _shadow_1xuqt_201;position:absolute;bottom:0;left:50%}@keyframes _shadow_1xuqt_201{50%{opacity:.6;transform:translateX(calc(-50% + 4% * var(--phone-lean,1))) scale(.86)}}._caption_1xuqt_219{justify-content:center;align-items:center;gap:10px;display:flex}._label_1xuqt_226{min-width:calc(var(--w) - 40px);border:var(--el-outline) solid var(--el-blue-panel);background:var(--el-panel-face);min-height:42px;color:var(--el-ink);font:800 15px/1.2 var(--el-body);text-align:center;border-radius:999px;place-items:center;padding:6px 16px;display:grid}._step_1xuqt_240{width:46px;height:46px;padding:0 0 var(--lip);color:var(--el-ink);place-items:center;display:grid}@media (width<=1099px){._phone_1xuqt_2{--w:var(--phone-w,270px)}._device_1xuqt_37{--turn-y:calc(-10deg * var(--lean) + var(--tilt-y) + var(--drag));--turn-x:calc(4deg + var(--tilt-x));--roll:calc(2deg * var(--lean))}}@media (width<=640px){._phone_1xuqt_2{--w:var(--phone-w,min(240px, 62vw))}._label_1xuqt_226{min-width:0;max-width:calc(100vw - 150px);font-size:14px}}@media (prefers-reduced-motion:reduce){._float_1xuqt_28,._shadow_1xuqt_201,._device_1xuqt_37,._screen_1xuqt_155{animation:none}._device_1xuqt_37,._device_1xuqt_37:before,._device_1xuqt_37:after,._buttons_1xuqt_64,._glare_1xuqt_189{transition:none}}