.variant-picker{display:block;scroll-margin-block-start:6rem}.variant-step{margin:1.75rem 0 0;padding:0;border:0}.variant-step__legend{display:flex;gap:.375rem;margin-block-end:.25rem;padding:0;font-weight:var(--font-weight-extrabold);font-size:var(--label-size);text-transform:uppercase;letter-spacing:var(--label-tracking)}.variant-step__number{color:var(--color-accent-text)}.product__form{counter-reset:variant-step}.product__form .variant-step{counter-increment:variant-step}.product__form .variant-step__number:before{content:counter(variant-step)}.variant-step__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(0,140px));justify-content:start;gap:.75rem;margin-block-start:.75rem}.variant-step__options:has(>.variant-option:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.variant-step__options:has(>.variant-option:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}@media screen and (min-width:750px){.variant-step__options:has(>.variant-option:nth-child(2):last-child){max-width:calc((200% - .75rem) / 3)}}@media screen and (max-width:749px){.variant-step__options{grid-template-columns:repeat(3,minmax(0,1fr))}}.variant-option__label{display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%;border:1px solid var(--color-border);border-radius:var(--style-border-radius-card);background-color:var(--color-background);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.variant-option__label:hover{border-color:color-mix(in srgb,var(--color-foreground) 45%,transparent)}.variant-option__input:checked+.variant-option__label{border-color:var(--color-accent);background-color:var(--color-chosen)}.variant-option__input:focus-visible+.variant-option__label{outline:2px solid var(--color-foreground);outline-offset:2px}.variant-option__input[data-unavailable]+.variant-option__label{opacity:.4}.variant-option__media{display:block;width:100%;aspect-ratio:1;background-color:var(--color-product-tint);object-fit:cover}.variant-option__media--colour{aspect-ratio:1;width:100%}.variant-option__body{display:grid;flex:1;place-items:center;padding:1rem .5rem;text-align:center}.variant-option__name{display:block;font-weight:var(--font-weight-bold);font-size:calc(var(--label-size) * .7);line-height:1.3;text-transform:uppercase;letter-spacing:var(--label-tracking)}.variant-option__price{display:block;margin-block-start:.5rem;font-weight:var(--font-weight-bold);font-size:var(--type-label-sm)}.variant-option__tick{display:none;position:absolute;top:.5rem;right:.5rem;padding:.25rem;border-radius:50%;background-color:var(--color-foreground);color:var(--color-background)}.variant-option__input:checked+.variant-option__label .variant-option__tick{display:grid}.variant-option__badge{display:block;max-width:100%;margin-block-start:.375rem}.variant-option__input:checked+.variant-option__label:not(:has(img.variant-option__media)) .variant-option__tick{display:none}.variant-step--swatch .variant-step__options{display:flex;flex-wrap:wrap;gap:.5rem}.variant-step--swatch .variant-option__label{display:grid;place-items:center;width:3.25rem;height:3.25rem;border:2px solid transparent;border-radius:var(--style-border-radius-card);background-color:transparent}.variant-step--swatch .variant-option__label:hover{border-color:color-mix(in srgb,var(--color-foreground) 30%,transparent)}.variant-step--swatch .variant-option__input:checked+.variant-option__label{border-color:var(--color-accent);background-color:transparent}.variant-step--swatch .variant-option__media--colour{width:2.5rem;height:2.5rem;border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent);border-radius:calc(var(--style-border-radius-card) - 2px)}.variant-step--swatch .variant-option__media--unavailable{border-style:dashed;border-color:color-mix(in srgb,var(--color-foreground) 30%,transparent);background:none}.variant-step--swatch .variant-option__input:checked+.variant-option__label .variant-option__tick{display:none}.variant-step__value{margin-block-start:.5rem;color:var(--color-muted);font-weight:var(--font-weight-semibold);font-size:var(--type-label-sm)}.variant-picker__unavailable{margin-block-start:1rem;color:var(--color-muted);font-size:var(--type-label)}@media screen and (max-width:749px){.variant-option__body{padding:.75rem .375rem}}@media screen and (min-width:750px){.variant-step--chips-desktop .variant-step__options{gap:.5rem}.variant-step--chips-desktop .variant-option__label{flex-direction:row;align-items:center;gap:.625rem;padding:.375rem .75rem .375rem .375rem}.variant-step--chips-desktop .variant-option__media{flex:none;width:2.75rem;border-radius:calc(var(--style-border-radius-card) - 2px)}.variant-step--chips-desktop .variant-option__body{flex:1;place-items:center start;min-width:0;padding:0;text-align:start}.variant-step--chips-desktop .variant-option__name{font-size:calc(var(--label-size) * .75)}.variant-step--chips-desktop .variant-option__badge{margin-block-start:.25rem}.variant-step--chips-desktop .variant-option__input:checked+.variant-option__label .variant-option__tick{display:none}}@media screen and (max-width:749px){.variant-step--chips-mobile .variant-step__options{gap:.5rem}.variant-step--chips-mobile .variant-option__label{gap:.375rem;padding:.5rem .375rem}.variant-step--chips-mobile .variant-option__media{width:2.5rem;margin-inline:auto;border-radius:calc(var(--style-border-radius-card) - 2px)}.variant-step--chips-mobile .variant-option__body{padding:0}.variant-step--chips-mobile .variant-option__input:checked+.variant-option__label .variant-option__tick{display:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/snippet-variant-picker.css.map */