.aside-wrap{position:absolute;right:30rem;top:0;display:flex;flex-direction:column;width:330rem;height:100dvh;padding:30rem 0;z-index:2}.side-menu-wrap{width:330rem;height:100%;margin-left:auto;padding:15rem;display:flex;flex-direction:column;background-color:#fff;border-radius:7rem;border:2rem solid var(--border);overflow-y:auto;overflow-x:hidden}.side-menu-wrap::-webkit-scrollbar,.modal-content-spec::-webkit-scrollbar{width:3rem;margin-right:-10px}.side-menu-wrap::-webkit-scrollbar-track,.modal-content-spec::-webkit-scrollbar-track{background-color:#fff;border-radius:7rem}.side-menu-wrap::-webkit-scrollbar-thumb,.modal-content-spec::-webkit-scrollbar-thumb{background:var(--border);border-radius:7rem}.new_project-container{display:flex;justify-content:center;align-items:center;padding:15rem;gap:15rem;margin-bottom:20rem;border-radius:7rem;background-color:#fff;border:2rem solid var(--border)}.new_project_btn{width:100%;display:flex;align-items:center;justify-content:center;padding:12rem 0rem 12rem 15rem;border-radius:7rem;background-color:var(--background-hover);transition:all .2s}.new_project_btn span:before,.new_project_btn span:after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-32rem;width:22rem;height:22rem;background-size:22rem 22rem;transition:all .2s}.library_btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12rem 15rem;border-radius:7rem;background-color:var(--background-hover);transition:all .2s}.new_project_btn:hover,.library_btn:hover{color:#fff;background-color:var(--background-active)}.new_project_btn span{position:relative;margin-left:15rem;transition:all .2s}.new_project_btn span:before{background-image:url(../img/icons/add-square-icon-black.svg);opacity:1}.new_project_btn span:after{background-image:url(../img/icons/add-square-icon-white.svg);opacity:0}.new_project_btn:hover span,.library_btn:hover span{color:#fff}.new_project_btn:hover span:before{opacity:0}.new_project_btn:hover span:after{opacity:1}.add_cube_btn_wrap{display:flex;justify-content:space-between;margin-bottom:15rem}.add_cube_btn_wrap:last-child{margin-bottom:20rem}.add_color_wrap{margin-bottom:20rem;border-bottom:2rem solid var(--border)}.add_cube_wrap{display:flex;flex-direction:column;width:100%;margin-bottom:20rem;border-bottom:1rem solid var(--border)}.add_cube_btn{position:relative;min-width:90rem;min-height:90rem;text-align:center}.add_model_btn img{width:28rem;height:28rem}.add_color_switch_btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:41rem;padding:12rem;font-size:14rem}.add_color_switch_btn--padding{padding:12rem 20rem}.add_cube_btn img{width:22rem;height:22rem}.view_mode_btn{width:100%;height:40rem;min-height:40rem;gap:15rem;padding:10rem}input[type=radio]:checked+label{outline:2rem solid var(--border-active)}input[type=radio]:checked+label:hover{background-color:#fff;border-radius:7rem}.switcher{display:flex;justify-content:space-between;gap:15rem;margin-bottom:20rem}.colors-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:15rem;width:100%;margin-bottom:20rem}.color{position:relative;width:64rem;height:64rem;border-radius:7rem;outline:2rem solid var(--border);transition:all .2s}.color:hover{outline:2rem solid var(--border-active)}.color-number{position:absolute;right:5rem;top:5rem;width:20rem;height:20rem;display:flex;justify-content:center;align-items:center;border-radius:4rem;background-color:#fff;font-size:12rem;transition:all .2s}.color-row{display:flex;justify-content:space-between;margin-bottom:10rem}.side-footer{display:flex;justify-content:space-between;gap:10rem;margin-top:auto}.side-footer-btn{width:64rem;height:64rem;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:7rem;border:2rem solid var(--border);transition:all .2s}.side-footer-btn:hover,.side-footer-btn:active{border:2rem solid var(--border-active)}.side-footer-btn img{width:28rem;height:28rem}.layer-list{position:absolute;right:375rem;top:240rem;display:flex;flex-direction:column;align-items:start;width:318rem;max-height:432rem;padding:15rem;border-radius:7rem;border:1rem solid #eeeef0;background-color:#fff;opacity:0;pointer-events:none;transition:opacity .3s ease;overflow:hidden}.show{opacity:1;pointer-events:auto}.layer-list-wrap,.column-list-wrap{display:flex;flex-direction:column;gap:10rem;width:100%;height:300rem;margin-bottom:15rem;padding-bottom:15rem;padding-right:5rem;border-bottom:1rem solid var(--border);overflow-y:auto;overflow-x:hidden}.layer-list-wrap::-webkit-scrollbar{width:4rem}.layer-list-wrap::-webkit-scrollbar-track{background-color:#fff;border-radius:7rem}.layer-list-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:7rem}.layer,.column{display:grid;grid-template-columns:18rem 1fr 28rem;align-items:center;width:100%;height:40rem;padding:6rem 10rem;gap:10rem;background-color:#f5f5f5;border-radius:7rem;opacity:1;transition:transform .3s ease,opacity .3s ease}.column{display:flex}.active-layer,.active-column{grid-template-columns:18rem 1fr 28rem 28rem 28rem;background-color:#e5f4ff}.active-column{justify-content:space-between}.delete-layer-btn,.delete-column-btn,.copy-layer-btn{display:none;pointer-events:none;transition:opacity .3s ease}.layer.active-layer .delete-layer-btn,.column.active-column .delete-column-btn,.layer.active-layer .copy-layer-btn{display:flex;pointer-events:auto}.layer.active-layer button,.column.active-column button{background-color:var(--gray-active)}.layer.active-layer .layer-text,.column.active-column .column-text{background-color:#e5f4ff}.dnd-btn{min-width:18rem;background:none;border:none;cursor:grab}.layer.active-layer .dnd-btn{background:none}.all-layer{width:156rem;height:40rem;display:flex;justify-content:space-between;align-items:center;padding:12rem 10rem}.layer-text,.column-text{display:flex;justify-content:start;align-items:center;width:100%;height:100%;border-radius:5rem;gap:5rem;transform:translateY(0);transition:opacity .5s ease,transform .5s ease;opacity:1}.layer-text.anim{opacity:0;transform:translateY(-10px);transition:opacity .5s ease,transform .5s ease}.drag-over{border:2rem dashed #000;background-color:#e0e0e0}.eye_btn{order:5}.eye_btn.eye-on :nth-child(2){display:none}.eye_btn.eye-off :nth-child(1){display:none}.add_layers_wrap{display:flex;gap:10rem;margin-bottom:30rem}.second-canvas-wrap{position:absolute;width:75rem;height:75rem;background-color:transparent}.rotate_btn{transition:opacity .3s}.rotate-up,.rotate-down,.rotate-left,.rotate-right{position:absolute}.rotate-up{top:0;left:50%;transform:translate(-50%)}.rotate-down{bottom:0;left:50%;transform:translate(-50%) scaleY(-1)}.rotate-left{top:50%;left:0;transform:translateY(-50%) scaleX(-1)}.rotate-right{top:50%;right:0;transform:translateY(-50%)}.fade-out{transform:scale(0);opacity:0}.scene-switch{position:absolute;top:auto;bottom:40%;left:30rem}.scene-switch__wrapper{position:absolute;bottom:0rem;right:420rem;display:flex;gap:10rem}.scene-switch__wrapper button{font-size:14rem;padding:0 14rem}.layer-list-users{right:50rem;max-height:50vh}.layer-user{display:flex;justify-content:space-around}@media (max-width: 768px){.layer-list-users{right:50%;top:50%;transform:translate(50%,-50%)}}.preloader-wrapper{width:100%;height:100%;background-color:#fff;position:fixed;top:0;left:0;z-index:50000;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16rem}.modal_preloader_wrapper{background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16rem}.preloader{max-width:150rem;max-height:150rem;height:100%;width:100%;display:block;position:relative;margin:30rem auto;border-radius:50%;border:2rem solid transparent;border-top-color:#000;animation:preloader-spin 3s linear infinite}.preloader:before{content:"";position:absolute;top:5rem;left:5rem;right:5rem;bottom:5rem;border-radius:50%;border:2rem solid transparent;border-top-color:#dedede;animation:preloader-spin 4s linear infinite}.preloader:after{content:"";position:absolute;top:15rem;left:15rem;right:15rem;bottom:15rem;border-radius:50%;border:2rem solid transparent;border-top-color:#000;animation:preloader-spin 2s linear infinite}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.local-preloader-wrapper{width:100%;height:160rem;background-color:#fff;top:0;left:0;z-index:10;display:none;flex-direction:column;justify-content:center;align-items:center}.local-preloader{max-width:70rem;max-height:70rem;height:100%;width:100%;display:block;position:relative;margin:30rem auto;border-radius:50%;border:1rem solid transparent;border-top-color:#000;animation:preloader-spin 2.7s linear infinite}.local-preloader-wrapper.open{display:flex}.local-preloader-wrapper-file-manager{width:100%;height:100%}.local-preloader-wrapper-file-manager .local-preloader{max-width:120rem;max-height:120rem}.local-preloader:before{content:"";position:absolute;top:5rem;left:5rem;right:5rem;bottom:5rem;border-radius:50%;border:1rem solid transparent;border-top-color:#dedede;animation:preloader-spin 1.5s linear infinite}.local-preloader:after{content:"";position:absolute;top:15rem;left:15rem;right:15rem;bottom:15rem;border-radius:50%;border:1rem solid transparent;border-top-color:#000;animation:preloader-spin 1s linear infinite}.loader-wrap{width:100%;height:calc(100% - 136rem);position:absolute;top:86rem;left:0}.tooltip-container{position:relative}.tooltip{width:fit-content;min-width:fit-content;border-radius:14rem;border:1rem,solid #e6e1e1;background:#fff;color:#19191a;text-align:center;padding:10rem 15rem;position:absolute;z-index:1;top:-46rem;left:50%;transform:translate(-50%);font-size:12rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.show-connections.tooltip-active{background:#0d99ff4d}.tooltip-container:hover .tooltip,.show-connections.tooltip-active:hover .tooltip{visibility:visible;opacity:1}.color .tooltip{min-width:80rem}.user-list-form-block{background:#fff;color:#363636;position:relative;z-index:2;overflow:hidden}.modal-container-users{width:800rem}.save-list-btn,.add-list-btn{align-self:center;color:#fff;padding:10rem 20rem;border:none;border-radius:5rem;cursor:pointer;transition:background-color .3s}.add-list-btn{display:flex;align-items:center;justify-content:space-between;padding-left:35rem;gap:8rem;color:#19191a;font-size:14rem;border:2rem solid var(--border);background-image:url("data:image/svg+xml,%3csvg%20width='25'%20height='25'%20viewBox='0%200%2025%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.8396%205.57959V19.5796'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.8396%2012.5796H19.8396'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:9rem center;background-size:20rem}.add-list-btn:hover{border:2rem solid var(--border);background-color:var(--background-hover)}.save-list-btn{background-color:#0d99ff;margin:0;font-size:16rem;width:200rem;align-self:center}.user{width:20rem;height:20rem}.delete-user{display:flex;justify-content:center;align-items:center}.delete-user img{width:20rem}.table-container{display:flex;justify-content:center;max-height:241rem;margin-bottom:20rem;padding-right:5rem;overflow-y:auto}.table-container::-webkit-scrollbar{width:4rem}.table-container::-webkit-scrollbar-track{background-color:#fff;border-radius:7rem}.table-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:7rem}.users-table{width:100%;border-collapse:collapse}.users-table tbody{display:flex;flex-direction:column;row-gap:5rem}.users-table__td select,.users-table__td input,.users-table__th{padding:12rem 16rem 12rem 14rem;font-family:Montserrat;font-size:14rem;font-weight:500;text-align:start;color:#19191a}.users-table__td select,.users-table__td input{width:100%}.users-table__td select:focus-visible,.users-table__td input:focus-visible{outline:1rem solid #0071e3;border-radius:7rem}.users-table__td{display:flex;justify-content:center;align-self:center}.users-table__tr{display:grid;grid-template-columns:1.4fr 1.2fr 1fr 1.2fr .2fr;border-radius:7rem}.users-table__tr:nth-child(odd),.users-table__tr:nth-child(odd) .users-table__td input{background-color:#e9e9e9}.users-table__tr:nth-child(2n),.users-table__tr:nth-child(2n) .users-table__td input{background-color:#f5f5f5}.users-table__tr--first{background-color:#e5f4ff!important}.user-role-input{width:130rem;background-color:transparent;border:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-size:14rem;cursor:pointer}.users-table__td:nth-child(4){position:relative}.users-table__td:nth-child(4):before{content:"";position:absolute;top:50%;right:10rem;width:18rem;height:18rem;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='vuesax/linear/arrow-down'%3e%3cg%20id='arrow-down'%3e%3cpath%20id='Vector'%20d='M14.9401%206.71252L10.0501%2011.6025C9.47256%2012.18%208.52756%2012.18%207.95006%2011.6025L3.06006%206.71252'%20stroke='%2319191A'%20stroke-opacity='0.5'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:100%;background-repeat:no-repeat}.user-role-input:focus-visible{outline:none}.user-input{width:90%;padding:8rem 0;box-sizing:border-box;border:none}.user-list-modal{width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;left:0;z-index:10;-webkit-transition:.7s;-o-transition:.7s;transition:.7s;pointer-events:none;opacity:0}.user-list-modal.open{opacity:1;pointer-events:all;position:absolute;background:#28282899;left:0;right:0;top:0;bottom:0;z-index:99999}.management_buttons_users{background:#2d2d2d80;border-radius:25rem}.management_buttons_users{position:absolute;right:45rem;top:calc(100vh - 80rem);padding:8rem 15rem;cursor:pointer}.management_buttons_users p{color:#fff}.user-list-close-btn{position:absolute;top:15rem;right:15rem}.contract_header{margin:0;margin-top:2rem;margin-bottom:22rem;font-size:16rem;line-height:normal;color:#19191a}.user-list-modal-content{display:flex;flex-direction:column}.users-table__btn-wrapp{display:flex;justify-content:space-between}.user-list-form-block .modal_closer{top:0;right:0}.users-table__th,.users-table__td{position:relative}.users-table__th:not(:last-child):after{content:"";position:absolute;top:50%;right:1rem;width:1rem;height:20rem;transform:translateY(-50%);background-color:#c8e8ff}.users-table__tr:nth-child(2n) .users-table__td:not(:last-child):after{content:"";position:absolute;top:50%;right:1rem;width:1rem;height:20rem;transform:translateY(-50%);background-color:#e9e9e9}.users-table__tr:nth-child(odd) .users-table__td:not(:last-child):after{content:"";position:absolute;top:50%;right:1rem;width:1rem;height:20rem;transform:translateY(-50%);background-color:#f5f5f5}