*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.phone{overflow:hidden;max-height:-webkit-fill-available}.phone,.phone .homescreen{height:812px;width:375px;position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.phone .homescreen{background-size:375px}@media (max-height:811px){.phone .homescreen{top:0;transform:translate3d(-50%,calc(100vh - 812px),0) scale(1.001)}}.phone .layer{position:absolute;bottom:0;width:100%;height:712px;background-color:#ededec;border-top-left-radius:22px;border-top-right-radius:22px}.phone .layer .handle{width:35px;height:5px;background-color:#b8bbbe;margin:9px auto -9px;border-radius:9px}.phone .layer .header{display:flex;justify-content:space-between;padding:21px}.phone .layer .header .west .app-icon{vertical-align:middle;display:inline-block;background-size:cover;width:30px;height:30px}.phone .layer .header .west .app-name{font-size:16px;font-weight:600;margin-left:8px;vertical-align:middle}.phone .layer .titles{padding:21px;text-align:center}.phone .layer .titles .title{font-size:29px;font-weight:700;margin:12px 0}.phone .layer .titles .subtitle{font-size:18px;color:#aeb2af;margin:12px 0}.phone .layer .swiper-container{height:404px}.phone .layer .swiper-container .swiper-wrapper{height:500px}.phone .layer .swiper-container .swiper-wrapper .swiper-slide .widget{position:relative;transform:translate3d(-50%,-50%,0) perspective(500px) rotateX(0) rotateY(0);top:35%;left:50%;transition:transform .5s ease-in-out}.phone .layer .swiper-container .swiper-wrapper .swiper-slide .widget img{height:100%;border-radius:22px;box-shadow:15px 15px 15px rgba(0,0,0,.15);transform:translateX(0);transition:transform .2s;image-rendering:-webkit-optimize-contrast}.phone .layer .swiper-container .swiper-wrapper .swiper-slide .single{width:155px;height:155px}.phone .layer .swiper-container .swiper-wrapper .swiper-slide .single img{transform:translateX(0) scale(1)}.phone .layer .swiper-container .swiper-wrapper .swiper-slide .double{width:329px;height:155px}.phone .layer .swiper-container .swiper-wrapper .swiper-slide .double img{transform:translateX(0) scale(.92)}.phone .layer .swiper-container .swiper-wrapper .swiper-slide .quadruple{width:329px;height:345px}.phone .layer .swiper-container .swiper-wrapper .swiper-slide .quadruple img{transform:translateX(0) scale(.9)}.phone .layer .swiper-container .swiper-wrapper .swiper-slide-active .single{transform:translate3d(-50%,-50%,0) perspective(500px) rotateX(6deg) rotateY(8deg)}.phone .layer .swiper-container .swiper-wrapper .swiper-slide-active .double{transform:translate3d(-50%,-50%,0) perspective(500px) rotateX(2deg) rotateY(6deg)}.phone .layer .swiper-container .swiper-wrapper .swiper-slide-active .quadruple{transform:translate3d(-50%,-50%,0) perspective(500px) rotateX(2deg) rotateY(4deg)}.phone .layer .swiper-container .swiper-wrapper .swiper-slide-next .single img{transform:translateX(-128px)}.phone .layer .swiper-container .swiper-wrapper .swiper-slide-next .double img,.phone .layer .swiper-container .swiper-wrapper .swiper-slide-next .quadruple img{transform:translateX(-40px)}.phone .layer .swiper-container .swiper-wrapper .swiper-slide-prev .single img{transform:translateX(128px)}.phone .layer .swiper-container .swiper-wrapper .swiper-slide-prev .double img,.phone .layer .swiper-container .swiper-wrapper .swiper-slide-prev .quadruple img{transform:translateX(40px)}.phone .layer .swiper-container .swiper-pagination-bullet{background-color:#818285;transition:background-color .1s;opacity:1}.phone .layer .swiper-container .swiper-pagination-bullet-active{background-color:#000}.phone .layer button{display:flex;justify-content:center;padding:16px;font-size:18px;font-family:inherit;font-weight:500;position:absolute;bottom:0;border:none;margin:21px;background-color:#fff;width:calc(100% - 42px);border-radius:14px}.phone .layer button img{margin:2px 7px 0 0}@media (orientation:landscape){.phone{height:850px;width:413px;border:19px solid #060606;border-radius:48px;overflow:hidden;transform:translate3d(-50%,-50%,0) scale(.9)}.phone .notch{width:201px;height:30px;position:absolute;background-color:#060606;top:-1px;left:50%;transform:translateX(-50%);z-index:1;border-bottom-left-radius:22px;border-bottom-right-radius:22px}.phone .homescreen{transform:translate3d(-50%,-50%,0) scale(1.003)}}
/*# sourceMappingURL=main.69fac1a4.chunk.css.map */