@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.configurator{width:100%;height:100%;display:flex;line-height:1.2}.configurator-viewer{width:100%;height:100%;position:relative}.configurator-viewer canvas{position:absolute;top:0;left:0;width:100%;height:100%}.configurator-controls{width:572px;height:100%;flex-shrink:0;background:#f5f5f5;overflow:auto}.configurator-controls .text{padding:24px 24px 24px 44px}.configurator-controls .text h2{font-size:24px;font-weight:600}.configurator-controls .text p{margin-top:16px}.controller{border-bottom:1px solid #d9d9d9;background:#fff}.controller.sizes-controller .controller-body{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 27px}.controller.design-controller .controller-body .image-options{margin-bottom:21px}.controller.design-controller .controller-body .custom-checkbox:last-child{margin-top:12px}.controller .no-selected-target{padding:16px 14px;font-size:15px;line-height:1.2;color:#464646}.controller .room-appearance{display:flex;gap:40px}.controller .room-appearance .room-square{position:relative}.controller .room-appearance .sanitary-room{background:#a4b4c8;position:absolute}.controller .room-appearance .sanitary-room .door{position:absolute;width:26px;height:32px}.controller .room-appearance .radios .title{margin-bottom:16px;color:#838383}.controller .room-appearance .radios .custom-radio:not(:first-child){margin-top:8px}.controller .room-appearance .additional{margin-top:24px}.controller-header{display:flex;align-items:center;justify-content:space-between;padding:18px 42px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .25s}.controller-header:hover{background:#0000000a}.controller-header .wrap{display:flex;align-items:center;gap:12px}.controller-header .wrap img{width:52px;height:52px}.controller-header .wrap h4{font-size:18px;font-weight:700;display:flex;align-items:center;gap:12px}.controller-header .wrap h4 span{font-size:12px;font-weight:400;color:#8f8f8f}.controller-header>img{transition:transform .25s}.controller-header.active>img{transform:rotate(180deg)}.controller-body{padding:16px 42px 20px}.image-options{grid-template-columns:1fr 1fr;display:grid;gap:20px}.image-options .image-option{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #cccccc;position:relative;border-radius:1px;padding:18px;cursor:pointer}.image-options .image-option>img{max-height:80px;max-width:140px}.image-options .image-option>p{margin-top:8px;font-size:15px;font-weight:400}.image-options .image-option>span{font-size:12px;font-weight:400;color:#464646;display:block;margin-top:4px}.image-options .image-option.active{border-color:#1c4376}.image-options .image-option.active>p{font-weight:600;color:#1c4376}.image-options .image-option .custom-checkbox{left:4px;top:4px;position:absolute}.custom-checkbox{display:flex;align-items:center;gap:13px;cursor:pointer}.custom-checkbox.active .box{border-color:#1479fb;background:#1479fb}.custom-checkbox .box{border-radius:2px;width:18px;height:18px;display:flex;border:1px solid #cccccc;flex-shrink:0;align-items:center;justify-content:center}.custom-checkbox .box img{width:11px;height:9px}.custom-checkbox p{font-size:15px;line-height:1.2}.custom-option{border:1px solid #e1e1e1;padding:10px 26px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .25s}.custom-option:hover{background:#0000000a}.custom-option.active{color:#fff;background:#292929}.raw-options{display:flex;margin-bottom:21px}.raw-options .raw-option{width:100%;display:flex;align-items:center;justify-content:center;padding:10px;transition:background-color .25s;cursor:pointer;color:#717171;font-weight:500;line-height:1.2}.raw-options .raw-option:hover{background:#0000000a}.raw-options .raw-option.active{border-bottom:1px solid #61666e;color:#2e2e2e}.custom-array-options{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.custom-array-options .array-option{padding:10px;min-width:150px;border:1px solid #cccccc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .25s;gap:8px;color:#464646}.custom-array-options .array-option.active{color:#1c4376;border-color:#1c4376}.custom-array-options .array-option:hover{background:#0000000a}.custom-steps .steps-list{display:flex;align-items:center;margin-bottom:26px}.custom-steps .steps-list .single-step{display:flex;align-items:center;gap:4px}.custom-steps .steps-list .single-step:not(:first-child){padding-left:23px;position:relative}.custom-steps .steps-list .single-step:not(:first-child):before{position:absolute;content:"";background:#838383;top:50%;left:4px;width:15px;height:1px;transform:translateY(-50%)}.custom-steps .steps-list .single-step.active p{color:#170e0e}.custom-steps .steps-list .single-step.active .circle{background:#292929}.custom-steps .steps-list .single-step.active:before{background:#000}.custom-steps .steps-list .single-step .circle{background:#838383;padding:5px 8.5px;border-radius:50%;color:#fff;font-size:12px}.custom-steps .steps-list .single-step p{font-size:13px;color:#838383}.custom-steps .steps-controls{margin-top:20px;display:flex;gap:8px}.custom-steps .steps-controls button{min-height:37px;background:#fff;padding:0 13px;display:flex;align-items:center;justify-content:center;font-size:16px;gap:13px;transition:background-color .25s;border:1px solid #d9d9d9;border-radius:2px;cursor:pointer}.custom-steps .steps-controls button:hover{background:#0000000a}.custom-steps .steps-controls button img{width:9px;height:14px;flex-shrink:0}.custom-steps .steps-controls button.next img{transform:rotate(180deg)}.room-square{border:10px dashed #eaeaea;flex-shrink:0;width:250px;height:250px}.custom-radio{display:flex;align-items:center;gap:10px;cursor:pointer}.custom-radio.checked .circle:before{transform:translate(-50%,-50%) scale(1)}.custom-radio .circle{border-radius:50%;border:2px solid #1479fb;width:20px;height:20px;position:relative}.custom-radio .circle:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:50%;background:#1479fb;content:"";transition:transform .25s}.custom-radio p{font-size:14px}*{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,input,textarea{font-family:sans-serif}body,input,textarea,button{font-family:Lato,sans-serif}html,body,#root{width:100%;height:100%}img{object-fit:contain;object-position:center}