*,:after,:before{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}@font-face{font-family:"DIN 2014";src:url(/assets/din-2014-regular-CwEY23jz.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"DIN 2014";src:url(/assets/din-2014-bold-BaR2kRAf.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}p,span,a,input{font-family:"DIN 2014"!important;font-weight:300}:root{--header-height: 150px;--footer-height: 80px;--color-violet: #6563FF;--color-light-grey: #999999;--color-rose: #FF6392;--color-rose-dark: #FF296A;--color-dark: #FFAE00}html,body{position:relative;display:block;width:100%;min-height:100%}.inner{display:grid;grid-template-rows:var(--header-height) auto var(--footer-height);height:100%;min-height:100vh;background:#dbf2fe;background:linear-gradient(180deg,#dbf2fe,#a6b7e7)}.inner>header{display:flex;align-items:center;justify-content:center;height:100%}.inner>main{display:flex;justify-content:center;align-content:center}.inner>footer{display:flex;justify-content:space-between;align-items:center;padding:0 40px}form input{background-color:transparent;border:none;outline:none}form button{display:flex;justify-content:center;align-items:center;width:65px;height:65px;border-radius:64px;background-color:var(--color-rose);transition:background-color .28s ease-in-out;cursor:pointer;border:0}form button:hover{background-color:var(--color-rose-dark)}.loader{width:10px;height:10px;border-radius:50%;display:block;margin:8px auto;position:relative;color:var(--color-violet);box-sizing:border-box;animation:animloader 1s linear infinite alternate}.loader-container{width:100px}@keyframes animloader{0%{box-shadow:-38px -6px,-14px 6px,14px -6px}33%{box-shadow:-38px 6px,-14px -6px,14px 6px}66%{box-shadow:-38px -6px,-14px 6px,14px -6px}to{box-shadow:-38px 6px,-14px -6px,14px 6px}}#chat{position:relative;display:grid;grid-template-rows:auto 85px;gap:20px;background-color:#ffffff59;height:100%;width:50vw;max-width:800px;padding:25px;border-radius:25px;box-shadow:0 3px 24px 3px #64646440}#chat .chat-container{position:relative;display:block;height:60vh;overflow:scroll}#chat .prompt{background-color:#ffffff59;border-radius:100px}#chat .prompt form{display:grid;grid-template-columns:auto 65px;gap:20px;padding:10px}#chat .prompt form input{font-size:18px;padding-left:20px}#chat .chat-message-container{width:100%;display:flex;margin-bottom:30px}#chat .chat-message-container .chat-message{display:block;text-align:left;width:auto;max-width:400px}#chat .chat-message-container .chat-message header{display:flex;align-items:center;gap:10px}#chat .chat-message-container .chat-message header figure{display:flex;justify-content:center;align-items:center;width:54px;height:54px;border-radius:54px}#chat .chat-message-container .chat-message header span{font-weight:700}#chat .chat-message-container .chat-message header span time{display:inline-block;font-weight:300;color:var(--color-light-grey)}#chat .chat-message-container .chat-message .body{padding:15px;border-radius:8px;background-color:#ffffff59;line-height:130%;font-size:15px}#chat .chat-message-container .chat-message .body a{text-decoration:none;color:var(--color-violet);font-weight:700}#chat .chat-message-container[data-type=bot] .chat-message{text-align:right}#chat .chat-message-container[data-type=bot] .chat-message header figure{background-color:var(--color-violet)}#chat .chat-message-container[data-type=bot] .chat-message .body{margin-top:-4px;margin-left:60px;text-align:left}#chat .chat-message-container[data-type=human]{justify-content:right}#chat .chat-message-container[data-type=human] .chat-message{text-align:right}#chat .chat-message-container[data-type=human] .chat-message header{text-align:right;flex-direction:row-reverse}#chat .chat-message-container[data-type=human] .chat-message header figure{background-color:var(--color-dark)}#chat .chat-message-container[data-type=human] .chat-message .body{margin-top:-4px;margin-right:60px;text-align:right}