.colour-selector{display:flex;flex-direction:column}.colour-selector__header{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:1.4rem;font-weight:500;line-height:normal;margin-block-end:.9rem}.product-variant-picker--new-selector .form__label{font-size:1.4rem;font-weight:500;line-height:normal;color:var(--Surface-On-3, #525252)}.product-variant-picker--new-selector .colour-selector__header{margin-bottom:.3rem}.product-variant-picker--new-selector .form__label [data-selected-value]{color:var(--Surface-On-3, #525252)}.product-variant-picker--new-selector .option-learn-more__button,.product-variant-picker--new-selector .form__label .product-option__secondary-links{text-decoration:underline;text-underline-offset:.2rem}.product-variant-picker--new-selector .form__label .product-option__secondary-links svg{display:none}.colour-selector__header>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;flex:1;min-width:0}.colour-selector__header [data-selected-value]{display:inline-flex;color:#7c7c7c}.colour-selector__fabric-guide{font-family:Euclid Circular B;flex-shrink:0;margin-left:.8rem;font-size:1.4rem;font-weight:500;line-height:2.4rem;color:var(--color-primary, #696c59);text-decoration:underline;text-underline-offset:.2rem;white-space:nowrap;background:none;border:none;padding:0;cursor:pointer}.colour-selector__groups{display:flex;flex-wrap:wrap;column-gap:2.8rem;row-gap:1.4rem}.colour-selector__group{display:flex;flex-direction:column;gap:.4rem;height:fit-content}.colour-selector__swatches{display:flex;flex-wrap:wrap}.colour-selector__input{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.colour-selector__input+.colour-selector__label,.colour-selector__label--link,.colour-selector__label--static{--cs-swatch-size: 3.2rem;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;margin:.7rem .6rem .2rem 0;border-radius:50%;forced-color-adjust:none}.colour-selector__input+.colour-selector__label{--cs-outline-width: .2rem;--cs-outline-offset: .2rem;cursor:pointer;transition-property:outline-color,outline-width,box-shadow;transition-duration:var(--duration-short);transition-timing-function:ease}.colour-selector__label--link{cursor:pointer;text-decoration:none}.colour-selector__label--static{cursor:default}.colour-selector--square .colour-selector__input+.colour-selector__label,.colour-selector--square .colour-selector__label--link,.colour-selector--square .colour-selector__label--static{border-radius:.4rem}.colour-selector__input+.colour-selector__label:after{content:"";position:absolute;top:calc(-1 * (var(--cs-outline-width) + var(--cs-outline-offset)));left:calc(-1 * (var(--cs-outline-width) + var(--cs-outline-offset)));right:calc(-1 * (var(--cs-outline-width) + var(--cs-outline-offset)));bottom:calc(-1 * (var(--cs-outline-width) + var(--cs-outline-offset)));border:var(--cs-outline-width) solid transparent;border-radius:inherit;pointer-events:none;transition:border-color var(--duration-short) ease,border-width var(--duration-short) ease,box-shadow var(--duration-short) ease}.colour-selector__indicator{display:block;height:.2rem;width:100%;border-radius:.4rem;background-color:var(--surface-outline-4, #726f5a);opacity:0;transition:opacity var(--duration-short) ease;pointer-events:none}.colour-selector__input:checked+.colour-selector__label .colour-selector__indicator{opacity:1}.colour-selector__swatch{display:block;width:var(--cs-swatch-size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, center center);background-size:cover;background-origin:border-box;border-radius:50%;overflow:hidden}.colour-selector--square .colour-selector__swatch{border-radius:.4rem;border:1px solid lightgray}.colour-selector__group-label{width:100%;color:var(--surface-on-4, #262626);font-size:1.2rem;font-weight:600;line-height:150%;display:flex;align-items:flex-start;justify-content:flex-start;gap:.4rem;text-transform:uppercase;letter-spacing:normal}.colour-selector__group-label-image{padding-top:4px;flex-shrink:0}.colour-selector__input+.colour-selector__label:hover:after{border-color:rgba(var(--color-foreground),.3)}.colour-selector__input:checked+.colour-selector__label:after,.colour-selector__input:active+.colour-selector__label:after{border-color:rgb(var(--color-foreground))}.colour-selector--square .colour-selector__input:not(:disabled):not(:checked):not(:active)+.colour-selector__label:hover:after{border-color:transparent}.colour-selector--square .colour-selector__input:not(:disabled):not(:checked):not(:active):not(.visually-disabled)+.colour-selector__label:hover .colour-selector__indicator{opacity:.3}.colour-selector--square .colour-selector__input:checked+.colour-selector__label:after,.colour-selector--square .colour-selector__input:active+.colour-selector__label:after{border-color:transparent}.colour-selector__input:focus-visible+.colour-selector__label:after{border-color:rgba(var(--color-foreground),.5);box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .5rem rgba(var(--color-foreground),.25)}.colour-selector__input:checked:focus-visible+.colour-selector__label,.colour-selector__input:active:focus-visible+.colour-selector__label{--cs-outline-width: .1rem}.colour-selector__input:checked:focus-visible+.colour-selector__label:after,.colour-selector__input:active:focus-visible+.colour-selector__label:after{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .4rem rgba(var(--color-foreground),.25)}.colour-selector__input:disabled+.colour-selector__label{pointer-events:none;cursor:default;transition:none}.colour-selector__input:disabled+.colour-selector__label:after{border-color:transparent}.colour-selector__input+.colour-selector__label.line-loader.loading{opacity:.5}.colour-selector__input:disabled+.colour-selector__label.line-loader.loading{opacity:.25}.colour-selector__input.visually-disabled:not(:checked):not(:active)+.colour-selector__label{transition:none}.colour-selector__input.visually-disabled:not(:checked):not(:active)+.colour-selector__label:hover:after{border-color:transparent}.colour-selector__input.visually-disabled+.colour-selector__label>.colour-selector__swatch{position:relative;overflow:hidden}.colour-selector__input.visually-disabled+.colour-selector__label:not(.line-loader.loading)>.colour-selector__swatch:after{--cs-diagonal-size: calc(var(--cs-swatch-size) * 1.414);--cs-slash-thickness: .1rem;content:"";position:absolute;bottom:calc(var(--cs-slash-thickness) * -.5);left:0;width:var(--cs-diagonal-size);height:var(--cs-slash-thickness);background-color:var(--surface-outline-4, #726f5a);transform:rotate(-45deg);transform-origin:left}.colour-selector__swatch--outline{border:1px solid var(--Surface-Outline-1, #dfded5)}@media screen and (min-width:810px){.colour-selector__input+.colour-selector__label,.colour-selector__label--link,.colour-selector__label--static{--cs-swatch-size: 4rem;margin:.7rem .6rem 0 0}}variant-option-modal.variant-option-modal--new-selector .option-learn-more__pills-group-title{color:var(--surface-on-4, #262626);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:normal}variant-option-modal.variant-option-modal--new-selector .option-learn-more__pills-fieldset legend{font-size:1.4rem;font-weight:500;line-height:normal}variant-option-modal.variant-option-modal--new-selector .product-form__input--swatch .swatch-input__input+.swatch-input__label.swatch-input__label--square{border-radius:.4rem;margin-right:.6rem}variant-option-modal.variant-option-modal--new-selector .product-form__input--swatch .swatch-input__input+.swatch-input__label.swatch-input__label--square .swatch--square{--swatch--border-radius: .4rem;--swatch-input--size: 3.2rem}variant-option-modal.variant-option-modal--new-selector .modal__content-inner--tabs .option-learn-more__heading{color:var(--Primary-Default, #696c59);font-weight:500;letter-spacing:-1px;font-size:3.2rem}variant-option-modal.variant-option-modal--new-selector .modal__content-inner--tabs .option-learn-more__tag{margin-top:.5rem}variant-option-modal.variant-option-modal--new-selector .product-form__input--swatch .swatch-input__input+.swatch-input__label.swatch-input__label--square{display:flex;flex-direction:column;align-items:center;gap:2px}variant-option-modal.variant-option-modal--new-selector .product-form__input--swatch .swatch-input__input+.swatch-input__label.swatch-input__label--square:before{content:"";order:1;display:block;height:.2rem;width:100%;border-radius:.4rem;background-color:var(--surface-outline-4, #726f5a);opacity:0;transition:opacity var(--duration-short) ease}variant-option-modal.variant-option-modal--new-selector .product-form__input--swatch .swatch-input__input:checked+.swatch-input__label.swatch-input__label--square:before{opacity:1}variant-option-modal.variant-option-modal--new-selector .product-form__input--swatch .swatch-input__input:not(:disabled):not(:checked):not(:active)+.swatch-input__label.swatch-input__label--square:hover:after{border-color:transparent}variant-option-modal.variant-option-modal--new-selector .product-form__input--swatch .swatch-input__input:not(:disabled):not(:checked):not(:active):not(.visually-disabled)+.swatch-input__label.swatch-input__label--square:hover:before{opacity:.3}variant-option-modal.variant-option-modal--new-selector .product-form__input--swatch .swatch-input__input:checked+.swatch-input__label.swatch-input__label--square:after,variant-option-modal.variant-option-modal--new-selector .product-form__input--swatch .swatch-input__input:active+.swatch-input__label.swatch-input__label--square:after{border-color:transparent}variant-option-modal.variant-option-modal--new-selector .product-form__input--swatch .swatch-input__input:checked:focus-visible+.swatch-input__label.swatch-input__label--square:after,variant-option-modal.variant-option-modal--new-selector .product-form__input--swatch .swatch-input__input:active:focus-visible+.swatch-input__label.swatch-input__label--square:after{border-color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/55/assets/component-colour-selector.css.map */