.colour-swatch-label{display:inline-block;position:relative;cursor:pointer;margin:0 .4rem .4rem 0}.colour-swatch-circle{display:block;width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid rgba(0,0,0,.12);transition:box-shadow .15s ease,transform .15s ease}.colour-swatch-circle--square{border-radius:.4rem}.colour-swatch-label:hover .colour-swatch-circle{box-shadow:0 0 0 1px #0000004d;transform:scale(1.05)}.colour-swatch-label--selected .colour-swatch-circle{box-shadow:0 0 0 2px #fff,0 0 0 3px #1a1a1a}.colour-swatch-label--disabled{opacity:.35;cursor:not-allowed}.colour-swatch-label--disabled .colour-swatch-circle:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#00000080;transform:rotate(-45deg)}.card-colour-swatches{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.card-colour-swatch{display:inline-block;width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid rgba(0,0,0,.12);cursor:default;transition:transform .15s ease}.card-colour-swatch:hover{transform:scale(1.15);box-shadow:0 0 0 1px #00000040}.swatch-dot{display:inline-block;border-radius:50%;background-color:#d9d9d9;box-shadow:inset 0 0 0 1px #0000001f;vertical-align:middle}.swatch-dot--square{border-radius:.4rem}.swatch-dot--lg{width:3.2rem;height:3.2rem}.swatch-dot--sm{width:1.6rem;height:1.6rem;cursor:default;transition:transform .15s ease}.swatch-dot--sm:hover{transform:scale(1.15);box-shadow:inset 0 0 0 1px #0000001f,0 0 0 1px #00000040}.swatch-dot--fallback{background:repeating-linear-gradient(45deg,#f2f2f2 0 4px,#e0e0e0 4px 8px)}.swatch-dot__label{font-size:1.1rem;margin-left:.4rem;vertical-align:middle}.swatch-dot__label--fallback{font-size:1.1rem;color:#555}.card-colour-swatch-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;height:1.6rem;padding:0 .4rem;font-size:1.1rem;line-height:1;color:#444;border-radius:.9rem;background:#0000000f;vertical-align:middle}.colour-swatch-label--fallback .colour-swatch-circle{background:repeating-linear-gradient(45deg,#f2f2f2 0 4px,#e0e0e0 4px 8px)}.colour-swatch-label--fallback .colour-swatch-label__text{position:absolute;bottom:-1.6rem;left:50%;transform:translate(-50%);font-size:1rem;white-space:nowrap;color:#444}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-colour-swatches.css.map */