/* Native product demonstrations: crisp type and fixed-proportion mobile screens. */
.mx-device,.mx-console{--mx-blue:#245cf4;--mx-orange:#ff7c43;--mx-ink:#192b49;--mx-secondary:#6c7f9b;--mx-line:#e5edf9;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;text-align:left;color:var(--mx-ink);line-height:1.5;font-size:12px}.mx-device *,.mx-console *{box-sizing:border-box}.mx-device h3,.mx-device h4,.mx-device p,.mx-console h3,.mx-console h4,.mx-console p{margin:0}.mx-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none}.mx-device{position:relative;width:300px;max-width:100%;aspect-ratio:300/650;flex:none;box-sizing:border-box}.mx-phone{position:absolute;left:0;top:0;width:300px;height:650px;border:7px solid #273d69;border-radius:42px;overflow:hidden;background:#fff;box-shadow:0 24px 54px #193b7524,inset 0 0 0 1px #fff;transform:scale(var(--device-scale,1));transform-origin:top left;color:#223857;font-size:12px}.mx-phone:after{content:"";position:absolute;inset:0;border:1px solid #ffffffa0;border-radius:34px;pointer-events:none;z-index:8}.mx-phone-camera{position:absolute;top:0;left:50%;transform:translateX(-50%);width:78px;height:18px;background:#273d69;border-radius:0 0 12px 12px;z-index:10}.mx-statusbar{height:34px;display:flex;justify-content:space-between;align-items:flex-start;padding:10px 19px 0;font-size:10px;line-height:1;color:#243b61;position:relative;z-index:5;background:#fff}.mx-statusbar>span{display:flex;gap:5px;align-items:center;margin-top:2px}.mx-signal{width:10px;height:7px;background:#243b61;clip-path:polygon(0 80%,25% 80%,25% 55%,50% 55%,50% 30%,75% 30%,75% 0,100% 0,100% 100%,0 100%)}.mx-wifi{width:8px;height:8px;border:1.4px solid #243b61;border-left-color:transparent;border-bottom-color:transparent;border-radius:7px 0 0 0;transform:rotate(-45deg);margin-top:3px}.mx-battery{width:14px;height:7px;border:1px solid #243b61;border-radius:2px;position:relative;background:linear-gradient(to right,transparent 8%,#243b61 8% 86%,transparent 86%)}.mx-battery:after{content:"";position:absolute;right:-3px;top:1px;width:1px;height:3px;background:#243b61}.mx-phone-content{height:542px;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;background:#fff}.mx-phone-content::-webkit-scrollbar{display:none}.mx-phone-caption{position:absolute;bottom:4px;right:14px;font-size:5px;line-height:1.2;color:#9daec8;z-index:10;letter-spacing:.4px}.mx-home-indicator{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);height:3px;width:84px;border-radius:3px;background:#2d4165;z-index:10}.mx-app-nav{position:absolute;bottom:14px;left:0;right:0;height:51px;display:flex;align-items:center;justify-content:space-around;background:#ffffffed;backdrop-filter:blur(12px);border-top:1px solid #eaf0fa;z-index:9}.mx-app-nav>span{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:43px;gap:4px;color:#8d9eba}.mx-app-nav .mx-icon{height:17px;width:17px;stroke-width:1.6}.mx-app-nav b{font-size:8px;font-weight:500;line-height:1.1}.mx-app-nav .mx-active{color:#245cf4}.mx-app-nav .mx-active .mx-icon{stroke-width:2}.mx-app-nav>span>i{width:4px;height:4px;border-radius:50%;background:#ff7c43;position:absolute;right:8px;top:0}.mx-app-heading{height:48px;padding:7px 16px 12px;display:flex;align-items:center;justify-content:space-between;background:#fff}.mx-app-heading h3{font-size:21px;letter-spacing:-.6px;line-height:1.2;font-weight:760}.mx-app-heading>span{display:flex;align-items:center;gap:15px;color:#345179}.mx-app-heading>span .mx-icon{width:17px;height:17px}.mx-avatar{display:inline-block;flex:none;width:28px;height:28px;border-radius:50%;background-image:url('/mall/assets/portraits.webp');background-size:300% 200%;background-repeat:no-repeat;background-color:#e7effe;box-shadow:inset 0 0 0 1px #183c7810;vertical-align:middle}.mx-person-0{background-position:0 0}.mx-person-1{background-position:50% 0}.mx-person-2{background-position:100% 0}.mx-person-3{background-position:0 100%}.mx-person-4{background-position:50% 100%}.mx-person-5{background-position:100% 100%}.mx-catalog{display:block;flex:none;background-image:url('/mall/assets/catalog.webp');background-size:200% 200%;background-repeat:no-repeat;background-color:#f1f6ff}.mx-product-earphones{background-position:0 0}.mx-product-tote{background-position:100% 0}.mx-product-mug{background-position:0 100%}.mx-product-shoes{background-position:100% 100%}.mx-street-photo{display:block;background:url('/mall/assets/street.webp') center/cover no-repeat #f0f5fc}.mx-screen-end{font-size:7px;color:#8c9fbc;text-align:center;padding:13px 10px 18px}.mx-content-tabs{height:34px;display:flex;align-items:center;gap:26px;padding:0 17px;font-size:11px;border-bottom:1px solid #edf2fb;color:#8a9cba}.mx-content-tabs>b{font-size:12px;color:#245cf4;font-weight:650;position:relative;height:34px;display:flex;align-items:center}.mx-content-tabs>b:after{position:absolute;content:"";width:15px;height:3px;bottom:0;left:50%;transform:translateX(-50%);background:#245cf4;border-radius:3px}.mx-content-tabs>i{margin-left:auto;color:#8299bd}.mx-content-tabs .mx-icon{height:12px;width:12px}.mx-note-categories{display:flex;justify-content:space-between;gap:5px;align-items:center;padding:11px 13px 12px;font-size:8px;color:#8097b8}.mx-note-categories>span{padding:4px 9px;border-radius:5px}.mx-note-categories>.mx-active{color:#245cf4;background:#edf3ff;font-weight:600}.mx-notes-grid{padding:0 10px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.mx-notes-grid>div{min-width:0}.mx-note-card{position:relative;border:1px solid #edf1f8;border-radius:10px;overflow:hidden;background:#fff;margin-bottom:10px}.mx-note-card>.mx-catalog{width:100%;aspect-ratio:1.05}.mx-note-card>.mx-street-photo{width:100%;height:160px;background-position:52% center}.mx-note-card>.mx-note-image-tag{position:absolute;top:8px;left:7px;background:#ffffffdb;backdrop-filter:blur(5px);font-size:6px;color:#5877a5;padding:3px 6px;border-radius:4px;border:1px solid #ffffffd0}.mx-note-card h4{font-size:10px;font-weight:650;line-height:1.7;color:#2c4367;padding:8px 8px 7px;letter-spacing:-.1px}.mx-note-meta{display:flex;align-items:center;gap:4px;padding:0 8px 9px;min-width:0;font-size:6px;color:#8a9db8}.mx-note-meta>.mx-avatar{width:15px;height:15px}.mx-note-meta>span:not(.mx-avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:53px}.mx-note-meta small{font-size:6px;display:flex;align-items:center;gap:2px;margin-left:auto}.mx-note-meta .mx-icon{height:9px;width:9px;color:#91a4c1}
/* Discovery, conversation, shopping and profile screens. */
.mx-discover-banner{position:relative;margin:0 13px;border-radius:13px;height:154px;overflow:hidden;background:#e7efff}.mx-discover-banner>.mx-street-photo{position:absolute;inset:0;background-position:60% center}.mx-discover-banner:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#122e56aa,#173b6515 90%)}.mx-discover-banner>div{position:relative;z-index:1;padding:19px 15px;color:#fff}.mx-discover-banner small{font-size:7px;color:#e2edff;letter-spacing:.2px}.mx-discover-banner h4{font-size:20px;line-height:1.5;font-weight:730;margin-top:5px;letter-spacing:-.5px}.mx-discover-banner div>span{display:inline-flex;align-items:center;gap:4px;font-size:7px;margin-top:12px;background:#ffffff26;border:1px solid #ffffff6b;border-radius:50px;padding:4px 8px}.mx-discover-banner div>span .mx-icon{height:9px;width:9px}.mx-discover-banner>i{font-style:normal;position:absolute;bottom:9px;right:10px;font-size:5px;color:#ffffffcf;z-index:1}.mx-discover-shortcut{display:flex;align-items:center;gap:6px;margin:9px 13px 14px;padding:10px 9px;border:1px solid #e8effc;border-radius:8px;background:#f6f9ff;font-size:7px;color:#7f95b6}.mx-discover-shortcut>.mx-icon{height:13px;width:13px;color:#3e71ed}.mx-discover-shortcut>span{display:flex;align-items:center;gap:3px;font-size:6px;color:#6689cf;margin-left:auto;white-space:nowrap}.mx-discover-shortcut>span>.mx-icon{height:8px;width:8px}.mx-discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 13px}.mx-discover-grid>div{display:flex;align-items:center;flex-direction:column;padding:13px 4px 11px;border:1px solid #e8effa;border-radius:10px;background:#fff}.mx-discover-grid>div>span{width:28px;height:28px;border-radius:9px;background:#e8f0ff;display:grid;place-items:center;color:#4777df;margin-bottom:6px}.mx-discover-grid>div>span>.mx-icon{height:16px;width:16px}.mx-discover-grid b{font-size:9px;font-weight:600;color:#496486}.mx-discover-grid small{font-size:6px;color:#96a7c0;margin-top:3px}.mx-discover-grid>.mx-feature-0>span{color:#dc8e4f;background:#fff0e3}.mx-discover-grid>.mx-feature-1>span{color:#d76b86;background:#fff0f5}.mx-discover-grid>.mx-feature-3>span{color:#a67bdd;background:#f2ecff}.mx-discover-grid>.mx-feature-4>span{color:#2b9d83;background:#e8f7f1}.mx-discover-grid>.mx-feature-5>span{color:#7290de;background:#edf1ff}.mx-discover-section-title{display:flex;align-items:center;justify-content:space-between;padding:20px 15px 10px}.mx-discover-section-title>b{font-size:11px;font-weight:650}.mx-discover-section-title>small{font-size:6px;color:#8da2c1}.mx-discover-goods{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 10px 14px 15px;background:#edf3ff;border:1px solid #e1eafd;border-radius:11px;margin:0 13px 12px;min-height:112px}.mx-discover-goods>div{position:relative;z-index:1}.mx-discover-goods div>span{font-size:6px;color:#5f88d2;letter-spacing:.5px}.mx-discover-goods h4{font-size:17px;line-height:1.55;font-weight:700;margin-top:5px;color:#315caa}.mx-discover-goods small{display:flex;align-items:center;gap:3px;font-size:5px;color:#89a5d0;margin-top:6px}.mx-discover-goods small>.mx-icon{height:8px;width:8px}.mx-discover-goods>.mx-catalog{height:94px;width:94px;border-radius:10px;margin-left:-6px}.mx-message-shortcuts{display:flex;justify-content:space-around;padding:7px 8px 18px;border-bottom:1px solid #eaf0fa}.mx-message-shortcuts>span{display:flex;flex-direction:column;align-items:center;gap:8px}.mx-message-shortcuts i{height:35px;width:35px;display:grid;place-items:center;background:#e8f0ff;color:#4f7de2;border-radius:12px}.mx-message-shortcuts i>.mx-icon{height:19px;width:19px}.mx-message-shortcuts .mx-shortcut-1{color:#ef9859;background:#fff0e4}.mx-message-shortcuts .mx-shortcut-2{color:#5aa998;background:#e9f7f3}.mx-message-shortcuts b{font-size:8px;font-weight:500;color:#7e93b2}.mx-message-tabs{display:flex;align-items:center;gap:24px;height:42px;padding:0 17px;font-size:9px;color:#8ca1bf}.mx-message-tabs>b{color:#245cf4;font-weight:650}.mx-message-tabs i{background:#edf3ff;color:#638ada;font-size:6px;padding:1px 4px;border-radius:3px;font-style:normal;margin-left:3px}.mx-session{position:relative;display:flex;gap:9px;padding:16px 13px 15px;border-bottom:1px solid #eff3fa;align-items:flex-start}.mx-session-highlight{background:#f5f8ff;border-block:1px solid #edf2fc}.mx-session>.mx-avatar,.mx-group-avatar{width:37px;height:37px;border-radius:12px;flex:none}.mx-session>div{min-width:0;flex:1}.mx-session header{display:flex;align-items:center;gap:5px;justify-content:space-between}.mx-session header>b{font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.7}.mx-session time{font-size:7px;color:#99abc6;white-space:nowrap}.mx-session p{font-size:8px;color:#94a5bf;line-height:1.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;max-width:192px}.mx-session>div>small{font-size:6px;color:#7e9bce;background:#e9f0ff;padding:2px 5px;border-radius:3px;display:inline-block;margin-top:6px}.mx-session>em{font-size:6px;line-height:13px;height:13px;min-width:13px;border-radius:50%;background:#ff8b66;color:#fff;text-align:center;font-style:normal;position:absolute;right:14px;bottom:16px}.mx-group-avatar{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;background:#e6edfb}.mx-group-avatar .mx-avatar{height:14px;width:14px;border-radius:4px}.mx-message-tip{display:flex;align-items:center;justify-content:center;gap:5px;font-size:7px;color:#92a6c7;padding:20px 7px}.mx-message-tip .mx-icon{height:12px;width:12px}.mx-screen-chat>.mx-phone-content{height:542px;background:#f1f6ff}.mx-chat-heading{display:flex;align-items:center;gap:11px;background:#fff;padding:8px 13px 13px;height:53px;border-bottom:1px solid #edf2fb}.mx-chat-heading>.mx-icon{height:17px;width:17px;color:#4e6a92}.mx-chat-heading>div{flex:1;min-width:0}.mx-chat-heading h3{font-size:12px;font-weight:650;line-height:1.5}.mx-chat-heading small{display:flex;align-items:center;gap:4px;font-size:7px;color:#8297b6;margin-top:3px}.mx-chat-heading small>i{width:4px;height:4px;background:#6fb89a;border-radius:50%}.mx-chat-service-label{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;color:#7392c4;font-size:7px;background:#e9f1ff;border-bottom:1px solid #e3ecfc}.mx-chat-service-label>.mx-icon{height:11px;width:11px}.mx-chat-time{text-align:center;font-size:7px;color:#a0b2ce;margin:14px 0}.mx-chat-row{display:flex;align-items:flex-start;gap:7px;padding:0 10px;margin-bottom:15px}.mx-chat-row>.mx-avatar{width:28px;height:28px;border-radius:9px}.mx-chat-row>div{max-width:205px;min-width:0}.mx-chat-bubble{display:block;background:#fff;border:1px solid #e4ecfa;border-radius:3px 10px 10px 10px;padding:9px 10px;font-size:9px;line-height:1.9;color:#567094;box-shadow:0 2px 5px #143f7a02}.mx-chat-row-mine{justify-content:flex-end}.mx-chat-row-mine .mx-chat-bubble{background:#3268f6;color:#fff;border-color:#3268f6;border-radius:10px 3px 10px 10px}.mx-chat-row-mine div>small{display:block;text-align:right;font-size:6px;color:#8ba9d8;margin-top:4px}.mx-chat-goods-card{background:#fff;border:1px solid #dce8fc;border-radius:11px;overflow:hidden;width:205px;box-shadow:0 4px 12px #245cf407}.mx-chat-goods-card>div{display:flex;gap:8px;padding:10px}.mx-chat-goods-card .mx-catalog{height:67px;width:67px;border-radius:7px}.mx-chat-goods-card>div>span:not(.mx-catalog){padding-top:3px;flex:1;min-width:0}.mx-chat-goods-card small{font-size:6px;color:#90a4c3;display:block}.mx-chat-goods-card b{font-size:9px;font-weight:650;line-height:1.6;display:block;margin:6px 0 5px;color:#3e5b85}.mx-chat-goods-card strong{font-size:17px;font-weight:700;color:#f47d46;letter-spacing:-.4px}.mx-chat-goods-card strong>i{font-style:normal;font-size:9px;margin-right:2px}.mx-chat-goods-card strong>em{font-style:normal;font-size:5px;font-weight:400;letter-spacing:0;color:#b3a08f;margin-left:5px}.mx-chat-goods-card footer{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border-top:1px solid #edf2fb;background:#f8faff;color:#7497d1;font-size:7px}.mx-chat-goods-card footer .mx-icon{width:10px;height:10px}.mx-voice-bubble{display:flex;align-items:center;gap:3px;min-width:110px;padding-block:9px}.mx-voice-bubble>.mx-icon{height:14px;width:14px;margin-right:4px}.mx-voice-bubble>i{width:2px;height:8px;background:#acc1e7;border-radius:2px}.mx-voice-bubble>i:nth-child(3n){height:15px}.mx-voice-bubble>i:nth-child(2n){height:11px}.mx-voice-bubble b{font-size:8px;color:#96adcf;margin-left:8px}.mx-chat-order-note{display:flex;align-items:center;justify-content:center;gap:5px;margin:16px 12px 13px;color:#8ba8d4;font-size:6px}.mx-chat-order-note>.mx-icon{height:11px;width:11px}.mx-chat-input{position:absolute;bottom:14px;left:0;right:0;background:#fff;height:49px;border-top:1px solid #e5edfb;display:flex;align-items:center;gap:9px;padding:9px 11px;color:#6d89b1;z-index:9}.mx-chat-input>.mx-icon{height:17px;width:17px}.mx-chat-input>span{background:#f3f7ff;border:1px solid #e9effa;border-radius:6px;padding:8px;font-size:7px;flex:1;color:#a2b4cf;white-space:nowrap}.mx-screen-shop .mx-phone-content{background:#fff}.mx-shop-heading{display:flex;align-items:center;justify-content:space-between;height:43px;padding:3px 13px 10px}.mx-shop-heading>.mx-icon,.mx-shop-heading>span>.mx-icon{height:16px;width:16px;color:#5d7ba6}.mx-shop-heading h3{font-size:14px;font-weight:700}.mx-shop-search{display:flex;align-items:center;gap:7px;border:1px solid #e6eefb;background:#f5f8ff;margin:0 13px 11px;padding:8px 9px;border-radius:7px;font-size:8px;color:#9aafd1}.mx-shop-search>.mx-icon{height:12px;width:12px;color:#7596cb}.mx-shop-search>.mx-icon:last-child{margin-left:auto;color:#4675cf;height:15px;width:15px}.mx-shop-banner{position:relative;margin:0 13px;height:137px;border-radius:12px;background:linear-gradient(110deg,#e6eeff,#eaf2ff);border:1px solid #dfeafe;display:flex;align-items:center;overflow:hidden}.mx-shop-banner>div{padding-left:15px;position:relative;z-index:2}.mx-shop-banner small{font-size:6px;letter-spacing:.5px;color:#6b90cc}.mx-shop-banner h4{font-size:21px;font-weight:760;color:#285cbd;line-height:1.4;letter-spacing:-.5px;margin-top:5px}.mx-shop-banner div>span{display:inline-flex;align-items:center;gap:4px;margin-top:9px;font-size:6px;color:#7b9cd2}.mx-shop-banner div>span>.mx-icon{height:9px;width:9px}.mx-shop-banner>.mx-catalog{width:139px;height:139px;position:absolute;right:-10px;top:-1px;border-radius:12px;mix-blend-mode:multiply}.mx-shop-categories{display:flex;justify-content:space-between;margin:15px 15px 14px}.mx-shop-categories>span{display:flex;align-items:center;flex-direction:column;gap:7px}.mx-shop-categories i{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#eaf1ff;color:#6089dd}.mx-shop-categories .mx-category-1>i{color:#d89359;background:#fff1e5}.mx-shop-categories .mx-category-2>i{color:#8c77c4;background:#f0ebfc}.mx-shop-categories .mx-category-3>i{color:#66a395;background:#eaf7f2}.mx-shop-categories .mx-icon{height:17px;width:17px}.mx-shop-categories b{font-size:7px;font-weight:500;color:#7e96b8}.mx-coupon-banner{display:flex;align-items:center;justify-content:space-between;gap:4px;background:#fff3e9;border:1px solid #ffe5d2;border-radius:8px;padding:9px 9px;margin:0 13px;color:#d99561;font-size:7px}.mx-coupon-banner>span{display:flex;align-items:center;gap:5px}.mx-coupon-banner>span>.mx-icon{height:14px;width:14px;color:#f3a05f}.mx-coupon-banner>b{display:flex;align-items:center;gap:2px;font-size:6px;font-weight:500;white-space:nowrap}.mx-coupon-banner>b>.mx-icon{height:8px;width:8px}.mx-shop-products-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 14px 12px}.mx-shop-products-heading h4{font-size:12px;font-weight:650}.mx-shop-products-heading>span{font-size:6px;color:#a0b0c9}.mx-shop-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px}.mx-shop-product-grid article{background:#fff;border:1px solid #e5edf9;border-radius:10px;overflow:hidden;min-width:0}.mx-shop-product-grid article>.mx-catalog{aspect-ratio:1; width:100%}.mx-shop-product-grid article>div{padding:8px 8px 9px}.mx-shop-product-grid small{font-size:6px;color:#a1b0c8}.mx-shop-product-grid h4{font-size:9px;line-height:1.75;min-height:31px;font-weight:600;color:#496587;margin-top:4px}.mx-shop-product-grid footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.mx-shop-product-grid strong{font-size:16px;color:#ed7e4c;letter-spacing:-.3px;font-weight:700}.mx-shop-product-grid strong>i{font-size:8px;margin-right:2px;font-style:normal}.mx-shop-product-grid footer>span{display:grid;place-items:center;height:17px;width:17px;background:#fff0e7;border:1px solid #ffe2ce;color:#eb935e;border-radius:50%}.mx-shop-product-grid footer>span>.mx-icon{width:10px;height:10px}.mx-shop-nav .mx-active{color:#245cf4}.mx-shop-nav .mx-icon{height:16px;width:16px}.mx-shop-nav b{font-size:7px}.mx-profile-cover{padding:4px 16px 18px;background:linear-gradient(145deg,#e8f1ff,#f4f8ff 75%,#fff);position:relative;overflow:hidden;border-bottom:1px solid #e8f0ff}.mx-profile-cover:after{content:"";position:absolute;width:170px;height:170px;right:-54px;top:-65px;border:1px solid #d1e0ff;border-radius:50%;box-shadow:0 0 0 25px #e5eeff80,0 0 0 50px #e5eeff50;pointer-events:none}.mx-profile-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:31px;color:#6585b5}.mx-profile-top .mx-icon{height:16px;width:16px}.mx-profile-identity{position:relative;z-index:1;display:flex;align-items:center;gap:13px;padding:16px 0 17px}.mx-profile-identity>.mx-avatar{height:62px;width:62px;border:3px solid #fff;box-shadow:0 5px 13px #4268ab18;border-radius:22px}.mx-profile-identity h3{font-size:20px;font-weight:740;letter-spacing:-.6px;margin-bottom:4px;color:#284a79}.mx-profile-identity>div>span{display:block;font-size:7px;color:#8fa5c7}.mx-profile-identity small{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #dae5fa;color:#86a0ca;border-radius:50px;padding:3px 7px;font-size:6px;margin-top:8px}.mx-profile-identity small>.mx-icon{height:7px;width:7px}.mx-profile-counts{position:relative;z-index:1;display:flex;gap:33px;padding:0 4px;align-items:center}.mx-profile-counts>span{font-size:7px;color:#92a6c6;text-align:center}.mx-profile-counts b{display:block;font-size:16px;color:#4a6da5;font-weight:650;letter-spacing:-.4px;line-height:1.7;margin-bottom:1px}.mx-profile-counts>i{margin-left:auto;font-style:normal;font-size:5px;color:#a4b8d9;writing-mode:vertical-lr;letter-spacing:1px}.mx-profile-content-tabs{display:flex;justify-content:center;gap:45px;align-items:center;height:45px;font-size:10px;border-bottom:1px solid #edf2fa;color:#90a4c2}.mx-profile-content-tabs b{color:#245cf4;font-weight:650;position:relative}.mx-profile-content-tabs b:after{content:"";height:2px;width:12px;background:#245cf4;position:absolute;bottom:-12px;left:4px;border-radius:2px}.mx-profile-orders{margin:14px 13px 10px;padding:13px 11px;background:#fff;border:1px solid #e5eefc;box-shadow:0 3px 12px #295fa408;border-radius:11px}.mx-profile-orders>div{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:16px}.mx-profile-orders>div>b{font-size:10px;font-weight:600;color:#42618e}.mx-profile-orders>div>span{font-size:6px;display:flex;align-items:center;gap:2px;color:#9cb1d0}.mx-profile-orders>div>span>.mx-icon{height:8px;width:8px}.mx-profile-orders>section{display:flex;justify-content:space-around}.mx-profile-orders>section>span{display:flex;align-items:center;flex-direction:column;gap:7px;color:#718fc0}.mx-profile-orders>section .mx-icon{height:19px;width:19px}.mx-profile-orders>section small{font-size:7px;color:#91a5c3}.mx-profile-tools{margin:0 13px;border:1px solid #e7eefb;border-radius:11px;padding:0 11px;background:#fff}.mx-profile-tools>div{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #edf2fa}.mx-profile-tools>div:last-child{border:0}.mx-profile-tools i{height:24px;width:24px;border-radius:7px;background:#edf4ff;color:#7e9dcc;display:grid;place-items:center}.mx-profile-tools i>.mx-icon{height:13px;width:13px}.mx-profile-tools b{font-size:9px;font-weight:500;color:#587398}.mx-profile-tools small{font-size:6px;color:#adc0db;margin-left:auto}.mx-profile-tools>div>.mx-icon{height:9px;width:9px;color:#a8bedc}
/* Three complete business workspaces. */
.mx-console{width:100%;max-width:1280px;margin-inline:auto}.mx-console-scope{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:23px}.mx-console-scope>button{display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:13px;font-weight:600;color:#7d94b6;background:#fff;border:1px solid #dfe9fa;border-radius:9px;padding:12px 22px;cursor:pointer;line-height:1.5;transition:background .15s,color .15s,box-shadow .15s}.mx-console-scope>button>.mx-icon{height:18px;width:18px}.mx-console-scope>button.mx-active,.mx-console-scope>button[aria-pressed=true]{background:#245cf4;border-color:#245cf4;color:#fff;box-shadow:0 5px 14px #245cf41a}.mx-console-scope>button:focus-visible,.mx-console-scroll:focus-visible{outline:3px solid #97b7ff;outline-offset:4px}.mx-console-scope>button:not(.mx-active):hover{background:#f2f7ff;color:#4878d6}.mx-console-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;border-radius:16px;border:1px solid #dae5f6;background:#fff;box-shadow:0 25px 60px #1b468514;scrollbar-color:#c0d4f7 #f1f6ff;scrollbar-width:thin}.mx-console-window{min-width:980px;background:#fff;overflow:hidden}.mx-console-window-top{display:flex;align-items:center;gap:14px;height:39px;background:#fff;border-bottom:1px solid #e9eff9;padding:0 18px}.mx-console-window-top>span{display:flex;gap:5px}.mx-console-window-top>span>i{height:7px;width:7px;border-radius:50%;background:#f3b1a0}.mx-console-window-top>span>i:nth-child(2){background:#f5da85}.mx-console-window-top>span>i:nth-child(3){background:#9bceb3}.mx-console-window-top>b{font-size:9px;font-weight:500;color:#6e85a5;letter-spacing:.2px}.mx-console-window-top>small{margin-left:auto;color:#a7b8d1;font-size:8px;border:1px solid #e8eef9;padding:2px 7px;border-radius:4px}.mx-console-panel{display:grid;grid-template-columns:175px minmax(0,1fr);min-height:712px}.mx-console-panel[hidden]{display:none!important}.mx-console-sidebar{display:flex;flex-direction:column;padding:22px 11px 14px;border-right:1px solid #dfeafa;background:#f5f8ff;min-height:100%}.mx-console-brand{display:flex;align-items:center;gap:9px;padding:0 8px 22px}.mx-console-brand>i{height:31px;width:31px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#5b8fff,#245cf4);box-shadow:0 4px 7px #245cf414}.mx-console-brand>i>.mx-icon{height:19px;width:19px;stroke-width:1.9}.mx-console-brand b{font-size:13px;font-weight:730;display:block;letter-spacing:.1px;color:#2c4c7c}.mx-console-brand small{font-size:7px;display:block;color:#9db1d1;margin-top:3px}.mx-console-workspace{display:flex;align-items:center;gap:7px;border:1px solid #dfe8fa;border-radius:7px;background:#fff;padding:10px 7px;margin-bottom:18px}.mx-console-workspace>span{height:24px;width:24px;border-radius:7px;display:grid;place-items:center;background:#edf3ff;color:#7295d4}.mx-console-workspace>span>.mx-icon{height:14px;width:14px}.mx-console-workspace b{font-size:9px;display:block;font-weight:600;color:#6785b0}.mx-console-workspace small{font-size:6px;display:block;color:#a5b8d3;margin-top:3px}.mx-console-workspace>.mx-icon{height:10px;width:10px;color:#a4b9d9;margin-left:auto}.mx-console-sidebar nav{display:grid;gap:4px}.mx-console-menu{display:flex;align-items:center;gap:9px;padding:9px 10px;color:#647fa4;border-radius:7px;font-size:9px;min-height:35px}.mx-console-menu>.mx-icon{height:16px;width:16px}.mx-console-menu.mx-active{color:#376ce6;background:#e6efff;font-weight:650}.mx-console-menu>small{font-size:6px;background:#e5eefc;color:#8ea9d1;margin-left:auto;min-width:13px;text-align:center;padding:1px 4px;border-radius:3px}.mx-console-help{display:flex;align-items:center;gap:6px;font-size:7px;color:#9db4d7;padding:17px 6px 0;border-top:1px solid #e1eafb;margin-top:auto}.mx-console-help>.mx-icon{height:13px;width:13px}.mx-console-body{min-width:0;background:#fbfdff}.mx-console-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:10px;height:48px;padding:0 22px;background:#fff;border-bottom:1px solid #edf2fb}.mx-console-breadcrumb>span{font-size:8px;color:#a0b1ce}.mx-console-breadcrumb i{font-style:normal;margin:0 11px;color:#bfcee6}.mx-console-breadcrumb>div{display:flex;align-items:center;gap:17px}.mx-console-breadcrumb>div>small{font-size:7px;color:#a2b4d0}.mx-console-breadcrumb>div>.mx-icon{height:14px;width:14px;color:#8ca9d1}.mx-console-breadcrumb .mx-avatar{height:25px;width:25px}.mx-console-page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 23px 22px}.mx-console-page-title>div>small{font-size:6px;color:#8aa8d9;letter-spacing:1.2px}.mx-console-page-title h3{font-size:22px;font-weight:720;letter-spacing:-.6px;color:#2f5287;margin-top:5px}.mx-console-page-title p{font-size:9px;color:#6f86a5;margin-top:6px;line-height:1.9}.mx-console-example{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:7px;color:#8aa8d5;border:1px solid #dfeafb;border-radius:5px;background:#fff;padding:6px 8px}.mx-console-example>.mx-icon{height:12px;width:12px}.mx-console-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 23px 20px}.mx-console-kpis>article{display:flex;align-items:flex-start;gap:11px;border:1px solid #e3ecfb;background:#fff;padding:15px 12px;border-radius:9px}.mx-kpi-icon{height:30px;width:30px;border-radius:10px;display:grid;place-items:center;color:#6a95ea;background:#edf3ff}.mx-kpi-icon>.mx-icon{height:17px;width:17px}.mx-kpi-1{background:#fff1e6;color:#dfaa77}.mx-kpi-2{background:#eaf7f2;color:#83b5a4}.mx-kpi-3{background:#f0edff;color:#ab98d8}.mx-console-kpis article>div>span{font-size:7px;color:#6f87a9;white-space:nowrap}.mx-console-kpis b{display:block;font-size:26px;color:#3b6197;font-weight:700;letter-spacing:-.7px;line-height:1.3;margin-top:6px}.mx-console-kpis b>small{font-size:7px;letter-spacing:0;font-weight:400;color:#a3b8d7;margin-left:4px}.mx-console-kpis p{font-size:6px;color:#8a9fbf;margin-top:7px;line-height:1.5}.mx-console-content-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(210px,1fr);gap:15px;margin:0 23px 0}.mx-console-table-section,.mx-console-quick,.mx-console-tasks,.mx-console-activity{border:1px solid #e1eafa;border-radius:9px;background:#fff;overflow:hidden}.mx-console-table-section>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 15px 15px}.mx-console-table-section h4{font-size:11px;font-weight:650;color:#4a6b99}.mx-console-table-section header p{font-size:7px;line-height:1.8;color:#9db2d1;margin-top:5px}.mx-console-table-section header>span{font-size:6px;color:#86a5d4;display:flex;align-items:center;gap:3px;white-space:nowrap}.mx-console-table-section header>span>.mx-icon{height:8px;width:8px}.mx-console-table-tools{display:flex;align-items:center;gap:7px;padding:0 13px 13px}.mx-console-table-tools>span{font-size:6px;display:flex;align-items:center;gap:5px;background:#f7faff;border:1px solid #e6eefc;border-radius:5px;padding:6px 7px;color:#acc0dc;flex:1}.mx-console-table-tools>span>.mx-icon{height:10px;width:10px}.mx-console-table-tools>i{font-style:normal;font-size:6px;border:1px solid #e6edfa;border-radius:5px;padding:6px 7px;color:#9cb3d4;display:flex;align-items:center;gap:6px;white-space:nowrap}.mx-console-table-tools>i>.mx-icon{height:7px;width:7px;transform:rotate(90deg)}.mx-console-table-tools>b{font-size:6px;font-weight:500;border:1px solid #245cf4;background:#245cf4;color:#fff;border-radius:5px;padding:6px 7px;display:flex;align-items:center;gap:4px;white-space:nowrap}.mx-console-table-tools>b>.mx-icon{height:8px;width:8px}.mx-console-table{padding:0 13px}.mx-console-table-header{display:grid;grid-template-columns:minmax(0,1fr) 67px 54px 53px;gap:7px;background:#f0f6ff;border:1px solid #e5eefc;border-radius:5px;padding:8px 8px;font-size:6px;color:#7893bb}.mx-console-table-row{display:grid;grid-template-columns:minmax(0,1fr) 67px 54px 53px;gap:7px;align-items:center;border-bottom:1px solid #edf3fc;padding:12px 8px}.mx-console-table-row>div{display:flex;align-items:center;gap:8px;min-width:0}.mx-console-table-row .mx-catalog{height:36px;width:36px;border-radius:6px;border:1px solid #edf2fc}.mx-console-table-row b{display:block;font-size:8px;color:#49678f;font-weight:600;line-height:1.7}.mx-console-table-row small{display:block;font-size:6px;color:#8fa5c4;line-height:1.8;margin-top:3px}.mx-console-table-row>span{font-size:6px;color:#859fc2;white-space:nowrap}.mx-console-table-row>em{font-style:normal;font-size:6px;justify-self:start;padding:3px 6px;border-radius:4px;white-space:nowrap}.mx-status-amber{background:#fff3df;color:#bfa675}.mx-status-blue{background:#edf3ff;color:#87a8e2}.mx-status-green{background:#edf8f1;color:#89b49e}.mx-console-table-row>strong{font-size:6px;font-weight:500;color:#4f7bc2}.mx-console-table-section>footer{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;font-size:6px;color:#acbfdc}.mx-console-table-section>footer>div{display:flex;gap:6px;align-items:center}.mx-console-table-section>footer i{display:grid;place-items:center;width:16px;height:16px;border:1px solid #e9f0fb;border-radius:3px}.mx-console-table-section>footer .mx-icon{height:6px;width:6px}.mx-console-table-section>footer b{font-size:6px;font-weight:500;background:#eaf1ff;border:1px solid #dde9ff;display:grid;place-items:center;width:16px;height:16px;color:#86a4db;border-radius:3px}.mx-console-quick{margin-top:14px;padding:15px}.mx-console-quick>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.mx-console-quick h4{font-size:10px;color:#6989b5;font-weight:600}.mx-console-quick header>span{font-size:6px;color:#afc2de}.mx-console-quick>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mx-console-quick>div>span{display:flex;align-items:center;gap:7px;font-size:7px;color:#95aed0;background:#f7faff;border:1px solid #e8f0fc;padding:8px;border-radius:5px}.mx-console-quick>div>span>.mx-icon:first-child{height:12px;width:12px;color:#86a7df}.mx-console-quick b{font-weight:500;font-size:7px}.mx-console-quick>div>span>.mx-icon:last-child{height:7px;width:7px;margin-left:auto;color:#c0cfe7}.mx-console-tasks{padding:16px 13px}.mx-console-tasks>header{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:15px}.mx-console-tasks h4{font-size:10px;font-weight:600;color:#6d8bb6}.mx-console-tasks header>span{font-size:6px;color:#b1c2dd}.mx-console-tasks>div{display:flex;align-items:flex-start;gap:9px;padding:12px 0;border-top:1px solid #edf3fc}.mx-console-tasks>div>i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#edf3ff;color:#98b5e6}.mx-console-tasks>div>i>.mx-icon{height:14px;width:14px}.mx-console-tasks .mx-task-1{background:#fff4e9;color:#d9b18c}.mx-console-tasks .mx-task-2{background:#ebf8f2;color:#9bc5b3}.mx-console-tasks b{font-size:8px;font-weight:600;color:#6382ab}.mx-console-tasks p{font-size:6px;line-height:1.8;color:#93aaca;margin-top:4px}.mx-console-tasks small{font-size:6px;display:flex;align-items:center;gap:3px;color:#9eb8de;margin-top:6px}.mx-console-tasks small>.mx-icon{height:7px;width:7px}.mx-console-activity{margin-top:14px;padding:16px 13px}.mx-console-activity h4{font-size:9px;font-weight:600;color:#7b98bf}.mx-console-activity>header{margin-bottom:16px}.mx-console-activity>div{display:flex;gap:8px;position:relative;padding:0 0 15px}.mx-console-activity>div:last-child{padding-bottom:0}.mx-console-activity>div>i{width:5px;height:5px;border-radius:50%;background:#c5d7f6;margin-top:5px;flex:none}.mx-console-activity>div:not(:last-child):after{content:"";position:absolute;width:1px;top:14px;bottom:0;left:2px;background:#e3ecfb}.mx-console-activity b{font-size:7px;color:#7896bf;font-weight:500}.mx-console-activity p{font-size:6px;line-height:1.8;margin-top:3px;color:#9ab0cd}.mx-console-activity small{font-size:5px;color:#becfe7;display:block;margin-top:5px}.mx-console-footnote{font-size:6px;color:#b0c4e2;padding:18px 23px 16px}.mx-console-swipe-tip{display:none;align-items:center;justify-content:flex-end;gap:6px;font-size:10px;color:#8fa8d0;margin-bottom:10px}.mx-console-swipe-tip>.mx-icon{height:13px;width:13px}
@media(max-width:1100px){.mx-console-swipe-tip{display:flex}.mx-console-scope{gap:8px;margin-bottom:17px}.mx-console-scope>button{padding:11px 17px;font-size:12px;gap:8px}.mx-console-scope>button>.mx-icon{height:16px;width:16px}.mx-console-scroll{border-radius:13px}}
@media(max-width:600px){.mx-console-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mx-console-scope>button{flex-direction:column;gap:7px;font-size:10px;padding:12px 5px;border-radius:8px}.mx-console-scope>button>.mx-icon{height:19px;width:19px}.mx-console-swipe-tip{justify-content:center;font-size:9px;margin-bottom:10px}.mx-console-swipe-tip>.mx-icon{height:12px;width:12px}.mx-console-window{min-width:980px}.mx-console-scroll{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.mx-console-scope>button{transition:none}}