.colour-swatch-picker{--colour-swatch-border-color: #303030;--colour-swatch-ring: 3px;display:flex;flex-direction:column;gap:1.2rem;width:100%}.colour-swatch-picker--small{--colour-swatch-outer-size: 30px}.colour-swatch-picker--medium{--colour-swatch-outer-size: 36px}.colour-swatch-picker--large{--colour-swatch-outer-size: 42px}.colour-swatch-picker__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.colour-swatch-picker__label-row{display:flex;align-items:center;gap:1rem;min-width:0}.colour-swatch-picker__option-name{font-weight:600;font-size:1.5rem;line-height:1;color:#303030}.colour-swatch-picker__selected-value{font-weight:500;font-size:1.5rem;line-height:1.02;color:#30303099}.colour-swatch-picker__selected-value:empty{display:none}.colour-swatch-picker__toggle{flex-shrink:0;font-weight:600;font-size:1.6rem;line-height:1;letter-spacing:.08rem;text-transform:uppercase;text-decoration:underline;color:#30303099;white-space:nowrap}.colour-swatch-picker__swatches-row{display:flex;align-items:center;gap:.4rem;width:100%;min-width:0;overflow:visible}.colour-swatch-picker__swatches{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap;min-width:0;overflow:visible}.colour-swatch-picker__input{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.colour-swatch-picker__swatch-label{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--colour-swatch-outer-size);height:var(--colour-swatch-outer-size);padding:0;cursor:pointer;margin:0;position:relative;vertical-align:top;overflow:visible}.colour-swatch-picker__swatch-label>.tooltip{line-height:1.4;white-space:nowrap}.colour-swatch-picker__input:focus-visible+.colour-swatch-picker__swatch-label .tooltip{--scale: 1;opacity:1;transform-origin:center}.colour-swatch-picker--no-toggle .colour-swatch-picker__swatches{flex-wrap:wrap}.colour-swatch-picker__swatch-label--hidden{display:none}.colour-swatch-picker.is-expanded .colour-swatch-picker__swatch-label--hidden,.colour-swatch-group.is-expanded .colour-swatch-picker__swatch-label--hidden{display:inline-flex}.colour-swatch-picker.is-expanded .colour-swatch-picker__swatches,.colour-swatch-group.is-expanded .colour-swatch-picker__swatches{flex-wrap:wrap}.colour-swatch-picker__swatch{display:block;flex-shrink:0;width:var(--colour-swatch-outer-size);height:var(--colour-swatch-outer-size);padding:var(--colour-swatch-ring);border:1px solid transparent;border-radius:50%;box-sizing:border-box;overflow:visible;line-height:0}.colour-swatch-picker__swatch-fill{display:block;width:100%;aspect-ratio:1;height:auto;border-radius:50%;border:0;box-shadow:inset 0 0 0 1px var(--colour-swatch-border-color);box-sizing:border-box;background-clip:padding-box;background-origin:border-box;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden}.colour-swatch-picker__swatch-fill--empty{background-color:#e6e7e8}.colour-swatch-picker__input:checked+.colour-swatch-picker__swatch-label .colour-swatch-picker__swatch{border-color:var(--colour-swatch-border-color);border-radius:50%}.colour-swatch-picker__input:checked+.colour-swatch-picker__swatch-label .colour-swatch-picker__swatch-fill{box-shadow:none}.colour-swatch-picker__input.disabled+.colour-swatch-picker__swatch-label{opacity:.45;cursor:not-allowed}.colour-swatch-picker__input.disabled+.colour-swatch-picker__swatch-label .colour-swatch-picker__swatch-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--colour-swatch-border-color) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))}.colour-swatch-picker__overflow{flex-shrink:0;font-weight:500;font-size:1.5rem;line-height:1.02;color:#30303099;white-space:nowrap}.colour-swatch-picker--grouped{gap:1rem}.colour-swatch-group{display:flex;flex-direction:column;gap:1.2rem;width:100%;min-width:0}.colour-swatch-group .variant-picker__notice{margin-top:0;width:100%}.product-form__input--metafield-colour{display:flex;flex-direction:column;gap:0;border:0;padding:0;margin:0 0 1.6rem;min-width:0}.product-form__input--metafield-colour>legend,.product-form__input--metafield-colour>.form__label{display:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-colour-swatches.css.map */