.paint-form .paint-form__steps{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #000;gap:24px;justify-content:space-between}.paint-form .paint-form__step{display:flex;align-items:center;gap:9px;color:rgb(var(--text-color));font-size:13px;font-weight:500;line-height:14px;opacity:.4;width:30%}.paint-form .paint-form__step.is-active{opacity:1}.paint-form .paint-form__step.is-active .paint-form__step-number{background:rgb(var(--text-color));color:#fff}.paint-form .paint-form__step.is-complete{color:rgb(var(--text-color));opacity:1}.paint-form .paint-form__step.is-complete .paint-form__step-number{background:rgb(var(--text-color));border-color:rgb(var(--text-color))}.paint-form .paint-form__step.is-complete .paint-form__step-check{display:inline-flex}.paint-form .paint-form__step.is-complete .paint-form__step-digit{display:none}.paint-form .paint-form__step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid rgb(var(--text-color));font-size:13px;font-weight:500;line-height:14px;letter-spacing:.368px;color:rgb(var(--text-color))}.paint-form .paint-form__step-check{display:none;color:#fff}.paint-form .paint-form__step-check svg{display:block}.paint-form .paint-form__field{margin-bottom:16px}.paint-form .paint-form__label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;line-height:14px;color:rgb(var(--text-color))}.paint-form .paint-form__finish-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11.5px 15px 10px;border:1px solid rgb(var(--text-color));border-radius:8px;background:#fff;font-size:11px;font-weight:400;line-height:16px;letter-spacing:1.648px;text-transform:uppercase;color:rgb(var(--text-color))}.paint-form .paint-form__finish-trigger svg{width:24px;height:24px}.paint-form .paint-form__finish-trigger.is-active{background:#e4e4e4}.paint-form .paint-form__sizes-header{margin-bottom:6px;font-size:13px;font-weight:500;color:rgb(var(--text-color));line-height:14px}.paint-form .paint-form__sizes-header .qty-label{width:120px;text-align:center}.paint-form .paint-form__sizes-header .calculator-block{margin:0;font-size:13px;font-weight:400;line-height:14px;color:rgb(var(--text-color));display:flex;align-items:center}.paint-form .paint-form__sizes-header .calculator_btn{margin-left:10px;display:inline-flex;align-items:flex-end;gap:3px;cursor:pointer;padding:0;border:0;background:transparent;font:inherit;color:inherit}.paint-form .paint-form__sizes-header .calculator_btn .text{text-decoration:underline}.paint-form .paint-form__sizes-header .calculator_btn .icon{width:16px;height:16px}.paint-form .paint-form__size-rows{display:flex;flex-direction:column;gap:7px;margin-bottom:23px}.paint-form .paint-form__size-row{display:flex;align-items:center;justify-content:space-between;gap:8px;opacity:.25;transition:opacity .15s ease}.paint-form .paint-form__size-row .paint-form__size-info{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1 1 auto;min-width:0;font-size:10.1px;font-weight:400;line-height:11px;letter-spacing:1.648px;border:1px solid rgb(var(--text-color));border-radius:8px;padding:18px 17px 16px;color:rgb(var(--text-color));height:48px}.paint-form .paint-form__size-row .paint-form__size-label{width:40%}.paint-form .paint-form__size-row .paint-form__size-label,.paint-form .paint-form__size-row .paint-form__size-price{color:rgb(var(--text-color));font-weight:700;text-transform:uppercase}.paint-form .paint-form__size-row .paint-form__size-coverage{color:rgb(var(--text-color));font-size:11px;width:30%}.paint-form .paint-form__size-row .paint-form__size-price{font-size:11px;width:30%;text-align:right}.paint-form .paint-form__size-row.is-active{opacity:1}.paint-form .paint-form__size-row.is-active .paint-form__size-info,.paint-form .paint-form__size-row.is-active .qty-input{background:#fff}.paint-form .paint-form__qty{flex:0 0 auto;width:120px;height:48px}.paint-form .paint-form__qty .qty-input--combined{border:1px solid rgb(var(--text-color));border-radius:8px;width:100%}.paint-form .paint-form__qty .qty-input__input{width:26px;font-size:14px;font-weight:400;line-height:14px}.paint-form .paint-form__qty .btn--minus:before,.paint-form .paint-form__qty .btn--minus:after,.paint-form .paint-form__qty .btn--plus:before{height:1px}.paint-form .paint-form__qty .btn--plus:after{width:1px}.paint-form .btn-paint-form-submit{display:flex;align-items:center;justify-content:center;margin-bottom:0;font-size:13px;font-weight:500;line-height:14px;letter-spacing:1.6px;text-transform:uppercase;border-radius:8px;padding:19px 15px;gap:11px}.paint-form .btn-paint-form-submit svg{width:17.824px;height:19.5px}.paint-form .btn-paint-form-submit[disabled],.paint-form .btn-paint-form-submit[aria-disabled]{color:rgb(var(--text-color));background:transparent;opacity:.5}.paint-form .btn-paint-form-submit[disabled] svg path,.paint-form .btn-paint-form-submit[aria-disabled] svg path{fill:rgb(var(--text-color))}@media(max-width:769px){.paint-form .calculator-block .calculator-block-text{display:none}.paint-form .paint-form__steps{padding-bottom:18px;gap:10px}.paint-form .paint-form__step{gap:5px;width:33%}.paint-form .paint-form__step-number{width:20px;height:20px;border-radius:4px}.paint-form .paint-form__step-number .paint-form__step-digit{line-height:13px}.paint-form .paint-form__sizes-header{margin-bottom:8px}.paint-form .paint-form__sizes-header .qty-label,.paint-form .paint-form__qty{width:93px}.paint-form .paint-form__size-row{gap:7px}.paint-form .paint-form__size-rows{margin-bottom:21px}.paint-form .btn-paint-form-submit{padding:18px 15px}}.paint-form-modal{justify-content:flex-end;align-items:flex-start;height:100vh;max-height:unset}.paint-form-modal.modal{z-index:9999}.paint-form-modal .paint-form-modal__window{max-width:530px;border-radius:0;background:#fff;margin:0;height:100%;max-height:unset;padding:19px 0 0;overflow-y:hidden}.paint-form-modal .paint-form-modal__header{margin-bottom:14px;border-bottom:3px solid rgb(var(--text-color));padding:0 16px 14px}.paint-form-modal .paint-form-modal__header .paint-form-modal__heading{font-family:var(--heading-font-family);font-size:27px;line-height:27px;color:rgb(var(--text-color))}.paint-form-modal .paint-form-modal__helper{margin-bottom:14px;color:rgb(var(--text-color));font-size:14px;line-height:21px;letter-spacing:.368px;padding:0 16px}.paint-form-modal .paint-form-modal__filters{padding:0 16px;gap:6px;margin-bottom:14px;width:100%}.paint-form-modal .paint-form-modal__filters .paint-form-modal__filter{display:block;width:calc(50% - 3px)}.paint-form-modal .paint-form-modal__filters .paint-form-modal__filter .custom-select__btn{width:100%;min-width:0;padding:13px 17px 12px;border:1px solid rgb(var(--text-color));border-radius:8px;font-size:11px;font-weight:400;letter-spacing:1.648px;text-transform:uppercase;color:rgb(var(--text-color));background:#fff}.paint-form-modal .paint-form-modal__filters .paint-form-modal__filter .custom-select__btn .icon{padding-inline-start:8px}.paint-form-modal .paint-form-modal__filters .paint-form-modal__filter .custom-select__btn .filter-select-label{max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paint-form-modal .paint-form-modal__filters .paint-form-modal__filter .custom-select__option{font-size:14px;text-transform:none}.paint-form-modal .paint-form-modal__filters .paint-form-modal__filter .custom-select__option.is-focused{background-color:#f2f2f2}.paint-form-modal .paint-form-modal__filters .paint-form-modal__filter .custom-select__listbox{background:#fff}.paint-form-modal .paint-form-modal__count{margin-bottom:14px;font-family:var(--heading-font-family);font-size:21px;font-weight:400;line-height:21px;letter-spacing:.21px;padding:0 16px}.paint-form-modal .paint-form-modal__list{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0 16px 20px;max-height:calc(100% - 230px);overflow-y:auto}.paint-form-card{position:relative;padding:20px 16px 17px;border:1px solid rgb(var(--text-color));border-radius:8px}.paint-form-card.is-recommended{border-width:3px}.paint-form-card .paint-form-card__badge{position:absolute;top:-1px;right:-1px;padding:8.5px 27.5px;border-radius:0 5px 0 8px;font-family:var(--heading-font-family);background:rgb(var(--text-color));color:#fff;font-size:17px;font-weight:400;line-height:16px;letter-spacing:.17px}.paint-form-card .paint-form-card__title{margin:0 0 7px;font-family:var(--heading-font-family);font-size:20px;font-weight:500;line-height:20px}.paint-form-card .paint-form-card__short-description,.paint-form-card .paint-form-card__description{margin:0 0 14px;font-size:15px;font-weight:400;line-height:21.14px;color:rgb(var(--text-color));font-family:var(--heading-font-family)}.paint-form-card .paint-form-card__tags{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.paint-form-card .paint-form-card__tags.paint-form-card__tags-surface{margin:6px 0 17px}.paint-form-card .paint-form-card__tags .paint-form-card__tag{padding:4px 10px;border-radius:10px;font-size:13px;font-weight:400;line-height:22px;letter-spacing:.2px;background:#f2f2f2;color:rgb(var(--text-color))}.paint-form-card .paint-form-card__tags .paint-form-card__tag.paint-form-card__tag--outline{background:transparent;border:1px solid rgb(var(--text-color));padding:4px 19px}.paint-form-card .paint-form-card__actions{gap:8px}.paint-form-card .js-paint-form-select-finish,.paint-form-card .js-paint-form-more-details{font-size:11px;font-weight:500;letter-spacing:1.648px;text-transform:uppercase;padding:9px 20px;border-radius:6px}.paint-form-card .js-paint-form-more-details{display:inline-flex;align-items:center;justify-content:center;gap:10px}.paint-form-card .js-paint-form-more-details svg{transition:transform .2s ease}.paint-form-card .js-paint-form-more-details[aria-expanded=true] svg{transform:rotate(180deg)}.paint-form-card .paint-form-card__details{margin-top:17px;padding-bottom:7px}.paint-form-card .paint-form-card__suitable-label{margin:0 0 6px;font-size:13px;font-weight:500;line-height:14px}.paint-form-card .paint-form-card__coverage{margin:12px 0 0;font-size:13px;color:rgb(var(--text-color));line-height:14px}.paint-form-card .paint-form-card__coverage-label{font-weight:500}.paint-form-card .paint-form-card__coverage-value{font-weight:400}@media(max-width:769px){.paint-form-card .js-paint-form-select-finish,.paint-form-card .js-paint-form-more-details{padding:9px 5px;border-radius:6px;width:calc(50% - 4px);text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/snippet-paint-form.css.map */
