@charset "UTF-8";.phone-frame[data-v-1bf31a20]{border-radius:32px;border:6px solid #e2e8f0;background:#f8fafc;box-shadow:0 25px 50px -12px #00000080,0 10px 15px -3px #0000004d;overflow:hidden}.dark .phone-frame[data-v-1bf31a20]{border:6px solid #0f172a;border-color:#0f172a;background:#0f172a;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}@media (max-width: 767px){.phone-frame[data-v-1bf31a20]{box-shadow:0 14px 28px -12px #00000047,0 6px 12px -6px #0003}.dark .phone-frame[data-v-1bf31a20]{box-shadow:0 14px 28px -12px #00000047,0 0 0 1px #ffffff1a}.phone-card--center .phone-frame[data-v-1bf31a20]{box-shadow:0 28px 56px -24px #00000038,0 18px 36px -24px #0000003d}}.phone-gallery[data-v-1bf31a20]{position:relative;display:block;height:320px;padding:0;overflow:visible;perspective:1000px}.phone-card[data-v-1bf31a20]{position:absolute;width:160px;flex:none}.phone-card--center[data-v-1bf31a20]{left:50%;top:0;z-index:30;transform:translate(-50%)}.phone-card--center .phone-frame[data-v-1bf31a20]{box-shadow:0 50px 100px -20px #00000040,0 30px 60px -30px #0000004d}.phone-card--left[data-v-1bf31a20]{left:50%;top:20px;z-index:20;transform:translate(-110%) rotate(-6deg) scale(.9);opacity:1}.phone-card--right[data-v-1bf31a20]{left:50%;top:20px;z-index:20;transform:translate(10%) rotate(6deg) scale(.9);opacity:1}@media (min-width: 768px){.phone-gallery[data-v-1bf31a20]{height:600px}.phone-card[data-v-1bf31a20]{width:280px}.phone-frame[data-v-1bf31a20]{border-width:8px}.phone-card--left[data-v-1bf31a20]{top:40px;transform:translate(-110%) rotate(-6deg) scale(.95);opacity:.9}.phone-card--right[data-v-1bf31a20]{top:40px;transform:translate(10%) rotate(6deg) scale(.95);opacity:.9}}@media (min-width: 768px) and (hover: hover) and (pointer: fine){.phone-card[data-v-1bf31a20]{transition:all .8s cubic-bezier(.25,.8,.25,1)}.phone-frame[data-v-1bf31a20]{transition:transform .5s cubic-bezier(.4,0,.2,1)}.phone-gallery:hover .phone-card--left[data-v-1bf31a20]{transform:translate(-130%) rotate(-12deg) scale(.95);opacity:1}.phone-gallery:hover .phone-card--right[data-v-1bf31a20]{transform:translate(30%) rotate(12deg) scale(.95);opacity:1}.phone-gallery:hover .phone-card--center[data-v-1bf31a20]{transform:translate(-50%) scale(1.05);z-index:35}}@media (min-width: 1024px){.phone-card[data-v-1bf31a20]{width:300px}}