.mips-explainer{scroll-margin-top:var(--header-h, 80px);padding:var(--section-pad, clamp(56px, 8vw, 112px)) 0;border-top:1px solid var(--color-border, rgb(var(--kb-fg-rgb) / .12));background:var(--color-bg, var(--kb-bg));color:var(--color-text, var(--kb-fg))}.mx__inner{display:grid;gap:clamp(32px,5vw,72px);align-items:center;max-width:var(--page-width, 1400px);margin:0 auto;padding:0 var(--page-margin, 20px)}@media(min-width:990px){.mx__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.mx__heading{margin:0;font-family:var(--font-heading--family);font-weight:800;font-size:var(--text-3xl, clamp(36px, 5vw, 60px));line-height:.92;letter-spacing:-.01em;text-transform:uppercase}.mx__intro{max-width:48ch;margin-top:20px;color:var(--color-muted, rgb(var(--kb-fg-rgb) / .64));font-size:var(--text-md, 18px);line-height:1.6}.mx__intro p{margin:0 0 .8em}.mx__modes{margin:28px 0 0;padding:0;border:0;min-width:0}.mx__legend{margin-bottom:10px;padding:0;color:var(--color-subtle, rgb(var(--kb-fg-rgb) / .52));font-size:var(--text-xs, 12px);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.mx__seg{display:inline-flex;position:relative;padding:4px;border:1px solid var(--color-border-strong, rgb(var(--kb-fg-rgb) / .24));border-radius:var(--radius, 5px);background:var(--kb-g0a)}.mx__radio{position:absolute;opacity:0;pointer-events:none}.mx__seg-label{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:3px;color:var(--color-muted, rgb(var(--kb-fg-rgb) / .64));font-family:var(--font-heading--family);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .2s var(--ease, ease),color .2s var(--ease, ease)}.mx__radio:checked+.mx__seg-label{background:var(--color-accent, #d62828);color:#fff}.mx__radio:focus-visible+.mx__seg-label{outline:2px solid var(--kb-fg);outline-offset:2px}.mx__replay{margin-top:16px}.mx__result{margin-top:24px;padding-left:18px;border-left:2px solid var(--color-accent, #d62828);max-width:46ch}.mx__result-text{margin:0;font-size:var(--text-md, 18px);line-height:1.55}.mx__stage{min-width:0;padding:clamp(16px,3vw,32px);border:1px solid var(--color-border, rgb(var(--kb-fg-rgb) / .12));border-radius:var(--radius-lg, 8px)}.mx__diagram{max-width:520px;margin:0 auto}.mx__svg{display:block;width:100%;height:auto;overflow:visible}.mx__shell{fill:none;stroke:var(--kb-fg);stroke-width:16}.mx__eps{fill:none;stroke:rgb(var(--kb-fg-rgb) / .34);stroke-width:46;stroke-dasharray:2 6}.mx__ticks line{stroke:var(--kb-bg);stroke-width:4;stroke-linecap:round}.mx__pad{fill:none;stroke:rgb(var(--kb-fg-rgb) / .2);stroke-width:20}.mx__head{fill:var(--kb-g0d);stroke:var(--kb-fg);stroke-width:3}.mx__layer{fill:none;stroke:var(--kb-fg);stroke-width:5;opacity:0;transition:opacity .4s var(--ease, ease)}.mx__mark{fill:var(--color-accent, #d62828)}.mx__mark--outer{stroke:var(--kb-fg);stroke-width:3}.mx__slip{opacity:0;transition:opacity .4s var(--ease, ease) .6s}.mx__slip-line{fill:none;stroke:var(--kb-fg);stroke-width:1.5}.mx__slip-dot{fill:var(--kb-fg)}.mx__slip-text{fill:var(--kb-fg);font-family:var(--font-heading--family);font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase}.mx__g-outer,.mx__g-inner,.mx__arrow{transform-box:view-box;transform-origin:50% 50%}.mx__g-outer,.mx__g-inner{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.mx__arrow{transition:opacity .4s var(--ease, ease),translate .4s var(--ease, ease)}[data-mode=mips] .mx__layer{opacity:1}.is-hit .mx__g-outer,.is-hit[data-mode=standard] .mx__g-inner{transform:rotate(-34deg)}.is-hit[data-mode=mips] .mx__g-inner{transform:rotate(-7deg)}.is-hit .mx__arrow{opacity:.25;translate:-10px -6px}.is-hit[data-mode=mips] .mx__slip{opacity:1}.mx__key{display:grid;gap:10px 24px;margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--color-border, rgb(var(--kb-fg-rgb) / .12));list-style:none}@media(min-width:640px){.mx__key{grid-template-columns:repeat(2,minmax(0,1fr))}}.mx__key-item{display:grid;grid-template-columns:22px 1fr;column-gap:12px;row-gap:2px;align-items:center}.mx__key-name{font-weight:700;font-size:14px;letter-spacing:.02em}.mx__key-text{grid-column:2;color:var(--color-subtle, rgb(var(--kb-fg-rgb) / .52));font-size:13px;line-height:1.4}.mx__swatch{grid-row:span 2;width:22px;height:22px;border:3px solid var(--kb-fg);border-radius:50%;box-sizing:border-box}.mx__key-item--2 .mx__swatch{border-color:rgb(var(--kb-fg-rgb) / .5);border-style:dotted}.mx__key-item--3 .mx__swatch{border-width:2px;border-color:var(--kb-fg);box-shadow:0 0 0 3px var(--kb-bg),0 0 0 4px rgb(var(--kb-fg-rgb) / .35)}.mx__key-item--4 .mx__swatch{border-color:rgb(var(--kb-fg-rgb) / .28);border-width:5px}.mx__key-item--5 .mx__swatch{border-width:2px;background:var(--kb-g0d)}.mx__note{margin:16px 0 0;color:var(--color-subtle, rgb(var(--kb-fg-rgb) / .52));font-size:12px;text-align:center}.mx--reveal [data-mx-reveal]{opacity:0;translate:0 28px;transition:opacity .6s var(--ease, ease),translate .6s var(--ease, ease)}.mx--reveal [data-mx-reveal].is-visible{opacity:1;translate:0 0}@media(max-width:639px){.mx__seg{display:flex;width:100%}.mx__seg-label{flex:1;justify-content:center;padding:0 8px;font-size:14px}.mx__replay{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.mx__g-outer,.mx__g-inner,.mx__arrow,.mx__layer,.mx__slip,.mx__seg-label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-mips-explainer.css.map */