:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:grid;grid-template-columns:80px 235px 1fr;min-height:100vh;width:100vw}.client-chat-item{height:80px;width:100%;display:grid;grid-template-columns:80px 1fr 80px;grid-template-rows:40px 40px;align-items:center;justify-items:center;--accent-color: #65ccee}.client-chat-item:hover{--accent-color: #0077c7;background-color:#99e7fb}.client-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:25px;height:25px;display:block;color:#000;font-weight:700;align-self:center;justify-self:stretch;padding-left:10px;grid-column:2;grid-row:1;margin-top:10px}.last-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#8e8e8e;grid-column:2;grid-row:2;align-self:center;justify-self:stretch;padding-left:10px;padding-right:10px;width:100%;max-width:100%;line-height:25px;height:25px;margin-bottom:10px}.date-received{display:flex;align-items:center;color:#000;grid-column:3;grid-row:1;align-self:center;justify-self:end;margin-right:10px;font-size:11pt;margin-top:10px}.unreaded-message-count{height:25px;grid-column:3;grid-row:2;display:flex;justify-content:center;align-items:center;justify-self:end;align-self:center;margin-right:10px;margin-bottom:10px;color:#fff;background-color:var(--accent-color);padding-left:10px;padding-right:10px;border-radius:20px}#list-section{grid-column:2;display:flex;flex-direction:column;justify-content:flex-start;background-color:#181818;padding-left:15px;padding-right:15px}.assistant-chat-item{position:relative;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#fff;border-radius:10px;font-size:10pt;overflow:hidden;cursor:pointer;transition:color .3s ease;z-index:0}.assistant-chat-item:hover{color:#fff}.assistant-chat-item:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:#ffffff1f;background-size:100% 100%;background-position:center;opacity:0;transition:opacity .3s ease,background-size .3s ease;z-index:1;pointer-events:none}.assistant-chat-item:hover:before{opacity:1;background-size:120% 120%}.assistant-chat-item p{z-index:2;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.assistant-chat-item-options-form{border-radius:20px;z-index:2;opacity:0;transition:opacity .3s ease}.assistant-chat-item:hover .assistant-chat-item-options-button{opacity:1}.assistant-chat-item-options-button{width:25px;height:25px;border-radius:inherit;display:flex;align-items:center;justify-content:center;border:none;outline:none;background-color:transparent;position:relative;z-index:2;opacity:0;transition:opacity .3s ease}.assistant-chat-item-options-button:hover{opacity:1}.assistant-chat-item-options-button:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:#ffffff1f;background-size:100% 100%;background-position:center;opacity:0;transition:opacity .3s ease,background-size .3s ease;z-index:1;pointer-events:none;overflow:hidden}.assistant-chat-item-options-button:hover:before{opacity:1;cursor:pointer;background-size:120% 120%}.assistant-chat-item-options-button:active:before{background-size:200% 200%}.assistant-chat-item-options-button-image{width:15px;height:15px;border-radius:inherit;filter:invert(1);z-index:2}.assistant-chat-item.pressed:before{background-size:200% 200%}.rename-form{width:100%}#rename-form-input{width:100%;padding:5px;outline:none;border:none;background:transparent}.assistant-chats-loading{margin:auto;background-color:#303030;color:#fff;padding-left:15px;padding-right:15px;height:30px;width:fit-content;border-radius:15px;display:flex;align-items:center}.assistant-chats{flex:1;display:flex;flex-direction:column;width:100%}#assistant-chats-scrollbarscustom-content>.ScrollbarsCustom-Wrapper>.ScrollbarsCustom-Scroller>.ScrollbarsCustom-Content{display:flex}.assistant-chats-context-menu{position:fixed;display:flex;flex-direction:column;z-index:9999;background-color:#353535;color:#fff;padding:10px;border-radius:15px}.assistant-chats-context-menu-option{position:relative;border-radius:10px;padding:10px;font-size:11pt;cursor:pointer}.assistant-chats-context-menu-option:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:#ffffff1f;background-size:100% 100%;background-position:center;opacity:0;transition:opacity .3s ease,background-size .3s ease;z-index:1;pointer-events:none}.assistant-chats-context-menu-option:hover:before{opacity:1;background-size:120% 120%}.assistant-chats-context-menu hr{width:100%;border:none;border-bottom:1px solid #535353}#create-chat-button{position:relative;height:36px;display:flex;align-items:center;justify-content:flex-start;padding:0 20px;flex-direction:row;border-radius:10px;outline:none;border:none;gap:5px;background-color:transparent;width:100%;color:#fff;transition:color .3s ease}#create-chat-button:hover{color:#fff}#create-chat-button:before{content:"";inset:0;position:absolute;border-radius:inherit;height:inherit;background-color:#ffffff1f;background-size:100% 100%;background-position:center;opacity:0;z-index:1;transition:opacity .3s ease,background-size .3s ease}#create-chat-button:hover:before{opacity:1;background-size:120% 120%}#create-chat-button:active:before{opacity:1;background-size:200% 200%}#create-chat-button-icon{height:20px;width:20px;z-index:1;transition:filter .3s ease;filter:invert(1)}#create-chat-button:hover #create-chat-button-icon{filter:invert(1)}#create-chat-button-icon-loading{color:inherit;filter:invert(1);transition:filter .3s ease}#create-chat-button:hover #create-chat-button-icon-loading{filter:invert(1)}#create-chat-button-text{padding-right:10px;color:inherit;z-index:1;font-size:10pt}.assistant-chats-options{height:80px}.assistant-chats-options-form{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.side-bar-button{height:80px;width:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;cursor:pointer}.side-bar-button:before{content:"";position:absolute;height:80px;width:80px;background-color:#ffffff1f;background-size:100% 100%;background-position:center;opacity:0;z-index:1;transition:opacity .3s ease,background-size .3s ease}.side-bar-button:hover:before{opacity:1;background-size:120% 120%}.side-bar-button:active:before{opacity:1;background-size:200% 200%}.side-bar-button p{color:#fff;font-size:11px;letter-spacing:.5px;z-index:1;line-height:0px}.side-bar-button img{filter:invert(1);width:28px;height:28px;z-index:1}#side-bar{background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.received-message,.sent-message,.assistant-message{padding-left:15px;padding-right:15px;border-radius:20px;height:fit-content;word-wrap:break-word}.received-message{margin-left:20px;background-color:#fff;align-self:flex-start}.sent-message{align-self:flex-end;background-color:#303030;color:#fff;max-width:65%;font-weight:350}.message-header{font-weight:700}.message-body table{border-collapse:collapse;max-width:100%;display:block}.message-body table th,.message-body table td{border:1px solid #051c61;padding:4px}.message-body{width:100%}.message-body *{overflow-wrap:anywhere;line-height:1.5;font-size:16px}.message-body ul li,.message-body ol li{overflow-wrap:break-word}.message-body ul,.message-body ol{line-height:1}.message-body a{word-break:break-all;color:#8b00ff}.assistant-message{height:fit-content;align-self:center;color:#fff;width:100%;font-weight:350;padding-left:0;padding-right:0}.message-body pre{overflow-x:auto;max-width:100%}.assistant-message .message-body hr{background-color:#424242;height:1px;border:none}.message-form-container{height:fit-content;display:flex;align-items:center;justify-content:center;max-width:768px;width:90%;align-self:center;margin-top:25px}.message-form{width:100%;display:flex;align-items:flex-end;gap:10px;padding:20px;box-sizing:border-box}#message-send-button{position:relative;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:none;background-color:#fff;border-radius:50%;cursor:pointer;padding:0;align-self:flex-end;opacity:0;transform:scale(0);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.message-input-button{position:relative;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;border-radius:50%;cursor:pointer;padding:0;align-self:flex-end;transition:opacity .3s ease}.message-input-button img{width:20px;height:20px;position:relative;z-index:1;pointer-events:none;transition:opacity .3s ease,transform .3s ease;filter:invert(1)}.message-input-button:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:#ffffff1f;background-size:100% 100%;background-position:center;opacity:0;transition:opacity .3s ease,background-size .3s ease,background-color .2s ease;z-index:1;pointer-events:none}.message-input-button:hover:before{cursor:pointer;opacity:1}.message-input-button:active:before{opacity:1;background-color:#ffffff2f}#message-send-button.visible{opacity:1;transform:scale(1);pointer-events:auto}#message-send-button img{width:20px;height:20px;position:relative;z-index:1;transition:opacity .3s ease,transform .3s ease;pointer-events:none}#message-send-button:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:#ffffff1f;background-size:100% 100%;background-position:center;opacity:0;transition:opacity .3s ease,background-size .3s ease,background-color .2s ease;z-index:1;pointer-events:none}#message-send-button:hover:before{opacity:1}#message-send-button:active:before{opacity:1;background-color:#ffffff2f}.message-input-container{flex:1;display:flex;align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:30px;padding:10px;box-sizing:border-box;border:none;box-shadow:none;outline:none;background-color:#303030;box-shadow:0 0 20px #0000004d;flex-direction:column;gap:10px}#message-input{flex:1;max-height:25vh;resize:none;overflow-y:auto;border:none;outline:none;box-shadow:none;line-height:1.2em;padding-left:10px;display:flex;background-color:#303030;color:#fff}.audio-specter{flex:1;max-height:25vh;height:30px;margin-bottom:5px}#message-input::-webkit-scrollbar{width:6px}#message-input::-webkit-scrollbar-track{background:#0004;border-radius:10px}#message-input::-webkit-scrollbar-thumb{background:#0008;border-radius:10px}#message-input:focus{outline:none}#message-input::placeholder{color:#afafaf}.message-options-button{position:relative;width:40px;height:40px;border:none;outline:none;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:transparent;align-self:flex-end;justify-self:flex-start}.message-options-button:hover{cursor:pointer}.message-options-button:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:#ffffff1f;background-size:100% 100%;background-position:center;opacity:0;transition:opacity .3s ease,background-size .3s ease,background-color .2s ease;z-index:1}.message-options-button:hover:before{opacity:1}.message-options-button:active:before{opacity:1;background-color:#ffffff2f}.message-options-button img{filter:invert(1);width:20px;height:20px;z-index:2;pointer-events:none}.attached-files{display:flex;flex-direction:row;gap:8px;align-self:flex-start;justify-self:flex-start}.attached-file{display:flex;align-items:center;background-color:#e74c3c;color:#fff;border-radius:25px;padding:0 12px 0 16px;height:40px;max-width:150px;min-width:0;flex-shrink:1;overflow:hidden}.attached-file span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.attached-file button{background:none;border:none;padding:0;margin-left:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attached-file button img{width:25px;height:25px;filter:invert(1)}.inline-instruments{display:flex;flex-direction:row;flex:1;width:100%;align-items:center;gap:5px}.voice-visualizer{display:flex;align-items:flex-end;gap:4px;height:50px;margin-left:8px}.voice-visualizer .bar{width:6px;background:#4f8cff;border-radius:3px}#stop-recording img{width:15px;height:15px}#cancel-recording img{width:25px;height:25px}.message-input-context-menu{position:fixed;display:flex;flex-direction:column;z-index:9999;background-color:#353535;color:#fff;padding:10px;border-radius:15px;gap:10px}.message-input-context-menu-option{display:flex;flex-direction:row;position:relative;border-radius:10px;padding:0 10px;font-size:11pt;cursor:pointer;justify-content:flex-start;align-items:center;gap:10px}.message-input-context-menu-option:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:#ffffff1f;background-size:100% 100%;background-position:center;opacity:0;transition:opacity .3s ease,background-size .3s ease;z-index:1;pointer-events:none}.message-input-context-menu-option:hover:before{opacity:1;background-size:120% 120%}.message-input-context-menu hr{width:100%;border:none;margin:0;border-bottom:1px solid #535353}.message-input-context-menu-option-icon{width:25px;height:25px;background-color:transparent;z-index:2;filter:invert(1)}.message-input-context-menu-option-name{z-index:2}.assistant-chat-detail{display:flex;flex-direction:column;justify-content:flex-start;height:100vh;width:100%;box-sizing:border-box}.assistant-info{height:80px;width:100%;display:flex;align-items:center;color:#212121;font-weight:700;padding-left:20px;box-sizing:border-box;border-bottom:1px solid #424242;margin-bottom:25px}.assistant-conversation{display:flex;flex-direction:column-reverse;max-width:768px;flex:1;width:90%;min-height:0;justify-self:center}.assistant-chat-instruction,.assistant-chat-loading{margin:auto;background-color:#303030;color:#fff;padding-left:15px;padding-right:15px;height:30px;width:fit-content;border-radius:15px;display:flex;align-items:center}.waiting-for-response{align-self:center;width:65%;font-weight:700;color:#fff}.typing-dots{font-size:20px;letter-spacing:2px;width:3ch;overflow:hidden;animation:dots 1.5s steps(3,end) infinite;font-weight:700}.typing-dots:after{content:"";animation:dots 1.5s steps(3,end) infinite}@keyframes dots{0%{content:"   "}25%{content:".  "}50%{content:".. "}75%{content:"..."}}#conversation-scrollbar{position:relative;overflow:hidden;display:block}#conversation-scrollbar:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;width:100%;pointer-events:none;z-index:2;background:linear-gradient(to bottom,rgba(33,33,33),transparent 105%) top,linear-gradient(to top,rgba(33,33,33),transparent 105%) bottom;background-repeat:no-repeat;background-size:100% 25px}.selected-model{color:#fff;position:relative;padding:0 15px;display:flex;align-items:center;justify-content:center;border-radius:20px;height:40px;flex-direction:row;gap:10px;cursor:pointer}.selected-model:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:#ffffff1f;background-size:100% 100%;background-position:center;opacity:0;transition:opacity .3s ease,background-size .3s ease;z-index:1;pointer-events:none}.selected-model:hover:before{opacity:1;background-size:120% 120%}.selected-model-name{z-index:2;height:fit-content}.selected-model-down-arrow-icon{width:15px;height:15px;z-index:2;filter:invert(1)}.model-context-menu{position:fixed;display:flex;flex-direction:column;z-index:9999;background-color:#353535;color:#fff;padding:10px;border-radius:15px;gap:10px}.model-context-menu-option{display:flex;flex-direction:row;position:relative;border-radius:10px;padding:0 10px;font-size:11pt;cursor:pointer;justify-content:flex-start;align-items:center;gap:10px}.model-context-menu-option:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:#ffffff1f;background-size:100% 100%;background-position:center;opacity:0;transition:opacity .3s ease,background-size .3s ease;z-index:1;pointer-events:none}.model-context-menu-option:hover:before{opacity:1;background-size:120% 120%}.model-context-menu hr{width:100%;border:none;border-bottom:1px solid #535353}.model-context-menu-option-icon{width:30px;height:30px;background-color:transparent;z-index:2;filter:invert(1)}.model-context-menu-option-name{z-index:2}#detail-section{grid-column:3;background-color:#212121;display:flex;flex-direction:column;justify-content:center}.post-code-page{background-color:#0077c7;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.post-code-form{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}#post-code-btn{padding:10px 20px;font-size:16px;cursor:pointer;border-radius:21px;border:none;color:#fff;background-color:#65aaee}#email-input{height:40px;padding-left:25px;padding-right:25px;width:100%;border-radius:25px;background-color:#fff;border:none;color:#000}.check-code-page{background-color:#0077c7;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.check-code-form{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}#check-code-btn{padding:10px 20px;font-size:16px;cursor:pointer;border-radius:21px;border:none;color:#fff;background-color:#65aaee}#code-input{height:40px;padding-left:25px;padding-right:25px;width:100%;border-radius:25px;background-color:#fff;border:none;color:#000}