.card-container{width:90%;margin:0 auto;max-width:928px;overflow:hidden;background:var(--surface-background-secondary);border-top-left-radius:16px;border-top-right-radius:16px}@media (max-width:768px){.card-container{width:900px;position:absolute;left:20px}}.card-container .header-container{padding:20px 24px;border-bottom:1px solid var(--surface-border);display:flex;align-items:center;justify-content:space-between}.card-container .header-container>div{display:flex;align-items:center;gap:30px}.card-container .link{display:flex;align-items:center;padding-left:30px;position:relative;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:125%}.card-container .link:before{position:absolute;width:20px;height:20px;left:0;top:0;bottom:0;margin:auto;content:""}.card-container .link.cart:before,.card-container .link.plus:before{mask:url(/ssr-landing-static/default/order-card/plus.svg)no-repeat;mask-size:contain;-webkit-mask:url(/ssr-landing-static/default/order-card/plus.svg)no-repeat;-webkit-mask-size:contain;background-color:var(--text-secondary)}.card-container .link.cart:before{mask:url(/ssr-landing-static/default/order-card/cart.svg)no-repeat;-webkit-mask:url(/ssr-landing-static/default/order-card/cart.svg)no-repeat}.card-container .link.help:before,.card-container .link.menu:before,.card-container .link.services:before{mask:url(/ssr-landing-static/default/order-card/services.svg)no-repeat;mask-size:contain;-webkit-mask:url(/ssr-landing-static/default/order-card/services.svg)no-repeat;-webkit-mask-size:contain;background-color:var(--text-secondary)}.card-container .link.help:before,.card-container .link.menu:before{mask:url(/ssr-landing-static/default/order-card/help.svg)no-repeat;-webkit-mask:url(/ssr-landing-static/default/order-card/help.svg)no-repeat}.card-container .link.menu:before{mask:url(/ssr-landing-static/default/order-card/menu.svg)no-repeat;-webkit-mask:url(/ssr-landing-static/default/order-card/menu.svg)no-repeat}.card-container .content-container{padding:0 22px}.card-container .content-container .network-container{display:grid;grid-template-columns:.8fr .5fr 1.3fr .5fr;align-items:center;padding:15px 0}.card-container .content-container .network-container:not(:first-child){border-top:1px solid var(--surface-border)}.card-container .content-container .network-container+.card-container .content-container .network-container{border-top:1px solid var(--surface-line)}.card-container .content-container .network-title-container{display:flex;align-items:center;gap:12px}.card-container .content-container .network-title-container img{width:28px;height:28px}.card-container .content-container .created-at{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;font-weight:500}.card-container .content-container .progress-container{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px}.card-container .content-container .right-align{display:flex;justify-content:flex-end}.card-container .content-container .progress-bar-container{border-radius:100px;overflow:hidden;background:#0003;width:100%;height:8px}.card-container .content-container .progress-bar-container .progress-bar-filled{height:100%}.card-container .content-container .main-text{color:var(--text-main);font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:125%}@media (max-width:768px){.card-container{display:none}.mobile-preview-container{height:480px;bottom:unset;top:20px;position:relative;width:100%;max-width:320px;left:0;right:0;margin:0 auto;border-radius:20px;border:15px solid rgba(0,0,0,.3)}.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 (min-width:769px){.mobile-preview-container{display:none}}