.variant-colour-dropdown{position:relative;width:100%;font-family:var(--font-body-family);font-size:var(--text-size-xs);color:rgb(var(--color-base-text))}.variant-colour-dropdown__trigger{display:flex;align-items:center;gap:var(--layout-space-8);width:100%;padding:var(--layout-space-8) var(--layout-space-8);background-color:rgb(var(--color-body));border:1px solid rgba(var(--color-base-dark),.3);border-radius:.4rem;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.variant-colour-dropdown__trigger:hover,.variant-colour-dropdown__trigger:focus-visible{border-color:rgb(var(--color-base-brand));box-shadow:0 0 0 2px rgba(var(--color-base-brand),.15);outline:none}.variant-colour-dropdown--open .variant-colour-dropdown__trigger{border-color:rgb(var(--color-base-brand));border-bottom-left-radius:0;border-bottom-right-radius:0}.variant-colour-dropdown__swatch{flex-shrink:0;width:2.8rem;height:2.8rem;border-radius:.4rem;border:1.5px solid rgba(var(--color-base-dark),.15);background-size:cover;background-position:center top;background-color:rgba(var(--color-base-dark),.08);box-shadow:inset 0 0 0 1px rgba(var(--color-base-dark),.08)}.variant-colour-dropdown__item .variant-colour-dropdown__swatch{width:4.8rem;height:4.8rem}.variant-colour-dropdown__label{flex:1;line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}.variant-colour-dropdown__chevron{flex-shrink:0;display:flex;align-items:center;color:rgba(var(--color-base-text),.5);transition:transform .2s ease,color .15s ease}.variant-colour-dropdown--open .variant-colour-dropdown__chevron{transform:rotate(180deg)}.variant-colour-dropdown__list{position:absolute;top:100%;left:0;right:0;z-index:500;list-style:none;margin:0;padding:var(--layout-space-4) 0;background-color:rgb(var(--color-body));background-image:none;border:1px solid rgb(var(--color-base-brand));border-top:none;border-bottom-left-radius:.4rem;border-bottom-right-radius:.4rem;box-shadow:0 12px 32px #0000001f;max-height:28rem;overflow-y:auto;display:none}.variant-colour-dropdown--open .variant-colour-dropdown__list{display:block}.variant-colour-dropdown__item{display:flex;align-items:center;gap:var(--layout-space-8);padding:var(--layout-space-4) var(--layout-space-8);cursor:pointer;transition:background-color .1s ease;letter-spacing:var(--tracking-wide)}.variant-colour-dropdown__item:hover,.variant-colour-dropdown__item:focus-visible{background-color:rgba(var(--color-base-brand),.06);outline:none}.variant-colour-dropdown__item--active{background-color:rgba(var(--color-base-brand),.08)}.variant-colour-dropdown__item--active .variant-colour-dropdown__label{font-weight:var(--font-weight-medium)}.variant-colour-dropdown__item--active .variant-colour-dropdown__swatch{border-color:rgba(var(--color-base-dark),.4);box-shadow:0 0 0 2px rgb(var(--color-base-background)),0 0 0 3.5px rgba(var(--color-base-dark),.35)}
/*# sourceMappingURL=/cdn/shop/t/438/assets/variant-colour-dropdown.css.map */