.product-form__input--colour-swatch{display:block}.product-form__input--colour-swatch>.form__label,.product-form__input--colour-swatch>legend.form__label{width:100%;margin-bottom:.5rem}.colour-swatch-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1rem;width:100%}.colour-swatch-col__title{font-size:1.2rem;line-height:1.3;letter-spacing:.02em;color:#121212bf;margin:0 0 .6rem}.colour-swatch-col__chips{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .75rem}.product-form__input--colour-swatch.product-form__input--colour-swatch-flat{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.product-form__input--colour-swatch input[type=radio].colour-swatch__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.product-form__input--colour-swatch label.colour-swatch__label{border:0!important;padding:0!important;margin:0!important;min-width:0!important;min-height:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:0}.product-form__input--colour-swatch label.colour-swatch__label:before,.product-form__input--colour-swatch label.colour-swatch__label:after{content:none!important;display:none!important}.colour-swatch__chip{--swatch-color: #ccc;width:2.4rem;height:2.4rem;border-radius:50%;display:block;background-color:var(--swatch-color);border:1px solid rgba(18,18,18,.2);box-sizing:border-box;transition:box-shadow .15s ease,background .15s ease}.colour-swatch__input:checked+.colour-swatch__label .colour-swatch__chip{background:radial-gradient(circle at center,#ffffff 0 34%,var(--swatch-color) 38% 100%);box-shadow:0 0 0 1px #121212}.colour-swatch__input.disabled+.colour-swatch__label .colour-swatch__chip,.colour-swatch__input:disabled+.colour-swatch__label .colour-swatch__chip{opacity:.35}.colour-swatch__input:focus-visible+.colour-swatch__label .colour-swatch__chip{outline:2px solid #121212;outline-offset:2px}@media screen and (max-width:749px){.colour-swatch-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem .5rem}.colour-swatch-col__title{font-size:1.05rem}.colour-swatch__chip{width:2.1rem;height:2.1rem}}.colour-swatch-col__chips--flat{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .75rem;width:100%}
/*# sourceMappingURL=/cdn/shop/t/12/assets/colour-option-swatches.css.map */