@font-face{font-family:Anta;src:url(./Anta-Regular-DzzVeyfu.ttf) format("truetype");font-weight:400}:root{--header-height: 40px;--menu-width: 70px;--main-color: #fff;--light: #f5f5f5;--dark-color-hover: rgb(88, 88, 88);--dark-line-color: #d1d1d1;--light-color: rgb(211, 211, 211);--dark-color-opacity: rgba(72, 72, 72, .833);--red-in-dark: rgba(255, 0, 0, .833);--green-in-dark: rgba(33, 180, 0, .833);--black: #000}*{margin:0;padding:0;box-sizing:border-box;position:relative;-webkit-user-select:none;user-select:none}#app{width:100%;height:100dvh;overflow:hidden}#ui{position:fixed;left:0;top:0;width:100vw;height:100vh;overflow:hidden;z-index:2;pointer-events:none}#ui *{pointer-events:auto}body{color:#484848d4;font-family:Anta}.header{position:absolute;top:0;left:0;width:100%;height:var(--header-height);padding:5px 15px;background:var(--main-color);border-bottom:1px solid var(--dark-line-color);display:flex;justify-content:space-between;align-items:center;gap:25px}.header__project-name{outline:0px;border:0px;background:inherit;font-size:16px;min-width:100px}.header__logo span{color:#3a3a3a!important}.header__home{min-width:115px;text-decoration:none;transition:all .3s ease 0s;border-radius:10px;background:var(--light);border:1px solid var(--dark-line-color);text-align:center;color:#3a3a3a;padding:5px 20px}.header__home:hover{transform:scale(1.1);box-shadow:0 0 10px var(--dark-line-color)}.header__home:active{background:var(--light)}.menu__item.selected:after,.current-object__close:after{content:"x";position:absolute;top:-37px;right:-17px;width:22px;border:1px solid var(--dark-line-color);border-radius:50%;background:var(--light);color:#8a7c7c;transition:all .25s ease 0s;display:flex;justify-content:center;align-items:center;z-index:2;cursor:pointer;padding:0 0 2px}.menu__item.selected:after:hover:after,.current-object__close:after:hover:after{color:#000}.menu{position:absolute;top:calc(var(--header-height) + 15px);left:15px;width:var(--menu-width);min-height:100px;max-height:calc(100vh - var(--header-height) - 30px);padding:5px;transition:.25s ease 0s;background:var(--main-color);border-radius:15px;border:1px solid var(--dark-line-color);display:flex;flex-direction:column;align-items:center;gap:10px}.menu input{position:absolute;pointer-events:none;opacity:0;z-index:-1}.menu__item{width:calc(var(--menu-width) - 10px);height:calc(var(--menu-width) - 10px);padding:5px;border-radius:10px;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease 0s}.menu__item svg{transform:scale(1.1) translateY(3px);stroke:#7c7c7c}.menu__item svg path{stroke:#484848d4}.menu__item span{font-size:13px;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translateY(9px)}.menu__item.selected{background:var(--light);border-color:var(--dark-line-color)}.menu__item.selected path{stroke:#484848}.menu__item.selected:hover{border-color:var(--dark-line-color)}.menu__item.selected.selected:after{position:fixed;top:calc(var(--header-height) + 20px);left:422px}.menu__item.selected.selected:hover:after{color:#000}.data-panel{position:absolute;top:calc(var(--header-height) + 15px);left:calc(var(--menu-width) + 30px);width:350px;min-height:100px;max-height:calc(100vh - var(--header-height) - 30px);padding:40px 20px 20px;transition:.25s ease 0s;background:var(--main-color);border-radius:15px 10px 10px 15px;border:1px solid var(--dark-line-color);display:none;overflow-y:auto}.data-panel#current-roof-panel{left:calc(var(--menu-width) + 30px + 355px)}.data-panel::-webkit-scrollbar{width:10px!important}.data-panel::-webkit-scrollbar-track{background:var(--main-color);border-radius:0 10px 10px 0;opacity:0!important}.data-panel::-webkit-scrollbar-thumb{background:var(--light);border:1px solid var(--dark-line-color);border-radius:10px}.checkbox{position:relative;max-width:100%!important;width:100%;min-height:70px!important;max-height:70px;padding:10px;gap:10px;display:flex!important;flex-direction:row!important;align-items:center;-webkit-user-select:none;user-select:none;border-top:1px solid var(--light-color);cursor:pointer}.checkbox input{position:absolute;width:100%;height:100%;z-index:5;opacity:0}.checkbox img{width:50px!important}.checkbox h3{margin-right:auto}.checkbox .checkbox__circle{transition:all .25s ease 0s}.checkbox input:checked~* .checkbox__circle{transform:translate(0)}.checkbox__toggle{display:flex;align-items:center;justify-content:space-between;width:100px;height:50px;padding:2px;background:var(--main-color);border:1px solid var(--dark-line-color);border-radius:25px}.checkbox__toggle span{position:absolute;top:2px;transition:all .5s ease 0s;transform:translate(50px);display:block;width:44px;height:44px;border-radius:50%;background:var(--light);border:1px solid var(--dark-line-color);z-index:3}.checkbox__lock,.checkbox__unlock{transform:scale(1.5);margin-top:4px}.checkbox__lock{margin-left:12px}.checkbox__lock path{stroke:var(--red-in-dark)}.checkbox__lock .eye{fill:var(--green-in-dark)}.checkbox__unlock{margin-right:12px}.checkbox__unlock path{stroke:var(--green-in-dark)}.checkbox__unlock .eye{fill:var(--green-in-dark)}.build-back,.furniture-back{width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;transform:translateY(-30px);position:relative;padding:0 0 0 15px}.build-back span,.furniture-back span{position:absolute;top:-1px;left:0;transition:all .25s ease 0s}.build-back:hover span,.furniture-back:hover span{left:-5px}#furniture-panel{justify-content:space-between;flex-wrap:wrap;gap:15px}#furniture-panel .furniture-category{position:relative;width:calc(50% - 8px);min-height:150px;border-radius:10px;border:1px solid var(--dark-line-color);text-align:center;cursor:pointer;transition:.3s ease 0s;overflow:hidden;border:0px solid var(--dark-line-color);box-shadow:0 0 1px var(--dark-line-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 10px}#furniture-panel .furniture-category *{position:relative;display:flex;transition:all .5s ease 0s}#furniture-panel .furniture-category:after{content:"Learn More...";font-size:16px;transition:.5s ease 0s;transform:translate(-150px);color:var(--black);position:absolute;bottom:10px;left:0;width:100%;display:flex;justify-content:center;align-items:flex-end}#furniture-panel .furniture-category:hover{box-shadow:0 0 5px var(--dark-line-color);transform:scale(1.1)}#furniture-panel .furniture-category:hover h3{transition:all .5s ease 0s;transform:translate(150px)}#furniture-panel .furniture-category:hover:after{transform:translate(0);font-size:20px;opacity:1}#furniture-panel .furniture-category:hover img{transform:scale(1.1)}#furniture-panel .furniture-category img{width:70%;pointer-events:none}#furniture-panel .furniture-category__data{padding:50px}#furniture-panel .furniture-box{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;transform:translateY(-20px)}#furniture-panel .furniture-card{width:140px;min-height:150px;border-radius:10px;border:1px solid transparent;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .25s ease 0s;transform:scale(1)}#furniture-panel .furniture-card:hover{transform:scale(1.05);border-color:var(--dark-line-color);box-shadow:0 0 5px var(--dark-line-color);z-index:2}#furniture-panel .furniture-card__image{width:140px;height:140px;overflow:hidden;position:relative}#furniture-panel .furniture-card__image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:auto;height:auto;pointer-events:none}#furniture-panel .furniture-card__data{display:flex;flex-direction:column;gap:3px;padding:5px}#furniture-panel .furniture-card__data span{font-size:14px}#furniture-panel .furniture-card__data p{margin-left:auto}#build-panel{justify-content:space-between;flex-wrap:wrap;gap:15px}#build-panel .build-category{max-width:140px;min-height:150px;overflow:hidden;text-align:center;cursor:pointer;transition:.25s ease 0s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 10px}#build-panel .build-category[data-type=collection]{overflow:hidden;border:0px solid var(--dark-line-color);box-shadow:0 0 1px var(--dark-line-color)}#build-panel .build-category[data-type=collection] *{position:relative;display:flex;transition:all .5s ease 0s}#build-panel .build-category[data-type=collection]:after{content:"Learn More...";font-size:16px;transition:.5s ease 0s;transform:translate(-150px);color:var(--black);position:absolute;bottom:10px;left:0;width:100%;display:flex;justify-content:center;align-items:flex-end}#build-panel .build-category[data-type=collection]:hover{box-shadow:0 0 5px var(--dark-line-color);transform:scale(1.1)}#build-panel .build-category[data-type=collection]:hover h3{transition:all .5s ease 0s;transform:translate(150px)}#build-panel .build-category[data-type=collection]:hover:after{transform:translate(0);font-size:20px;opacity:1}#build-panel .build-category[data-type=collection]:hover img{transform:scale(1.1)}#build-panel .build-category[data-type=button]{transform:scale(1)}#build-panel .build-category[data-type=button] img,#build-panel .build-category[data-type=button] h3{transition:all .5s ease 0s}#build-panel .build-category[data-type=button]:hover{transform:scale(1.05);border:1px solid var(--dark-line-color);box-shadow:0 0 10px var(--dark-line-color);z-index:2}#build-panel .build-category[data-type=button]:hover img{transform:scale(1.1)}#build-panel .build-category[data-type=button]:hover h3{transform:translateY(10px)}#build-panel .build-category img{width:70%;-webkit-user-select:none;user-select:none;pointer-events:none}#build-panel .build-category__data{padding:10px}#build-panel .custom-window-box{width:100%}#build-panel .custom-window-box button,#build-panel .custom-window-box a{transition:all .3s ease 0s;width:100%;height:30px;border-radius:10px;background:var(--light);color:var(--black);border:1px solid var(--dark-line-color);margin-bottom:20px}#build-panel .custom-window-box button:hover,#build-panel .custom-window-box a:hover{transform:scale(1.05);box-shadow:0 0 10px var(--dark-line-color)}#build-panel .custom-window-box button:active,#build-panel .custom-window-box a:active{background:var(--light)}#build-panel .build-box,#build-panel .custom-window-box{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;transform:translateY(-20px)}#build-panel .build-card{width:140px;min-height:150px;border-radius:10px;background:#fff;border:1px solid var(--dark-line-color);overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .25s ease 0s;transform:scale(1)}#build-panel .build-card:hover{transform:scale(1.05);border:1px solid var(--dark-line-color);box-shadow:0 0 10px var(--dark-line-color);z-index:2}#build-panel .build-card__image{width:140px;height:140px;background:var(--main-color);overflow:hidden;padding:15px}#build-panel .build-card__image img{object-fit:contain;width:100%;height:100%;pointer-events:none}#build-panel .build-card__data{display:flex;flex-direction:column;gap:3px;padding:5px}#build-panel .build-card__data span{font-size:14px}#build-panel .build-card__data p{margin-left:auto}#current-object-panel,#current-room-panel{box-shadow:0 0 20px #a7a7a7}#current-object-panel,#current-room-panel,#current-roof-panel{position:relative;border:1px solid var(--dark-line-color)!important}#current-object-panel.selected,#current-room-panel.selected,#current-roof-panel.selected{display:flex;z-index:10;border:1px solid #fff}#current-object-panel .current-object__close:hover:after,#current-room-panel .current-object__close:hover:after,#current-roof-panel .current-object__close:hover:after{color:#000}#current-object-panel .current-object__panel,#current-room-panel .current-object__panel{border-radius:25px;border:1px solid var(--dark-line-color);padding:10px;margin-left:-5px;width:calc(100% + 10px)}#current-object-panel .current-object{display:flex;flex-direction:column;width:100%;gap:15px;padding-bottom:20px}#current-object-panel .current-object__image{background:var(--main-color);margin-left:-5px;width:calc(100% + 10px);height:200px;overflow:hidden;border-radius:15px;transform:translateY(-20px);display:flex;justify-content:center}#current-object-panel .current-object__image img{object-fit:contain}.object-panel{display:flex;gap:20px}.object-panel__item{width:40px;height:40px;border:1px solid var(--dark-line-color);border-radius:50%;background:#fff!important;padding:5px;transition:.25s ease 0s;cursor:pointer}.object-panel__item#object-panel__delete{margin:0 0 0 auto}.object-panel__item:hover{transform:scale(1.05)}.object-panel__item img{width:100%}.total{background:var(--main-color);position:fixed;right:15px;top:calc(var(--header-height) + 15px);font-size:22px;padding:12px;border:1px solid var(--dark-line-color);border-radius:15px}.total li{list-style-type:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.total li p span{min-width:0;width:23px;font-weight:500;text-align:center}.total span{font-weight:700;font-size:20px;display:inline-block;min-width:150px;text-align:right}#current-roof-panel{margin-left:10px}#current-roof-panel .current-object__close:after{position:absolute;top:-35px;left:auto;right:-16px;border-color:var(--dark-line-color)}#current-room-panel .current-object,#current-roof-panel .current-object{width:100%}#current-room-panel .current-object h2,#current-roof-panel .current-object h2{font-size:20px}#current-room-panel .current-object__texture h2,#current-roof-panel .current-object__texture h2{margin:0 0 10px}#current-room-panel .current-object__picker-wrap,#current-room-panel .current-object__radios,#current-room-panel .current-object__radios label,#current-roof-panel .current-object__picker-wrap,#current-roof-panel .current-object__radios,#current-roof-panel .current-object__radios label{display:flex;align-items:center;gap:10px}#current-room-panel .current-object__picker-wrap,#current-roof-panel .current-object__picker-wrap{margin:0 0 10px}#current-room-panel .current-object__subtitle,#current-roof-panel .current-object__subtitle{margin:0 0 5px}#current-room-panel .current-object__image-wrap,#current-roof-panel .current-object__image-wrap{width:40px;height:40px}#current-room-panel .current-object__image-wrap img,#current-roof-panel .current-object__image-wrap img{object-fit:cover;width:100%;height:100%}#current-room-panel .current-object__image-wrap.contain img,#current-roof-panel .current-object__image-wrap.contain img{object-fit:contain}#current-room-panel .current-object__radios,#current-roof-panel .current-object__radios{margin:0 0 20px;flex-wrap:wrap}#current-room-panel .current-object__radios input,#current-roof-panel .current-object__radios input{display:none}#current-room-panel .current-object__radios label,#current-roof-panel .current-object__radios label{cursor:pointer;border:2px solid transparent}#current-room-panel .current-object__radios label.active,#current-roof-panel .current-object__radios label.active{outline:1px solid var(--dark-color-hover)}#current-room-panel .current-object__radios label:hover,#current-roof-panel .current-object__radios label:hover{box-shadow:0 0 5px var(--dark-color-hover)}#current-room-panel .current-object__magnet-btn,#current-roof-panel .current-object__magnet-btn{font-size:20px;width:40px;height:40px;padding:4px;cursor:pointer;display:none;transition:all .3s ease 0s;border-radius:50%;background:var(--white);color:var(--black);border:1px solid var(--dark-line-color);flex:0 0 auto}#current-room-panel .current-object__magnet-btn svg,#current-roof-panel .current-object__magnet-btn svg{width:100%;height:100%}#current-room-panel .current-object__magnet-btn:hover,#current-roof-panel .current-object__magnet-btn:hover{transform:scale(1.05);box-shadow:0 0 10px var(--dark-line-color)}#current-room-panel .current-object__magnet-btn:active,#current-roof-panel .current-object__magnet-btn:active{background:var(--light)}#current-room-panel .current-object__magnet-btn.show,#current-roof-panel .current-object__magnet-btn.show{display:block}#project-panel{flex-direction:column}.floor-list{position:relative;width:100%;padding:10px 5px;border-radius:10px}.floor-list>*{-webkit-user-select:none;user-select:none}.floor-list__floors{display:block}.floor-list__floor,.floor-list__roof{display:flex;align-items:center;gap:10px;padding-right:5px}.floor-list__floor label,.floor-list__roof label{margin-left:auto;position:relative}.floor-list__floor img,.floor-list__roof img{width:150px;z-index:2;margin-left:-5px}.floor-list__floor svg,.floor-list__roof svg{width:40px;height:40px;cursor:pointer}.floor-list__floor:hover .floor-list__note,.floor-list__roof:hover .floor-list__note{margin-left:-15px;opacity:1}.floor-list__floor:hover .floor-list__add-floor,.floor-list__roof:hover .floor-list__add-floor,.floor-list__floor:hover .floor-list__remove-floor,.floor-list__roof:hover .floor-list__remove-floor{opacity:1}.floor-list__note{position:relative;z-index:1;margin-left:-120px;opacity:0;transition:all .3s ease 0s}.floor-list__note img{width:75px}.floor-list__note h4{position:absolute;top:50%;left:0;transform:translate(10px,-60%);z-index:2}.floor-list__add-floor,.floor-list__remove-floor{position:absolute;left:5px;width:30px;height:30px;font-size:20px;cursor:pointer;opacity:0;transition:all .25s ease 0s;border:1px solid #7c7c7c;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:3}.floor-list__add-floor:hover,.floor-list__remove-floor:hover{background:var(--black);color:var(--main-color);border:1px solid #fff}.floor-list__add-floor{top:-15px}.floor-list__remove-floor{top:50%;transform:translateY(-50%)}.floor-list__open-eye,.floor-list__closed-eye{transition:all .3s ease 0s}.floor-list__open-eye{position:absolute;opacity:0}.floor-list__open-eye path{stroke:#484848d4}.floor-list__closed-eye path{stroke:#484848d4}.floor-list input{z-index:-1;opacity:0;pointer-events:none}.floor-list input:checked~label .floor-list__open-eye{opacity:1}.floor-list input:checked~label .floor-list__closed-eye{opacity:0}.warning{position:fixed;top:-200px;left:50%;transform:translate(-50%);max-width:500px;padding:20px 10px;border-radius:15px;border:1px solid #d1d1d1;transition:all .5s ease 0s;display:flex;gap:20px;align-items:center;justify-content:space-between;z-index:100;pointer-events:none;background:#fff}.warning__image img{width:30px;height:30px}.warning__message{text-align:center}@keyframes warningShow{0%{top:-200px;opacity:0}17%{top:70px;opacity:1}83%{top:70px;opacity:1}to{top:-200px;opacity:0}}