variant-selector{display:flex;flex-direction:column;gap:15px;width:100%}variant-selector.loading .values{pointer-events:none}variant-selector .option-content{padding-top:20px;padding-bottom:20px;width:100%;overflow:auto}variant-selector .option-content .current-variant-title p{margin:0;color:#999;font-size:13px}variant-selector .option-content .values{padding-bottom:25px}variant-selector .option_title{padding-bottom:8px}variant-selector .values{display:flex;gap:25px;flex-wrap:wrap}variant-selector .values:has(.model_value){justify-content:space-between;padding:0 20px 25px}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%}variant-selector .value:not(.swatch_value){text-align:center;padding:1px}variant-selector .value.size_value.size_value_large{flex-basis:calc(30% - 6px)}variant-selector .value.other_value,variant-selector .value.size_value,variant-selector .value.model_value{border:2px solid #d3d4d4;border-radius:50px;color:#000}variant-selector .value.model_value{flex-basis:calc(50% - 14px)}variant-selector input:checked+.value.other_value,variant-selector input:checked+.value.size_value,variant-selector input:checked+.value.model_value{border:2px solid #000;background-color:#000;color:#fff}variant-selector .value p{font-size:11px;font-weight:700;line-height:normal;margin:0}variant-selector input[disabled]+.value{display:none}variant-selector input:checked+.value{pointer-events:none}variant-selector input.sold-out+.value{position:relative}variant-selector input.sold-out+.value p{color:#ddd}variant-selector input.sold-out+.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%)}variant-selector input.sold-out+.value .swatch img{opacity:.5}variant-selector input.sold-out:checked+.value:after{width:100%;height:100%;background:linear-gradient(45deg,#0000 0% 48%,#000 48% 52%,#0000 52% 100%)}variant-selector .value .swatch{height:100%;width:100%;padding:3px;border-radius:50%;background:transparent}variant-selector .value .swatch img{height:100%;width:100%;border-radius:50%}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.hidden{display:none}product-option-tabs .size-option-title p{margin:0}product-option-tabs .size-option-title.active{border-bottom:2px solid black}variant-selector .btn--outline{display:flex;align-items:center;min-height:50px;height:50px;border-radius:25px;border:1px solid #d3d4d4;padding:14px 30px;gap:10px;flex:2;width:fit-content;background-color:transparent;font-weight:400;font-size:13px;margin-top:10px}@media screen and (min-width:769px)and (max-width:2468px){.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){variant-selector .options-footer-mobile,variant-selector .options-title-mobile{display:none}variant-selector .option{position:fixed;top:50px;right:0;width:min(100vw,375px);height:calc(100% - 50px);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}variant-selector .option.active{transform:translate(0);opacity:1}variant-selector .option-title{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #999}variant-selector .option-title p{margin:0;line-height:normal;padding-block:15px}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){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}variant-selector.active{transform:translateY(0);opacity:1}variant-selector .option-title,variant-selector .option-footer{display:none}variant-selector .option{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;padding-inline:25px}variant-selector .option.active{opacity:1;pointer-events:all}variant-selector .options-form{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background-color:rgba(var(--bg-color));overflow:auto}variant-selector .options-footer-mobile{width:100%;display:flex;justify-content:space-between;padding-bottom:25px;padding-inline:25px}variant-selector .options-title-mobile{display:flex;flex-wrap:wrap;gap:10px;padding-inline:25px}variant-selector .options-title-mobile>button{flex:1}variant-selector .options-title-mobile,variant-selector .options-form,variant-selector .options-footer-mobile{padding-inline:25px}variant-selector .value .swatch{border:1px solid #f0f1f1}variant-selector .value .swatch img{border:1px solid #d3d4d4}variant-selector input:checked+.value .swatch{border:1px solid #000}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/variant-selector.css.map */
