html body .swatch{--swatch-width: 22px;--swatch-height: 22px;width:22px;height:22px;border-radius:50%!important;position:relative;isolation:isolate}html body .swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff;opacity:0;pointer-events:none;transition:opacity .16s ease}html body .variant-option__button-label--has-swatch{--focus-outline-radius: 50%;--options-border-radius: 50% !important;border-radius:50%!important;min-width:22px;min-height:22px;width:22px;height:22px;flex:0 0 22px;background:transparent}html body .variant-option__button-label--has-swatch:has(:checked),html body .variant-option__button-label--has-swatch:has(:focus-visible){outline:1px solid var(--color-foreground);outline-offset:4px}@media(hover:hover){html body .variant-option__button-label--has-swatch:hover .swatch:before,html body .variant-option__select-wrapper:hover .swatch:before,html body .swatch:hover:before{opacity:.24}}html body .variant-option__button-label--has-swatch:has(:focus-visible) .swatch:before{opacity:.24}@media(pointer:coarse){html body .variant-option__button-label--has-swatch{width:44px;height:44px;min-width:44px;min-height:44px;flex-basis:44px;padding:11px}}@media(prefers-reduced-motion:reduce){html body .swatch:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/orrling-colour-swatches.css.map */