variant-picker{display:contents}.variant-picker{--vp-width: var(--variant-picker-width, 500px);--vp-background: var(--variant-picker-background, #fff);--vp-text: var(--variant-picker-text, #222);--vp-muted: var(--variant-picker-muted, rgb(34 34 34 / 65%));--vp-sale: var(--variant-picker-sale, #cc444b);--vp-radius: var(--variant-picker-radius, 0);--vp-shadow: var(--variant-picker-shadow, 0 10px 25px rgb(0 0 0 / 10%));--vp-overlay: var(--variant-picker-overlay, rgb(0 0 0 / 50%));--vp-overlay-blur: var(--variant-picker-overlay-blur, 2px);--vp-divider: var(--variant-picker-divider, #eee);--vp-padding: var(--variant-picker-padding, 16px);--vp-font-family: var(--variant-picker-font-family, var(--typeBasePrimary, sans-serif)), var(--typeBaseFallback, sans-serif);--vp-font-size: var(--variant-picker-font-size, var(--typeBaseSize, 16px));--vp-line-height: var(--variant-picker-line-height, var(--typeBaseLineHeight, 1.4));--vp-letter-spacing: var(--variant-picker-letter-spacing, var(--typeBaseSpacing, normal));--vp-title-font-family: var(--variant-picker-title-font-family, var(--vp-font-family));--vp-title-size: var(--variant-picker-title-size, 1.25rem);--vp-title-weight: var(--variant-picker-title-weight, 600);--vp-tile-size: var(--variant-picker-tile-size, 78px);--vp-tile-gap: var(--variant-picker-tile-gap, 8px);--vp-tile-background: var(--variant-picker-tile-background, #fff);--vp-tile-border: var(--variant-picker-tile-border, #ddd);--vp-tile-radius: var(--variant-picker-tile-radius, 4px);--vp-tile-padding: var(--variant-picker-tile-padding, 6px);--vp-image-radius: var(--variant-picker-image-radius, 4px);--vp-tile-text: var(--variant-picker-tile-text, #000);--vp-tile-hover: var(--variant-picker-tile-hover, #f5f5f5);--vp-selected: var(--variant-picker-selected, #191919);--vp-unavailable-opacity: var(--variant-picker-unavailable-opacity, .2);--vp-thumb-size: var(--variant-picker-thumb-size, 82px);--vp-button-background: var(--variant-picker-button-background, #222);--vp-button-text: var(--variant-picker-button-text, #fff);--vp-button-border-width: var(--variant-picker-button-border-width, 0);--vp-button-border-color: var(--variant-picker-button-border-color, var(--vp-button-background));--vp-button-radius: var(--variant-picker-button-radius, var(--vp-radius));--vp-button-shadow: var(--variant-picker-button-shadow, none);--vp-button-height: var(--variant-picker-button-height, 53px);--vp-button-width: var(--variant-picker-button-width, 100%);--vp-button-padding: var(--variant-picker-button-padding, 0 24px);--vp-button-align: var(--variant-picker-button-align, center);--vp-button-font-size: var(--variant-picker-button-font-size, var(--vp-font-size));--vp-button-font-weight: var(--variant-picker-button-font-weight, 600);--vp-button-letter-spacing: var(--variant-picker-button-letter-spacing, var(--vp-letter-spacing));--vp-button-text-transform: var(--variant-picker-button-text-transform, none);--vp-button-hover-background: var( --variant-picker-button-hover-background, var(--vp-button-background) );--vp-button-hover-text: var(--variant-picker-button-hover-text, var(--vp-button-text));--vp-button-hover-border-color: var( --variant-picker-button-hover-border-color, var(--vp-button-border-color) );--vp-button-disabled-background: var( --variant-picker-button-disabled-background, var(--disabledGrey, #f6f6f6) );--vp-button-disabled-text: var( --variant-picker-button-disabled-text, var(--disabledGreyText, #b6b6b6) );--vp-button-disabled-border-color: var( --variant-picker-button-disabled-border-color, var(--vp-button-disabled-background) );--vp-button-focus: var(--variant-picker-button-focus, var(--vp-selected))}@media screen and (max-width:749px){.variant-picker{--vp-thumb-size: var( --variant-picker-thumb-size-mobile, var(--variant-picker-thumb-size, 98px) )}}.variant-picker [hidden]{display:none!important}.variant-picker__trigger{display:inline-flex;align-items:center;gap:var(--variant-picker-trigger-gap, .3rem);padding:var(--variant-picker-trigger-padding, 8px);border:var(--variant-picker-trigger-border, 0);border-radius:var(--variant-picker-trigger-radius, 0);background:var(--variant-picker-trigger-background, none);color:var(--variant-picker-trigger-color, currentcolor);font-size:var(--variant-picker-trigger-font-size, 1em);font-weight:var(--variant-picker-trigger-font-weight, inherit);letter-spacing:var(--variant-picker-trigger-letter-spacing, inherit);text-decoration:var(--variant-picker-trigger-decoration, underline);cursor:pointer}.variant-picker__trigger:hover{color:var( --variant-picker-trigger-hover-color, var(--variant-picker-trigger-color, currentcolor) );text-decoration:var( --variant-picker-trigger-hover-decoration, var(--variant-picker-trigger-decoration, underline) )}.variant-picker__trigger .icon{flex-shrink:0;width:var(--variant-picker-trigger-icon-size, 16px);height:var(--variant-picker-trigger-icon-size, 16px);--icon-strokeWidth: var(--variant-picker-trigger-icon-stroke, 2.5px)}.variant-picker__dialog{box-sizing:border-box;width:90%;max-width:var(--vp-width);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:var(--vp-radius);background:var(--vp-background);color:var(--vp-text);font-family:var(--vp-font-family);font-size:var(--vp-font-size);line-height:var(--vp-line-height);letter-spacing:var(--vp-letter-spacing);overflow:hidden;box-shadow:var(--vp-shadow)}.variant-picker__dialog[open]{display:flex;flex-direction:column;animation:variant-picker-in .3s ease}.variant-picker__dialog::backdrop{background:var(--vp-overlay, rgb(0 0 0 / 50%));-webkit-backdrop-filter:blur(var(--vp-overlay-blur, 2px));backdrop-filter:blur(var(--vp-overlay-blur, 2px))}@keyframes variant-picker-in{0%{opacity:0;transform:translateY(16px)}}@keyframes variant-picker-slide-up{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.variant-picker__dialog[open]{animation:none}}@media screen and (max-width:749px){.variant-picker__dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;box-shadow:none}.variant-picker__dialog[open]{animation-name:variant-picker-slide-up}}.variant-picker__header{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;flex-shrink:0;padding:var(--vp-padding) var(--vp-padding) 0}.variant-picker__header:after{content:"";grid-column:1 / -1;height:0;margin-top:12px;border-bottom:1px solid var(--vp-divider)}.variant-picker__title{margin:0;font-family:var(--vp-title-font-family);font-size:var(--vp-title-size);font-weight:var(--vp-title-weight)}.variant-picker__close{display:flex;padding:4px;border:0;background:none;color:var(--vp-text);line-height:1;cursor:pointer}.variant-picker__scroll{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.variant-picker__summary{display:flex;align-items:flex-start;gap:12px;padding:var(--vp-padding)}.variant-picker__summary-image{box-sizing:border-box;flex:0 0 var(--vp-thumb-size);width:var(--vp-thumb-size);height:var(--vp-thumb-size);border:1px solid var(--vp-selected);border-radius:var(--vp-tile-radius);overflow:hidden}.variant-picker__summary-image img{display:block;width:100%;height:100%;object-fit:contain}.variant-picker__scroll--image .variant-picker__summary-image{box-sizing:border-box;flex:0 0 auto;width:var(--vp-tile-size);max-width:100%;height:auto;padding:var(--vp-tile-padding);aspect-ratio:1}.variant-picker__scroll--image .variant-picker__summary-image img{border-radius:var(--vp-image-radius);object-fit:cover}@media screen and (max-width:480px){.variant-picker__scroll--image .variant-picker__summary-image{width:min(var(--vp-tile-size),(100% - 3 * var(--vp-tile-gap)) / 4)}}.variant-picker__summary-info{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.variant-picker__summary-info>p{margin:0}.variant-picker__summary-product,.variant-picker__summary-name{color:var(--vp-text);font-size:1rem;font-weight:500;line-height:120%;letter-spacing:-.4px;overflow-wrap:anywhere}.variant-picker__summary-label{font-weight:700}.variant-picker__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 5px;font-size:1rem;line-height:120%;letter-spacing:-.32px}.variant-picker__price-current{font-weight:700}.variant-picker__price--sale .variant-picker__price-current{color:var(--vp-sale)}.variant-picker__unit-price{color:var(--vp-muted);font-size:.75rem;font-weight:400}.variant-picker__discount{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;font-size:.75rem;line-height:120%}.variant-picker__discount-savings{color:var(--vp-sale);font-weight:600}.variant-picker__options{margin:var(--vp-padding) var(--vp-padding) 12px}.variant-picker__options--image{display:grid;grid-template-columns:repeat(auto-fill,minmax(0,var(--vp-tile-size)));justify-content:space-between;gap:var(--vp-tile-gap)}@media screen and (max-width:480px){.variant-picker__options--image{grid-template-columns:repeat(4,minmax(0,var(--vp-tile-size)))}}.variant-picker__options--text{display:flex;flex-wrap:wrap;gap:var(--vp-tile-gap)}.variant-picker__group{display:contents}.variant-picker__swatch{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;border:1px solid var(--vp-tile-border);border-radius:var(--vp-tile-radius);background:var(--vp-tile-background);color:var(--vp-tile-text);cursor:pointer;overflow:hidden;transition:all .2s}.variant-picker__swatch[aria-checked=true]{border-color:var(--vp-selected)}.variant-picker__swatch--image{padding:var(--vp-tile-padding);aspect-ratio:1}.variant-picker__swatch-image{display:block;width:100%;height:100%;border-radius:var(--vp-image-radius);object-fit:cover}.variant-picker__swatch--text{min-width:64px;min-height:46px;padding:8px 16px}.variant-picker__swatch-text{font-size:.938rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.variant-picker__options--image .variant-picker__swatch--text{aspect-ratio:1;min-width:0;min-height:0;padding:4px}.variant-picker__options--image .variant-picker__swatch-text{font-size:.75rem;text-align:center}.variant-picker__swatch:disabled{cursor:not-allowed}.variant-picker__swatch--image:disabled{opacity:var(--vp-unavailable-opacity)}.variant-picker__swatch--text:disabled .variant-picker__swatch-text{opacity:calc(var(--vp-unavailable-opacity) * 2)}.variant-picker__swatch:disabled:before{content:"";position:absolute;top:50%;left:50%;z-index:1;width:141.42%;height:1px;background:var(--vp-tile-text);transform:translate(-50%,-50%) rotate(135deg);transform-origin:center;pointer-events:none}.variant-picker__options--text .variant-picker__swatch:disabled:before{transform:translate(-50%,-50%) rotate(145deg)}.variant-picker__more{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:0;border:1px solid var(--vp-tile-border);border-radius:var(--vp-tile-radius);background:var(--vp-tile-background);color:var(--vp-tile-text);font-size:12px;line-height:1;cursor:pointer}.variant-picker__options--image .variant-picker__more{aspect-ratio:1}.variant-picker__options--text .variant-picker__more{width:64px;height:46px}.variant-picker__more:hover{background:var(--vp-tile-hover)}.variant-picker__more-count,.variant-picker__more-less{font-size:14px;font-weight:600}.variant-picker__footer{flex-shrink:0;padding:var(--vp-padding);background:var(--vp-background);text-align:var(--vp-button-align)}@media screen and (max-width:749px){.variant-picker__footer{padding-bottom:max(var(--vp-padding),env(safe-area-inset-bottom))}}.variant-picker__confirm{display:inline-flex;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;width:var(--vp-button-width);height:var(--vp-button-height);padding:var(--vp-button-padding);border:var(--vp-button-border-width) solid var(--vp-button-border-color);border-radius:var(--vp-button-radius);background:var(--vp-button-background);box-shadow:var(--vp-button-shadow);color:var(--vp-button-text);font-size:16px;font-weight:var(--vp-button-font-weight);letter-spacing:var(--vp-button-letter-spacing);text-transform:var(--vp-button-text-transform);vertical-align:top;cursor:pointer}.variant-picker__confirm:hover{border-color:var(--vp-button-hover-border-color);background:var(--vp-button-hover-background);color:var(--vp-button-hover-text)}.variant-picker__confirm:disabled{border-color:var(--vp-button-disabled-border-color);background:var(--vp-button-disabled-background);box-shadow:none;color:var(--vp-button-disabled-text);cursor:default}.variant-picker__swatch:focus-visible,.variant-picker__confirm:focus-visible,.variant-picker__close:focus-visible,.variant-picker__more:focus-visible{outline:2px solid var(--vp-selected);outline-offset:2px}.variant-picker__confirm:focus-visible{outline-color:var(--vp-button-focus)}
/*# sourceMappingURL=/cdn/shop/t/859/assets/variant-picker.css.map */