@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}:root{--dynoo-chat-primary-color:#6366f1;--dynoo-chat-secondary-background-color:#f1f5f9;--dynoo-chat-secondary-color:#fff;--dynoo-chat-tertiary-color:#fff;--dynoo-chat-success-color:#10b981;--dynoo-chat-danger-color:#ef4444;--dynoo-chat-radius:.25rem;--dynoo-chat-padding:.75rem;--dynoo-chat-font-family:'Roboto', sans-serif}#dynoo-chat{position:fixed;right:1rem;bottom:1rem;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;transition:all .2s;font-family:var(--dynoo-chat-font-family)}#dynoo-chat-body{flex-grow:1}#dynoo-chat #dynoo-chat-dropdown{height:4rem;width:4rem;cursor:pointer;background-color:var(--dynoo-chat-primary-color);border:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,box-shadow .2s;box-shadow:0 3px 10px rgba(0,0,0,.2);margin-top:2.5rem}#dynoo-chat #dynoo-chat-dropdown:hover{box-shadow:0 0 0 3px var(--dynoo-chat-secondary-background-color),0 0 0 6px var(--dynoo-chat-primary-color)}#dynoo-chat #dynoo-chat-dropdown>svg{fill:var(--dynoo-chat-secondary-color);width:1.7rem;height:1.7rem}#dynoo-chat-container{width:min(22rem,100vw - 50vw);height:min(25rem,100vh - 2rem);background-color:var(--dynoo-chat-tertiary-color);box-shadow:0 3px 10px rgba(0,0,0,.2);border-radius:var(--dynoo-chat-radius);display:flex;flex-direction:column;position:relative}#dynoo-chat-header{box-sizing:border-box;display:flex;width:100%;justify-content:space-between;padding:var(--dynoo-chat-padding);color:var(--dynoo-chat-primary-color);border-bottom:1px solid var(--dynoo-chat-primary-color)}#dynoo-chat-header-close svg{fill:var(--dynoo-chat-primary-color);width:1.2rem;height:1.2rem;cursor:pointer}#dynoo-chat-register-form,#dynoo-chat-verify-form{display:flex;flex-direction:column;padding:var(--dynoo-chat-padding);height:100%;gap:var(--dynoo-chat-padding)}#dynoo-chat-footer-section{display:flex;gap:.5rem}#dynoo-chat-footer-form input,#dynoo-chat-register-form input,#dynoo-chat-verify-form input{padding:.5rem;border:0;background-color:var(--dynoo-chat-secondary-background-color);border-radius:var(--dynoo-chat-radius);font-family:var(--dynoo-chat-font-family)}#dynoo-chat-message-item.user-msg,#dynoo-chat-register-form button,#dynoo-chat-verify-form button{background-color:var(--dynoo-chat-primary-color);color:var(--dynoo-chat-secondary-background-color)}#dynoo-chat-register-form button,#dynoo-chat-verify-form button{padding:var(--dynoo-chat-padding);border:0;border-radius:var(--dynoo-chat-radius);cursor:pointer;transition:background-color .2s,color .2s,border .2s}#dynoo-chat-register-form button:hover,#dynoo-chat-verify-form button:hover{background-color:var(--dynoo-chat-secondary-background-color);color:var(--dynoo-chat-primary-color)}#dynoo-chat-footer-form-upload-btn svg{fill:var(--dynoo-chat-secondary-background-color);width:1rem;height:1rem}#dynoo-chat-footer-form-preview{box-sizing:border-box;display:flex;gap:.5rem;align-items:center;padding:.5rem;border-radius:var(--dynoo-chat-radius);background-color:var(--dynoo-chat-secondary-background-color);width:100%;overflow:hidden}#dynoo-chat-footer-form-preview img{width:4rem;height:4rem;object-fit:cover;border-radius:var(--dynoo-chat-radius)}#dynoo-chat-hourglass,#dynoo-chat-loading{display:flex;height:100%;align-items:center;justify-content:center}#dynoo-chat-loading{position:relative}#dynoo-chat-loading>svg{-webkit-animation:rotating 1.9s linear infinite;-moz-animation:rotating 1.9s linear infinite;-ms-animation:rotating 1.9s linear infinite;-o-animation:rotating 1.9s linear infinite;animation:rotating 1.9s linear infinite;fill:var(--dynoo-chat-primary-color);width:2rem;height:3rem}#dynoo-chat-hourglass{flex-direction:column;gap:.5rem}#dynoo-chat-hourglass svg{fill:var(--dynoo-chat-primary-color);width:2rem;height:2rem}#dynoo-chat-message-container{display:flex;flex-direction:column;gap:.5rem;padding:var(--dynoo-chat-padding);overflow-y:auto;flex-grow:1}#dynoo-chat-message-item{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;border-radius:var(--dynoo-chat-radius);position:relative;width:70%;overflow-wrap:break-word}#dynoo-chat-message-item.user-msg{align-self:flex-end}#dynoo-chat-message-item.admin-msg{align-self:flex-start;background-color:var(--dynoo-chat-secondary-background-color);color:var(--dynoo-chat-primary-color)}#dynoo-chat-message-item>span{font-size:.8rem;position:absolute;bottom:3px;right:3px}#dynoo-chat-message-seperator{display:flex;justify-content:center;align-items:center;padding:.3rem;border-radius:var(--dynoo-chat-radius);background-color:var(--dynoo-chat-secondary-background-color);width:50%;margin-left:auto;margin-right:auto;font-size:.9rem}#dynoo-chat-footer-form{display:flex;flex-direction:column;padding:var(--dynoo-chat-padding);border-top:1px solid var(--dynoo-chat-primary-color);gap:.5rem}#dynoo-chat-footer-form #dynoo-chat-footer-form-input{flex-grow:1}#dynoo-chat-footer-form button,#dynoo-chat-modal #dynoo-chat-modal-buttons button{padding:.5rem;border:0;border-radius:var(--dynoo-chat-radius);cursor:pointer;transition:background-color .2s,color .2s,border .2s}#dynoo-chat-footer-form button:hover{filter:brightness(1.1)}#dynoo-chat-modal{position:absolute;top:0;left:0;width:100%;height:calc(100% + 3rem);background-color:rgba(0,0,0,.9);color:var(--dynoo-chat-primary-color);display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;z-index:555;padding:1rem;box-sizing:border-box}#dynoo-chat-modal #dynoo-chat-modal-title{font-size:1.3rem;font-weight:500;margin-bottom:1rem}#dynoo-chat-modal #dynoo-chat-modal-buttons{display:flex;gap:1rem;width:100%}#dynoo-chat-modal #dynoo-chat-modal-buttons button{width:100%}#dynoo-chat-footer-form button,#dynoo-chat-modal #dynoo-chat-modal-buttons #dynoo-chat-modal-close,#dynoo-chat-modal #dynoo-chat-modal-rate button.active{background-color:var(--dynoo-chat-primary-color);color:var(--dynoo-chat-secondary-background-color)}#dynoo-chat-modal #dynoo-chat-modal-buttons #dynoo-chat-modal-close:disabled{cursor:not-allowed;filter:brightness(.8)}#dynoo-chat-error #dynoo-chat-error-retry:hover,#dynoo-chat-modal #dynoo-chat-modal-buttons #dynoo-chat-modal-cancel:hover,#dynoo-chat-modal #dynoo-chat-modal-buttons #dynoo-chat-modal-close:hover{filter:brightness(1.1)}#dynoo-chat-modal #dynoo-chat-modal-buttons #dynoo-chat-modal-cancel{background-color:var(--dynoo-chat-secondary-background-color);color:var(--dynoo-chat-primary-color)}#dynoo-chat-modal #dynoo-chat-modal-rate{display:flex;gap:.5rem;margin-bottom:1rem}#dynoo-chat-modal #dynoo-chat-modal-rate button{width:3rem;height:3rem;font-size:1.5rem;border:0;border-radius:var(--dynoo-chat-radius);cursor:pointer;outline:0;transition:background-color .2s,color .2s,border .2s}#dynoo-chat-modal #dynoo-chat-modal-rate[data-rate=yes] button[data-rate=yes]{background-color:var(--dynoo-chat-success-color);color:var(--dynoo-chat-secondary-background-color)}#dynoo-chat-modal #dynoo-chat-modal-rate[data-rate=no] button[data-rate=no]{background-color:var(--dynoo-chat-danger-color);color:var(--dynoo-chat-secondary-background-color)}#dynoo-chat-modal #dynoo-chat-modal-feedback{display:flex;width:100%;flex-direction:column;gap:.5rem;margin-bottom:1rem}#dynoo-chat-modal #dynoo-chat-modal-feedback textarea{padding:.5rem;border:0;border-radius:var(--dynoo-chat-radius);background-color:var(--dynoo-chat-secondary-background-color);font-family:var(--dynoo-chat-font-family)}#dynoo-chat-error,.error-message{color:var(--dynoo-chat-danger-color)}#dynoo-chat-error{width:100%;height:100%;padding:.5rem;fill:var(--dynoo-chat-danger-color);display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding-bottom:7vh}#dynoo-chat-error svg{width:5rem;height:5rem}#dynoo-chat-error h3,p{margin:0}#dynoo-chat-error #dynoo-chat-error-retry{padding:.5rem;border:0;margin-top:1rem;border-radius:var(--dynoo-chat-radius);background-color:var(--dynoo-chat-primary-color);color:var(--dynoo-chat-secondary-background-color);cursor:pointer;transition:background-color .2s,color .2s,border .2s}#dynoo-chat-error .error-message{margin-top:1rem;font-size:1rem}.error-message{font-size:.7rem;margin:0}.message-image{width:100%;height:auto;display:block;object-fit:cover;border-radius:var(--dynoo-chat-radius)}