html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;width:max-content!important;max-width:calc(100% - 16px)!important;gap:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;scrollbar-width:none}html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a{position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 28px!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a>span{position:relative;display:block!important;flex:0 0 12px!important;width:12px!important;min-width:12px!important;height:12px!important;min-height:12px!important;padding:0!important;border:0!important;border-radius:3px!important;background:var(--swatch, #e9e9e9)!important;box-shadow:inset 0 0 0 1px #0000001f,0 1px 3px #0000001a!important;outline:none!important;overflow:hidden;transform:none!important;transition:box-shadow .15s ease}html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a:is(.is-current,:hover,:focus-visible){background:transparent!important;box-shadow:none!important}html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a>span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0000001f;pointer-events:none}html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a>span>img{display:block!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:cover;object-position:center}html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a.is-current>span{box-shadow:inset 0 0 0 1px #222,inset 0 0 0 2px #fff,0 1px 3px #0000001a!important;outline:none!important}html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a.is-current>span:after{box-shadow:inset 0 0 0 1px #222,inset 0 0 0 2px #fff}html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a.is-unavailable>span{opacity:.42}html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a:focus-visible>span{outline:2px solid #245c3c!important;outline-offset:3px}html:root:root:root:root:root:root:root body #MainContent[data-template^=product] .ck-product-stage .fl-colours__options{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px!important}html:root:root:root:root:root:root:root body #MainContent[data-template^=product] .ck-product-stage .fl-colours__options>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:54px!important;min-height:54px!important;margin:0!important;padding:3px!important;box-sizing:border-box;border:1px solid rgb(0 0 0 / 12%)!important;border-radius:7px!important;background:#0000000a!important;box-shadow:none!important;outline:none;overflow:hidden;transform:none!important;transition:border-color .15s ease,background-color .15s ease}html:root:root:root:root:root:root:root body #MainContent[data-template^=product] .ck-product-stage .fl-colours__options>a>img{display:block;width:100%!important;height:100%!important;max-height:100%!important;padding:0!important;border-radius:0!important;object-fit:contain!important}html:root:root:root:root:root:root:root body #MainContent[data-template^=product] .ck-product-stage .fl-colours__options>a[aria-current]{border:1px solid #333a34!important;background:#ffffff29!important;box-shadow:none!important}html:root:root:root:root:root:root:root body #MainContent[data-template^=product] .ck-product-stage .fl-colours__options>a:focus-visible{outline:2px solid #245c3c!important;outline-offset:3px}html:root:root:root:root:root:root:root body #MainContent[data-template^=product] .ck-product-stage .fl-colours__options>a[aria-disabled=true]{opacity:.42}@media(max-width:749px){html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a{flex-basis:32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}}@media(hover:hover){html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a:not(.is-current):hover>span{box-shadow:inset 0 0 0 1px #999,inset 0 0 0 2px #fff!important}html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a:not(.is-current):hover>span:after{box-shadow:inset 0 0 0 1px #999,inset 0 0 0 2px #fff}html:root:root:root:root:root:root:root body #MainContent[data-template^=product] .ck-product-stage .fl-colours__options>a:not([aria-current]):hover{border-color:#00000057!important}}@media(prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root:root body #MainContent[data-template] .ck-compact-card__colours>a>span,html:root:root:root:root:root:root:root body #MainContent[data-template^=product] .ck-product-stage .fl-colours__options>a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/ck-subtle-swatches.css.map */