.vs{container-type:inline-size}.vs__stage{display:grid;--pz:0.84}.vs__stage>*{grid-area:1/1}.vs-phone-slot{position:relative;justify-self:center;align-self:start}.vs-console{position:relative;z-index:1;margin-top:328px}.vs-console__body{position:relative;height:446px;overflow:hidden;padding:16px 16px 0}.vs-hint,.vs-lead{display:none}@container (min-width: 560px){.vs__stage{--pz:0.9}.vs-phone-slot{justify-self:start;z-index:2;margin-top:68px}.vs-console{margin-top:0;margin-left:calc(228px * var(--pz) - 34px)}.vs-console__body{height:468px;padding:18px 20px 0 calc(34px + 20px)}.vs-hint,.vs-lead{display:block}}@container (min-width: 680px){.vs__stage{--pz:1}}.vs-console__fade{position:absolute;inset:auto 0 0;height:28px;background:linear-gradient(to bottom,rgb(242 245 249/0),var(--fc-canvas));pointer-events:none}.vs-phone{zoom:var(--pz);width:228px;height:468px;padding:6px;border-radius:36px;background:#0a0f1d;border:1px solid rgb(178 191 214/.24);box-shadow:inset 0 0 0 1px rgb(255 255 255/.04),0 4px 8px -3px rgb(0 0 0/.3),0 32px 64px -20px rgb(0 0 0/.75);transition:transform .76s var(--ease-out),opacity .52s var(--ease-out)}.vs-phone[data-away]{transform:translateY(56px);opacity:0;transition:transform .56s cubic-bezier(.55,0,.75,.3),opacity .42s cubic-bezier(.55,0,.75,.3) 80ms}.vs-phone__screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:30px;background:var(--fc-plane)}.vs-island{position:absolute;top:8px;left:50%;width:60px;height:17px;margin-left:-30px;border-radius:999px;background:#0a0f1d}.vs-screen-in{animation:vs-screen-in .32s var(--ease) both}@keyframes vs-screen-in{0%{opacity:.35}}.vs-tap{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:999px;background:rgb(255 255 255/.4);animation:vs-tap .52s var(--ease-out) both;pointer-events:none}@keyframes vs-tap{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}.vs-press{transition:transform .14s var(--ease),filter .14s var(--ease),background-color .14s var(--ease)}.vs-press.is-pressed{transform:translateY(1px);filter:brightness(.92)}.vs-sweep{position:absolute;inset:0 0 auto;height:22px;background:linear-gradient(180deg,rgb(11 99 246/0),rgb(11 99 246/.16));border-bottom:2px solid rgb(11 99 246/.75);animation:vs-sweep .9s var(--ease) infinite alternate}@keyframes vs-sweep{0%{transform:translateY(-22px)}to{transform:translateY(72px)}}.vs-fold{display:grid;grid-template-rows:1fr;transition:grid-template-rows .52s var(--ease-out),opacity .36s var(--ease)}.vs-fold[data-open=false]{grid-template-rows:0fr;opacity:0}.vs-fold>*{min-height:0;overflow:hidden}.vs-verdict{animation:vs-verdict-in .3s var(--ease-out) both}@keyframes vs-verdict-in{0%{opacity:0;transform:translateY(4px)}}.vs-code-in{animation:vs-screen-in .24s var(--ease) both}.vs-row-in{animation:vs-row-in .9s var(--ease-out) both}@keyframes vs-row-in{0%{background:var(--fc-primary-soft);clip-path:inset(0 0 100% 0)}35%{background:var(--fc-primary-soft);clip-path:inset(0 0 0 0)}to{background:transparent;clip-path:inset(0 0 0 0)}}.vs-spin{animation:vs-spin .7s linear infinite}@keyframes vs-spin{to{transform:rotate(1turn)}}.vs-cam{position:absolute;inset:0;overflow:hidden;border-radius:6px;border:1px solid var(--fc-border);background:radial-gradient(120% 140% at 30% 20%,#5b6478 0,#353c4d 55%,#262c3a 100%)}.vs-cam__phone{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:58px;height:104px;margin:-52px 0 0 -29px;border-radius:9px;background:#eef2f8;box-shadow:0 0 0 3px #10141f,0 10px 20px -6px rgb(0 0 0/.6);animation:vs-drift 2.4s ease-in-out infinite}@keyframes vs-drift{0%,to{transform:translate(-3px,2px) rotate(-7deg)}50%{transform:translate(2px,-2px) rotate(-4deg)}}.vs-cam__frame{position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px}.vs-cam__corner{position:absolute;width:14px;height:14px;border:0 solid #fff;filter:drop-shadow(0 1px 2px rgb(0 0 0/.55))}.vs-cam__corner--tl{top:0;left:0;border-width:2.5px 0 0 2.5px;border-top-left-radius:3px}.vs-cam__corner--tr{top:0;right:0;border-width:2.5px 2.5px 0 0;border-top-right-radius:3px}.vs-cam__corner--bl{bottom:0;left:0;border-width:0 0 2.5px 2.5px;border-bottom-left-radius:3px}.vs-cam__corner--br{bottom:0;right:0;border-width:0 2.5px 2.5px 0;border-bottom-right-radius:3px}.vs[data-paused] *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.vs-fold,.vs-phone,.vs-phone[data-away],.vs-press{transition:none}.vs-cam__phone,.vs-code-in,.vs-row-in,.vs-screen-in,.vs-spin,.vs-sweep,.vs-tap,.vs-verdict{animation:none}}