.mobile-preview-container{max-width:320px;border-radius:20px;border:15px solid rgba(0,0,0,.3);position:absolute;bottom:-220px;left:-25px;right:0;margin:0 auto;width:402px;height:550px;object-fit:contain;transform:scale(.75)}.mobile-preview-container .sound-buttons{position:absolute;right:-15px;top:47px}.mobile-preview-container .sound-buttons::after,.mobile-preview-container .sound-buttons::before{width:5px;height:80px;background:rgba(0,0,0,.5);border-top-right-radius:2px;border-bottom-right-radius:2px;position:absolute;left:0;top:0;content:""}.mobile-preview-container .sound-buttons::after{top:85px}.mobile-preview-container::before{width:5px;height:80px;background:rgba(0,0,0,.5);border-top-left-radius:2px;border-bottom-left-radius:2px;position:absolute;left:-20px;top:47px;content:""}.mobile-preview-container .card{border-radius:6px;background:var(--surface-background);box-shadow:rgba(0,56,110,.08)0 1px 1px;width:100%;max-width:928px;overflow:hidden}.mobile-preview-container .card .header{padding:20px 24px;border-bottom:1px solid rgba(114,138,150,.1);display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}.mobile-preview-container .card .header>:first-child{display:flex;-webkit-box-align:center;align-items:center;gap:30px}.mobile-preview-container .card .header .menu{display:flex;-webkit-box-align:center;align-items:center;padding-left:30px;position:relative;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:125%}.mobile-preview-container .card .header .menu::before{position:absolute;width:20px;height:20px;left:0;top:0;bottom:0;margin:auto 0;content:"";mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuMTY4IDNjMC0uNDY3IDAtLjctLjA5LS44NzhhLjgzMy44MzMgMCAwMC0uMzY1LS4zNjVjLS4xNzgtLjA5LS40MTItLjA5LS44NzgtLjA5aC0yLjdjLS40MzggMC0uODE3IDAtMS4xMy4wMjUtLjMyOS4wMjctLjY1Ny4wODYtLjk3Mi4yNDdBMi41IDIuNSAwIDAwMS45NCAzLjAzMmMtLjE2LjMxNS0uMjIuNjQzLS4yNDcuOTcyLS4wMjUuMzEyLS4wMjUuNjkxLS4wMjUgMS4xM3YyLjdjMCAuNDY2IDAgLjcuMDkuODc4LjA4LjE1Ni4yMDguMjg0LjM2NS4zNjQuMTc4LjA5LjQxMi4wOS44NzguMDloNC44MzRjLjQ2NiAwIC43IDAgLjg3OC0uMDlhLjgzMy44MzMgMCAwMC4zNjQtLjM2NGMuMDkxLS4xNzkuMDkxLS40MTIuMDkxLS44NzlWM3ptLTYuMTY3IDcuODMzYy0uNDY2IDAtLjcgMC0uODc4LjA5MWEuODMzLjgzMyAwIDAwLS4zNjQuMzY0Yy0uMDkxLjE3OC0uMDkxLjQxMi0uMDkxLjg3OXYyLjY5OGMwIC40NCAwIC44MTkuMDI1IDEuMTMuMDI3LjMzLjA4Ny42NTguMjQ3Ljk3M2EyLjUgMi41IDAgMDAxLjA5MyAxLjA5M2MuMzE1LjE2LjY0My4yMi45NzIuMjQ3LjMxMy4wMjUuNjkyLjAyNSAxLjEzLjAyNWgyLjdjLjQ2NiAwIC43IDAgLjg3OC0uMDlhLjgzMy44MzMgMCAwMC4zNjQtLjM2NWMuMDkxLS4xNzguMDkxLS40MTEuMDkxLS44Nzh2LTQuODMzYzAtLjQ2NyAwLS43LS4wOS0uODc5YS44MzMuODMzIDAgMDAtLjM2NS0uMzY0Yy0uMTc4LS4wOS0uNDEyLS4wOS0uODc4LS4wOUgzek0xMC44MzUgMTdjMCAuNDY3IDAgLjcuMDkuODc4LjA4LjE1Ny4yMDguMjg1LjM2NS4zNjQuMTc4LjA5MS40MTEuMDkxLjg3OC4wOTFoMi42OTljLjQ0IDAgLjgxOCAwIDEuMTMtLjAyNS4zMy0uMDI3LjY1Ny0uMDg3Ljk3My0uMjQ3YTIuNSAyLjUgMCAwMDEuMDkyLTEuMDkzYy4xNi0uMzE1LjIyLS42NDMuMjQ3LS45NzIuMDI2LS4zMTIuMDI2LS42OTEuMDI2LTEuMTN2LTIuN2MwLS40NjYgMC0uNy0uMDkxLS44NzhhLjgzMi44MzIgMCAwMC0uMzY0LS4zNjRjLS4xNzgtLjA5LS40MTItLjA5LS44NzktLjA5aC00LjgzM2MtLjQ2NyAwLS43IDAtLjg3OC4wOWEuODMzLjgzMyAwIDAwLS4zNjQuMzY0Yy0uMDkxLjE3OC0uMDkxLjQxMi0uMDkxLjg3OVYxN3ptNy41LTkuMTY3YzAgLjQ2NyAwIC43LS4wOTEuODc5YS44MzMuODMzIDAgMDEtLjM2NC4zNjRjLS4xNzguMDktLjQxMi4wOS0uODc5LjA5aC00LjgzM2MtLjQ2NyAwLS43IDAtLjg3OC0uMDlhLjgzMy44MzMgMCAwMS0uMzY0LS4zNjRjLS4wOTEtLjE3OS0uMDkxLS40MTItLjA5MS0uODc5VjNjMC0uNDY3IDAtLjcuMDktLjg3OGEuODMzLjgzMyAwIDAxLjM2NS0uMzY1Yy4xNzgtLjA5LjQxMS0uMDkuODc4LS4wOWgyLjY5OWMuNDQgMCAuODE4IDAgMS4xMy4wMjUuMzMuMDI3LjY1Ny4wODYuOTczLjI0N2EyLjUgMi41IDAgMDExLjA5MiAxLjA5M2MuMTYuMzE1LjIyLjY0My4yNDcuOTcyLjAyNi4zMTIuMDI2LjY5MS4wMjYgMS4xM3YyLjd6IiBmaWxsPSIjMDMwNjFBIi8+PC9zdmc+)0 0/contain no-repeat;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuMTY4IDNjMC0uNDY3IDAtLjctLjA5LS44NzhhLjgzMy44MzMgMCAwMC0uMzY1LS4zNjVjLS4xNzgtLjA5LS40MTItLjA5LS44NzgtLjA5aC0yLjdjLS40MzggMC0uODE3IDAtMS4xMy4wMjUtLjMyOS4wMjctLjY1Ny4wODYtLjk3Mi4yNDdBMi41IDIuNSAwIDAwMS45NCAzLjAzMmMtLjE2LjMxNS0uMjIuNjQzLS4yNDcuOTcyLS4wMjUuMzEyLS4wMjUuNjkxLS4wMjUgMS4xM3YyLjdjMCAuNDY2IDAgLjcuMDkuODc4LjA4LjE1Ni4yMDguMjg0LjM2NS4zNjQuMTc4LjA5LjQxMi4wOS44NzguMDloNC44MzRjLjQ2NiAwIC43IDAgLjg3OC0uMDlhLjgzMy44MzMgMCAwMC4zNjQtLjM2NGMuMDkxLS4xNzkuMDkxLS40MTIuMDkxLS44NzlWM3ptLTYuMTY3IDcuODMzYy0uNDY2IDAtLjcgMC0uODc4LjA5MWEuODMzLjgzMyAwIDAwLS4zNjQuMzY0Yy0uMDkxLjE3OC0uMDkxLjQxMi0uMDkxLjg3OXYyLjY5OGMwIC40NCAwIC44MTkuMDI1IDEuMTMuMDI3LjMzLjA4Ny42NTguMjQ3Ljk3M2EyLjUgMi41IDAgMDAxLjA5MyAxLjA5M2MuMzE1LjE2LjY0My4yMi45NzIuMjQ3LjMxMy4wMjUuNjkyLjAyNSAxLjEzLjAyNWgyLjdjLjQ2NiAwIC43IDAgLjg3OC0uMDlhLjgzMy44MzMgMCAwMC4zNjQtLjM2NWMuMDkxLS4xNzguMDkxLS40MTEuMDkxLS44Nzh2LTQuODMzYzAtLjQ2NyAwLS43LS4wOS0uODc5YS44MzMuODMzIDAgMDAtLjM2NS0uMzY0Yy0uMTc4LS4wOS0uNDEyLS4wOS0uODc4LS4wOUgzek0xMC44MzUgMTdjMCAuNDY3IDAgLjcuMDkuODc4LjA4LjE1Ny4yMDguMjg1LjM2NS4zNjQuMTc4LjA5MS40MTEuMDkxLjg3OC4wOTFoMi42OTljLjQ0IDAgLjgxOCAwIDEuMTMtLjAyNS4zMy0uMDI3LjY1Ny0uMDg3Ljk3My0uMjQ3YTIuNSAyLjUgMCAwMDEuMDkyLTEuMDkzYy4xNi0uMzE1LjIyLS42NDMuMjQ3LS45NzIuMDI2LS4zMTIuMDI2LS42OTEuMDI2LTEuMTN2LTIuN2MwLS40NjYgMC0uNy0uMDkxLS44NzhhLjgzMi44MzIgMCAwMC0uMzY0LS4zNjRjLS4xNzgtLjA5LS40MTItLjA5LS44NzktLjA5aC00LjgzM2MtLjQ2NyAwLS43IDAtLjg3OC4wOWEuODMzLjgzMyAwIDAwLS4zNjQuMzY0Yy0uMDkxLjE3OC0uMDkxLjQxMi0uMDkxLjg3OVYxN3ptNy41LTkuMTY3YzAgLjQ2NyAwIC43LS4wOTEuODc5YS44MzMuODMzIDAgMDEtLjM2NC4zNjRjLS4xNzguMDktLjQxMi4wOS0uODc5LjA5aC00LjgzM2MtLjQ2NyAwLS43IDAtLjg3OC0uMDlhLjgzMy44MzMgMCAwMS0uMzY0LS4zNjRjLS4wOTEtLjE3OS0uMDkxLS40MTItLjA5MS0uODc5VjNjMC0uNDY3IDAtLjcuMDktLjg3OGEuODMzLjgzMyAwIDAxLjM2NS0uMzY1Yy4xNzgtLjA5LjQxMS0uMDkuODc4LS4wOWgyLjY5OWMuNDQgMCAuODE4IDAgMS4xMy4wMjUuMzMuMDI3LjY1Ny4wODYuOTczLjI0N2EyLjUgMi41IDAgMDExLjA5MiAxLjA5M2MuMTYuMzE1LjIyLjY0My4yNDcuOTcyLjAyNi4zMTIuMDI2LjY5MS4wMjYgMS4xM3YyLjd6IiBmaWxsPSIjMDMwNjFBIi8+PC9zdmc+)0 0/contain no-repeat;transition:background-color 200ms ease-in-out;background-color:var(--text-secondary)}.mobile-preview-container .card .orders-container{padding:0 22px}.mobile-preview-container .card .orders-container .order-card{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;-webkit-box-align:center;align-items:center;padding:15px 0}.mobile-preview-container .card .orders-container .order-card:not(:first-child){border-top:1px solid var(--surface-line)}.mobile-preview-container .card .orders-container .order-card .social-container{display:flex;-webkit-box-align:center;align-items:center;gap:12px}.mobile-preview-container .card .orders-container .order-card .social-container img{width:28px;height:28px}.mobile-preview-container .card .orders-container .order-card .social-text{color:var(--text-main);font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:125%}.mobile-preview-container .card .orders-container .order-card .progress-container{display:grid;grid-template-columns:1fr!important;-webkit-box-align:center;align-items:center;gap:12px}.mobile-preview-container .card .orders-container .order-card .small-text{font-size:12px}.mobile-preview-container .card .orders-container .order-card .progress-container .progress-bar-container{border-radius:100px;overflow:hidden;background:rgba(114,138,150,.2);width:100%;height:8px}.mobile-preview-container .card .orders-container .order-card .progress-container .progress-bar-container .filled{height:100%}@media (max-width:768px){.mobile-preview-container{width:80%;height:312px;bottom:-65px}}