.window-picker-form input[type="checkbox"] { position: absolute; left: -9999px; }

.window-picker-form input[type="checkbox"] + label { position: relative; display: inline-block; padding: 6px 10px 6px 28px; cursor: pointer; }

.window-picker-form input[type="checkbox"] + label:before { display: block; content: ""; position: absolute; left: 0; top: 50%; margin: -9px 0 0; width: 18px; height: 18px; border: 2px solid #e5e5ea; }

.window-picker-form input[type="checkbox"]:checked + label:before { background: var(--prv_interactive_color); }

.window-picker-form input[type="checkbox"]:disabled + label { cursor: not-allowed; }

.window-picker-form input[type="checkbox"]:disabled + label:before { background-position: -36px 0; }

.window-picker-form input[type="checkbox"]:disabled:checked + label:before { background-position: -54px 0; }

.window-picker-form .form-checkbox { position: relative; display: block; }

.window-picker-form input::-webkit-outer-spin-button, .window-picker-form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.window-picker-form input[type=number] { -moz-appearance: textfield; }

.window-picker-form .ui-heading { font-size: 30px; color: var(--prv_color); margin: 20px 0;}

.window-picker-form .windowpick-form-input, .window-picker-form .ui-select .nice-select { width: 100%; height: 46px; border: 1px solid #d0d5d8; background: #fff; color: #272727; font-size: 14px; font-weight: 400; -webkit-appearance: none; border-radius: 0; transition: 200ms; padding: 0 20px; }

.window-picker-form .windowpick-form-input:focus, .window-picker-form .ui-select .nice-select:focus { border: 2px solid var(--prv_interactive_color); }

@media (max-width: 50em) { .window-picker-form .windowpick-form-input, .window-picker-form .ui-select .nice-select { padding: 0 17px; } }

.window-picker-form .error-label { font-size: 0.8rem; color: #ff0000; }

.window-picker-form .ui-select select { width: 100%; border: none; background-color: transparent; height: 100%; }

.window-picker-form .ui-select .nice-select { width: 100%; padding: 0 30px 0 20px; }

.window-picker-form .ui-select .nice-select:after { right: 15px; }

.window-picker-form .stacked-select { display: flex; flex-direction: row; justify-content: center; }

@media (max-width: 50em) { .window-picker-form .stacked-select { display: block; } }

.window-picker-form .stacked-select__block { flex: 1; }

.window-picker-form .ui-fieldset { margin-top: 20px; }

.window-picker-form .ui-fieldset label:not(.for-checkbox) { color: #272727; display: block; font-weight: 700; text-transform: uppercase; }

.window-picker-form .round-counter { background-color: var(--prv_color); display: inline-block; color: var(--prv_font_color); font-size: 12px; font-weight: bold; padding: 10px; border-radius: 50%; width: 32px; height: 32px; line-height: 14px; text-align: center; }

.window-picker-form nav.window-mode-select { margin-bottom: 40px; margin-right: 6px; border-bottom: 1px solid #E1E1E1; display: flex; }

.window-picker-form nav.window-mode-select .window_calc_change_mode { padding: 9px 26px; font-size: 1em; color: #212121; display: block; text-decoration: none; position: relative; background: transparent; border: none; }

.window-picker-form nav.window-mode-select .window_calc_change_mode:after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; width: 100%; background: transparent; z-index: 2; }

.window-picker-form nav.window-mode-select .window_calc_change_mode.active:after { background: var(--prv_interactive_color); }

.window-picker-form { max-width: var(--prv_max_width); margin: 3em auto; }

@media (max-width: 50em) { .window-picker-form { margin: 3em 15px; } }

.window-variants { display: flex; flex-direction: column; }

@media (max-width: 50em) { .window-variants { flex-direction: row; } }

.window-variants .window-type { width: 70px; height: 70px; position: relative; border-radius: 50%; cursor: pointer; margin-bottom: 15px; }

.window-variants .window-type.active { background-color: var(--prv_btn_color); }

.window-variants .window-type.active svg { fill: var(--prv_font_color); }

@media (max-width: 50em) { .window-variants .window-type { margin-right: 15px; margin-bottom: 0; } }

.window-variants .window-type > svg { width: 25%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; fill: var(--prv_btn_color); }

.window-variants .window-type[data-layout='1-sash'] > svg { width: 24px; }

.window-variants .window-type[data-layout='2-sash'] > svg { width: 31px; }

.window-variants .window-type[data-layout='3-sash'] > svg { width: 42px; }

.window-variants .window-type[data-layout='4-sash'] > svg { width: 42px; }

.window-variants .window-type[data-layout='1-balcony'] > svg { width: 31px; }

.window-variants .window-type[data-layout='2-balcony'] > svg { width: 42px; }

.window-preview__image { position: relative; max-width: 570px; margin: 0 auto; }

@media (max-width: 50em) { .window-preview__image { width: 85%; } }

.window-preview__image canvas { display: block; margin: 0 auto; }

@media (max-width: 50em) { .window-preview__image canvas { max-width: 100%; } }

.window-preview__dimension { text-align: center; margin-top: 20px; position: relative; }

.window-preview__dimension span { background-color: #fff; padding: 0 12px; color: #9f9fa3; }

.window-preview__dimension:before { content: ''; height: 1px; background-color: #eaeff4; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: -1; }

.window-preview__dimension--width { width: 90%; margin-left: auto; margin-right: auto; }

.window-preview__dimension--height { transform: rotate(270deg); transform-origin: 0 0; position: absolute; left: 100%; top: 80%; width: 360px; }

@media (max-width: 50em) { .window-preview__dimension--height { width: 270px; top: 77%; left: 103%; } }

.saved-windows { margin-top: 40px; }

.saved-window { border-top: 1px solid #b1b1b185; padding: 40px 0; cursor: pointer; }

.saved-window.active { background: linear-gradient(45deg, rgba(0, 0, 0, 0) 18%, rgba(129, 178, 224, 0.13) 72%); }

.window-info { max-width: 90%; display: grid; align-items: center; grid-template-rows: repeat(2, auto); grid-template-columns: repeat(3, auto); grid-template-areas: "number picture title" "number picture dimension"; }

.window-info__number { grid-area: number; }

.window-info__picture { grid-area: picture; margin-right: 10px; }

.window-info__picture svg { max-width: 42px; max-height: 33px; fill: var(--prv_color); }

.window-info__title { grid-area: title; font-weight: bold; }

.window-info__dimension { grid-area: dimension; color: #8e8e93; }

.window-summary { color: #8e8e93; }

@media (max-width: 50em) { .window-summary { margin: 1em auto; } }

.window-acts a { font-size: 22px; color: #828282; margin-left: 10px; text-decoration: none; }

@media (max-width: 50em) { .window-acts { float: right; padding: 0 20px; } }

.window-add-more { border: none; background-color: transparent; font-weight: bold; font-size: 1.2em; cursor: pointer; padding: 10px; border-radius: 10px; transition: .2s;}

.window-add-more:hover { background-color: #f0f0f3b8; }

.window-add-more i { color: var(--prv_button_bg); }

.nice-select span.current{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}