.phone-wrapper.svelte-6gtb8t.svelte-6gtb8t{--phone-spacing:30px;position:absolute;left:calc(50% - 150px);width:300px;height:582px;transform:rotateX(50deg) rotate(-50deg);filter:drop-shadow(var(--shadow-elevation-3));perspective:10cm;float:left;box-shadow:-8px 6px #000,-12px 10px #000,-12px 10px 20px #030337;border-radius:30px}.one.svelte-6gtb8t.svelte-6gtb8t{translate:0 100px;animation:svelte-6gtb8t-phone1 linear both;animation-timeline:view(block);animation-range:entry-crossing 100% contain 50%}.two.svelte-6gtb8t.svelte-6gtb8t{translate:0 50px;animation:svelte-6gtb8t-phone2 linear both;animation-timeline:view(block);animation-range:entry-crossing 80% contain 50%}.three.svelte-6gtb8t.svelte-6gtb8t{animation:svelte-6gtb8t-phone3 linear both;animation-timeline:view(block);animation-range:entry-crossing 60% contain 50%}.phones.svelte-6gtb8t.svelte-6gtb8t{min-height:600px}.phone-wrapper.svelte-6gtb8t .phone.svelte-6gtb8t{width:100%;height:100%}@keyframes svelte-6gtb8t-phone1{to{translate:none;transform:translate(-100%) translate(calc(-1 * var(--phone-spacing)));box-shadow:0 0 #000,-0px 0 #000,var(--shadow-elevation-3)}}@keyframes svelte-6gtb8t-phone2{to{translate:none;transform:none;box-shadow:0 0 #000,-0px 0 #000,var(--shadow-elevation-3)}}@keyframes svelte-6gtb8t-phone3{to{translate:none;transform:translate(100%) translate(var(--phone-spacing));box-shadow:0 0 #000,-0px 0 #000,var(--shadow-elevation-3)}}@media (max-width: 900px){.phone-wrapper.svelte-6gtb8t.svelte-6gtb8t{--phone-spacing:15px;left:calc(50% - 75px);width:150px;height:291px;border-radius:15px}.phones.svelte-6gtb8t.svelte-6gtb8t{min-height:300px}}