.mm-atlas{--atlas-stage-grid: rgba(37, 37, 37, .05);--atlas-tag-bg: #ffffff;--atlas-tag-ink: #252525;--atlas-tag-line: #dbd8d8;--atlas-leader: rgba(37, 37, 37, .42);--atlas-dot: #252525}.mm-atlas__top{padding-top:var(--space-48, 48px)}.mm-atlas__top .mm-hero__eyebrow{color:var(--ink-body)}.mm-atlas__top .mm-hero__title{margin:0 0 13px;color:var(--ink);text-wrap:balance}.mm-atlas__lede{margin:0;max-width:60ch;font-size:var(--text-lede);line-height:1.6;font-weight:300;letter-spacing:.2px;color:var(--ink)}.mm-atlas__body{display:grid;gap:var(--space-30, 30px);padding-top:var(--space-30, 30px)}.mm-atlas__body>*{min-width:0}.mm-atlas [hidden]{display:none!important}:where(.mm-atlas) button{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer}.mm-atlas :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.mm-atlas__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:var(--border-width, 1px) solid var(--hairline)}.mm-atlas__tab{display:grid;gap:5px;align-content:start;margin-bottom:-1px;padding:15px 13px 15px 0;border:0;border-bottom:2px solid transparent;background:transparent;text-align:left;color:var(--ink-body);transition:color var(--duration-quick, .15s),border-color var(--duration-quick, .15s)}.mm-atlas__tab:hover{color:var(--ink)}.mm-atlas__tab[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink)}.mm-atlas__t-name{font-size:var(--title-caps);font-family:var(--font-heading);font-weight:500;line-height:1.3;letter-spacing:3px;text-transform:uppercase}.mm-atlas__t-sub{font-size:var(--text-sm);line-height:1.5;letter-spacing:.4px;color:var(--ink-body)}.mm-atlas__grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-30, 30px);align-items:start}.mm-atlas__stage{min-width:0}.mm-atlas__canvas-wrap{position:relative;height:clamp(420px,calc(100svh - 360px),600px);overflow:hidden;border-radius:var(--radius-sm, 6px);background:var(--product-ground, #efecec);color:var(--product-ground-ink, #585757)}.mm-atlas__canvas{display:block;width:100%;height:100%;touch-action:pan-y}.mm-atlas__grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--atlas-stage-grid) 1px,transparent 1px),linear-gradient(90deg,var(--atlas-stage-grid) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(75% 70% at 50% 45%,#000 35%,transparent 85%);mask-image:radial-gradient(75% 70% at 50% 45%,#000 35%,transparent 85%)}.mm-atlas__leaders{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.mm-atlas__tags{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mm-atlas__tag{position:absolute;top:0;left:0;padding:6px 9px;border:1px solid var(--atlas-tag-line);border-radius:var(--radius-sm, 6px);background:var(--atlas-tag-bg);color:var(--atlas-tag-ink);font-size:var(--text-xs);line-height:1;letter-spacing:.4px;white-space:nowrap;pointer-events:auto;opacity:0;visibility:hidden;transition:opacity .3s var(--ease-settle),visibility 0s linear .3s,border-color var(--duration-quick, .15s)}.mm-atlas__tag.is-on{opacity:1;visibility:visible;transition:opacity .3s var(--ease-settle),border-color var(--duration-quick, .15s)}.mm-atlas__tag.is-hi{border-color:var(--atlas-tag-ink)}.mm-atlas__hud{position:absolute;top:15px;left:20px;right:120px;pointer-events:none;font-size:var(--text-2xs);line-height:1.5;letter-spacing:1.4px;text-transform:uppercase}.mm-atlas__reset{position:absolute;top:8px;right:10px;min-height:var(--hit-target, 44px);padding:0 10px;border:0;background:transparent;font-size:var(--text-sm);letter-spacing:.4px;text-decoration:underline;text-underline-offset:3px}.mm-atlas__reset:hover{color:var(--atlas-tag-ink)}.mm-atlas__prog{position:absolute;left:0;bottom:0;width:0;height:2px;background:currentColor}.mm-atlas__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:30px;text-align:center}.mm-atlas__noscript{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-30, 30px)}.mm-atlas__noscript .mm-con{width:100%;max-width:560px}.mm-atlas__controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px}.mm-atlas__controls[hidden]{display:none}.mm-atlas__btn{display:inline-flex;align-items:center;gap:8px;height:var(--control-height, 45px);padding:0 14px;border:1px solid var(--border-button);border-radius:var(--radius-sm, 6px);background:transparent;color:var(--outline-label);font-size:var(--text-md);line-height:1.2;letter-spacing:1px;transition:background-color var(--duration-quick, .15s),border-color var(--duration-quick, .15s),color var(--duration-quick, .15s)}.mm-atlas__btn:hover{border-color:var(--ink);color:var(--ink)}.mm-atlas__btn--primary{padding:0 24px;background:var(--action);border-color:var(--action);color:var(--on-action)}.mm-atlas__btn--primary:hover{color:var(--on-action);box-shadow:0 0 0 1px var(--action)}.mm-atlas__btn--toggle:before{content:"";flex:none;width:7px;height:7px;border:1px solid currentColor;border-radius:50%}.mm-atlas__btn--toggle[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.mm-atlas__btn--toggle[aria-pressed=true]:before{background:currentColor}.mm-atlas__spacer{flex:1}.mm-atlas__colour{display:flex;align-items:center;gap:2px}.mm-atlas__colour-label{margin-right:8px;font-size:var(--text-sm);letter-spacing:.4px;color:var(--ink-body)}.mm-atlas__colour-name{min-width:4em;margin-left:6px;font-size:var(--text-sm);letter-spacing:.4px;color:var(--ink)}.mm-atlas__swatch{display:grid;place-items:center;width:var(--hit-target, 44px);height:var(--hit-target, 44px);padding:0;border:0;border-radius:50%;background:transparent}.mm-atlas__swatch span{width:26px;height:26px;border-radius:50%;outline:1px solid var(--hairline);outline-offset:0;transition:outline-color var(--duration-quick, .15s),outline-offset var(--duration-quick, .15s)}.mm-atlas__swatch[aria-pressed=true] span{outline-color:var(--ink);outline-offset:3px}.mm-atlas__hint{flex-basis:100%;font-size:var(--text-xs);line-height:1.7;letter-spacing:.7px;color:var(--ink-body)}.mm-atlas__steps{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.mm-atlas__step{display:flex;align-items:baseline;gap:8px;padding:8px 13px;border:1px solid var(--hairline);border-radius:var(--radius-sm, 6px);background:transparent;font-size:var(--text-sm);line-height:1.5;letter-spacing:.4px;color:var(--ink-body);transition:border-color var(--duration-quick, .15s),color var(--duration-quick, .15s)}.mm-atlas__n{font-size:var(--text-2xs);letter-spacing:1px;font-variant-numeric:tabular-nums}.mm-atlas__step.is-done{color:var(--ink)}.mm-atlas__step.is-on{border-color:var(--ink);color:var(--ink)}.mm-atlas__caption{min-height:5.4em;max-width:62ch;margin:20px 0 0;font-size:var(--text-body);line-height:1.8;letter-spacing:.6px;color:var(--ink-body)}.mm-atlas__caption strong{display:block;margin-bottom:5px;font-size:var(--head-sm);font-family:var(--font-heading);font-weight:300;line-height:1.3;letter-spacing:.2px;color:var(--ink)}.mm-atlas__h{margin:0 0 13px;font-size:var(--text-xs);font-weight:500;line-height:1.2;letter-spacing:1.8px;text-transform:uppercase;color:var(--ink)}.mm-atlas__parts{margin-top:30px;padding-top:20px;border-top:1px solid var(--hairline)}.mm-atlas__parts[hidden]{display:none}.mm-atlas__layers{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:2px 8px;margin:0;padding:0;list-style:none}.mm-atlas__layer{display:flex;align-items:center;gap:13px;width:100%;min-height:var(--hit-target, 44px);padding:5px 8px;border:1px solid transparent;border-radius:var(--radius-sm, 6px);background:transparent;text-align:left;font-size:var(--text-body);line-height:1.4;color:var(--ink)}.mm-atlas__layer:hover{border-color:var(--hairline)}.mm-atlas__layer.is-hi{border-color:var(--ink)}.mm-atlas__sw{flex:none;width:15px;height:15px;border:1px solid var(--hairline);border-radius:3px}.mm-atlas__sw--thread{width:18px;height:4px;border:0;border-radius:2px}.mm-atlas__panel{display:grid;align-content:start;gap:var(--space-30, 30px);min-width:0;padding:var(--space-30, 30px);border:1px solid var(--hairline);border-radius:var(--radius-sm, 6px);background:var(--surface-raised);font-size:var(--text-body);line-height:1.8;letter-spacing:.6px;color:var(--ink-body)}.mm-atlas__p-name{margin:0;font-size:var(--head-md);font-family:var(--font-heading);font-weight:300;line-height:1.18;letter-spacing:.2px;color:var(--ink)}.mm-atlas__p-tag{margin:8px 0 0;font-size:var(--text-lede);font-weight:300;line-height:1.5;letter-spacing:.4px}.mm-atlas__p-text{margin:0}.mm-atlas__ratings{display:grid;gap:8px}.mm-atlas__rrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;font-size:var(--text-body);line-height:1.5}.mm-atlas__marks{display:flex;gap:5px}.mm-atlas__marks i{display:block;width:13px;height:3px;border-radius:2px;background:var(--hairline);transform:skew(-24deg)}.mm-atlas__marks i.is-on{background:var(--ink)}.mm-atlas__ledger-title{margin:0 0 20px;font-size:var(--head-lg);font-family:var(--font-heading);font-weight:300;line-height:1.18;letter-spacing:.2px;color:var(--ink)}.mm-atlas__table-wrap{overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--radius-sm, 6px);background:var(--surface-raised)}.mm-atlas__table{width:100%;min-width:760px;border-collapse:collapse;font-size:var(--text-body);line-height:1.6;color:var(--ink-body)}.mm-atlas__table :is(th,td){padding:15px 20px;border-bottom:1px solid var(--hairline);text-align:left;vertical-align:top}.mm-atlas__table thead th{font-size:var(--text-xs);font-weight:500;letter-spacing:1.8px;text-transform:uppercase;color:var(--ink)}.mm-atlas__table tbody th{font-size:var(--text-sm);font-weight:500;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;color:var(--ink)}.mm-atlas__table tbody tr:last-child :is(th,td){border-bottom:0}.mm-atlas__table tr.is-cur :is(th,td){background:var(--surface)}.mm-atlas__note{max-width:80ch;margin:0;font-size:var(--text-sm);line-height:1.7;letter-spacing:.4px;color:var(--ink-body)}:lang(th) :is(.mm-atlas__t-name,.mm-atlas__t-sub,.mm-atlas__tag,.mm-atlas__hud,.mm-atlas__reset,.mm-atlas__btn,.mm-atlas__colour-label,.mm-atlas__colour-name,.mm-atlas__hint,.mm-atlas__step,.mm-atlas__caption,.mm-atlas__caption strong,.mm-atlas__h,.mm-atlas__panel,.mm-atlas__p-name,.mm-atlas__p-tag,.mm-atlas__ledger-title,.mm-atlas__table,.mm-atlas__table th,.mm-atlas__note,.mm-atlas__lede){letter-spacing:0;text-transform:none}:lang(th) .mm-atlas__lede{line-height:1.75}:lang(th) .mm-atlas__t-name{font-size:var(--text-xl)}:lang(th) .mm-atlas__tag{padding:5px 9px;font-size:var(--text-sm)}:lang(th) .mm-atlas__hud{font-size:var(--text-sm)}:lang(th) .mm-atlas__hint{font-size:var(--text-sm)}:lang(th) .mm-atlas__h{font-size:var(--text-md)}:lang(th) :is(.mm-atlas__p-name,.mm-atlas__ledger-title,.mm-atlas__caption strong){line-height:1.4}:lang(th) .mm-atlas__table thead th{font-size:var(--text-md)}:lang(th) .mm-atlas__table tbody th{font-size:var(--text-body)}@media(max-width:1099px){.mm-atlas__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:749px){.mm-atlas__top{padding-top:var(--space-30, 30px)}.mm-atlas__lede{font-size:var(--text-lede)}.mm-atlas__tabs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.mm-atlas__t-name{font-size:var(--text-md);letter-spacing:2px}:lang(th) .mm-atlas__t-name{font-size:var(--text-lg)}.mm-atlas__canvas-wrap{height:460px}.mm-atlas__tag{padding:4px 7px;font-size:var(--text-2xs)}:lang(th) .mm-atlas__tag{font-size:var(--text-xs)}.mm-atlas__panel{padding:var(--space-20, 20px)}.mm-atlas__btn{padding:0 15px}.mm-atlas__btn--primary{padding:0 20px}.mm-atlas__spacer{display:none}.mm-atlas__p-name,.mm-atlas__ledger-title{font-size:var(--head-md)}}@media(prefers-reduced-motion:reduce){.mm-atlas *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mm-atlas.css.map */