.color-values{display:flex;flex-wrap:wrap;gap:10px}.color-swatch{display:flex;align-items:center;justify-content:center;padding:2px;width:24px;height:24px;border:1px solid transparent}.color-swatch.active,.color-swatch:hover,.color-swatch:focus{border-color:#070707}.color-swatch.color-swatch--disabled{position:relative}.color-swatch.color-swatch--disabled:after{content:"";display:block;position:absolute;top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transform:translate(-50%,-50%);z-index:2;background-color:#efefef;opacity:.2}.color-swatch.color-swatch--disabled:before{display:block;content:"";width:27px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);z-index:3;background-color:#7a7a7a}.color-swatch-value{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;background-color:var(--swatch--color)}.color-swatch-value img{min-width:20px;min-height:20px;width:20px;height:20px}.size-option{display:flex;flex-direction:column;gap:4px;width:72px;flex-shrink:0}.size-option img{border:1px solid transparent}.size-option span{color:#7a7a7a}:is(.size-option:hover,.size-option:focus,.size-option.active) img{border-color:#000}:is(.size-option:hover,.size-option:focus,.size-option.active) span{color:#070707}.size-option.size-option--disabled,.size-option.size-option--disabled .img{position:relative}.size-option.size-option--disabled .img:before{content:"";display:block;position:absolute;top:50%;left:50%;width:calc(100% - 3px);height:calc(100% - 3px);background-color:#fbfbfb;transform:translate(-50%,-50%);opacity:.7}.size-option.size-option--disabled span{position:relative}.size-option.size-option--disabled span:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fbfbfb;opacity:.7}@media screen and (min-width:990px){.size-option span{display:none}.color-values{gap:.5rem}}@media screen and (max-width:989px){.size-options{flex-wrap:nowrap;overflow-x:auto}}.popup-triger{min-width:50px}.color-picker,.size-picker{display:block}.color-picker+.size-picker,.size-picker+.color-picker{margin-top:35px}
/*# sourceMappingURL=/cdn/shop/t/221/assets/variant-pickers.css.map */