#mass-os[data-mini-app-os]{height:916px;padding:40px 48px 0;--mini-ease:cubic-bezier(.2,.75,.25,1)}#mass-os[data-mini-app-os] .chapter-heading{margin-bottom:34px}#mass-os[data-mini-app-os] .os-stage{height:528px;overflow:visible;border-radius:0}#mass-os[data-mini-app-os] .os-panel{visibility:hidden;transition:opacity .25s ease;transform:none}#mass-os[data-mini-app-os] .os-panel.is-visible{visibility:visible}#mass-os[data-mini-app-os] .os-captions{margin-top:28px;min-height:90px}#mass-os[data-mini-app-os] .os-caption{gap:10px;text-align:center}#mass-os[data-mini-app-os] .os-caption p:last-child{margin:0;line-height:26px}#mass-os[data-mini-app-os] .os-tabs-viewport{bottom:12px;overflow-x:auto;scrollbar-width:none}#mass-os[data-mini-app-os] .os-tabs-viewport::-webkit-scrollbar{display:none}.mx-mini-cloud{position:relative;width:1064px;height:528px;flex:none;isolation:isolate;touch-action:pan-y}.mx-mini-app{position:absolute;left:calc(var(--x)*1px);top:calc(var(--y)*1px);width:calc(var(--s)*1px);height:calc(var(--s)*1px);transform:translate(-50%,-50%);padding:0;border:0;border-radius:20%;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-y;z-index:1}.mx-mini-app:focus-visible{outline:2px solid #c1ff56;outline-offset:5px}.mx-mini-logo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:1;transform:scale(1);transition:transform .22s var(--mini-ease),opacity .22s ease;pointer-events:none}.mx-mini-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1}.mx-mini-ui{display:none}.mx-mini-app.is-focused{z-index:10}.mx-mini-app.is-hovered,.mx-mini-app:focus-visible{z-index:11}.mx-mini-cloud .mx-mini-app.is-hovered .mx-mini-logo,.mx-mini-cloud .mx-mini-app:focus-visible .mx-mini-logo{transform:scale(1.23);animation:none}.mx-mini-cloud.is-entering .mx-mini-logo{animation:mx-mini-reveal .55s both var(--mini-ease);animation-delay:var(--reveal-delay,0ms)}@keyframes mx-mini-reveal{0%{opacity:0;transform:scale(.9) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.mx-mini-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:24px 27px 28px;box-sizing:border-box;width:min(392px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;scrollbar-width:none;border:1px solid #fff;border-radius:24px;background:#141619;color:#fff;font-family:Urbanist,Arial,sans-serif;text-align:left;box-shadow:0 16px 48px #0004}.mx-mini-dialog::-webkit-scrollbar{display:none}.mx-mini-dialog[open],.mx-mini-hover:not([hidden]){display:flex;flex-direction:column;gap:20px;animation:mx-mini-dialog-in .18s ease both}.mx-mini-hover{inset:auto;margin:0;z-index:10010;width:min(200px,calc(100vw - 24px));padding:12px;border-radius:18px}.mx-mini-hover:not([hidden]){gap:8px;animation:none}.mx-mini-hover .mx-mini-dialog-header{min-height:24px;gap:8px}.mx-mini-hover .mx-mini-close{width:24px;height:24px;font-size:20px;line-height:24px}.mx-mini-hover .mx-mini-dialog-eyebrow{font-size:9px;line-height:12px}.mx-mini-hover .mx-mini-dialog-copy h3{font-size:16px;line-height:20px;margin-bottom:4px}.mx-mini-hover .mx-mini-dialog-description{font-size:12px;line-height:16px}.mx-mini-hover .mx-mini-dialog-creator{font-size:12px;margin-top:10px}.mx-mini-hover .mx-mini-dialog-link{font-size:14px;margin-top:12px}.mx-mini-hover .mx-mini-dialog-media{cursor:zoom-in}.mx-mini-hover .mx-mini-dialog-media:focus-visible{outline:2px solid #c1ff56;outline-offset:4px}.mx-mini-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;flex-shrink:0}.mx-mini-dialog::backdrop{background:#080a0cc9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mx-mini-dialog-media{aspect-ratio:1;width:100%;flex-shrink:0;box-sizing:border-box;overflow:hidden;border:1px solid #ffffff29;border-radius:12px;background:#0b0d0d}.mx-mini-dialog-media :is(img,video){display:block;width:100%;height:100%;object-fit:contain}.mx-mini-close{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#2c3135;color:#fff;font:400 26px/30px Urbanist,Arial,sans-serif;cursor:pointer}.mx-mini-close:focus-visible,.mx-mini-dialog-link:focus-visible{outline:2px solid #c1ff56;outline-offset:4px}.mx-mini-dialog-eyebrow{color:#ccd2d7;font-size:12px;font-weight:500;line-height:18px;margin:0}.mx-mini-dialog-copy h3{font-size:28px;line-height:34px;font-weight:600;letter-spacing:-.2px;margin:0 0 10px;overflow-wrap:anywhere}.mx-mini-dialog-description{font-size:18px;line-height:26px;color:#ccd2d7;margin:0;overflow-wrap:anywhere}.mx-mini-dialog-creator{font-size:14px;color:#a9b2b8;margin:20px 0 0}.mx-mini-dialog-link{color:#c1ff56;display:inline-block;margin:24px 0 0;text-decoration:none}.mx-mini-dialog [hidden],.mx-mini-hover[hidden]{display:none}#mass-os[data-mini-app-os][data-os-active-type=slide_7] .os-stage{width:1344px;height:630px}#mass-os[data-mini-app-os] .os-captions[hidden]{display:none}.mx-mini-comparison{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.mx-mini-comparison::-webkit-scrollbar{display:none}.mx-mini-comparison table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1344px;height:100%;font-size:18px;line-height:24px;text-align:left}.mx-mini-comparison :is(th,td){box-sizing:border-box;padding:6px 24px;border-bottom:1px solid #ffffff22;font-weight:400;background:#2b3033;vertical-align:middle}.mx-mini-comparison th:first-child{width:208px;background:#141719;color:#c6cccf;font-weight:600}.mx-mini-comparison :is(th,td):nth-child(2){width:368px;background:#c1ff56;color:#121619;font-weight:700;border-color:#0002}.mx-mini-comparison th:nth-child(3){width:424px}.mx-mini-comparison th:nth-child(4){width:344px}.mx-mini-comparison thead th{height:72px;font-size:24px;font-weight:700;white-space:normal}.mx-mini-comparison thead th:nth-child(2){border-top-left-radius:24px;font-size:28px}.mx-mini-comparison thead th:last-child{border-top-right-radius:24px}.mx-mini-comparison tbody tr:last-child :is(th,td){border-bottom:0}.mx-mini-comparison tbody tr:last-child td:nth-child(2){border-bottom-left-radius:24px}.mx-mini-comparison tbody tr:last-child td:last-child{border-bottom-right-radius:24px}.mx-mini-comparison-hint{display:none}@keyframes mx-mini-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:767px){#mass-os[data-mini-app-os]{display:flex;flex-direction:column;height:auto;min-height:810px;padding:32px 24px 16px}#mass-os[data-mini-app-os] .chapter-heading{flex:none;margin-bottom:24px;height:auto;min-height:102px}#mass-os[data-mini-app-os] .os-stage{flex:none;width:342px;height:224px;transition:none}#mass-os[data-mini-app-os] .os-image{width:100%;height:100%;object-fit:contain}#mass-os[data-mini-app-os]:not([data-os-active-type]) .os-stage,#mass-os[data-mini-app-os][data-os-active-type=slide_2] .os-stage{height:350px}#mass-os[data-mini-app-os] .os-captions{order:3;flex:none;width:342px;margin-top:16px;min-height:0;transition:none}#mass-os[data-mini-app-os] .os-caption{position:relative;inset:auto;display:none;overflow-wrap:anywhere}#mass-os[data-mini-app-os] .os-caption.is-visible{display:flex}#mass-os[data-mini-app-os] .os-caption p{font-size:16px;line-height:23px}#mass-os[data-mini-app-os] .os-caption p:last-child{line-height:23px}#mass-os[data-mini-app-os] .os-tabs-viewport{order:5;flex:none;position:relative;inset:auto;margin:16px 0 0;border-radius:30px}#mass-os[data-mini-app-os] .mx-mini-more{order:4;position:static;margin:8px 0 0;font-size:14px;line-height:22px}#mass-os[data-mini-app-os][data-os-active-type]:not([data-os-active-type=slide_2]) .mx-mini-more{display:none}#mass-os[data-mini-app-os][data-os-active-type=slide_7] .os-stage{width:342px;height:auto}#mass-os[data-mini-app-os][data-os-active-type=slide_7] .os-panel.is-visible{position:relative}.mx-mini-comparison{height:auto;overflow:visible}.mx-mini-comparison table{width:100%;height:auto;font-size:11px;line-height:14px}.mx-mini-comparison :is(th,td){padding:6px 4px;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.mx-mini-comparison th:first-child{width:25%}.mx-mini-comparison :is(th,td):nth-child(2){width:25%}.mx-mini-comparison th:nth-child(3){width:25%}.mx-mini-comparison th:nth-child(4){width:25%}.mx-mini-comparison thead th{height:48px;font-size:11px;line-height:14px}.mx-mini-comparison thead th:nth-child(2){font-size:14px;border-top-left-radius:12px}.mx-mini-comparison thead th:last-child{border-top-right-radius:12px}.mx-mini-comparison tbody tr:last-child td:nth-child(2){border-bottom-left-radius:12px}.mx-mini-comparison tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.mx-mini-cloud{width:342px;height:350px}.mx-mini-app{left:calc(var(--mx)*1px);top:calc(var(--my)*1px);width:calc(var(--ms)*1px);height:calc(var(--ms)*1px)}.mx-mini-app:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.mx-mini-dialog{padding:24px 23px 28px;width:min(342px,calc(100vw - 24px))}.mx-mini-dialog-copy h3{font-size:24px;line-height:30px}.mx-mini-close:before{content:"";position:absolute;width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.mx-mini-logo,.mx-mini-dialog[open],.mx-mini-hover{animation:none!important;transition:none!important}.mx-mini-logo{transform:none!important}}.mx-mini-logo img.mx-mini-obs-clean{clip-path:circle(39.5% at 50% 49.5%)}.mx-os-navigation{display:none}.mx-os-scroll[data-os-scroll]{height:var(--os-height);overflow:visible;overflow-anchor:none}.mx-os-scroll[data-os-scroll]>.mx-os-pin{position:sticky;top:var(--navigation-height);height:var(--os-view);display:flex;align-items:center;justify-content:center;overflow:clip}.mx-os-scroll[data-os-scroll]>.mx-os-pin>.design-content{flex:none;zoom:var(--os-scale);margin:0;width:1440px}@media(max-width:767px){.mx-os-scroll[data-os-scroll]>.mx-os-pin>.design-content{width:390px}#mass-os[data-mini-app-os] .os-stage{width:342px}.mx-mini-cloud{display:grid;grid-template-columns:repeat(5,44px);grid-auto-rows:44px;justify-content:center;align-content:center;gap:22px 20px;width:342px;height:350px}.mx-mini-cloud .mx-mini-app{position:relative;left:auto;top:auto;width:44px;height:44px;transform:none;grid-column:var(--grid-col,auto);grid-row:var(--grid-row,auto)}.mx-mini-cloud .mx-mini-app:before{content:none}#mass-os[data-mini-app-os] .os-tabs-viewport{margin-top:18px;border-radius:30px}#mass-os[data-mini-app-os] .mx-os-navigation{display:flex;order:6;align-items:center;justify-content:space-between;width:342px;padding-right:60px;box-sizing:border-box;gap:4px;margin-top:4px;color:#ccd2d7;font:400 12px/18px Urbanist,sans-serif}.mx-os-navigation button{border:0;background:transparent;color:#c1ff56;width:44px;height:44px;flex:none;font:400 26px/1 Urbanist,sans-serif;cursor:pointer}.mx-os-navigation button:disabled{opacity:.3;cursor:default}.mx-os-navigation button:focus-visible{outline:2px solid #c1ff56;outline-offset:-2px;border-radius:50%}}@media(prefers-reduced-motion:reduce){.mx-os-scroll[data-os-scroll] :is(.os-panel,.os-caption,.os-tab-indicator){transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/170/assets/mxw-mini-apps.css.map */