.dots-loading-indicator{display:flex;align-items:center;justify-content:center}.dots-loading-indicator .dot{width:6px;height:6px;margin:0 3px;background-color:var(--font-color-light);border-radius:50%;animation:bounce 1.2s infinite}.dots-loading-indicator .dot:nth-child(1){animation-delay:0s}.dots-loading-indicator .dot:nth-child(2){animation-delay:.4s}.dots-loading-indicator .dot:nth-child(3){animation-delay:.8s}@keyframes bounce{0%{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(0)}}.message-container{max-width:80%}.message-container.user{align-self:flex-end}.message-container.user .message,.message-container.user .in_progress{background-color:#b1eab1}.message-container.user .sent{text-align:right}.message-container.system{align-self:flex-start}.message-container.system .message,.message-container.system .in_progress{background-color:#e7e7e7}.message,.in_progress{padding:8px 12px;border-radius:8px}.message>span ol,.message>span ul{padding-left:16px}.message>span p{margin:10px 0}.message>span>h3:first-child{margin-top:0}.message>span>p:first-child{margin-top:0}.message>span>p:last-child{margin-bottom:0}.loading{padding:8px 12px}.loading .message,.loading .in_progress{padding:12px 10px;display:flex}.loading .message .loading-message,.loading .in_progress .loading-message{font-style:italic;margin-left:12px}.error .message{font-style:italic}.sent{font-size:.65rem}.messages{flex-grow:1;display:flex;flex-direction:column;overflow-y:scroll}.introduction{flex-grow:1;padding:2rem;color:#777;overflow-y:scroll}form{bottom:0;width:100%;display:flex}form input{flex-grow:1;padding:16px;margin:10px;border:0;border-radius:12px;font-size:1rem;background-color:#ebebeb;color:var(--font-color-light)}form button{background-color:var(--jayhawk-green);color:#fff;margin:10px 10px 10px 0;padding:.2rem .8rem}form button[disabled]{background-color:#8fb0a1}form button span{font-size:1.4rem}#root{position:relative}#app{display:flex;flex-direction:column;background-color:#fff;width:100%;height:100vh}header{position:relative;display:flex;justify-content:center;align-items:center;gap:22px;top:0;left:0;width:100%;background-color:var(--jayhawk-green);color:var(--font-color-dark)}header .header-logo{line-height:0}header img{flex-grow:0;width:40px}.small-screen header img{width:30px}.close{position:absolute;line-height:1.2;top:-4px;right:14px;color:var(--font-color-dark);font-size:3rem;text-decoration:none}.close:hover{color:#cbd5ca}.small-screen .close{top:-10px}#start{--logo-diameter: 55px;--logo-padding: 16px;padding:30px 46px 30px 30px;display:flex;justify-content:flex-end}.start-link{display:none;position:relative;width:71px;height:71px}.small-screen .start-link{display:block;width:20px;height:20px;padding:22px}.small-screen .start-link img{width:40px}.normal-screen .start-link{display:block}.jayhawk-logo{display:flex;position:relative;z-index:2;align-items:center;justify-content:center;width:var(--logo-diameter);height:var(--logo-diameter);background:#fff;padding:var(--logo-padding);border-radius:50%;box-shadow:0 0 18px -2px #00000054}.track{position:absolute;right:50%;width:210px;z-index:1;pointer-events:none;overflow:hidden;height:calc(2 * var(--logo-padding) + var(--logo-diameter))}.label{display:grid;align-content:center;border-top-left-radius:14px;border-bottom-left-radius:14px;padding-left:18px;height:100%;width:100%;transition:transform .25s;background:#f3f5f2;transform:translate(100%)}.label>span{color:#666;font-weight:700}.start-link:hover .label{transform:translate(0)}:root{--font-color-dark: #f5f5f5;--font-color-light: #1d271c;--jayhawk-green: #00663a;font-family:lato,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;font-weight:400;color:var(--font-color-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--jayhawk-green)}a:hover{color:#0b8d54}body{margin:0;width:100%;height:100vh}h1{font-family:museo-slab,serif;font-size:1.4rem;font-weight:500;letter-spacing:-.5px;line-height:1.1}.small-screen h1{font-size:1.15rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}