.kc-swatches-grid{display:grid;grid-template-columns:repeat(3,56px);gap:1rem 1rem;margin:0;padding:0}.kc-swatches-grid input[type=radio],input[type=radio]:has(+.kc-swatch-label){position:absolute;opacity:0;width:0;height:0;pointer-events:none}.kc-swatch-label,.kc-swatch-label:hover{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.35rem!important;cursor:pointer;width:56px!important;height:auto!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;min-width:unset!important;min-height:unset!important}.kc-swatch{display:block;width:38px;height:38px;border-radius:4px;border:1px solid rgba(0,0,0,.12);transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.kc-swatch-label:hover .kc-swatch{transform:scale(1.08);box-shadow:0 2px 8px #0000002e}input[type=radio]:checked+.kc-swatch-label .kc-swatch{box-shadow:0 0 0 2px #fff,0 0 0 4px #242833!important}.kc-swatch-label--disabled{opacity:.4;cursor:not-allowed}.kc-swatch-label--disabled .kc-swatch{position:relative}.kc-swatch-label--disabled .kc-swatch:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:1.5px;background:#0006;transform:rotate(-45deg);transform-origin:center}.kc-swatch-name{font-size:.6rem;font-weight:700;color:#111;line-height:1.2;text-align:left;white-space:nowrap;width:56px;display:block;letter-spacing:.04em;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/19/assets/kc-swatches.css.map */