.jgd-variant-option--tiles{--variant-picker-swatch-width: var(--jgd-tile-size, 64px);--variant-picker-swatch-height: var(--jgd-tile-size, 64px);--variant-picker-swatch-radius: calc(var(--jgd-tile-size, 64px) / 2)}.jgd-variant-picker fieldset>overflow-list{width:100%}.jgd-variant-picker .jgd-variant-option__item{display:flex}.jgd-variant-picker overflow-list::part(list){column-gap:var(--gap-sm);row-gap:var(--gap-sm)}.jgd-variant-picker overflow-list[disabled]::part(list){flex-wrap:wrap}.jgd-variant-picker overflow-list::part(more){height:auto}.jgd-variant-picker .jgd-variant-show-all,.jgd-variant-picker .jgd-variant-show-less{display:flex;align-items:center;justify-content:center;cursor:pointer;padding-block:var(--padding-sm);padding-inline:var(--padding-lg);min-height:3.25em;border:var(--options-border-width) solid var(--color-variant-border);border-radius:var(--options-border-radius);background-color:var(--color-variant-background);color:var(--color-variant-text);white-space:nowrap}.jgd-variant-picker .jgd-variant-show-all{font-weight:700;border-color:rgb(var(--color-foreground-rgb) / var(--opacity-40))}.jgd-variant-picker .jgd-variant-show-all:hover,.jgd-variant-picker .jgd-variant-show-less:hover{border-color:var(--color-variant-hover-border)}.jgd-variant-picker .jgd-variant-show-all:hover{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}.jgd-variant-picker .jgd-variant-show-all--text:before{content:none}.jgd-variant-picker .jgd-variant-show-all--text-count:after{counter-reset:overflow-count var(--overflow-count);content:"(+" counter(overflow-count) ")";margin-inline-start:.3em}.jgd-variant-option--tiles .jgd-variant-show-all{width:var(--variant-picker-swatch-width);height:var(--variant-picker-swatch-height);min-height:0;padding:0}.jgd-variant-option--tiles .jgd-variant-show-all--text{width:auto;padding-inline:var(--padding-lg)}.jgd-variant-picker overflow-list .variant-option__button-label__text,.jgd-variant-picker .jgd-option-list .variant-option__button-label__text{text-wrap:nowrap}.jgd-variant-picker overflow-list .variant-option__button-label:not(:has(:checked)) .variant-option__button-label__pill,.jgd-variant-picker .jgd-option-list .variant-option__button-label:not(:has(:checked)) .variant-option__button-label__pill{transform:translate(-101%)}.jgd-variant-picker fieldset>.jgd-option-list{width:100%;min-width:0}.jgd-variant-picker .jgd-option-list__list{display:flex;flex-wrap:wrap;align-items:stretch;column-gap:var(--gap-sm);row-gap:var(--gap-sm);margin:0;padding:0;list-style:none}.jgd-variant-picker .jgd-option-list:not([expanded]) .jgd-option-hidden,.jgd-variant-picker .jgd-option-list li[hidden],.jgd-variant-picker .jgd-option-list .jgd-option-list__less,.jgd-variant-picker .jgd-option-list[expanded] .jgd-option-list__more{display:none}.jgd-variant-picker .jgd-option-list[expanded] .jgd-option-list__less{display:flex}.jgd-variant-picker .jgd-option-list--tiles:not([expanded]) .jgd-option-list__list{--jgd-tile-outline-room: calc(var(--focus-outline-width) + var(--focus-outline-offset) + 1px);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:var(--jgd-tile-outline-room);margin:calc(-1 * var(--jgd-tile-outline-room))}.jgd-variant-picker .jgd-option-list--tiles[measured]:not([expanded]) .jgd-option-list__list{overflow-x:hidden}.jgd-variant-picker .jgd-variant-option--tiles .variant-option__button-label:has(:focus-visible){outline:calc(2 * var(--focus-outline-width)) solid var(--color-foreground);outline-offset:var(--focus-outline-width);box-shadow:0 0 0 var(--focus-outline-width) var(--color-background)}.jgd-variant-picker .jgd-option-list__more--below,.jgd-variant-picker .jgd-option-list__less--below{margin-block-start:var(--margin-xs)}.jgd-variant-picker .jgd-variant-show-all--below,.jgd-variant-picker .jgd-variant-show-less--below{display:inline;width:auto;height:auto;min-height:0;padding:0;border:none;background:none;font-weight:400;color:currentColor;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.jgd-variant-picker .variant-option__button-label__text.jgd-label-split{display:flex;flex-direction:column;align-items:center;row-gap:1px}.jgd-variant-picker .jgd-label-split__dims{font-size:.8em;line-height:1.2;opacity:var(--opacity-70, .7)}.jgd-variant-picker .variant-option--buttons legend,.jgd-variant-picker [data-testid=variant-option-single]{font-weight:700}.jgd-variant-picker .variant-option--buttons legend .variant-option__swatch-value,.jgd-variant-picker [data-testid=variant-option-single] .variant-option__swatch-value{font-weight:400}.jgd-variant-picker .jgd-variant-check{display:none;z-index:2;pointer-events:none;width:1.4em;height:1.4em;flex-shrink:0;border:var(--options-border-width) solid currentColor;border-radius:50%;margin-inline-end:.35em}.jgd-variant-picker .variant-option__button-label:has(:checked) .jgd-variant-check{display:inline-flex;align-items:center;justify-content:center}.jgd-variant-picker .variant-option__button-label:has([data-option-available=false]) .jgd-variant-check{display:none}.jgd-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(:checked):has([data-option-available=false]){color:var(--color-selected-variant-text)}.jgd-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(:checked):has([data-option-available=false]) .variant-option__button-label__pill{background:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.jgd-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(:checked):has([data-option-available=false]) svg line{stroke:var(--color-selected-variant-text)}.jgd-variant-picker .jgd-variant-check svg{position:static;width:.85em;height:.85em;stroke:currentColor}.jgd-variant-picker .jgd-variant-check svg path{stroke-width:2.5}.jgd-variant-picker .variant-option--buttons .variant-option__button-label .variant-option__button-label__pill{width:100%}.jgd-variant-picker .jgd-variant-show-less-item{display:none}.jgd-variant-picker overflow-list[disabled] .jgd-variant-show-less-item{display:flex}
/*# sourceMappingURL=/cdn/shop/t/48/assets/jgd-variant-picker.css.map */