.main-product-form{display:flex;flex-direction:column}.main-product-form-params{display:flex;flex-direction:column;gap:18px}.main-product-form-params-heading{display:flex;align-items:center;gap:8px;font-weight:400;font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-medium-size);line-height:var(--font-paragraph-medium-line-height)}.main-product-form-params-heading__step{display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--primary-gray-100)}.main-product-form-params-heading__label{text-transform:uppercase}.main-product-form-params-content{display:flex;flex-direction:column;gap:8px}.main-product-form-params-list{display:flex;flex-direction:column;gap:6px;background-color:var(--secondary-light)}.main-product-form-params-list-item{color:var(--primary-gray-100);font-weight:400;font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-medium-size);line-height:var(--font-paragraph-medium-line-height)}.select{-webkit-appearance:none;appearance:none;box-sizing:border-box;font-weight:400;font-family:var(--font-family-paragraph);color:var(--primary-gray-100);padding:10px 18px 12px;border:1px solid var(--primary-gray-100);outline:none;box-shadow:none;cursor:pointer;background-position:calc(100% - 18px) center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg width='14' height='6' viewBox='0 0 14 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 6L4.42602e-07 0.93722L0.820668 -1.15217e-06L7 4.46923L13.1793 -7.1745e-08L14 0.937222L7 6Z' fill='%231F1F1F'/%3E%3C/svg%3E%0A")}.checkbox{position:relative;isolation:isolate}.checkbox .checkbox-wrapper>label{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;z-index:3}.checkbox>input{position:fixed;width:0;height:0;opacity:0}.checkbox .checkbox-wrapper{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--primary-gray-10)}.checkbox input:checked+.checkbox-wrapper{border-color:var(--primary-gray-100);background-color:var(--secondary-light)}.checkbox .checkbox-pin{width:18px;aspect-ratio:1;border:1px solid var(--primary-gray-100)}.checkbox-header{width:100%;display:flex;align-items:center;gap:10px}.checkbox .checkbox-label{flex-grow:1;display:flex;gap:6px}.checkbox .checkbox-value,.checkbox .checkbox-label-value{font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-large-size);line-height:var(--font-paragraph-large-line-height);color:var(--primary-gray-100);text-transform:uppercase}.checkbox .checkbox-label-value{font-weight:400}.checkbox .checkbox-value{font-weight:600}.checkbox .checkbox-value--compare{font-weight:400;opacity:.5}.checkbox .checkbox-value--compare.hidden{display:none}.checkbox .checkbox-label-icon{position:relative;z-index:99;height:16px;width:16px;color:var(--primary-gray-100);opacity:.4;cursor:pointer}.checkbox .checkbox-label-icon:hover{opacity:1}.checkbox .checkbox-content{position:relative;z-index:-1;padding-top:12px;border-top:1px solid var(--primary-gray-10)}.checkbox>input:checked+.checkbox-wrapper .checkbox-content{z-index:99}.radio-list{display:flex;align-items:stretch;gap:6px}.radio-list>.radio{flex:1}.radio-list>.radio>.radio-wrapper{height:100%}.radio>input{position:fixed;width:0;height:0;opacity:0}.radio>.radio-wrapper>label{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.radio>input:checked+.radio-wrapper{border-color:var(--primary-gray-100)}.radio>.radio-wrapper{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--primary-gray-10);background-color:#fff;padding:12px 6px}.radio>.radio-wrapper>.radio-label-value{font-weight:600;font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-medium-size);line-height:var(--font-paragraph-medium-line-height);color:var(--primary-gray-100);cursor:pointer}@media(min-width:990px){.main-product-form{gap:30px}.main-product-form-params-list{padding:18px!important}.main-product-form-params-heading__step{width:22px;height:22px}.select,.checkbox .checkbox-value,.checkbox .checkbox-label-value{font-size:var(--font-paragraph-large-size);line-height:var(--font-paragraph-large-line-height)}.radio{max-height:34px}}.product-modal-unit__content{background:#fff!important}.product-modal-unit__content-body img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;padding-top:12px}@media(max-width:989px){.main-product-form{gap:24px}.main-product-form-params-list{padding:12px!important}.main-product-form-params-heading__step{width:20px;height:20px}.checkbox .checkbox-wrapper{padding:12px;gap:8px}.radio{max-height:32px}.select,.checkbox .checkbox-value,.checkbox .checkbox-label-value{font-size:var(--font-paragraph-medium-size);line-height:var(--font-paragraph-medium-line-height)}.checkbox .checkbox-pin{width:16px!important;height:16px!important}.checkbox .checkbox-pin:after{width:12px!important;height:12px!important}}.tube-quantity-buttons{display:flex;gap:6px;width:100%}.tube-quantity-btn{flex:1;display:flex!important;align-items:center;justify-content:center;padding:6px 12px!important;border:1px solid var(--primary-gray-10)!important;background-color:#fff!important;font-weight:600;font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-medium-size);line-height:var(--font-paragraph-medium-line-height);color:var(--primary-gray-100)!important;text-transform:none!important;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.tube-quantity-btn:hover{border-color:var(--primary-gray-40)!important}.tube-quantity-btn.active{border-color:var(--primary-gray-100)!important;background-color:var(--secondary-light)!important}.checkbox .checkbox-pin{width:18px;height:18px;box-sizing:border-box;border:1px solid var(--primary-gray-100);background:#fff;position:relative}.checkbox .checkbox-pin:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);background:transparent}.checkbox input:checked+.checkbox-wrapper .checkbox-pin:after{background:var(--primary-gray-100)}.checkbox input:checked+.checkbox-wrapper .checkbox-pin{border-color:var(--primary-gray-100)}
/*# sourceMappingURL=/cdn/shop/t/36/assets/w-main-product-form.css.map */