.ColorMatch-module__g_cK2G__root{--mk-good:var(--color-ink);--mk-warn:var(--color-accent);--hi:#f6ead0;--linen:#ebe6dc;--ease:cubic-bezier(.2, .7, .2, 1);--cell:24px;flex-direction:column;gap:40px;display:flex}.ColorMatch-module__g_cK2G__ui{font-family:var(--font-sans)}.ColorMatch-module__g_cK2G__h2{margin:0 0 12px;font-size:1.25rem;line-height:1.5}.ColorMatch-module__g_cK2G__h3{font-family:var(--font-sans);letter-spacing:.04em;margin:0 0 8px;font-size:13px;font-weight:600}.ColorMatch-module__g_cK2G__muted{color:var(--color-stone)}.ColorMatch-module__g_cK2G__tip{font-family:var(--font-sans);color:var(--color-stone);margin:0;font-size:13px;line-height:1.8}.ColorMatch-module__g_cK2G__shelf{flex-direction:column;gap:14px;display:flex}.ColorMatch-module__g_cK2G__shelfRow{grid-template-columns:9em minmax(0,1fr);align-items:center;gap:12px;display:grid}@media (max-width:600px){.ColorMatch-module__g_cK2G__shelfRow{grid-template-columns:minmax(0,1fr);gap:6px}}.ColorMatch-module__g_cK2G__shelfLabel{font-family:var(--font-sans);color:var(--color-stone);letter-spacing:.04em;font-size:12px;line-height:1.5}.ColorMatch-module__g_cK2G__sws{flex-wrap:wrap;gap:10px;display:flex}.ColorMatch-module__g_cK2G__sw{cursor:pointer;width:44px;height:44px;transition:transform .35s var(--ease), box-shadow .35s var(--ease), opacity .35s var(--ease);border:1px solid #0000001f;border-radius:50%;padding:0;position:relative}.ColorMatch-module__g_cK2G__sw:hover{transform:translateY(-3px)}.ColorMatch-module__g_cK2G__sw:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.ColorMatch-module__g_cK2G__sw[aria-pressed=true]{box-shadow:0 0 0 3px var(--color-paper), 0 0 0 5px var(--color-ink);transform:scale(1.14)}.ColorMatch-module__g_cK2G__sw[data-g="1"]{opacity:.5}.ColorMatch-module__g_cK2G__mk{opacity:0;width:16px;height:16px;transition:opacity .3s var(--ease), transform .3s var(--ease);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px;transform:scale(.4);box-shadow:0 0 0 1px #0000000f}.ColorMatch-module__g_cK2G__sw[data-g="1"] .ColorMatch-module__g_cK2G__mk,.ColorMatch-module__g_cK2G__sw[data-g="2"] .ColorMatch-module__g_cK2G__mk,.ColorMatch-module__g_cK2G__sw[data-g="3"] .ColorMatch-module__g_cK2G__mk{opacity:1;transform:scale(1)}.ColorMatch-module__g_cK2G__g3{background:var(--mk-good);border-radius:50%;width:9px;height:9px;display:block}.ColorMatch-module__g_cK2G__g2{border:2px solid var(--mk-good);border-radius:50%;width:9px;height:9px;display:block}.ColorMatch-module__g_cK2G__g1{background:var(--mk-warn);border-radius:2px;width:9px;height:2.5px;display:block}.ColorMatch-module__g_cK2G__legend{font-family:var(--font-sans);color:var(--color-stone);flex-wrap:wrap;gap:6px 18px;font-size:12px;display:flex}.ColorMatch-module__g_cK2G__legend span{align-items:center;gap:6px;display:inline-flex}.ColorMatch-module__g_cK2G__legendMk{opacity:1;position:static;transform:none}.ColorMatch-module__g_cK2G__answer{border:1px solid var(--color-mist);background:#fff;border-radius:6px;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px;padding:24px;display:grid}@media (max-width:760px){.ColorMatch-module__g_cK2G__answer{grid-template-columns:minmax(0,1fr);padding:16px}}.ColorMatch-module__g_cK2G__figCol{flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex}.ColorMatch-module__g_cK2G__pills{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ColorMatch-module__g_cK2G__pill{font-family:var(--font-sans);border:1px solid var(--color-mist);color:var(--color-stone);cursor:pointer;background:#fff;border-radius:99px;padding:4px 12px;font-size:13px;transition:all .25s}.ColorMatch-module__g_cK2G__pill[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.ColorMatch-module__g_cK2G__pill:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.ColorMatch-module__g_cK2G__flat{aspect-ratio:4/5;background:var(--linen);border-radius:6px;width:100%;position:relative;overflow:hidden}.ColorMatch-module__g_cK2G__flat:after{content:"";pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .48  0 0 0 0 .45  0 0 0 .35 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");position:absolute;inset:0}.ColorMatch-module__g_cK2G__item{transform:rotate(var(--r,0deg));filter:drop-shadow(0 10px 14px #0000002e)drop-shadow(0 2px 3px #0000001f);transition:opacity .35s var(--ease), transform .5s var(--ease), left .5s var(--ease), top .5s var(--ease), width .5s var(--ease);position:absolute}.ColorMatch-module__g_cK2G__item.ColorMatch-module__g_cK2G__out{opacity:0;transform:rotate(var(--r,0deg)) translateY(10px) scale(.96)}.ColorMatch-module__g_cK2G__tint,.ColorMatch-module__g_cK2G__itemImg{width:100%;height:100%;position:absolute;inset:0}.ColorMatch-module__g_cK2G__tint{transition:background-color .8s var(--ease);-webkit-mask-size:100% 100%;mask-size:100% 100%}.ColorMatch-module__g_cK2G__itemImg{mix-blend-mode:multiply}.ColorMatch-module__g_cK2G__seg{border:1px solid var(--color-mist);background:var(--color-paper);font-family:var(--font-sans);border-radius:99px;flex-wrap:wrap;align-items:center;gap:2px;padding:3px;display:inline-flex}.ColorMatch-module__g_cK2G__segL{color:var(--color-stone);padding:0 4px 0 10px;font-size:12px}.ColorMatch-module__g_cK2G__segBtn{color:var(--color-stone);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:4px 12px;font-family:inherit;font-size:13px}.ColorMatch-module__g_cK2G__segBtn[aria-pressed=true]{color:var(--color-ink);background:#fff;box-shadow:0 1px 3px #0000001f}.ColorMatch-module__g_cK2G__roles{font-family:var(--font-sans);flex-wrap:wrap;justify-content:center;gap:6px 16px;width:100%;margin:0;font-size:13px;display:flex}.ColorMatch-module__g_cK2G__roleItem{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.ColorMatch-module__g_cK2G__roles dt{color:var(--color-stone);font-size:12px}.ColorMatch-module__g_cK2G__roles dd{align-items:center;gap:5px;margin:0;display:inline-flex}.ColorMatch-module__g_cK2G__dot{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.ColorMatch-module__g_cK2G__info{flex-direction:column;gap:18px;min-width:0;display:flex}.ColorMatch-module__g_cK2G__fade{animation:ColorMatch-module__g_cK2G__fade .5s var(--ease) both}@keyframes ColorMatch-module__g_cK2G__fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ColorMatch-module__g_cK2G__dhead{align-items:center;gap:14px;display:flex}.ColorMatch-module__g_cK2G__big{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;width:56px;height:56px}.ColorMatch-module__g_cK2G__dhead h2{margin:0;font-size:1.4rem;line-height:1.4}.ColorMatch-module__g_cK2G__meta{font-family:var(--font-sans);color:var(--color-stone);font-size:12px}.ColorMatch-module__g_cK2G__recipes{flex-direction:column;gap:8px;display:flex}.ColorMatch-module__g_cK2G__rcp{text-align:left;background:var(--color-paper);border:1px solid var(--color-mist);cursor:pointer;color:var(--color-ink);font-family:var(--font-sans);transition:border-color .25s, transform .25s var(--ease);border-radius:6px;padding:10px}.ColorMatch-module__g_cK2G__rcp:hover{transform:translateY(-2px)}.ColorMatch-module__g_cK2G__rcp[aria-pressed=true]{border-color:var(--color-ink)}.ColorMatch-module__g_cK2G__rcp:focus-visible{outline:2px solid var(--color-ink)}.ColorMatch-module__g_cK2G__rcp{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;padding:8px 12px 8px 8px;display:grid}.ColorMatch-module__g_cK2G__bar{border:1px solid #00000014;border-radius:3px;height:34px;display:flex;overflow:hidden}.ColorMatch-module__g_cK2G__rcpNm{flex-wrap:wrap;gap:0 14px;font-size:13px;line-height:1.6;display:flex}.ColorMatch-module__g_cK2G__rcpRole{white-space:nowrap}.ColorMatch-module__g_cK2G__rcpRole .ColorMatch-module__g_cK2G__muted{font-size:11px}.ColorMatch-module__g_cK2G__chips{flex-wrap:wrap;gap:6px;display:flex}.ColorMatch-module__g_cK2G__chip{font-family:var(--font-sans);border:1px solid var(--color-mist);color:var(--color-ink);cursor:pointer;background:#fff;border-radius:99px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:13px;transition:border-color .2s;display:inline-flex}.ColorMatch-module__g_cK2G__chip[aria-pressed=true],.ColorMatch-module__g_cK2G__chip:hover,.ColorMatch-module__g_cK2G__chip:focus-visible{border-color:var(--color-ink);outline:none}.ColorMatch-module__g_cK2G__chipDot{width:16px;height:16px}.ColorMatch-module__g_cK2G__pairbox{border-top:1px dashed var(--color-mist);min-height:64px;font-family:var(--font-sans);align-items:center;gap:12px;padding-top:14px;font-size:14px;display:flex}.ColorMatch-module__g_cK2G__sw2{flex-shrink:0;display:flex}.ColorMatch-module__g_cK2G__sw2 i{border:1px solid #00000014;width:30px;height:44px;display:block}.ColorMatch-module__g_cK2G__sw2 i:first-child{border-radius:3px 0 0 3px}.ColorMatch-module__g_cK2G__sw2 i:last-child{border-radius:0 3px 3px 0}.ColorMatch-module__g_cK2G__grade{white-space:nowrap;border-radius:99px;margin-left:6px;padding:1px 8px;font-size:12px;font-weight:600}.ColorMatch-module__g_cK2G__grade3{background:var(--color-ink);color:var(--color-paper)}.ColorMatch-module__g_cK2G__grade2{border:1px solid var(--color-ink);color:var(--color-ink)}.ColorMatch-module__g_cK2G__grade1{border:1px solid var(--color-accent);color:var(--color-accent)}.ColorMatch-module__g_cK2G__why{color:var(--color-stone);margin:2px 0 0;font-size:13px;line-height:1.8}.ColorMatch-module__g_cK2G__links{font-family:var(--font-sans);flex-wrap:wrap;gap:6px 18px;font-size:13px;display:flex}.ColorMatch-module__g_cK2G__all{border:1px solid var(--color-mist);background:#fff;border-radius:6px;padding:14px 16px}.ColorMatch-module__g_cK2G__all summary{cursor:pointer;font-size:1.15rem}.ColorMatch-module__g_cK2G__scroll{margin-top:12px;overflow-x:auto}.ColorMatch-module__g_cK2G__mx{border-collapse:separate;border-spacing:0;font-family:var(--font-sans);font-size:12px}.ColorMatch-module__g_cK2G__mx th,.ColorMatch-module__g_cK2G__mx td{width:var(--cell);height:var(--cell);text-align:center;padding:0}.ColorMatch-module__g_cK2G__mx thead th{vertical-align:bottom;padding-bottom:4px}.ColorMatch-module__g_cK2G__vs{border:1px solid #0000001f;border-radius:50%;width:16px;height:16px;margin:0 auto;display:block}.ColorMatch-module__g_cK2G__mx tbody th{z-index:1;text-align:left;white-space:nowrap;background:#fff;width:auto;padding-right:8px;font-weight:500;position:sticky;left:0}.ColorMatch-module__g_cK2G__mx thead th:first-child{z-index:2;background:#fff;position:sticky;left:0}.ColorMatch-module__g_cK2G__rowDot{vertical-align:-1px;border:1px solid #0000001f;border-radius:50%;width:12px;height:12px;margin-right:5px;display:inline-block}.ColorMatch-module__g_cK2G__mx td{cursor:pointer}.ColorMatch-module__g_cK2G__mx td>span{vertical-align:middle;display:inline-block}.ColorMatch-module__g_cK2G__d3{background:var(--mk-good);border-radius:50%;width:11px;height:11px}.ColorMatch-module__g_cK2G__d2{border:2px solid var(--mk-good);opacity:.6;border-radius:50%;width:11px;height:11px}.ColorMatch-module__g_cK2G__d1{background:var(--mk-warn);border-radius:2px;width:11px;height:3px}.ColorMatch-module__g_cK2G__dg{border:1px solid #0000001a;border-radius:3px;width:18px;height:18px}.ColorMatch-module__g_cK2G__gl{border-left:1px solid var(--color-mist)}.ColorMatch-module__g_cK2G__gs>th,.ColorMatch-module__g_cK2G__gs>td{border-top:1px solid var(--color-mist)}.ColorMatch-module__g_cK2G__hr{animation:ColorMatch-module__g_cK2G__hr .4s var(--ease) both}@keyframes ColorMatch-module__g_cK2G__hr{0%{background:0 0}to{background:var(--hi)}}.ColorMatch-module__g_cK2G__hr>.ColorMatch-module__g_cK2G__d3{animation:ColorMatch-module__g_cK2G__pop .45s var(--ease) both;animation-delay:inherit}@keyframes ColorMatch-module__g_cK2G__pop{0%{transform:scale(1)}50%{transform:scale(1.6)}to{transform:scale(1)}}.ColorMatch-module__g_cK2G__cur{outline:2px solid var(--color-ink);outline-offset:-2px;border-radius:3px}@media (prefers-reduced-motion:reduce){.ColorMatch-module__g_cK2G__root *,.ColorMatch-module__g_cK2G__root :before,.ColorMatch-module__g_cK2G__root :after{transition:none!important;animation:none!important}.ColorMatch-module__g_cK2G__hr{background:var(--hi)}}