@selleo/chatbot-client/lib/styles.css

Client that can be integrated with a backend created with openai

.chat-fixed{position:fixed}.chat-absolute{position:absolute}.chat-relative{position:relative}.chat-bottom-0{bottom:0}.chat-bottom-3{bottom:.75rem}.chat-bottom-5{bottom:1.25rem}.chat-bottom-\[-50px\]{bottom:-50px}.chat-bottom-\[-60px\]{bottom:-60px}.chat-right-0{right:0}.chat-right-2{right:.5rem}.chat-right-4{right:1rem}.chat-right-\[-50px\]{right:-50px}.chat-top-4{top:1rem}.chat-z-\[101\]{z-index:101}.chat-m-0{margin:0}.chat-m-auto{margin:auto}.chat-mx-1{margin-left:.25rem;margin-right:.25rem}.chat-mx-4{margin-left:1rem;margin-right:1rem}.chat-my-0{margin-top:0;margin-bottom:0}.chat-my-2{margin-top:.5rem;margin-bottom:.5rem}.chat-my-4{margin-top:1rem;margin-bottom:1rem}.chat-mb-0{margin-bottom:0}.chat-mb-1{margin-bottom:.25rem}.chat-ml-2{margin-left:.5rem}.chat-mr-1{margin-right:.25rem}.chat-mr-4{margin-right:1rem}.chat-mt-0{margin-top:0}.chat-mt-1{margin-top:.25rem}.chat-mt-2{margin-top:.5rem}.chat-flex{display:flex}.chat-size-2{width:.5rem;height:.5rem}.chat-h-10{height:2.5rem}.chat-h-11{height:2.75rem}.chat-h-2{height:.5rem}.chat-h-9{height:2.25rem}.chat-h-\[60px\]{height:60px}.chat-h-\[70px\]{height:70px}.chat-h-\[calc\(100\%-130px\)\]{height:calc(100% - 130px)}.chat-h-full{height:100%}.chat-max-h-\[500px\]{max-height:500px}.chat-min-h-0{min-height:0}.chat-w-10{width:2.5rem}.chat-w-11{width:2.75rem}.chat-w-2{width:.5rem}.chat-w-5\/6{width:83.333333%}.chat-w-\[60px\]{width:60px}.chat-w-full{width:100%}.chat-max-w-\[350px\]{max-width:350px}.chat-max-w-full{max-width:100%}.chat-animate-\[dotBounce_1s_0\.2s_ease-in-out_infinite\]{animation:chat-dotBounce 1s ease-in-out .2s infinite}.chat-animate-\[dotBounce_1s__0\.4s_ease-in-out_infinite\]{animation:chat-dotBounce 1s ease-in-out .4s infinite}@keyframes chat-dotBounce{0%{opacity:0;top:4px}50%{opacity:.8;top:-2px}to{opacity:0;top:4px}}.chat-animate-\[dotBounce_1s_ease-in-out_infinite\]{animation:chat-dotBounce 1s ease-in-out infinite}.chat-cursor-pointer{cursor:pointer}.chat-resize-none{resize:none}.chat-flex-col{flex-direction:column}.chat-items-end{align-items:flex-end}.chat-items-center{align-items:center}.chat-justify-center{justify-content:center}.chat-justify-between{justify-content:space-between}.chat-gap-\[5px\]{gap:5px}.chat-overflow-hidden{overflow:hidden}.chat-overflow-y-auto{overflow-y:auto}.chat-rounded-full{border-radius:9999px}.chat-rounded-xl{border-radius:.75rem}.chat-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.chat-rounded-ee-none{border-end-end-radius:0}.chat-rounded-es-none{border-end-start-radius:0}.chat-border-none{border-style:none}.chat-bg-botBubble{background-color:#ff6e2a49}.chat-bg-gray{--tw-bg-opacity:1;background-color:rgb(76 77 82/var(--tw-bg-opacity))}.chat-bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.chat-bg-responseDot{--tw-bg-opacity:1;background-color:rgb(92 153 210/var(--tw-bg-opacity))}.chat-bg-transparent{background-color:initial}.chat-bg-userBubble{background-color:#5c99d256}.chat-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.chat-bg-opacity-10{--tw-bg-opacity:0.1}.chat-bg-opacity-20{--tw-bg-opacity:0.2}.chat-p-0{padding:0}.chat-p-2{padding:.5rem}.chat-pl-1{padding-left:.25rem}.chat-pl-4{padding-left:1rem}.chat-pt-2{padding-top:.5rem}.chat-text-center{text-align:center}.chat-text-right{text-align:right}.chat-text-start{text-align:start}.chat-font-body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.chat-text-2xl{font-size:1.563rem}.chat-text-base{font-size:1rem}.chat-font-medium{font-weight:500}.chat-font-normal{font-weight:400}.chat-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.chat-text-gray{--tw-text-opacity:1;color:rgb(76 77 82/var(--tw-text-opacity))}.chat-opacity-0{opacity:0}.chat-opacity-100{opacity:1}.chat-shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.chat-shadow-2xl,.chat-shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chat-shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.chat-shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chat-outline-none{outline:2px solid #0000;outline-offset:2px}.chat-ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.chat-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.chat-transition-chatbox{transition:bottom .4s cubic-bezier(.22,1,.36,2),right .4s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.68,-2.55,.27,1.65) .2s,opacity .7s .3s}.chat-transition-toggle-menu{transition:bottom .4s,right .4s,width .5s .3s,height .5s .3s,opacity .6s .2s}.chat-chatbox-scroll{::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#b4b4b4c4;border-radius:4px}}.hover\:chat-bg-opacity-30:hover{--tw-bg-opacity:0.3}.focus\:chat-border-none:focus{border-style:none}.focus\:chat-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:chat-ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}@media (min-width:1024px){.lg\:chat-max-h-\[60vh\]{max-height:60vh}.lg\:chat-max-w-\[50vw\]{max-width:50vw}}.\[\&\>p\]\:chat-my-0>p{margin-top:0;margin-bottom:0}