:root{--cc9-color-primary-hsl:250,84%,54%;--cc9-color-bg-hsl:0,0%,100%;--cc9-color-contrast-high-hsl:230,7%,23%;--cc9-color-contrast-higher-hsl:230,13%,9%;--cc9-color-contrast-medium-hsl:225,4%,47%;--cc9-space-2xs:0.375rem;--cc9-space-xs:0.5rem;--cc9-text-sm:0.833rem}@media (min-width:64rem){:root{--cc9-space-2xs:0.5625rem;--cc9-space-xs:0.75rem;--cc9-text-sm:1rem}}:root{--color-swatches-gap:var(--cc9-space-2xs);--color-swatch-size:32px;--color-swatch-radius:50%}.color-swatches__list{grid-gap:var(--color-swatches-gap);display:grid;grid-template-columns:repeat(auto-fit,var(--color-swatch-size));list-style:none;margin-bottom:0;padding-left:0}.color-swatches__swatch{border-radius:var(--color-swatch-radius);cursor:pointer;display:block;height:var(--color-swatch-size);position:relative;width:var(--color-swatch-size)}.color-swatches__swatch:before{border:1px solid hsla(var(--cc9-color-contrast-higher-hsl),.1);border-radius:inherit;content:"";height:100%;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.2s;width:100%}.color-swatches__swatch:hover:before{border-color:hsla(var(--cc9-color-contrast-higher-hsl),.3)}.color-swatches__item--selected .color-swatches__swatch:before{border-color:hsla(var(--cc9-color-contrast-higher-hsl),.8);height:calc(100% + 6px);width:calc(100% + 6px)}.color-swatches__item--disabled{display:none}.cc9-sr-only{clip:rect(1px,1px,1px,1px);border:0;clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.cc9-color-contrast-high{--cc9-color-o:1;color:hsla(var(--cc9-color-contrast-high-hsl),var(--cc9-color-o,1))}.cc9-margin-bottom-xs{margin-bottom:var(--cc9-space-xs)}.cc9-color-contrast-medium{--cc9-color-o:1;color:hsla(var(--cc9-color-contrast-medium-hsl),var(--cc9-color-o,1))}.cc9-text-sm{font-size:var(--cc9-text-sm)}.cc9-hide{display:none!important}