strong{font-family:PPPlayground,arial,sans-serif;font-weight:300;line-height:0}.colour-relation-swatches{flex-flow:wrap;align-items:center;gap:.75em;width:100%;display:flex}.colour-relation-swatches.empty{display:none}.colour-relation-swatches__label{margin-right:1em}.colour-relation-swatches__label span{font-size:.75em}.colour-relation-swatches__swatch{border:1px solid #1113;border-radius:50%;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{border:none}.colour-relation-swatches__swatch.active:before{content:"";border:1px solid var(--color-midnight);border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.colour-relation-swatches__count{color:var(--color-midnight);opacity:.5;margin-left:3px;font-size:.875em}