.fit-colour-switcher{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.fit-colour-switcher__option{min-width:0;position:relative}.fit-colour-switcher__label{font-size:14px;font-weight:var(--font-bold);line-height:1;margin:0 0 8px;text-transform:uppercase}.fit-colour-switcher__toggle{align-items:center;background-color:var(--color-form-background);border:1px solid var(--color-form-border);border-radius:var(--form-border-radius);color:var(--color-text);cursor:pointer;display:flex;font-weight:var(--font-bold);gap:10px;height:50px;padding-inline:var(--form-input-padding);text-align:left;width:100%}.fit-colour-switcher__toggle:hover,.fit-colour-switcher__toggle[aria-expanded=true]{border-color:var(--color-form-border-active)}.fit-colour-switcher__toggle .icon{flex-shrink:0;margin-left:auto;transition:transform .2s ease;width:.75rem}.fit-colour-switcher__toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.fit-colour-switcher__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fit-colour-switcher__list{background-color:var(--color-background);border:1px solid var(--color-form-border);border-radius:var(--form-border-radius);box-shadow:0 1px 8px #00000017;left:0;max-height:220px;overflow-x:hidden;overflow-y:auto;padding-block:8px;position:absolute;right:0;top:calc(100% + 4px);z-index:3}.fit-colour-switcher__item{align-items:center;color:var(--color-text);display:flex;gap:12px;line-height:1.14;padding:12px var(--form-input-padding);text-decoration:none}.fit-colour-switcher__item:focus-visible,.fit-colour-switcher__item:hover{background-color:var(--color-background-secondary)}.fit-colour-switcher__item--active{font-weight:var(--font-bold)}.fit-colour-switcher__swatch{background-color:var(--color-background-secondary);background-position:50%;background-size:cover;border:1px solid var(--color-form-border);border-radius:50%;flex:0 0 32px;height:32px;width:32px}.fit-colour-switcher__item--active .fit-colour-switcher__swatch{border-color:var(--color-text);box-shadow:inset 0 0 0 3px var(--color-background)}.product-swap--loading{cursor:progress}.product-swap--loading :is(.product__carousel,.product__grid,.product__information){opacity:.6;transition:opacity .2s ease}::view-transition-new(root),::view-transition-old(root){animation-duration:.2s}@media not (max-width:1024px),screen and (min-width:1024px){.fit-colour-switcher{gap:24px}}
/*# sourceMappingURL=/cdn/shop/t/1284/assets/fit-colour-switcher.bundle.css.map */