.zyg-variant-picker{--vp-grid-columns: 3;--vp-gap: 8px;--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-border-radius: 6px;--vp-padding: .75rem;--vp-image-size: 60px;display:block;width:100%}.zyg-variant-picker__grid{display:grid;grid-template-columns:repeat(var(--vp-grid-columns, 3),1fr);gap:var(--vp-gap)}.zyg-variant-picker__option{position:relative;display:flex;align-items:center;gap:20px;padding:var(--vp-padding);background:var(--vp-bg-color);border:2px solid var(--vp-border-color);color:var(--vp-text-color);cursor:pointer;transition:all var(--vp-transition-duration) ease;text-align:left;font-family:inherit;font-size:14px;line-height:1.4}.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:#333}.zyg-variant-picker__option--selected .zyg-variant-picker__discount{color:#707070}.zyg-variant-picker__option--unavailable{opacity:var(--vp-unavailable-opacity);cursor:not-allowed}.zyg-variant-picker__unavailable-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;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-border-radius: 4px}.zyg-variant-picker--shape-square .zyg-variant-picker__option{--vp-border-radius: 4px;aspect-ratio:1;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-border-radius: 9999px;padding-left:20px;padding-right:20px}.zyg-variant-picker--shape-circle .zyg-variant-picker__option{--vp-border-radius: 50%;aspect-ratio:1;flex-direction:column;justify-content:center;text-align:center;padding:8px}.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:12px}.zyg-variant-picker--shape-circle .zyg-variant-picker__price{font-size:11px}.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}.zyg-variant-picker__image img{max-width:100%;height:auto;max-height:100%;object-fit:cover;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}.zyg-variant-picker--image-top .zyg-variant-picker__image{width:100%;height:auto;aspect-ratio:1}.zyg-variant-picker--image-top .zyg-variant-picker__content{width:100%;text-align:center}.zyg-variant-picker--image-background .zyg-variant-picker__option{position:relative;overflow:hidden;min-height:100px}.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:2px;flex:1;min-width:0}.zyg-variant-picker__title{font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zyg-variant-picker__price{display:flex;align-items:center;gap:6px;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:12px;text-decoration:line-through;color:#9ca3af}.zyg-variant-picker__discount{display:block;font-size:.875rem;color:#999;text-align:left}.zyg-variant-picker__dropdown-wrapper{position:relative;display:flex;flex-direction:column;gap:12px;--vp-dropdown-select-height: 49px}.zyg-variant-picker__dropdown{-webkit-appearance:none;appearance:none;width:100%;padding:.75rem;padding-right:40px;background-color:#fff;border:2px solid #e5e5e5;border-radius:0;color:var(--vp-text-color);font-family:inherit;font-size:14px;cursor:pointer;transition:border-color .2s ease}.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:12px;width:20px;height:20px;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:12px}.zyg-variant-picker__dropdown-image{flex-shrink:0;width:50px;height:50px;border-radius:4px;overflow:hidden;background-color:#f5f5f5}.zyg-variant-picker__dropdown-image img{width:100%;height:100%;object-fit:cover}@media(max-width:480px){.zyg-variant-picker{--vp-padding: 10px;--vp-image-size: 50px}.zyg-variant-picker__grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.zyg-variant-picker__option{font-size:13px}.zyg-variant-picker__discount{font-size:12px}}@media(max-width:360px){.zyg-variant-picker__grid{grid-template-columns:1fr}}.zyg-variant-picker__option--has-badge{position:relative;overflow:visible}.zyg-variant-picker .zyg-badge{--badge-bg-color: #fdde3b;--badge-text-color: #000;--badge-border-color: #dddddd}.zyg-variant-picker__title .zyg-badge{margin-left:6px;vertical-align:middle}.zyg-variant-picker__content .zyg-badge--inline{margin-top:4px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/zyg-variant-picker.css.map */