.chat{list-style:none;display:grid;gap:16px;padding:16px}.message{max-width:80%}.message-wrap{display:flex;flex-direction:column}.message--question{align-self:flex-end;padding:8px 16px;border-radius:20px 20px 8px;background:var(--surface-tertiary)}.message--answer{align-self:flex-start;display:grid;grid-template-columns:40px 1fr;gap:12px}.message__icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid var(--surface-secondary)}.message__children{padding-left:52px}.transfer{margin:16px 0;display:grid;gap:16px}.transfer__body{background:var(--surface-tertiary);font-weight:500;border-radius:12px;padding:16px;display:flex;justify-content:space-between}.transfer__name{color:var(--text-primary)}.transfer__cardnumber{color:var(--text-secondary)}.button{border:0;outline:0;border-radius:12px;padding:12px 24px;font-family:Roboto,sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease-in-out}.transfer__actions{display:flex;gap:8px}.button--primary{background:var(--brand-primary);color:var(--text-white)}.button--primary:hover,.button--primary:active{background:var(--brand-primary-dark)}.button--secondary{background:var(--surface-secondary);color:var(--text-primary)}.button--secondary:hover,.button--secondary:active{background:var(--surface-secondary-dark)}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s,transform .5s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .5s}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.message__children{opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.fade-in-active{opacity:1;transform:translateY(0)}.roboto-regular{font-family:Roboto,sans-serif;font-weight:400;font-style:normal}.roboto-medium{font-family:Roboto,sans-serif;font-weight:500;font-style:normal}.roboto-bold{font-family:Roboto,sans-serif;font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);height:100dvh}#root{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;height:100%}:root{--brand-primary-dark: #006bde;--brand-primary: #308DEE;--text-white: #FFFFFF;--text-primary: #122137;--text-secondary: #858D9B;--prompt-bg: #CED8E3;--surface-tertiary: #F3F3F3;--surface-secondary: #E8EEF3;--surface-secondary-dark: #CED8E3}h1{font-size:24px;font-weight:700;line-height:140%;background:linear-gradient(90deg,#006bdc -18.84%,#a8d2ff 124.88%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}header{text-align:center;margin:auto}main{overflow-x:hidden;width:100%}.prompts-wrapper{overflow-x:auto;padding:8px 16px;width:100%}.prompts-wrapper::-webkit-scrollbar{display:none}.prompts{display:flex;justify-content:center;align-items:center;gap:1rem;list-style:none;width:max-content}.prompts li{background:var(--prompt-bg);border-radius:12px;padding:12px;font-size:14px;font-style:normal;font-weight:500;line-height:130%}.input{width:100%;position:sticky;bottom:0;left:0;right:0;padding:8px 16px 16px;display:flex;gap:8px}.input textarea{border:1px solid #CED8E3;border-radius:15px;font-family:Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:130%;width:100%;padding:12px 16px;color:var(--text-primary);height:40px}.input button{border-radius:50%;font-size:14px;width:40px;height:40px;border:none;cursor:pointer}.input button:active{background:transparent}.input .buttons{display:flex;flex-direction:column;justify-content:flex-end}.buttons__expand{margin-bottom:auto}