.colour-relation-swatches{border:1px solid var(--color-black);flex-flow:wrap;align-items:center;gap:.5em;width:100%;margin-bottom:-1px;padding:1.25em 1.625em;display:flex}.colour-relation-swatches.empty{display:none}.colour-relation-swatches__label{width:100%;margin-bottom:.5em}.colour-relation-swatches__label span{text-transform:uppercase;letter-spacing:1.2px;font-size:.75em}.colour-relation-swatches__swatch{width:24px;height:24px;display:block;position:relative}.colour-relation-swatches__swatch span{border-radius:50%;width:100%;height:100%;display:block}.colour-relation-swatches__swatch.active:before{content:"";border:1px solid var(--color-black);border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.colour-relation-swatches__count{color:var(--color-black);opacity:.5;margin-left:3px;font-size:.875em}