@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&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{height:800px;width:500px;margin:0 auto;padding:2rem;text-align:center}#title{color:#ec9daf}.sidebar{height:100%;width:125px;position:fixed;z-index:999;top:0;left:0;background-color:#ec9daf;padding-top:20px}.sidebar img{max-height:55px;cursor:pointer;background-color:#ccdccb;border-radius:10px;padding:10px}.sidebar img:hover{background-color:#a7dba3}.iconContainer{margin:100;position:absolute;top:44%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#ec9daf}.iconContainer img{max-height:50px;margin-bottom:30px}.tLink,.bLink,.home{background-color:#ec9daf}@media only screen and (max-width: 500px){.sidebar{width:75px}.sidebar img{max-height:35px}.iconContainer img{max-height:30px;margin-bottom:30px}}#video-demo-title{color:#ec9daf;margin-top:75px}#video-demo{background-color:#ffbec7;padding:35px;border-radius:10px}.header{background-color:#ec9daf;width:95%;height:10%;position:fixed;right:0;top:0;text-align:center;overflow:hidden;z-index:777}.header h2{color:#ffcfd7;font-size:1.4rem;margin-bottom:0;padding-bottom:0}.header h3{color:#f6dddd;margin-top:0;padding-top:0}.header span{position:absolute;right:20px;top:50%;color:#fff;cursor:pointer;display:none;transform:translateY(-50%)}@media only screen and (max-width: 500px){.header{height:100px}}#video{color:#ec9daf}.btn:hover{background-color:#d48d9d}.technical{margin-top:75px;padding:0;box-sizing:border-box}#video-container{display:flex;flex-wrap:wrap;align-items:center;font-size:15px}#title{word-wrap:break-word;color:#000}#video{width:200px;border-radius:10px;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:10px;margin:10px;height:225px;background-color:#f6dddd}.body-container{margin:75px;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.chatbot{position:absolute;width:92%;left:5.5%;background-color:#fff;margin:25px;display:flex;flex-direction:column;gap:3;padding:0 0 0 10px;z-index:0}.chatbox{overflow-y:auto;padding:30px 20px 100px}.chatbox .chat{display:flex}.chatbox .chat p{color:#000;max-width:75%;white-space:pre-wrap;font-size:.95rem;padding:12px 16px;border-radius:10px 10px 0;background:#ccdccb;text-align:left}.chatbox .incoming p{color:#000;background-color:#ffbec7;border-radius:10px 10px 10px 0}.chatbox .outgoing{margin:20px 0;justify-content:flex-end}.chatbox .incoming span{height:32px;width:32px;color:#fff;align-self:flex-end;background:#ec9daf;text-align:center;line-height:32px;border:4px;margin:0 10px 7px 0}.chatinput{position:absolute;bottom:0;right:0;width:98.5%;display:flex;gap:5px;background-color:#fff;padding:5px 20px}.chatinput textarea{height:55px;width:100%;border:none;outline:none;font-size:.95rem;resize:none;padding:15px 15px 15px 0;margin-left:10px}.chatinput span{align-self:center;height:40px;color:#ec9daf;font-size:2.5rem;cursor:pointer;visibility:hidden}.chatinput textarea:valid~span{visibility:visible}@media only screen and (max-width: 500px){.chatbox{width:375px}.chatinput{width:375px;height:50px;left:2.75%;padding:0 27.5px;border:none}.chatinput textarea{height:55px;padding:10px 0 5px;margin-left:0}.chatinput span{height:7.5px}.chatbot .chatbox{height:510px;overflow-y:auto;padding:30px 20px 100px}.chatbot .chatinput{position:absolute;bottom:0;width:100%;display:flex;gap:5px;background-color:#fff;padding:5px 20px;border-top:1px solid #ccc}}