@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Outfit:wght@100..900&display=swap";*{box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;font-family:sans-serif}h1,h2,h3,h4,h5,h6,p{margin-block:0}ul,li{padding-inline:0}img{display:block;object-fit:contain;object-position:center}button{color:inherit}button,input,textarea{font-family:sans-serif;border-radius:0}body,input,textarea,button{font-family:Manrope,sans-serif}html,body,#root{width:100%;height:100%}img{object-fit:contain;object-position:center}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.scene-3d{width:100%;height:100%;position:absolute}.scene-3d.disabled{pointer-events:none;visibility:hidden}.scene-3d canvas{position:absolute;width:100%;height:100%}.controls{width:500px;height:100%;padding:16px;overflow:auto}.controls h2{text-align:center}.controls .frame-controls{margin-top:16px;display:flex;flex-direction:column;gap:12px}.controls .frame-controls>div{padding:12px;border:1px solid #a6a6a6}.controls .frame-controls>div h3{margin-bottom:4px}.controls .inputs{display:flex;gap:16px;flex-wrap:wrap}.controls .sections-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.controls .sections-list>div{padding:8px;border:1px solid #a6a6a6}.controls .vent,.controls .turning{display:flex;flex-direction:column;gap:8px}.controls .vent.turning>div,.controls .turning.turning>div{padding:8px}.controls .vent>div,.controls .turning>div{border:1px solid #a6a6a6;display:flex;gap:8px;align-items:center}.arrow-input{display:flex;align-items:center;justify-content:center;gap:4px}.arrow-input .value{border:1px solid #a6a6a6;padding:6px;border-radius:3px;min-width:50px;display:flex;align-items:center;justify-content:center}.doors-controls>div .mode-switch{display:flex;align-items:center;gap:4px}.doors-controls .size-inputs{margin-top:16px;display:flex;flex-direction:column;gap:4px}.doors-controls .aba-proportion{display:flex;justify-content:center;gap:14px}.doors-controls .inner-center-inputs>div{display:flex;gap:16px}.options-button{display:flex;background:#d5d5d5}.options-button>div{padding:1px 4px;cursor:pointer}.options-button>div:not(.active):hover{background:#888}.options-button>div.active{cursor:default;color:#fff;background:#1f4bac}#root{display:flex}#root .viewers{width:100%;height:100%;position:relative}@media (max-width: 1024px){#root{display:block}#root .viewers{height:40%}}.pixi-scheme{width:100%;height:100%;z-index:2;position:relative}.pixi-scheme canvas{width:100%;height:100%;display:block;position:absolute}.user-controls{width:620px;height:100%;flex-shrink:0;padding-top:10px;position:relative}.user-controls .controllers-list{overflow-y:auto;background:#f6f5f4}.final-info{background:#e9b816;padding:4px 8px;font-family:Manrope,sans-serif}.final-info button{font-weight:800;background:none;border:none;padding:0;cursor:pointer;font-size:inherit}.final-info button:hover{text-decoration:underline}@media (max-width: 1250px){.user-controls{width:500px;padding-bottom:50px}.final-info{font-size:14px;padding:3px 7px}}@media (max-width: 1024px){.user-controls{width:100%;padding-top:0;height:60%}}.controller .controller-body{padding:24px 16px;border:1px solid #e0e2e6;background:#f6f5f4}.controller * .sub-body:last-child:not(.open) .sub-header{margin:0}@media (max-width: 1250px){.controller .controller-body{padding:20px 14px}}.controller-header{background:#e0e2e6;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.controller-header.completed{background:#eaeaea}.controller-header.completed>h3,.controller-header.completed>h3 *{color:#00ab00!important}.controller-header.open{background:#cccdd1}.controller-header.open>h3{font-weight:600}.controller-header.open>img{transform:none}.controller-header:not(.open)>img{opacity:.6}.controller-header:not(.open)>h3{color:#959493}.controller-header>h3{font-family:Outfit,sans-serif;color:#3b424e;font-size:18px;font-weight:500;display:flex;align-items:center;line-height:1;gap:.23em}.controller-header>h3 img{aspect-ratio:1;width:.7em}.controller-header>img{transform:rotate(180deg)}@media (max-width: 1250px){.controller-header{padding:12px 14px}.controller-header>h3{font-size:16px}.controller-header>img{width:16px;height:16px}}.controller-nav{display:flex;padding-bottom:4px;background:#f6f5f4}.controller-nav button{width:100%;padding:16px;color:#211f1c;background:none;border:1px solid #211f1c;cursor:pointer;font-family:Outfit,sans-serif;font-weight:700;font-size:15px;line-height:1;transition:background-color .25s,border-color .25s,color .25s}.controller-nav button.prev{color:#959493;border-color:#959493}.controller-nav button.prev:hover{background:#687388;border-color:#687388;color:#fff}.controller-nav button:hover{background:#3b424e;color:#fff;border-color:#3b424e}@media (max-width: 1250px){.controller-nav button{font-size:14px;padding:13px}}.outer-sizes-options{display:flex;align-items:center;gap:8px}.outer-sizes-options .input{width:100%}.custom-input{display:flex;flex-direction:column;justify-content:space-between}.custom-input.disabled .input-box p{color:#959493}.custom-input input{width:100%;padding:13px 8px;border:1px solid #dadada;outline:none;font-size:15px}.custom-input input:focus{border-color:#504c46}.custom-input input:focus:not(.error):not(.no-validation){border-color:#00ab00}.custom-input input.error{border-color:red!important}.custom-input input:disabled{background:#ecebe9;border-color:#e0e2e6}.custom-input .label{display:flex;gap:8px;margin-bottom:12px}.custom-input .label>p{color:#211f1c;line-height:1;font-size:15px;font-weight:600}.custom-input .input-box p{color:#211f1c;line-height:1;font-size:14px;font-weight:300;margin-top:4px}.custom-input .input-box p.error{color:red}.custom-input .input-box .wrap{position:relative}.custom-input .input-box .wrap button{position:absolute;top:50%;transform:translateY(-50%);right:8px;padding:0;border:none;background:none;border-radius:50%;cursor:pointer}@media (max-width: 1250px){.custom-input input{padding:10px 6px;font-size:14px}.custom-input .label{gap:6px;margin-bottom:6px}.custom-input .label>p{font-size:13px}.custom-input .input-box p{font-size:12px}}.info-popup{position:relative}.info-popup p{position:absolute;display:none;padding:8px;font-family:Manrope,sans-serif;background:#e9b816;font-weight:300;font-size:14px;line-height:1;width:max-content;max-width:400px;bottom:calc(100% + 4px);box-shadow:1px 0 4px #6b6b6b40;color:#211f1c!important}.info-popup img:hover~p{display:block}@media (max-width: 1250px){.info-popup>img{width:14px;height:14px}.info-popup p{padding:6px}}.inner-sizes-options label{width:100%}.inner-sizes-options .main,.inner-sizes-options .inner{display:flex;gap:8px}.inner-sizes-options .inner{margin-top:18px}.inner-sizes-options .width-inputs{padding:18px 0}.inner-sizes-options .height-inputs{padding-top:18px;border-top:1px solid #ecebe9}@media (max-width: 1250px){.inner-sizes-options .main,.inner-sizes-options .inner{gap:6px}.inner-sizes-options .inner{margin-top:14px}.inner-sizes-options .width-inputs{padding:14px 0}.inner-sizes-options .height-inputs{padding-top:14px}}.custom-select .title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.custom-select .title h4{color:#211f1c;font-size:16px;font-weight:600;line-height:1}.custom-select .select-header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 8px;border:1px solid #dadada;color:#959493;font-weight:300}.custom-select .select-header>p{font-size:16px}.custom-select .select-header.open img{transform:none!important}.custom-select .select-header.selected{color:#00ab00}.custom-select .select-header img{width:16px;transform:rotate(.5turn)}.custom-select .select-options{margin-top:8px;cursor:pointer}.custom-select .select-options>div{font-size:16px;padding:13px 8px;color:#504c46;line-height:1;border:1px solid #dadada}.custom-select .select-options>div:not(.disabled):hover,.custom-select .select-options>div:not(.disabled).selected{border-color:#959493}.custom-select .select-options>div.disabled{opacity:.5;cursor:default}@media (max-width: 1250px){.custom-select .title{gap:6px;margin-bottom:10px}.custom-select .title h4{font-size:14px}.custom-select .select-header{font-size:14px;padding:10px 8px}.custom-select .select-options{margin-top:8px}.custom-select .select-options>div{font-size:14px;padding:10px 8px}}.custom-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.custom-options>div{padding:8px;border:1px solid #dadada;background:#fff;display:flex;gap:8px;cursor:pointer}.custom-options>div.disabled{opacity:.5;cursor:not-allowed}.custom-options>div.active{border-color:#00ab00}.custom-options>div.active .info .price .check{border-color:#00ab00;background:#00ab00}.custom-options>div .avatar{width:48px;height:48px;flex-shrink:0}.custom-options>div .avatar img{object-fit:contain;width:100%;height:100%}.custom-options>div .info{display:flex;justify-content:space-between;width:100%}.custom-options>div .info .name{font-size:16px;line-height:1;letter-spacing:-.01em}.custom-options>div .info .name .desc{font-weight:300;font-size:14px;margin-top:6px}.custom-options>div .info .price{display:flex;flex-direction:column;align-items:end;justify-content:space-between;height:100%;flex-shrink:0}.custom-options>div .info .price .check{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid #ecebe9}.custom-options>div .info .price p{font-family:Outfit,sans-serif;font-weight:600;font-size:15px;line-height:1}@media (max-width: 1250px){.custom-options>div{padding:6px}.custom-options>div .avatar{width:40px;height:40px}.custom-options>div .info .name{font-size:14px}.custom-options>div .info .name .desc{margin-top:4px}.custom-options>div .info .price .check{width:14px;height:14px}.custom-options>div .info .price .check img{width:12px;height:12px}.custom-options>div .info .price p{font-size:14px}}@media (max-width: 600px){.custom-options>div{padding:6px}.custom-options>div .info{flex-direction:column;gap:10px}.custom-options>div .info .name{font-size:13px}.custom-options>div .info .name .desc{font-size:13px}.custom-options>div .info .price{flex-direction:row-reverse;height:auto}}.sub-body+.sub-body{margin-top:12px}@media (max-width: 1250px){.sub-body+.sub-body{margin-top:10px}}.sub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sub-header button{display:flex;align-items:center;font-family:Outfit,sans-serif;font-weight:700;font-size:14px;line-height:1;border:none;gap:12px;background:none;padding:0;cursor:pointer}.sub-header button img{width:16px;height:16px;flex-shrink:0}.sub-header button:hover{text-decoration:underline}.sub-header>div{display:flex;align-items:center;gap:8px}.sub-header>div h4{color:#211f1c;font-weight:600;font-size:16px}.sub-header>div p{color:#00ab00;line-height:1;font-size:16px;cursor:pointer}.sub-header>div p:hover{text-decoration:underline}@media (max-width: 1250px){.sub-header{margin-bottom:10px}.sub-header button{gap:6px}.sub-header button img{height:14px;width:14px}.sub-header>div{gap:6px}.sub-header>div h4{font-size:14px}.sub-header>div p{font-size:14px}}.frame-total{position:absolute;bottom:0;width:100%;padding:24px 0;background:#fff}.frame-total .prices{display:flex;flex-direction:column;gap:16px;padding:0 16px 32px}.frame-total .prices p{display:flex;align-items:center;justify-content:space-between;line-height:1}.frame-total .prices p span{font-family:Outfit,sans-serif;font-weight:600;font-size:18px}.frame-total .buttons{display:flex;gap:8px;padding:0 16px}.frame-total .buttons button{width:100%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px;padding:13px;background:#3b424e;color:#fff;font-family:Outfit,sans-serif;font-weight:600;font-size:17px;line-height:1;transition:.25s opacity}.frame-total .buttons button:hover{opacity:.8}.frame-total .buttons button:first-child{background:#d58d09}.frame-total .buttons button img{width:18px;height:18px;flex-shrink:0}@media (max-width: 1250px){.frame-total{padding:20px 0}.frame-total .prices{padding:0 14px 24px;gap:8px}.frame-total .prices p{font-size:14px}.frame-total .prices p span{font-size:16px}.frame-total .buttons{padding:0 14px;gap:6px}.frame-total .buttons button{gap:16px;font-size:16px;padding:10px;font-weight:600}.frame-total .buttons button img{width:20px;height:20px}}@media (max-width: 600px){.frame-total{padding:16px 0}.frame-total .prices{padding:0 12px 20px;gap:6px}.frame-total .prices p{font-size:13px}.frame-total .prices p span{font-size:14px}.frame-total .buttons{padding:0 12px}.frame-total .buttons button{font-size:13px;font-weight:500;gap:8px}.frame-total .buttons button img{width:14px;height:14px}}.vent-options .vent-checks{margin-top:16px;display:flex;flex-direction:column;align-items:start;gap:8px}.vent-options .vents-color{margin-top:16px}@media (max-width: 1250px){.vent-options .vent-checks{margin-top:14px;gap:6px}.vent-options .vents-color{margin-top:14px}}.custom-check{display:inline-flex;align-items:center;cursor:pointer;gap:8px;line-height:1;color:#211f1c}.custom-check.checked>div{background:#00ab00;border-color:#00ab00}.custom-check>div{border:1px solid #959493;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.custom-check>div img{transform:translateY(-.5px)}.custom-check.disabled{cursor:not-allowed;color:#c1c1c1}.custom-check.disabled>div{background:none;border-color:#c1c1c1}.custom-check.disabled.checked>div{background:#c1c1c1}@media (max-width: 1250px){.custom-check{gap:6px;font-size:14px}.custom-check>div{width:14px;height:14px}.custom-check>div img{width:12px;height:12px}}.view-controls{position:absolute;bottom:16px;left:16px;z-index:999;display:flex;gap:8px}.view-controls button{height:54px;width:54px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-weight:800;font-size:24px;color:#211f1c;background:#e9e0d2}.view-controls button:hover{background:#e1d7c4}.view-controls button img{width:24px;height:24px}.view-controls button.active{border:3px solid #00ab00}@media (max-width: 1250px){.view-controls button{font-size:20px;height:44px;width:44px}.view-controls button.active{border-width:2px}.view-controls button img{width:20px;height:20px}}@media (max-width: 600px){.view-controls{left:12px;bottom:12px}.view-controls button{width:36px;height:36px;font-size:16px}.view-controls button img{width:16px;height:16px}}