.zyg-variant-picker{--vp-grid-columns: 3;--vp-gap: clamp(.375rem, .253rem + .324vw, .75rem);--vp-swatch-gap: clamp(.375rem, .253rem + .324vw, .75rem);--vp-bg-color: #ffffff;--vp-selected-bg-color: #ffffff;--vp-border-color: #ddd;--vp-selected-border-color: #ffde3b;--vp-text-color: #1a1a1a;--vp-selected-text-color: #1a1a1a;--vp-sale-color: #dc2626;--vp-unavailable-opacity: .5;--vp-transition-duration: .2s;--vp-shape-radius: clamp(.25rem, .169rem + .216vw, .5rem);--vp-padding: clamp(.5rem, .338rem + .432vw, 1rem);--vp-image-size: clamp(2.813rem, 1.901rem + 2.426vw, 5.156rem);display:block;width:100%}.zyg-variant-picker__label{display:block;width:100%;margin-bottom:clamp(.25rem,.169rem + .216vw,.5rem);font-size:var(--vp-label-font-size, .875rem);font-weight:var(--vp-label-font-weight, 500);text-align:var(--vp-label-text-align, left);color:var(--vp-label-color, var(--vp-text-color));line-height:1.4}.zyg-variant-picker__grid{display:grid;grid-template-columns:repeat(var(--vp-grid-columns, 3),minmax(0,var(--vp-pill-max-width, 1fr)));gap:var(--vp-gap);align-items:stretch;justify-content:start}.zyg-variant-picker__option{position:relative;display:flex;align-items:center;gap:clamp(.375rem,.253rem + .324vw,.75rem);align-self:stretch;padding:var(--vp-padding);background:var(--vp-bg-color);border:2px solid var(--vp-border-color);border-radius:var(--vp-border-radius, var(--vp-shape-radius));color:var(--vp-text-color);cursor:pointer;transition:all var(--vp-transition-duration) ease;text-align:left;font-family:inherit;font-size:clamp(.625rem,.423rem + .539vw,1.125rem);line-height:1.4;box-sizing:border-box}.zyg-variant-picker__option:hover:not(.zyg-variant-picker__option--unavailable){border-color:var(--vp-selected-border-color)}.zyg-variant-picker__option:active:not(.zyg-variant-picker__option--unavailable){transform:scale(.98)}.zyg-variant-picker__option--selected{background-color:var(--vp-selected-bg-color);border-color:var(--vp-selected-border-color);color:var(--vp-selected-text-color)}.zyg-variant-picker__option--selected .zyg-variant-picker__title{color:var(--vp-title-color, #333)}.zyg-variant-picker__option--selected .zyg-variant-picker__discount{color:var(--vp-discount-text-color, #707070)}.zyg-variant-picker__option--unavailable{opacity:var(--vp-unavailable-opacity);cursor:not-allowed}.zyg-variant-picker__unavailable-badge{position:absolute;top:clamp(.125rem,.085rem + .108vw,.25rem);right:clamp(.125rem,.085rem + .108vw,.25rem);width:clamp(.75rem,.507rem + .647vw,1.375rem);height:clamp(.75rem,.507rem + .647vw,1.375rem);color:var(--vp-discount-bg-color, var(--vp-sale-color))}.zyg-variant-picker__unavailable-badge svg{width:100%;height:100%}.zyg-variant-picker--shape-rectangle .zyg-variant-picker__option{--vp-shape-radius: clamp(.125rem, .085rem + .108vw, .25rem)}.zyg-variant-picker--shape-square .zyg-variant-picker__option{--vp-shape-radius: clamp(.125rem, .085rem + .108vw, .25rem);flex-direction:column;justify-content:center;text-align:center}.zyg-variant-picker--shape-square .zyg-variant-picker__content{flex-direction:column;align-items:center}.zyg-variant-picker--shape-pill .zyg-variant-picker__option{--vp-shape-radius: 624.9375rem;padding-left:clamp(1rem,.676rem + .863vw,1.75rem);padding-right:clamp(1rem,.676rem + .863vw,1.75rem)}.zyg-variant-picker--shape-circle .zyg-variant-picker__option{--vp-shape-radius: 50%;aspect-ratio:1;flex-direction:column;justify-content:center;text-align:center;padding:clamp(.375rem,.253rem + .324vw,.75rem)}.zyg-variant-picker--shape-circle .zyg-variant-picker__content{flex-direction:column;align-items:center}.zyg-variant-picker--shape-circle .zyg-variant-picker__title{font-size:clamp(.5rem,.338rem + .432vw,1rem)}.zyg-variant-picker--shape-circle .zyg-variant-picker__price{font-size:clamp(.5rem,.349rem + .4vw,.875rem)}.zyg-variant-picker__image{flex-shrink:0;width:var(--vp-image-size);height:var(--vp-image-size);border-radius:calc(var(--vp-border-radius) - 2px);overflow:hidden;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.zyg-variant-picker__image img{max-width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center}.zyg-variant-picker--image-left .zyg-variant-picker__option{flex-direction:row}.zyg-variant-picker--image-top .zyg-variant-picker__option{flex-direction:column;align-items:center;padding:clamp(.5rem,.338rem + .432vw,1rem)}.zyg-variant-picker--image-top .zyg-variant-picker__image{width:calc(100% - clamp(.75rem,.507rem + .647vw,1.375rem));height:auto;aspect-ratio:1;margin:0 auto}.zyg-variant-picker--image-top .zyg-variant-picker__image img{width:100%;height:100%;object-fit:contain}.zyg-variant-picker--image-top .zyg-variant-picker__content{width:100%;text-align:center;padding-top:clamp(.125rem,.085rem + .108vw,.25rem)}.zyg-variant-picker--image-background .zyg-variant-picker__option{position:relative;overflow:hidden;min-height:clamp(5rem,3.378rem + 4.317vw,8.5rem)}.zyg-variant-picker--image-background .zyg-variant-picker__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0}.zyg-variant-picker--image-background .zyg-variant-picker__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0003)}.zyg-variant-picker--image-background .zyg-variant-picker__content{position:relative;z-index:1;color:#fff;margin-top:auto}.zyg-variant-picker--image-background .zyg-variant-picker__option--selected .zyg-variant-picker__image:after{background:linear-gradient(to top,#000c,#0000004d)}.zyg-variant-picker__content{display:flex;flex-direction:column;gap:clamp(.0625rem,.042rem + .054vw,.125rem);flex:1;min-width:0}.zyg-variant-picker__title{font-weight:var(--vp-title-font-weight, 600);font-size:var(--vp-title-font-size, inherit);text-transform:var(--vp-title-text-transform, none);letter-spacing:var(--vp-title-letter-spacing, normal);text-align:var(--vp-title-text-align, inherit);color:var(--vp-title-color, #333)}.zyg-variant-picker__price{display:flex;align-items:center;gap:clamp(.25rem,.169rem + .216vw,.5rem);flex-wrap:wrap}.zyg-variant-picker__price-current{font-weight:600;color:var(--vp-text-color)}.zyg-variant-picker__price-current--sale{color:var(--vp-discount-bg-color, var(--vp-sale-color))}.zyg-variant-picker__price-compare{font-size:clamp(.5rem,.338rem + .432vw,1rem);text-decoration:line-through;color:#9ca3af}.zyg-variant-picker__discount{display:inline-block;font-size:.7rem;color:var(--vp-discount-text-color, #999);background-color:var(--vp-discount-bg-color, transparent);text-align:left;padding:clamp(.0625rem,.042rem + .054vw,.125rem) clamp(.375rem,.253rem + .324vw,.75rem);border-radius:clamp(.125rem,.085rem + .108vw,.25rem)}.zyg-variant-picker__dropdown-wrapper{position:relative;display:flex;flex-direction:column;gap:clamp(.5rem,.338rem + .432vw,1rem);--vp-dropdown-select-height: clamp(2.297rem, 1.553rem + 1.981vw, 4.211rem);min-width:0;max-width:100%}.zyg-variant-picker__dropdown{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:clamp(.5rem,.338rem + .432vw,1rem);padding-right:clamp(1.875rem,1.268rem + 1.619vw,3.375rem);background-color:#fff;border:2px solid #e5e5e5;border-radius:0;color:var(--vp-text-color);font-family:inherit;font-size:clamp(.625rem,.423rem + .539vw,1.125rem);cursor:pointer;transition:border-color .2s ease;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.zyg-variant-picker__dropdown:hover{border-color:var(--vp-selected-border-color)}.zyg-variant-picker__dropdown:focus{outline:none;border-color:var(--vp-selected-border-color)}.zyg-variant-picker__dropdown option:disabled{color:#9ca3af}.zyg-variant-picker__dropdown-icon{position:absolute;top:calc(var(--vp-dropdown-select-height) / 2);right:clamp(.5rem,.338rem + .432vw,1rem);width:clamp(1rem,.676rem + .863vw,1.75rem);height:clamp(1rem,.676rem + .863vw,1.75rem);transform:translateY(-50%);pointer-events:none;color:var(--vp-text-color)}.zyg-variant-picker__dropdown-icon svg{width:100%;height:100%}.zyg-variant-picker__dropdown-info{display:flex;align-items:center;gap:clamp(.5rem,.338rem + .432vw,1rem)}.zyg-variant-picker__dropdown-image{flex-shrink:0;width:clamp(2.344rem,1.584rem + 2.022vw,4.297rem);height:clamp(2.344rem,1.584rem + 2.022vw,4.297rem);border-radius:clamp(.125rem,.085rem + .108vw,.25rem);overflow:hidden;background-color:#f5f5f5}.zyg-variant-picker__dropdown-image img{width:100%;height:100%;object-fit:cover}.zyg-variant-picker__swatches{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--vp-swatch-gap, clamp(.375rem, .253rem + .324vw, .75rem));align-items:center}.zyg-variant-picker__swatch-item{cursor:pointer;flex-shrink:0;position:relative}.zyg-variant-picker__swatch-item:focus-visible{outline:2px solid var(--vp-selected-border-color);outline-offset:2px;border-radius:50%}.zyg-variant-picker__swatch-item.is-selected .color-swatch{outline:2px solid var(--vp-selected-border-color, #1a1a1a);outline-offset:2px}.zyg-variant-picker__swatch-item:not(.is-selected):hover .color-swatch{outline:2px solid rgba(0,0,0,.25);outline-offset:2px}@media(max-width:480px){.zyg-variant-picker{--vp-padding: clamp(.5rem, .338rem + .432vw, .875rem);--vp-image-size: clamp(2.344rem, 1.584rem + 2.022vw, 4.297rem)}.zyg-variant-picker__grid{grid-template-columns:repeat(auto-fit,minmax(clamp(6.563rem,4.436rem + 5.661vw,12.031rem),var(--vp-pill-max-width, 1fr)))}.zyg-variant-picker[style*=--vp-mobile-columns] .zyg-variant-picker__grid{grid-template-columns:repeat(var(--vp-mobile-columns),minmax(0,var(--vp-pill-max-width, 1fr)))}.zyg-variant-picker__option{font-size:clamp(.625rem,.423rem + .539vw,1.125rem)}}@media(max-width:360px){.zyg-variant-picker:not([style*=--vp-mobile-columns]) .zyg-variant-picker__grid{grid-template-columns:minmax(0,var(--vp-pill-max-width, 1fr))}}.zyg-variant-picker__option--has-badge{position:relative;overflow:visible}.zyg-variant-picker .zyg-badge{--badge-border-color: #dddddd}.zyg-variant-picker__title .zyg-badge{margin-left:clamp(.25rem,.169rem + .216vw,.5rem);vertical-align:middle}.zyg-variant-picker__content .zyg-badge--inline{margin-top:clamp(.125rem,.085rem + .108vw,.25rem)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/zyg-variant-picker.css.map */