#sidd-cm{--bg:#000000;--surface:#141417;--ink:#ecedf0;--ink-2:#9ea3ad;--blue:#5b8ff0;--blue-deep:#3b82f6;--red:#f08a84;--line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.2);--fill:rgba(255,255,255,.06);--fill2:rgba(255,255,255,.11);--r:14px;--logo-h:26px;background:var(--bg);color:var(--ink);font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}#sidd-cm *{box-sizing:border-box;margin:0;padding:0}#sidd-cm .cm-bar{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:clamp(26px,3.4vw,44px) clamp(18px,2.2vw,28px) clamp(20px,2.6vw,30px);border-bottom:1px solid var(--line)}#sidd-cm .cm-bar h1{font-family:Orbitron,sans-serif;font-weight:600;font-size:clamp(28.8px,3.4vw,46.4px);letter-spacing:.045em;line-height:1.05;color:var(--ink);text-transform:uppercase}#sidd-cm .cm-stats{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:0 clamp(10px,1.3vw,18px);font-size:14.4px;line-height:1.3;min-height:1.3em}#sidd-cm .cm-stat{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}#sidd-cm .cm-stat+.cm-stat:before{content:"";width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.42;margin-right:clamp(10px,1.3vw,18px);align-self:center}#sidd-cm .cm-stat b{font-weight:600;letter-spacing:-.01em;color:var(--ink)}#sidd-cm .cm-stat span{font-weight:400;color:var(--ink-2)}#sidd-cm .cm-stat.hl b{color:var(--blue)}@media(max-width:900px){#sidd-cm .cm-stats .opt{display:none}}#sidd-cm .cm-in{max-width:1180px;margin:0 auto;padding:clamp(18px,2.2vw,26px) clamp(18px,2.1vw,26px) clamp(38px,4vw,60px)}#sidd-cm .cm-tool{background:var(--fill);border-radius:var(--r);padding:clamp(16px,2vw,22px);display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:clamp(18px,2.2vw,26px)}#sidd-cm .cm-sect{padding:0}#sidd-cm h2{font-size:15.2px;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin-bottom:13px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}#sidd-cm h2 .n{flex:0 0 auto;width:21px;height:21px;border-radius:50%;background:var(--fill2);color:var(--ink-2);font-size:11.5px;font-weight:600;display:grid;place-items:center}#sidd-cm h2 .c{color:var(--ink-2);font-weight:400;font-size:13.4px}#sidd-cm .cm-lede{font-size:14.7px;color:var(--ink-2);margin:0 auto 14px;max-width:70ch;line-height:1.5;text-align:center}#sidd-cm .cm-lede b{color:var(--ink);font-weight:600}#sidd-cm .sidd-cm-search{display:flex;align-items:stretch;gap:7px;width:100%;max-width:640px;margin:0 auto;background:var(--fill);border:1px solid transparent;border-radius:10px;padding:5px 5px 5px 6px;transition:border-color .18s ease}#sidd-cm .sidd-cm-search:focus-within{border-color:var(--blue)}#sidd-cm .sidd-cm-wheel{position:relative;flex:0 0 40px;border-radius:7px;overflow:hidden;cursor:pointer;border:1px solid var(--line2);display:block}#sidd-cm .sidd-cm-wheel input[type=color]{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);border:0;padding:0;background:none;cursor:pointer}#sidd-cm .sidd-cm-wheel input[type=color]::-webkit-color-swatch-wrapper{padding:0}#sidd-cm .sidd-cm-wheel input[type=color]::-webkit-color-swatch{border:0}#sidd-cm .sidd-cm-q{flex:1 1 auto;min-width:0;background:none;border:0;outline:none;color:#fff;font:inherit;font-size:15px;padding:10px 7px}#sidd-cm .sidd-cm-q::placeholder{color:#ffffff57}#sidd-cm .sidd-cm-photo{flex:0 0 auto;background:var(--fill2);border:0;color:var(--ink);font:inherit;font-size:13.4px;font-weight:600;padding:0 14px;border-radius:7px;cursor:pointer;transition:background .18s ease}#sidd-cm .sidd-cm-photo:hover{background:var(--line2)}#sidd-cm .sidd-cm-readout{display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 13px;font-size:13.8px}#sidd-cm .sidd-cm-readout.is-on{display:flex}#sidd-cm .sidd-cm-ro-chip{width:22px;height:22px;border-radius:6px;border:1px solid var(--line2);display:inline-block}#sidd-cm .sidd-cm-ro-code{font-weight:600;color:var(--ink)}#sidd-cm .sidd-cm-ro-hex,#sidd-cm .sidd-cm-ro-rgb,#sidd-cm .sidd-cm-ro-note{color:var(--ink-2);font-variant-numeric:tabular-nums}#sidd-cm .sidd-cm-ro-link{color:var(--blue);text-decoration:none;font-weight:600}#sidd-cm .sidd-cm-ro-link:hover{text-decoration:underline}#sidd-cm .sidd-cm-ro-pin{background:var(--fill);border:0;color:var(--ink);font:inherit;font-size:12.8px;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer;transition:background .18s ease}#sidd-cm .sidd-cm-ro-pin:hover{background:var(--fill2)}#sidd-cm .sidd-cm-photobox{width:100%;background:var(--fill2);border-radius:10px;padding:10px;max-width:640px;margin:0 auto}#sidd-cm .sidd-cm-canvas-wrap{border-radius:9px;overflow:hidden;background:#000;display:grid;place-items:center}#sidd-cm .sidd-cm-canvas-wrap canvas{max-width:100%;height:auto;display:block;cursor:crosshair}#sidd-cm .sidd-cm-canvas-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 3px 1px}#sidd-cm .sidd-cm-canvas-hint{font-size:13.4px;color:var(--ink-2)}#sidd-cm .sidd-cm-canvas-clear{margin-left:auto;background:var(--fill2);border:0;color:var(--ink);font:inherit;font-size:13.1px;font-weight:600;padding:6px 13px;border-radius:999px;cursor:pointer}#sidd-cm .sidd-cm-canvas-clear:hover{background:var(--line2)}#sidd-cm .sidd-cm-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;align-items:center}#sidd-cm .cm-tool .sidd-cm-filters{padding-top:12px;border-top:1px solid var(--line);width:100%}#sidd-cm .sidd-cm-filters select{appearance:none;-webkit-appearance:none;background:var(--fill2);color:#fff;border:1px solid transparent;border-radius:999px;font:inherit;font-size:14.2px;font-weight:500;padding:9px 32px 9px 15px;cursor:pointer;line-height:1.15;transition:background .18s ease;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='white' stroke-width='1.6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:11px}#sidd-cm .sidd-cm-filters select:hover{background-color:var(--fill2)}#sidd-cm .sidd-cm-filters select:focus{border-color:var(--blue)}#sidd-cm .sidd-cm-filters select option{background:var(--surface);color:var(--ink)}#sidd-cm .sidd-cm-pill{border:1px solid transparent;background:var(--fill2);border-radius:999px;padding:9px 15px;cursor:pointer;font:inherit;font-weight:500;font-size:14.2px;line-height:1.15;white-space:nowrap;color:var(--ink);transition:background .18s ease,color .18s ease}#sidd-cm .sidd-cm-pill:hover{background:var(--fill2)}#sidd-cm .sidd-cm-pill[aria-pressed=true]{background:#fff;color:#000;font-weight:600}#sidd-cm .sidd-cm-reset{background:transparent;border:0;color:var(--blue);font:inherit;font-size:13.4px;font-weight:600;cursor:pointer;padding:0 6px}#sidd-cm .sidd-cm-reset:hover{text-decoration:underline}#sidd-cm .sidd-cm-status{font-size:14.1px;color:var(--ink-2);margin-bottom:12px;text-align:center}#sidd-cm .sidd-cm-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:8px;min-width:0}#sidd-cm .sidd-cm-card{border:1px solid transparent;border-radius:11px;padding:0 0 10px;text-align:center;position:relative;background:var(--fill);transition:background .18s ease;display:flex;flex-direction:column}#sidd-cm .sidd-cm-card:hover{background:var(--fill2)}#sidd-cm .sidd-cm-card.is-soldout{opacity:.55}#sidd-cm .sidd-cm-thumb{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden}#sidd-cm .sidd-cm-thumb img{width:100%;height:100%;object-fit:contain;display:block}#sidd-cm .sidd-cm-thumb-fallback{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:7px;display:block}#sidd-cm .sidd-cm-soldout-tag{position:absolute;top:5px;right:5px;font-size:9.9px;font-weight:600;color:var(--red);background:#000000d1;padding:1px 5px;border-radius:99px;white-space:nowrap}#sidd-cm .sidd-cm-compare{display:flex;height:5px;overflow:hidden;margin:0 0 8px}#sidd-cm .sidd-cm-compare span{flex:1 1 50%;display:block}#sidd-cm .sidd-cm-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;font-weight:600;line-height:1.25;padding:0 9px;min-height:2.5em;color:var(--ink);text-decoration:none}#sidd-cm .sidd-cm-name:hover{color:var(--blue)}#sidd-cm .sidd-cm-meta{display:flex;align-items:baseline;justify-content:center;gap:9px;padding:4px 9px 0;font-size:13px}#sidd-cm .sidd-cm-pct{color:var(--blue);font-weight:600;font-variant-numeric:tabular-nums}#sidd-cm .sidd-cm-price{color:var(--ink-2);font-variant-numeric:tabular-nums}#sidd-cm .sidd-cm-add{margin:9px 9px 0;background:var(--fill2);border:0;color:var(--ink);font:inherit;font-size:13px;font-weight:600;padding:8px 10px;border-radius:999px;cursor:pointer;transition:background .18s ease}#sidd-cm .sidd-cm-add:hover{background:var(--line2)}#sidd-cm .sidd-cm-add[disabled]{opacity:.5;cursor:not-allowed}#sidd-cm .sidd-cm-added{background:#fff;color:#000}#sidd-cm .sidd-cm-more-wrap{display:flex;justify-content:center;margin-top:16px}#sidd-cm .sidd-cm-more{background:var(--fill);border:0;color:var(--ink);font:inherit;font-size:14.2px;font-weight:600;padding:11px 22px;border-radius:999px;cursor:pointer;transition:background .18s ease}#sidd-cm .sidd-cm-more:hover{background:var(--fill2)}#sidd-cm :focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){#sidd-cm *{transition-duration:.01ms!important}}@media(max-width:720px){#sidd-cm .sidd-cm-results{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}#sidd-cm .sidd-cm-q{font-size:16px}#sidd-cm .sidd-cm-search{max-width:none}#sidd-cm .cm-tool{padding:14px}}html.sidd-light #sidd-cm{--bg:#ffffff;--surface:#f4f4f6;--ink:#141417;--ink-2:#5b616e;--blue:#2563eb;--blue-deep:#2563eb;--line:rgba(0,0,0,.11);--line2:rgba(0,0,0,.22);--fill:rgba(0,0,0,.045);--fill2:rgba(0,0,0,.085)}html.sidd-light #sidd-cm h1,html.sidd-light #sidd-cm h2,html.sidd-light #sidd-cm b,html.sidd-light #sidd-cm .sidd-cm-name,html.sidd-light #sidd-cm .sidd-cm-ro-code{color:var(--ink)!important}html.sidd-light #sidd-cm span,html.sidd-light #sidd-cm .cm-lede,html.sidd-light #sidd-cm .sidd-cm-status,html.sidd-light #sidd-cm .sidd-cm-canvas-hint,html.sidd-light #sidd-cm .sidd-cm-price,html.sidd-light #sidd-cm h2 .c{color:var(--ink-2)!important}html.sidd-light #sidd-cm .sidd-cm-pct,html.sidd-light #sidd-cm .cm-stat.hl b,html.sidd-light #sidd-cm .sidd-cm-ro-link,html.sidd-light #sidd-cm .sidd-cm-reset{color:var(--blue)!important}html.sidd-light #sidd-cm .cm-stat b{color:var(--ink)!important}html.sidd-light #sidd-cm .sidd-cm-pill[aria-pressed=true],html.sidd-light #sidd-cm .sidd-cm-added{background:#141417;color:#fff!important}html.sidd-light #sidd-cm .sidd-cm-q{color:var(--ink)!important}html.sidd-light #sidd-cm .sidd-cm-filters select{color:var(--ink)!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23141417' stroke-width='1.6'/></svg>")}html.sidd-light #sidd-cm .sidd-cm-filters select option{background:#fff;color:#141417}html.sidd-light #sidd-cm .sidd-cm-card,html.sidd-light #sidd-cm .sidd-cm-canvas-wrap{background:#f0f0f2}
/*# sourceMappingURL=/cdn/shop/t/53/assets/color-match.css.map */
