product-and-variant-selector{display:flex;flex-direction:column;gap:15px;width:100%}product-and-variant-selector .option-content{padding-top:20px;padding-bottom:20px;width:100%;overflow:auto}product-and-variant-selector .option-content .current-variant-title p{margin:0;color:#999;font-size:13px}product-and-variant-selector .option-content .values{padding-bottom:25px}product-and-variant-selector .option_title{padding-bottom:8px}product-and-variant-selector .values{display:flex;gap:25px;flex-wrap:wrap}product-and-variant-selector .values.values_model{justify-content:space-between;padding:0 20px 25px}product-and-variant-selector .value{display:flex;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;border:none;width:50px;height:50px;border-radius:50%}product-and-variant-selector .value:not(.swatch_value){text-align:center;padding:1px}product-and-variant-selector .value.other_value.model_value{flex-basis:calc(50% - 14px)}product-and-variant-selector .value.other_value.size_value_large{flex-basis:calc(30% - 6px)}product-and-variant-selector .value.other_value{border:2px solid #d3d4d4;border-radius:50px;color:#000}product-and-variant-selector .value.other_value.size{min-width:fit-content;padding:5px 10px;max-width:150px}product-and-variant-selector input:checked+.value.other_value{border:2px solid #000;background-color:#000;color:#fff}product-and-variant-selector .value p{font-size:11px;font-weight:700;line-height:normal;margin:0}product-and-variant-selector input:checked+.value,product-and-variant-selector input[disabled]+.value,product-and-variant-selector .value.sold-out{pointer-events:none}product-and-variant-selector .value.sold-out,product-and-variant-selector input[disabled]+.value{position:relative}product-and-variant-selector .value.sold-out p,product-and-variant-selector input[disabled]+.value p{color:#ddd}product-and-variant-selector .value.sold-out:after,product-and-variant-selector input[disabled]+.value:after{content:"";position:absolute;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;top:50%;left:50%;background:linear-gradient(45deg,#0000 0% 48%,#ddd 48% 52%,#0000 52% 100%)}product-and-variant-selector input[disabled]+.value .swatch .img{filter:grayscale(100%)}product-and-variant-selector .value.sold-out .swatch img{opacity:.4}product-and-variant-selector input:checked+.value.sold-out:after{width:100%;height:100%;background:linear-gradient(45deg,#0000 0% 48%,#000 48% 52%,#0000 52% 100%)}product-and-variant-selector .value .swatch{height:100%;width:100%;padding:3px;border-radius:50%;background:transparent;border:2px solid #d3d4d4}product-and-variant-selector .value .swatch img{height:100%;width:100%;border-radius:50%}product-and-variant-selector input:checked+.value .swatch{transition:unset;border:2px solid #000}product-option-tabs,product-option-tabs .option-tabs-content{display:flex;flex-direction:column;width:100%}product-option-tabs .option-tabs-titles,product-option-tabs .size-option-content:not(.hidden){display:flex;width:100%;gap:10px}product-option-tabs .size-option-content{flex-wrap:wrap;padding-top:20px}product-option-tabs .size-option-title{display:flex;justify-content:center;flex:1;padding-block:10px;cursor:pointer}product-option-tabs .size-option-title p{margin:0}product-option-tabs .size-option-title.active{border-bottom:2px solid black}@media screen and (min-width:769px)and (max-width:2798px){.product.js-product .product-media,.product.js-product .product-info,body main#main-content>*:not(.cc-main-product){transition:.3s transform ease;transform:translate(var(--page-translate-x))}}@media(min-width:769px){product-and-variant-selector .options-footer-mobile,product-and-variant-selector .options-title-mobile{display:none}product-and-variant-selector .option{position:fixed;top:77px;right:0;width:min(100vw,375px);height:calc(100% - 77px);background-color:#f0f1f1;padding:25px;display:flex;flex-direction:column;z-index:999;transform:translate(100%);opacity:0;transition:.3s opacity ease,.3s transform ease}product-and-variant-selector .option.active{transform:translate(0);opacity:1;z-index:1}product-and-variant-selector .option.hidden{display:none!important}product-and-variant-selector .option-title{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #999}product-and-variant-selector .option-title p{margin:0;line-height:normal;padding-block:15px}product-and-variant-selector .option-footer{width:100%;margin-top:auto;display:flex;justify-content:space-between;padding-top:25px;padding-bottom:25px}}@media(max-width:768.98px){product-and-variant-selector{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f0f1f1;padding-block:25px;display:flex;flex-direction:column;z-index:1000;transform:translateY(-100%);gap:25px;opacity:0;transition:.3s transform ease}product-and-variant-selector.active{transform:translateY(0);opacity:1}product-and-variant-selector .option-title,product-and-variant-selector .option-footer{display:none}product-and-variant-selector .option{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;padding-inline:25px}product-and-variant-selector .option.active{opacity:1;pointer-events:all}product-and-variant-selector .options-placeholder{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background-color:rgba(var(--bg-color));overflow:auto}product-and-variant-selector .options-footer-mobile{width:100%;display:flex;justify-content:space-between;padding-bottom:25px;padding-inline:25px}product-and-variant-selector .options-title-mobile{display:flex;flex-wrap:wrap;gap:10px;padding-inline:25px}product-and-variant-selector .options-title-mobile>button{flex:1}product-and-variant-selector .options-title-mobile,product-and-variant-selector .options-placeholder,product-and-variant-selector .options-footer-mobile{padding-inline:25px}product-and-variant-selector .value .swatch{border:2px solid #d3d4d4}product-and-variant-selector .value .swatch img{border:1px solid #d3d4d4}product-and-variant-selector input:checked+.value .swatch{border:1px solid #000}}
/*# sourceMappingURL=/cdn/shop/t/171/assets/product-and-variant-selector.css.map */