.variant-picker{width:100%}.variant-picker__form{display:flex;flex-direction:column;gap:var(--padding-lg);width:100%}.variant-picker__accordion{display:flex;flex-direction:column;gap:.5rem var(--gap-xs)}.variant-picker__accordion-summary{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-xs);padding-block:0 .5rem;border-bottom:.5px solid rgb(var(--color-foreground-rgb) / .5);cursor:pointer;list-style:none}.variant-picker__accordion-summary::-webkit-details-marker{display:none}.variant-picker__accordion-title{font-weight:var(--font-weight-bold);font-size:var(--font-size--sub-sm);line-height:1.2}.variant-picker__accordion-value{display:none;font-size:var(--font-size--sub-sm);line-height:1.2;color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}.variant-picker__accordion-panel{padding-top:.5rem}.variant-picker__accordion-leading{display:inline-flex;align-items:center;gap:.25rem;min-width:0}.variant-picker__accordion-icon{display:inline-flex;width:1rem;height:1rem;color:#15151e}.variant-picker__accordion-leading .icon{width:1rem;height:1rem}.variant-picker__accordion-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding-inline:.25rem;border-radius:999px;background:var(--color-primary);color:#fff;font-size:10px;line-height:1;font-weight:var(--font-weight-bold)}.variant-picker__accordion-trailing{display:inline-flex;align-items:center;gap:6px}.variant-picker__accordion-chevron{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;transform:rotate(-90deg);transition:transform var(--animation-speed) var(--animation-easing)}details[open]>.variant-picker__accordion-summary .variant-picker__accordion-chevron{transform:rotate(0)}.variant-option--cards{--variant-card-background: rgb(var(--color-background));--variant-card-border: rgb(var(--color-foreground-rgb) / .08);--variant-card-selected-border: var(--color-primary);--variant-card-badge-size: 1.5rem;--variant-card-badge-offset: -.5rem;--variant-card-media-height: 7rem;--variant-card-gap: 1rem;--variant-card-radius: 1rem;--variant-card-padding: 1rem;--variant-card-title-color: rgb(var(--color-foreground-rgb));--variant-card-title-size: 1rem;--variant-card-price-size: 1rem;display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--variant-card-gap);margin:0;padding:0;border:0}.variant-option--cards legend{display:none}.variant-option--cards-horizontal{--variant-card-columns: 2;flex-direction:row;align-items:stretch;margin-block-start:1rem}.variant-option--cards-horizontal legend{display:block;width:100%;flex-basis:100%;padding:0;margin-block:1rem .75rem;color:rgb(var(--color-foreground-rgb));font-weight:var(--font-weight-bold);font-size:clamp(1.25rem,4vw,1.5rem);line-height:1;letter-spacing:-.02em}.variant-option__card-wrapper{min-inline-size:0}.variant-option--cards-horizontal .variant-option__card-wrapper{flex:1 1 calc((100% - (var(--variant-card-columns) - 1) * var(--variant-card-gap)) / var(--variant-card-columns))}@media screen and (min-width:750px){.variant-option--cards-horizontal{--variant-card-columns: 4;--variant-card-gap: 1rem;--variant-card-media-height: 7rem;--variant-card-padding: 1.25rem}}.variant-option__card{position:relative;display:block;inline-size:100%;block-size:100%;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground-rgb));cursor:pointer;text-align:center}.variant-option__check-badge{position:absolute;inset-block-start:var(--variant-card-badge-offset);inset-inline-end:var(--variant-card-badge-offset);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--variant-card-badge-size);block-size:var(--variant-card-badge-size);border-radius:50%;background:var(--variant-card-selected-border);color:var(--color-primary-button-text);opacity:0;pointer-events:none;transform:scale(.5);transition:opacity var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing);z-index:1}.variant-option__check-badge svg{inline-size:.875rem;block-size:.875rem}.variant-option__card:has(:checked) .variant-option__check-badge{opacity:1;transform:scale(1)}.variant-option__card-inner{display:grid;block-size:100%;gap:.75rem}.variant-option__card input{display:none}.variant-option__card-media{box-sizing:border-box;padding:var(--variant-card-padding);border:1px solid var(--variant-card-border);border-radius:var(--variant-card-radius);background:var(--variant-card-background);width:100%;height:var(--variant-card-media-height);display:grid;place-items:center;mix-blend-mode:darken;transition:border-color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing)}.variant-option__card:has(:checked) .variant-option__card-media{border-color:var(--variant-card-selected-border);box-shadow:inset 0 0 0 1px var(--variant-card-selected-border)}.variant-option__card:has(:focus-visible) .variant-option__card-media{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}.variant-option__card-media--ral{mix-blend-mode:normal}.variant-option__ral-swatch{display:block;width:min(100%,5rem);height:min(100%,5rem);max-height:calc(var(--variant-card-media-height) - var(--variant-card-padding) * 2)}.variant-option__card-image{width:100%;height:100%;max-height:calc(var(--variant-card-media-height) - var(--variant-card-padding) * 2);object-fit:contain;object-position:50% 50%;pointer-events:none}.variant-option__card-image--warranty-default{display:block}.variant-option__card-image--warranty-selected{display:none}.variant-option__card:has(:checked) .variant-option__card-image--warranty-default{display:none}.variant-option__card:has(:checked) .variant-option__card-image--warranty-selected{display:block}.variant-option__card-text{display:grid;justify-content:center;justify-items:center;gap:.125rem;color:var(--variant-card-title-color);font-size:var(--variant-card-title-size);line-height:1.15;font-weight:var(--font-weight-medium);text-align:center}.variant-option__card-title{text-wrap:balance}.variant-option__card-delta{color:var(--color-primary);font-size:var(--variant-card-price-size);font-weight:var(--font-weight-semibold)}.variant-option__card-placeholder{width:min(100%,5rem);height:min(100%,5rem);color:rgb(var(--color-foreground-rgb) / var(--opacity-20))}.variant-picker__accordion-panel legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.variant-picker[data-shopify-visual-preview]{min-width:300px;padding-inline-start:max(4px,var(--padding-inline-start))}.variant-option{--options-border-radius: var(--variant-picker-button-radius);--options-border-width: var(--variant-picker-button-border-width);--variant-option-padding-inline: var(--padding-md)}.variant-option--single{display:flex;flex-wrap:wrap;gap:.25rem;align-items:baseline}.variant-option--swatches{--options-border-radius: var(--variant-picker-swatch-radius);width:100%}.variant-option--swatches-disabled{pointer-events:none;cursor:not-allowed}.variant-option--swatches>overflow-list{justify-content:var(--product-swatches-alignment)}@media(max-width:749px){.variant-option--swatches>overflow-list{justify-content:var(--product-swatches-alignment-mobile)}}.variant-option--buttons{display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin:0;padding:0;border:none}.variant-option--buttons legend{padding:0;margin-block-end:var(--margin-xs)}.variant-option__swatch-value{padding-inline-start:var(--padding-xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}@media(prefers-reduced-motion:no-preference){.variant-option__button-label,.variant-option__select-wrapper,.variant-option__button-label:before,.variant-option__button-label:after,.variant-option__button-label:has([data-previous-checked=true],[data-current-checked=true]) .variant-option__button-label__pill,.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type{transition-duration:var(--animation-speed);transition-timing-function:var(--animation-easing)}.variant-option__button-label__pill{transition-property:transform}.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type{transition-property:clip-path}.variant-option__button-label:has([data-previous-checked=true],[data-current-checked=true]) .variant-option__button-label__pill{transition-property:transform}.variant-option__button-label:after{transition-property:clip-path}.variant-option__button-label:before{transition-property:border-color}.variant-option__select-wrapper,.variant-option__button-label{transition-property:background-color,border-color,color}}.variant-option__button-label{--variant-picker-stroke-color: var(--color-variant-border);cursor:pointer;display:flex;flex:0 0 calc(3ch + 1.3em);align-items:center;position:relative;padding-block:var(--padding-sm);padding-inline:var(--padding-lg);border:var(--options-border-width) solid var(--color-variant-border);border-radius:var(--options-border-radius);overflow:clip;justify-content:center;min-height:calc(3ch + 1.3em);min-width:fit-content;white-space:nowrap;background-color:var(--color-variant-background);color:var(--color-variant-text)}.variant-option__button-label:hover,.variant-option__button-label:hover:has([aria-disabled=true]):has([data-option-available=false]){background-color:var(--color-variant-hover-background);border-color:var(--color-variant-hover-border);color:var(--color-variant-hover-text)}.variant-option__button-label:not(.variant-option__button-label--has-swatch):has([data-option-available=false]){border-width:0}.variant-option__button-label:not(.variant-option__button-label--has-swatch):before,.variant-option__button-label:has([data-option-available=false]):not(.variant-option__button-label--has-swatch):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:var(--options-border-width) solid var(--color-selected-variant-border);border-radius:inherit;pointer-events:none;z-index:2;clip-path:inset(var(--clip, 0 0 0 0))}.variant-option__button-label:has([data-option-available=false]):not(.variant-option__button-label--has-swatch):before{top:0;right:0;bottom:0;left:0}.variant-option__button-label:not(.variant-option__button-label--has-swatch):before{clip-path:inset(0 0 0 0);border-color:var(--color-variant-border);inset:calc(var(--options-border-width) * -1)}.variant-option__button-label:has(:checked):not(.variant-option__button-label--has-swatch):not(:has([data-option-available=false])):before{border-color:var(--color-selected-variant-border)}:is(.variant-option__button-label:not(:has(:checked)):has(~label>:checked),.variant-option__button-label:has(:checked):has(~label>[data-previous-checked=true])) .variant-option__button-label__pill{right:0;left:unset}:is(.variant-option__button-label:has([data-previous-checked=true])~label:has([data-current-checked=true]),.variant-option__button-label:has(:checked)~label) .variant-option__button-label__pill{left:0;right:unset}.variant-option__button-label:not(:has(:checked)):has(~label>:checked){--pill-offset: calc(100% + 1px) }.variant-option__button-label:has(:checked)~label{--pill-offset: calc(-100% - 1px) }.variant-option__button-label:has([data-current-checked=true]):first-of-type~label:last-of-type:not(.variant-option__button-label--has-swatch),.variant-option__button-label:not(:has(:checked)):has(~label>:checked):not(.variant-option__button-label--has-swatch){--clip: 0 0 0 100%}.variant-option__button-label:not(:has([data-current-checked=true])):first-of-type:has(~label:last-of-type>:checked):not(.variant-option__button-label--has-swatch),.variant-option__button-label:has(:checked)~label:not(.variant-option__button-label--has-swatch){--clip: 0 100% 0 0}.variant-option__button-label:has([data-previous-checked=true],[data-current-checked=true]) .variant-option__button-label__pill{width:max(var(--pill-width-current, 100%),var(--pill-width-previous, 100%))}@media screen and (min-width:750px){.variant-option__button-label{padding:var(--padding-xs) var(--variant-option-padding-inline)}}.variant-option--buttons:has(:nth-of-type(3)) .variant-option__button-label:has([data-current-checked=true]):first-of-type~label:last-of-type{--pill-offset: calc(100% + 1px) }.variant-option--buttons:has(:nth-of-type(3)) .variant-option__button-label:not(:has([data-current-checked=true])):first-of-type:has(~label:last-of-type>:checked){--pill-offset: calc(-100% - 1px) }.variant-option__button-label__pill{background:var(--color-selected-variant-background);position:absolute;top:calc(var(--options-border-width) * -1);bottom:calc(var(--options-border-width) * -1);border-radius:inherit;pointer-events:none;width:100%;transform:translate(var(--pill-offset, 0))}.variant-option__button-label__text{pointer-events:none;text-align:start;text-wrap:auto;z-index:2}.variant-option--equal-width-buttons{--variant-min-width: clamp( 44px, calc(var(--variant-option-padding-inline) * 2 + var(--variant-ch)), 100% );display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--variant-min-width),1fr))}.variant-option--equal-width-buttons .variant-option__button-label{min-width:var(--variant-min-width)}.variant-option--equal-width-buttons .variant-option__button-label__text{text-align:center;text-wrap:balance}.variant-option__button-label:has(:focus-visible){--variant-picker-stroke-color: var(--color-foreground);border-color:var(--color-foreground);outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.variant-option__button-label--has-swatch{--focus-outline-radius: var(--variant-picker-swatch-radius);padding:0;border:none;display:block;flex-basis:auto;min-height:auto}.variant-option__button-label:has(:checked){color:var(--color-selected-variant-text);border-color:var(--color-selected-variant-border)}.variant-option__button-label:has(:checked):hover{border-color:var(--color-selected-variant-hover-border);color:var(--color-selected-variant-hover-text)}.variant-option__button-label:has(:checked):hover .variant-option__button-label__pill{background-color:var(--color-selected-variant-hover-background)}.variant-option__button-label:has([data-option-available=false]){color:rgb(var(--color-variant-text-rgb) / var(--opacity-60))}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch{--focus-outline: var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.facets__inputs-list--swatches-grid .variant-option__button-label:has(:focus-visible) .swatch{--focus-outline: var(--focus-outline-width) solid currentcolor;outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.facets__inputs-list--swatches-grid .variant-option__button-label:has(:focus-visible){outline:none}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover{outline:none}.variant-option__button-label--has-swatch:hover{outline:var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));outline-offset:var(--focus-outline-offset)}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(:checked){--focus-outline: none}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(:checked) .swatch{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.variant-option__button-label--has-swatch:has(:checked){--focus-outline: var(--focus-outline-width) solid var(--color-foreground);outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.variant-option__button-label:has([data-option-available=false]):has(:checked){background-color:inherit;color:rgb(var(--color-variant-text-rgb) / var(--opacity-60))}.variant-option__button-label input,.variant-option--images input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}.variant-option__button-label svg{position:absolute;left:var(--options-border-width);top:var(--options-border-width);height:calc(100% - (var(--options-border-width) * 2));width:calc(100% - (var(--options-border-width) * 2));cursor:pointer;pointer-events:none;stroke-width:var(--style-border-width);stroke:var(--variant-picker-stroke-color)}.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg{stroke:var(--color-variant-border)}.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line{stroke-width:var(--options-border-width)}.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type{clip-path:inset(var(--clip, 0 0 0 0));stroke:rgb(var(--color-variant-text-rgb) / 1)}.variant-option__select-wrapper{display:flex;position:relative;border:var(--style-border-width-inputs) solid var(--color-border);border-radius:var(--style-border-radius-inputs);align-items:center;margin-top:var(--margin-2xs);overflow:clip}.variant-option__select-wrapper:has(.swatch){--variant-picker-swatch-width: 20px;--variant-picker-swatch-height: 20px}.variant-option__select-wrapper:hover{border-color:var(--color-variant-hover-border)}.variant-option__select:focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}.variant-option__select{padding-block:var(--padding-md);padding-inline:var(--padding-lg) calc(var(--padding-lg) + var(--icon-size-2xs));-webkit-appearance:none;appearance:none;border:0;width:100%;margin:0;cursor:pointer}.variant-option__select-wrapper .icon{position:absolute;right:var(--padding-md);top:50%;transform:translateY(-50%);width:var(--icon-size-2xs);height:var(--icon-size-2xs);pointer-events:none}.variant-option__select--has-swatch{padding-inline-start:calc((2 * var(--padding-sm)) + var(--variant-picker-swatch-width))}.variant-option__select-wrapper .swatch{position:absolute;top:50%;left:var(--padding-md);transform:translateY(-50%)}.variant-picker--center,.variant-picker--center .variant-option{text-align:center;align-items:center;justify-content:center;width:100%}.variant-picker--right,.variant-picker--right .variant-option{text-align:right;justify-content:right}
/*# sourceMappingURL=/cdn/shop/t/5/assets/variant-main-picker.css.map */