@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";main{width:300px;height:98vh;position:fixed;top:1vh;right:1vh;z-index:100;background-color:#282b30;border-radius:10px;transition:height .3s;overflow-y:scroll;scrollbar-width:none}main .panel-controls{display:flex;align-items:center;position:relative;width:100%;height:50px;justify-content:center}main .panel-controls .dots{width:50px;cursor:grab}main .panel-controls .arrow{width:30px;cursor:pointer;transition:all .3s;position:absolute;left:10px}main .panel-controls .arrow.down{transform:rotate(-90deg)}main .panel-content{display:flex;flex-direction:column;align-items:left;padding:0 12px}main .panel-content p{color:#cdcdcd}main .panel-content .color-button{width:30px;height:30px;border-radius:25%;margin:8px;cursor:pointer;border:transparent 2px solid;transition:transform .3s}main .panel-content .color-button:hover{transform:scale(1.1)}main .panel-content .color-button.active{border:white 2px solid}main .panel-content .doors-open{display:flex;align-items:center}main .panel-content .icons{display:flex;align-items:center;justify-content:space-evenly}main .panel-content .icons img{width:50px;height:50px;cursor:pointer;transition:background-color .3s;border-radius:10px;padding:5px;border:transparent 2px solid}main .panel-content .icons img:hover{background-color:#4d4d4d}main .panel-content .icons img.active{border:white 2px solid}main .panel-content .extra{display:flex;align-items:center;margin-bottom:20px}main .panel-content .extra .pdf-button{margin-right:10px;width:40px;cursor:pointer;transition:transform .3s}main .panel-content .extra .pdf-button:hover{transform:scale(1.1)}.loader-container{z-index:9999;position:fixed;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#282b30}.loader-container img{width:50%;margin-bottom:10vh}.loader-container .loader{width:48px;height:48px;border:3px solid #c7c7c7;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.loader-container .loader:after{content:"";box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;border:3px solid;border-color:#ff3d00 transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (orientation: portrait){.canvas{height:51vh!important}main{position:absolute;top:50vh!important;right:0!important;left:0!important;width:100%!important;border-radius:10px 10px 0 0;height:50vh!important;overflow-y:scroll!important}main .panel-controls{display:none}.chat-container{left:0!important;position:absolute;width:100%!important}}.chat-button{width:40px;border:none;cursor:pointer;transition:transform .3s}.chat-button:hover{transform:scale(1.1)}.chat-container{display:flex;z-index:1000;flex-direction:column;position:fixed;bottom:0;border-radius:10px 10px 0 0;width:300px;height:50vh;left:10px;background-color:#282b30;overflow:hidden;transform:translateY(100%);transition:transform .3s ease-in-out}.chat-container .chat-messages{overflow-y:scroll;padding:10px;height:40vh;color:#fff;display:flex;flex-direction:column}.chat-container .chat-messages .message-ai,.chat-container .chat-messages .message-user{padding:10px;margin:5px;max-width:70%;font-size:13px}.chat-container .chat-messages .message-ai{background-color:#ff9500;border-radius:10px 10px 10px 0}.chat-container .chat-messages .message-user{background-color:#4d4d4d;align-self:flex-end;border-radius:10px 10px 0}.chat-container .chat-messages::-webkit-scrollbar{width:8px}.chat-container .chat-messages::-webkit-scrollbar-track{background:#2b2b2b}.chat-container .chat-messages::-webkit-scrollbar-thumb{background-color:#888;border-radius:20px;border:3px solid #2b2b2b;cursor:pointer}.chat-container .chat-controls{height:10vh;display:flex;justify-content:space-evenly;align-items:center}.chat-container .chat-controls input{width:60%;height:30px;border-radius:5px;border:none}.chat-container .chat-controls input:focus{outline:none}.chat-container .chat-controls button{width:20%;border:none;background-color:#4d4d4d;color:#fff;height:33px;cursor:pointer;border-radius:5px;transition:all .3s}.chat-container .chat-controls button:hover{background-color:#565656}.chat-container .chat-controls img{width:8%;cursor:pointer;transition:transform .3s}.chat-container .chat-controls img:hover{transform:rotate(90deg)}.chat-container.open{transform:translateY(0)}body{margin:0;font-family:poppins}#root{width:100%;height:100vh}