@import"https://fonts.googleapis.com/css2?family=Montserrat";@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root,body,canvas{color:#fff!important;width:100vw;height:100vh;overflow:hidden;margin:0;font-family:Montserrat,sans-serif}a{color:#fff;font-weight:700}.btn-back{opacity:.5}.btn-back:hover{opacity:1}.btn-exterior{color:#fff;background-color:#5b5b5c;padding:5px 10px;text-decoration:none;border-radius:5px}.btn-exterior:hover{background-color:#39393a}.btn-interior{display:flex;gap:5px;align-items:center;justify-items:center;float:right;margin-top:25px;background-color:#2c3e50;padding:5px 15px;text-decoration:none;border-radius:5px;font-size:medium}.btn-interior:hover{background-color:#39393a}.chat-bot{width:400px;height:500px;display:flex;flex-direction:column;border-radius:10px;box-shadow:0 4px 10px #0003;overflow:hidden;background:#fff;position:fixed;bottom:150px;left:20px;transition:all .3s ease-in-out}@media (max-width: 768px){.chat-bot{width:100%;height:100%;left:0;bottom:0;border-radius:0;z-index:9999}}.header{display:flex;align-items:center;background:#0078ff;padding:10px;color:#fff}.header img{width:40px;height:40px;margin-right:10px}.headtitle{display:flex;flex-direction:column}.title{font-weight:700;font-size:16px}.subtitle{font-size:12px;opacity:.8}.copytitle{font-size:.6rem}.chat-area{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column}.message{max-width:80%;padding:8px;border-radius:8px;margin-bottom:8px}.message.user{align-self:flex-end;background:#0078ff;color:#fff}.message.model{align-self:flex-start;background:#dbdbdb;color:#000}.typing-indicator{display:flex;gap:3px;margin-bottom:10px}.thumbnail{align-self:flex-end;padding:1px;position:relative}.thumbnail img{border-radius:10px;width:100%}.thumbnail .closeLabel{top:5px;right:5px;position:absolute;color:red;cursor:pointer}.dotchat{width:6px;height:6px;background:gray;border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.input-field{display:flex;align-items:center;border-top:1px solid #ddd;padding:10px;background:#fff}.input-field input[type=text]{flex:1;padding:10px;border:1px solid #ccc;border-radius:5px;margin-right:5px;background-color:#fff;color:#000}.input-field input[type=file]{display:none}.input-field button,.input-field label{background:#0078ff;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer}.imageuploadLabel{display:flex;align-self:center;justify-items:center;margin:2px}.close-button{position:absolute;top:5px;right:10px;padding:5px;cursor:pointer;font-size:1.5em;font-weight:bolder;background-color:#fff3;color:#fff;border-radius:50%;width:25px;height:25px;margin:auto;display:flex;align-items:center;justify-content:center}.close-button:hover{color:red;background-color:#fff}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:spin .5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.custom-loader{height:4px;width:130px;background:linear-gradient(#6eb433 0,#6eb433 0),linear-gradient(#6eb433 0,#6eb433 0),#e4e4ed;background-size:60% 100%;background-repeat:no-repeat;animation:p6 3s infinite;border-radius:25px}.custom-loader p{font-family:Montserrat}@keyframes p6{0%{background-position:-150% 0,-150% 0}66%{background-position:250% 0,-150% 0}to{background-position:250% 0,250% 0}}.menu{position:absolute;bottom:10%;left:10%;display:flex;flex-direction:column;gap:6px;z-index:10}.header-wrapper{position:absolute;display:flex;align-items:center;top:0%;background-color:#fff;height:40px;width:100%;padding:10px}.logo img{height:50px}.menu-right{width:300px;position:absolute;top:30%;right:0%;transform:translate(-20%,-20%);display:flex;flex-direction:column;gap:6px;z-index:10;font-size:1.5em}.menu-right>.logoFronx img{padding-bottom:20px;width:100%;padding-right:20px}.btnfullscreen{display:flex;position:absolute;right:25px;top:2%;background-color:#ffffff1c;color:#000;width:fit-content;border-radius:5px;cursor:pointer;padding:5px;font-size:.52em;justify-content:center;align-items:center;margin:10px 0;transition:all .25s}.btnfullscreen:hover{background-color:#fff}.btnfullscreen:hover img{transform:scale(1.2)}.btnfeature{background-color:#00000037;text-shadow:#1a1a1a;font-size:.52em;color:#fff;border:2px solid white;padding:20px;margin:10px 0;text-align:left;cursor:pointer;width:300px;border-radius:10px;transition:all .25s}.btnfeature:hover,.btnfeature.selected{background-color:#b3b3b3;color:#000}.color-options{display:flex;justify-content:center;margin-top:20px}.color-options .color{border:.1px solid transparent;width:35px;height:35px;border-radius:50%;margin:0 10px;cursor:pointer}.color{background-image:url(/icons/color_effect.png);background-size:cover;background-repeat:no-repeat}.color.selected{border:.1px solid #ffffff}.menu-center{color:#fff;position:absolute;bottom:5%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;gap:32px;z-index:10;font-size:1.5em}.popup{width:335px;display:flex;border:#dd5c18;animation:fade-in 1s ease 1s forwards;position:absolute;top:25%;left:5%;margin:auto}.popup-title{font-weight:700}.popup-content{font-size:medium}.popup-bg{background:#2a292972;border-radius:20px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);border-radius:"25px";padding:"5px 5px";width:"335px";height:"310px"}.popup-img{width:100%;height:"180px";overflow:"hidden"}.popup-img video{border-radius:20px 20px 0 0}.closeBtn{right:15px;top:10px;display:flex;justify-items:center;align-items:center;justify-content:center;width:30px;height:30px;position:absolute;cursor:pointer;z-index:999;background:transparent;border-radius:50%;transition:all .2s ease-in-out;color:#e8e8e8;font-size:25px}.closeBtn:hover{color:#000;background:#fff3}@keyframes fade-in{0%{opacity:0}to{opacity:1}}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.dot{content:"";background-image:url(/icons/dot_line.png);background-size:10px 10px;background-position:50%;width:10px;height:10px;display:inline;position:absolute;left:10px;transition:opacity .25s}.bubble{cursor:pointer;position:relative;font-family:sans-serif;font-size:24px;font-weight:700;line-height:24px;width:150px;background:#fff;border-radius:40px;padding:24px;text-align:center;color:#000;transition:all .25s}.bubble-bottom-left:before{content:"";width:0px;height:0px;position:absolute;border-left:24px solid #fff;border-right:12px solid transparent;border-top:12px solid #fff;border-bottom:20px solid transparent;left:32px;bottom:-24px}.bubble:hover{transform:scale(1.1)}.btncs{position:relative;font-weight:bolder;font-size:x-large;display:flex;align-items:center;border-radius:20px;padding:.5em 2.2em;background-color:#fff;cursor:pointer;color:#1a1a1a;border:#dd5c18 1.5px solid;transition:all .25s}.btncenter.selected>.dot{opacity:1;background-image:url(/icons/dot.png)}.btncenter:hover>.dot{opacity:.5;background-image:url(/icons/dot.png)}.btncenter{color:#fff;position:relative;font-weight:700;font-size:large;word-spacing:4%;display:flex;align-items:center;border-radius:8px;border:1px solid transparent;padding:.5em 2.2em;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.btncenter:hover{border-color:#fff}.btncenter:focus,.btncenter.selected,.btncenter:focus-visible{outline:2px auto -webkit-focus-ring-color}.on{display:flex;align-content:center;align-self:center;justify-content:center;padding:2px;margin:auto;width:20px;height:20px;border-radius:50%}.on:hover{cursor:pointer;opacity:1;background-color:#ff840055}@media screen and (max-width: 480px){.btnfullscreen{display:none}.btn-interior{margin-top:5px;padding:1px 5px;font-size:x-small}.header-wrapper{height:40px}.logo img{height:45px}.menu{flex-direction:column;gap:6px}.menu-right{top:60%;width:210px;right:0%;gap:2px;transform:translate(-10%,-20%)}.btnfeature{display:flex;align-items:center;width:200px;font-size:10px;padding:5px;height:23px;margin:0}.menu-right>.logoFronx img{padding-top:2px;padding-bottom:4px}.color-options{margin-top:5px}.color-options .color{width:20px;height:20px}.menu-center{color:#fff;bottom:2%;left:50%;gap:2px;transform:translate(-50% -50%)}.btncenter{word-spacing:2%;padding:.5em 1.8em;color:#fff;font-size:small;font-weight:400}.popup{top:10%;left:50%;transform:translate(-50%,-10%);width:80%}}@media screen and (min-width: 560px) and (max-width: 768px){.header-wrapper{height:20px}.logo img{height:30px}.menu{flex-direction:column;gap:6px}.menu-right{width:200px;right:0%;gap:2px}.btnfeature{display:flex;align-items:center;width:200px;font-size:10px;padding:5px;height:25px;margin:0}.menu-right>.logoFronx img{padding-bottom:4px}.color-options{margin-top:5px}.color-options .color{width:20px;height:20px}.menu-center{color:#fff;left:40%;gap:4px;transform:translate(-50% -50%)}.btncenter{color:#fff;font-size:small;font-weight:400}.popup{top:15%;left:2%}.popup-bg{width:200px}.popup-title{font-weight:700}.popup-content{font-size:small}}@media screen and (min-width: 769px) and (max-width: 1024px){.header-wrapper{height:20px}.logo img{height:30px}.menu{flex-direction:column;gap:6px}.menu-right{width:200px;right:0%;gap:2px}.btnfeature{display:flex;align-items:center;width:200px;font-size:10px;padding:5px;height:25px;margin:0}.menu-right>.logoFronx img{padding-bottom:4px}.color-options{margin-top:5px}.color-options .color{width:20px;height:20px}.menu-center{color:#fff;left:40%;gap:4px;transform:translate(-50% -50%)}.btncenter{color:#fff;font-size:small;font-weight:400}.popup{top:15%;left:2%}.popup-bg{width:200px}.popup-title{font-weight:700}.popup-content{font-size:small}}