.phone-frame-crop[data-v-22f711a5]{margin-left:auto;margin-right:auto;position:relative;width:100%}.phone-frame-crop.is-cropped[data-v-22f711a5]{aspect-ratio:calc(455/(927*var(--crop)));-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent);overflow:hidden}.phone-frame[data-v-22f711a5]{aspect-ratio:455/927;margin-left:auto;margin-right:auto;position:relative;width:100%}.phone-frame-screen[data-v-22f711a5]{overflow:hidden;position:absolute;--tw-bg-opacity:1;background-color:rgb(28 28 28/var(--tw-bg-opacity,1));border-radius:8%/3.8%;height:95.861%;left:4.585%;top:2.015%;width:89.951%}.phone-frame-capture[data-v-22f711a5]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.phone-frame-device[data-v-22f711a5]{height:100%;inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.phone-stage[data-v-bd7ae8ca]{align-items:center;display:flex;justify-content:center;position:relative;view-timeline-name:--phone-stage;width:100%}.phone-stage-primary[data-v-bd7ae8ca]{position:relative;width:11rem}@media(min-width:560px){.phone-stage-primary[data-v-bd7ae8ca]{width:14rem}}@media(min-width:768px){.phone-stage-primary[data-v-bd7ae8ca]{width:16rem}}@media(min-width:1024px){.phone-stage-primary[data-v-bd7ae8ca]{width:18rem}}@media(min-width:1280px){.phone-stage-primary[data-v-bd7ae8ca]{width:20rem}}@media(min-width:560px){.phone-stage-primary[data-v-bd7ae8ca]:has(.phone-stage-secondary){--tw-translate-x:16.666667%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.phone-stage-secondary[data-v-bd7ae8ca]{bottom:2rem;display:none;position:absolute;right:66.666667%;width:66.666667%;z-index:10;--tw-rotate:-3deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:560px){.phone-stage-secondary[data-v-bd7ae8ca]{display:block}}@keyframes phone-tuck-bd7ae8ca{0%{opacity:.4;transform:translate(45%) rotate(0) scale(.92)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.phone-stage-secondary[data-v-bd7ae8ca]{animation:phone-tuck-bd7ae8ca linear both;animation-range:entry 20% cover 45%;animation-timeline:--phone-stage}}}