.chat-popup{position:fixed;bottom:20px;right:20px;width:var(--width);max-width:400px;background:var(--white);border-radius:10px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column}@media (max-width: 400px){.chat-popup{width:93vw;right:10px}}.chat-header{background:var(--dark);color:var(--white);padding:15px 10px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:10px;border-top-right-radius:10px;font-size:var(--heading-font-size)}.close-btn{background:none;border:none;color:var(--white);cursor:pointer;font-size:20px}.chat-body{padding:10px;height:400px;overflow-y:auto;display:flex;flex-direction:column}.chat-footer{display:flex;padding:10px 15px;border-top:1px solid var(--off-white)}.chat-footer input{flex:1;padding:10px;border:1px solid var(--off-white);border-radius:5px;outline:none;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}.chat-footer input:focus{border:1px solid var(--primary);box-shadow:0 0 5px var(--primary)}.chat-footer button{background:var(--primary);border-radius:5px;color:var(--secondary);border:none;padding:8px 10px;margin-left:5px;cursor:pointer;transition:background .3s ease-in-out}.chat-footer button:hover{background:var(--secondary);color:var(--white)}.loader{width:30px;margin-left:15px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side,var(--secondary) 90%,#0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:l3 1s infinite linear;margin-bottom:10px}@keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}.text-center{margin:auto;text-align:center}.sample-questions{justify-content:flex-end;display:flex;flex-wrap:wrap;align-self:flex-end;margin-top:auto}.sample-questions button{border:1px solid var(--primary);color:var(--secondary);background:none;padding:4px 6px;margin:2px;border-radius:10px;cursor:pointer;transition:background-color .3s ease-in-out;text-align:right}.sample-questions button:hover{background-color:var(--primary);color:var(--dark)}.box{max-width:100%;margin-bottom:1em;display:flex;flex-direction:column}.date-divider{display:flex;align-items:center;justify-content:center;margin:1rem 0 0;font-size:14px;font-weight:700;color:gray;width:100%}.date-divider:before,.date-divider:after{content:"";flex-grow:1;height:1px;background:#d3d3d3;margin:0 10px}.message-content{display:flex;align-items:top}.message{width:calc(100% - 100px);border-radius:15px;padding:1em}.timestamp{display:block;flex-grow:1;font-size:12px;color:gray;margin-top:5px}.person-a{margin-top:1.5em}.person-a .message-content .message{background:#000;color:#fff}.timestamp-a{text-align:left;margin-left:60px}.icon{--size: 40px;width:var(--size);height:var(--size);background-color:var(--primary);display:flex;text-align:center;justify-content:center;align-items:center;border-radius:100%;margin-right:.8em;position:relative}.icon i{color:var(--secondary);font-size:20px}.person-b{margin-top:2em}.timestamp-b{text-align:right;margin-right:5px}.person-b .message{background:var(--primary);margin-left:100px;text-align:left}.contact-form{display:flex;flex-direction:column;gap:10px;padding-bottom:10px}.contact-form h3{margin:0;padding:0}.input-wrapper{display:flex;flex-direction:column;gap:10px;animation:fadeIn 1s ease-in-out}.contact-form input{padding:6px 10px;border:1px solid var(--off-white);border-radius:5px;outline:none;transition:border .3s ease-in-out,box-shadow .3s ease-in-out;opacity:0;animation:fadeIn 1s forwards}.input-filled{opacity:1;border-color:var(--primary);box-shadow:0 0 5px var(--primary)}.contact-form button{background:var(--primary);color:var(--secondary);padding:8px 10px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background .3s ease-in-out;opacity:0;animation:fadeIn 1.5s forwards}.submit-btn{opacity:1}.contact-form input:focus{border-color:var(--primary);box-shadow:0 0 5px var(--primary)}.contact-form button:hover{background:var(--secondary);color:var(--white)}.error{background-color:#fc7171;opacity:.9;color:#fff;padding:10px 15px;border-radius:5px;font-size:14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 6px #0003;animation:fadeIn .3s ease-in-out;margin-top:9px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}:root{--primary: lightblue;--secondary: rgb(48, 148, 181);--dark: #0d3f57;--white: #f1f1f1;--off-white: #ddd;--green: lightgreen;--red: rgb(235, 12, 12);--width: min(90vw, 400px);--heading-font-size: 18px;--body-font-size: 18px}.chat-button{position:fixed;bottom:20px;right:20px;background:var(--primary);color:var(--secondary);border:none;padding:15px 25px;border-radius:50px;font-size:26px;cursor:pointer;box-shadow:0 4px 10px #0003}.badge{position:absolute;right:1px;top:1px;padding:5px 8px;font-size:11px;font-weight:700;color:#fff;border-radius:50%;background-color:var(--red);display:flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;box-sizing:border-box}*{box-sizing:border-box}body{margin:0;font:.9em/1.5 Poppins,Roboto,sans-serif}