:root{--text-input-button-color-disabled: #363ea559;--text-input-button-color-disabled-hover: #363ea566;--text-input-button-color-enabled: #303ab2cc;--text-input-button-color-enabled-hover: #303ab2}body{background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;font-family:Arial,sans-serif;margin:0;height:100vh}.chat-window{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffffff71;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;opacity:1;animation:fadeInUp .3s forwards;overflow:hidden;transform:translateY(0)}@-webkit-keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.chat-header{font-family:Arial,sans-serif;background-color:#e6e6e61f;padding-top:10px;padding-bottom:10px;font-size:23px;border-bottom:1px solid rgba(255,255,255,.3);border-radius:10px;display:flex;justify-content:space-between;align-items:center;color:#fff}.chat-header b2{padding-left:.5vw;color:#000;filter:opacity(75%);margin:0}.chat-header .button-container{display:flex;align-items:center}.chat-header button{color:#fff;border:none;border-radius:4px;padding:4px 10px;cursor:pointer;white-space:nowrap;background-color:#ff9d00;transition:background-color .3s ease;z-index:1002;margin-left:10px}#feedback-button{background-color:#d8d8d899;color:#000000bf}.chat-header button img{width:20px;height:20px;filter:opacity(75%);object-fit:contain}.new-chat-button:hover,.feedback-button:hover{background-color:#4285ad59}.chat-body{font-family:Arial,sans-serif;flex:1;padding-top:20px;padding-bottom:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.chat-body:hover{scrollbar-color:rgba(0,0,0,.4) transparent}.chat-body::-webkit-scrollbar{width:8px}.chat-body::-webkit-scrollbar-track{background:transparent}.chat-body::-webkit-scrollbar-thumb{background-color:#0003;border-radius:9999px}.chat-body:hover::-webkit-scrollbar-thumb{background-color:#0006}.chat-body{-ms-overflow-style:scrollbar}.send-button{position:absolute;right:10px;bottom:10px;width:auto;height:auto;padding:3px;background-color:var(--text-input-button-color-disabled);color:#fff;border:none;border-radius:10px;font-size:1rem;cursor:default;transition:background-color .2s ease}.send-button.enabled{background-color:var(--text-input-button-color-enabled);cursor:pointer}.send-button.enabled:hover{background-color:var(--text-input-button-color-enabled-hover)}.send-button:not(.enabled):hover{background-color:var(--text-input-button-color-disabled-hover)}.send-icon{display:block;width:28px;height:28px}@media (max-width: 600px){.chat-header{font-size:19px;padding:10px}.chat-input{padding:15px}.input-row{flex-direction:row;gap:6px}.feedback-button{padding:6px 12px;font-size:13px}}.message-row{display:flex}.message-row.user{justify-content:flex-end;margin-bottom:10px}.message-row.assistant{display:flex;flex-direction:column;align-items:flex-start}.message{max-width:70%;padding:10px;border-radius:10px;word-wrap:break-word;font-size:17px;line-height:1.4}.message.user{background-color:#303ab2cc;color:#fff;border-top-right-radius:0}.message.assistant{display:flex;flex-direction:column;align-items:flex-start;background-color:#d8d8d899;color:#000;max-width:70%;padding:10px;border-radius:10px;margin-bottom:5px;position:relative;word-wrap:break-word;font-size:17px;line-height:1.4}.message.assistant img{max-width:100%;height:auto;display:block;object-fit:contain}.message-content{display:flex;align-items:flex-end}.message-text{flex-grow:1 1 auto;word-break:break-word;color:#000000bf}.message.assistant.loading-message .wrapper{width:60px;height:30px;position:relative;z-index:1}.message.assistant.loading-message .circle{width:8px;height:8px;position:absolute;border-radius:50%;background-color:#000;transform-origin:50%;animation:circle7124 .4s alternate infinite ease}.message.assistant.loading-message .circle:nth-child(1){left:10px}.message.assistant.loading-message .circle:nth-child(2){left:26px;animation-delay:.1s}.message.assistant.loading-message .circle:nth-child(3){left:42px;animation-delay:.2s}@keyframes circle7124{0%{top:20px;height:2px;border-radius:25px 25px 12.5px 12.5px;transform:scaleX(1.7)}40%{height:8px;border-radius:50%;transform:scaleX(1)}to{top:0%}}.message.assistant.loading-message{display:inline-flex;width:auto;max-width:max-content}.message.assistant.loading-message{padding:10px;background-color:#d8d8d899;max-width:fit-content;margin-bottom:10px;border-radius:7.5px}.message.assistant.loading-message .message-text{flex:0 0 auto;max-width:auto;padding:0}.feedback-modal{position:fixed;z-index:1001;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;height:auto;background-color:#00000026;display:none;align-items:center;justify-content:center;border-radius:16px}.feedback-modal-content{background:#e6e6e680;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:20px;width:100%;max-width:none;color:#000;font-family:Arial,sans-serif;position:relative;animation:fadeInUp .3s forwards}.close-feedback{position:absolute;top:10px;right:20px;font-size:27px;font-weight:700;color:#000000bf;cursor:pointer}.close-feedback:hover,.close-feedback:focus{color:#666;text-decoration:none;cursor:pointer}#feedback-form{display:flex;flex-direction:column;gap:15px;margin-top:20px}#feedback-form label{font-size:15px}#feedback-form input,#feedback-form textarea{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:15px;outline:none}#feedback-form input:focus,#feedback-form textarea:focus{border-color:#363ea559}.submit-feedback-button{background-color:var(--text-input-button-color-disabled);color:#fff;border:none;border-radius:4px;padding:10px 15px;font-size:17px;cursor:pointer;align-self:flex-end;transition:background-color .3s ease}.submit-feedback-button.enabled{background-color:var(--text-input-button-color-enabled);cursor:pointer}.submit-feedback-button.enabled:hover{background-color:var(--text-input-button-color-enabled-hover)}.submit-feedback-button:not(.enabled):hover{background-color:var(--text-input-button-color-disabled-hover)}.feedback-success{text-align:center;font-size:17px;color:#000000bf}@media (max-width: 600px){.feedback-modal-content{width:95%;padding:15px}.close-feedback{top:5px;right:10px}}.center-wrapper{margin:0 2px 0 0;text-align:left}.textarea-button-wrapper{position:relative;width:100%;margin:0;border:1px solid #d0d0d0;border-radius:8px}.textarea-button-wrapper.disabled{background-color:#efefef}.input{padding-top:20px;padding-bottom:20px}.input-field{box-sizing:border-box;padding:0rem 2.5rem 0rem 1rem;margin-top:.8rem;margin-bottom:3rem;min-height:50px;max-height:150px;width:100%;border:none;font-size:1rem;outline:none;transition:border .2s ease;resize:none;overflow-y:auto;font-family:Arial,sans-serif;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.input-field:hover{scrollbar-color:rgba(0,0,0,.4) transparent}.input-field::-webkit-scrollbar{width:8px}.input-field::-webkit-scrollbar-track{background:transparent}.input-field::-webkit-scrollbar-thumb{background-color:#0003;border-radius:9999px}.input-field:hover::-webkit-scrollbar-thumb{background-color:#0006}@supports not (scrollbar-gutter: stable){.input-field{overflow-y:scroll}}.input-field::placeholder{color:#acacac;opacity:1}.input-field::-webkit-input-placeholder{color:#acacac;opacity:1}.input-field::-moz-placeholder{color:#acacac;opacity:1}.input-field:-moz-placeholder{color:#acacac;opacity:1}.input-field:-ms-input-placeholder{color:#acacac;opacity:1}.input-container{width:100%;margin:0;text-align:left;box-sizing:border-box}.input-row{display:flex;align-items:flex-end;justify-content:space-between;width:100%}.input-field:focus{border-color:var(--text-input-button-color-enabled-hover)}.landing-page{text-align:center;margin-top:25vh}.landing-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:1rem}.landing-icon{width:40px;height:40px}.landing-page h2{color:var(--text-input-button-color-enabled-hover)}.input-info{position:relative;margin-top:10px;height:20px}.input-info .char-count{position:absolute;color:#333}.input-info .char-count.warning{color:#ff3f3f}.message-buttons{flex:0 0 auto;display:flex;align-items:center;margin-left:8px}.button-icon{width:20px;height:20px;margin-left:8px;cursor:pointer;position:relative;top:50%;right:0;transform:translateY(15%);filter:opacity(75%);transition:filter .3s}.button-icon.animate{animation:button-click-animation .5s forwards}.button-icon.active{filter:invert(100%) sepia(1%) saturate(4419%) hue-rotate(77deg) brightness(116%) contrast(100%)}.button-icon:hover{filter:brightness(1.2)}.button-icon.inactive{opacity:.7}.filter-white{filter:invert(100%) sepia(1%) saturate(4419%) hue-rotate(77deg) brightness(116%) contrast(100%)}@keyframes button-click-animation{0%{transform:translateY(15%) scale(1);opacity:1}50%{transform:translateY(15%) scale(1.2) rotate(-10deg);opacity:1}to{transform:translateY(15%) scale(1) rotate(0);opacity:1}}.status-button-container{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem}.status-button{background-color:#363ea566;color:#fff;border:none;border-radius:5px;padding:8px 12px;font-size:17px;cursor:pointer;transition:background-color .3s ease}.status-button:hover{background-color:#363ea5cc}.status-button.active{background-color:#363ea5cc;border:2px solid white}.unresolved-button{background-color:#ff9d00;color:#fff;border:none;border-radius:5px;padding:8px 12px;font-size:17px;cursor:pointer;transition:background-color .3s ease}.unresolved-button:hover{background-color:#4285ad59}.unresolved-button.active{background-color:#4285ad59;border:2px solid white}.ticket-data-button{background-color:#ff9d00;color:#fff;border:none;border-radius:5px;padding:8px 12px;font-size:17px;cursor:pointer;transition:background-color .3s ease}.ticket-data-button:hover{background-color:#fff;color:#ff9d00;border:1px solid #ff9d00}.ticket-data-button.active{background-color:#fff;color:#ff9d00;border:1px #ff9d00}.flow-finalized .cancel-button{pointer-events:none;opacity:.5;cursor:default}.cancel-button{background-color:#ff9d00;color:#fff;border:none;border-radius:5px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background-color .3s ease}.ref-button{border:none;border-radius:8px;background:transparent;color:#fff;font-weight:lighter;background-color:var(--text-input-button-color-disabled-hover);cursor:pointer;font-size:10px;margin-left:2px;padding:2px 2px 2px 5px;text-decoration:none}.message.assistant.loading-message{max-width:fit-content!important;width:fit-content}.hp{display:none}
