.colour-groups{--swatch-chip-size: 28px;--swatch-hit-size: 36px;--swatch-chip-gap: 8px;margin-top:16px;margin-bottom:16px}.colour-group{margin-bottom:20px;border-bottom:1px solid #DDDDDD;padding-bottom:20px}.colour-group__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.colour-group__name{font-size:13px;font-weight:700;line-height:20px;letter-spacing:.26px;color:#18212d;margin:0}.colour-group__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:var(--swatch-chip-gap);margin:0;padding:0}.colour-group__all-link{flex-shrink:0;display:inline-block;font-size:13px;line-height:20px;letter-spacing:.26px;text-decoration:none;color:#18212d;background:none;border:none;padding:0;cursor:pointer;vertical-align:middle}.colour-group__all-link:hover,.colour-group__all-link:focus{opacity:.7}.colour-swatch-item,.all-colours-drawer__item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--swatch-hit-size);height:var(--swatch-hit-size);border-radius:50%;text-decoration:none;transition:background-color .15s ease}.colour-swatch-item:hover,.all-colours-drawer__item:hover{background-color:#0000000d}.colour-swatch-item__chip,.all-colours-drawer__chip{display:block;width:var(--swatch-chip-size);height:var(--swatch-chip-size);border-radius:50%;background-size:cover;background-position:center center;border:1px solid rgba(0,0,0,.12);transition:box-shadow .15s ease}.colour-swatch-item:focus-visible .colour-swatch-item__chip,.all-colours-drawer__item:focus-visible .all-colours-drawer__chip{outline:var(--keyboard-focus) var(--focus-border-style) var(--focus-border-weight);outline-offset:2px}.colour-swatch-item.is-active .colour-swatch-item__chip,.all-colours-drawer__item.is-active .all-colours-drawer__chip{box-shadow:0 0 0 2px var(--background),0 0 0 3.5px var(--text-color)}.colour-swatch-item.is-disabled .colour-swatch-item__chip,.all-colours-drawer__item.is-disabled .all-colours-drawer__chip{opacity:.35}.colour-swatch-item.is-disabled:after,.all-colours-drawer__item.is-disabled:after{content:"";position:absolute;top:50%;left:8%;width:84%;height:1px;background:var(--text-color);transform:rotate(-45deg)}[data-product-swap-root].is-swapping,[data-bundle-save-swap-root].is-swapping{opacity:.5;pointer-events:none;transition:opacity .15s ease}.all-colours-drawer__title{margin:0 0 16px}.all-colours-drawer__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:18px;padding:0;margin:0}.all-colours-drawer__item{width:auto;height:auto;flex-direction:column;align-items:center;gap:6px;text-align:center;border-radius:0}.all-colours-drawer__item:hover{background-color:transparent}.all-colours-drawer__chip{width:44px;height:44px}.all-colours-drawer__label{font-size:12px;color:var(--text-color)}.all-colours-drawer__soldout{font-size:10px;text-transform:uppercase;color:var(--text-color);opacity:.6}.product-blocks__block--colour_group_swatches{border-top:1px solid #DDDDDD}@media screen and (max-width:740px){.colour-groups{--swatch-chip-size: 24px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-colour-swatches.css.map */