react-chatbot-koodums/dist/index.esm.css

A customizable chatbot component for React applications

.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:20px;position:relative;width:100%}.modal-close{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.form-group label{color:var(--light-color);display:block;font-size:16px!important;font-weight:500!important;line-height:19.2px!important;margin-bottom:8px!important;padding:0!important;text-transform:capitalize}.file-uploader-s1 .text small,.form-group label small{font-size:14px!important;font-weight:inherit;text-transform:lowercase}@media (max-width:575px){.form-group label{font-size:14px}}body .form-control{background-color:var(--input-light-bg);border:1px solid var(--light-color)!important;border-radius:4px!important;color:var(--light-color);font-weight:400;height:52px;padding:0 16px;transition:.3s;width:100%!important}body select.form-control option{color:var(--dark-color)!important}body .form-control:disabled,body .form-control[readonly]{background-color:var(--input-light-bg)}body .form-control::placeholder{color:var(--placeholder-color);font-style:italic}body .form-control:focus{background-color:var(--input-light-bg);border:1px solid var(--light-color)!important;box-shadow:none!important;color:var(--light-color)}@media (max-width:575px){body .form-control{font-size:14px;height:48px}}.form-group .MuiInputBase-root .MuiSelect-nativeInput:not(:has(textarea)),.form-group .MuiInputBase-root:not(:has(textarea)){height:52px}.form-group .MuiInputBase-input:not(textarea){background-color:initial;border:0!important;border-radius:4px!important;box-sizing:border-box;height:52px;padding-left:16px;padding-right:16px;transition:.3s;width:100%!important}body .MuiInputBase-root{color:var(--light-color)!important}body .MuiFormControl-root fieldset{border-color:var(--light-color)!important}body .MuiFormControl-root label{color:var(--light-color)!important}@media (max-width:575px){.form-group input{font-size:14px;height:48px}}.custom-loader{--loader-color:#4caf50;background-color:initial;border:1px solid;border-radius:4px;height:8px;max-width:200px;overflow:hidden;position:relative;width:100%}.custom-loader:before{animation:slide 1.2s linear infinite;background:var(--loader-color);border-radius:inherit;bottom:0;box-shadow:-5px 0 8px 2px var(--loader-color);clip-path:polygon(0 5%,100% 0,100% 100%,0 95%,-30px 50%);content:"";left:-32px;margin:1px;position:absolute;top:0;width:28px}@keyframes slide{to{left:calc(100% + 32px)}}@media (prefers-reduced-motion:reduce){.custom-loader:before{animation:none;left:0;width:100%}}