html{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--lightBg);--lightBtn: #FE016C;--lightBg: #fff;--lightColor: #232323}html[data-theme=dark]{background:var(--lightBg);--lightBtn: #FFBD07;--lightBg: #232323;--lightColor: #fff}body{margin:0;padding-bottom:3rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}#chat{width:600px;border:3px solid rgba(0,0,0,.15);border-radius:15px}#input-form{border-bottom-left-radius:13px;border-bottom-right-radius:13px;background:rgba(0,0,0,.15);padding:.25rem;bottom:0;left:0;right:0;display:flex;height:3rem;box-sizing:border-box;backdrop-filter:blur(10px)}#message{border:none;padding:0 1rem;flex-grow:1;border-radius:2rem;margin:.25rem}#message:focus{outline:none}#button{background:#333;border:none;padding:0 1rem;margin:.25rem;border-radius:3px;outline:none;color:#fff}#messages{list-style-type:none;margin:0;padding:0;overflow-y:scroll;height:500px}#messages>li{padding:.5rem 1rem}#messages>li:nth-child(odd){background:#efefef}#messages>li:first-child{border-top-left-radius:15px;border-top-right-radius:15px}.bubble{--r: 1em;--t: 1.5em;max-width:300px;padding:1em;border-inline:var(--t) solid rgba(0,0,0,0);border-radius:calc(var(--r) + var(--t))/var(--r);mask:radial-gradient(100% 100% at var(--_p) 0, rgba(0, 0, 0, 0) 99%, #000 102%) var(--_p) 100%/var(--t) var(--t) no-repeat,linear-gradient(#000 0 0) padding-box;background:linear-gradient(135deg, #44c475, #1384C5) border-box;color:#fff;overflow-wrap:break-word}.left{--_p: 0;border-bottom-left-radius:0 0;place-self:start}.right{--_p: 100%;border-bottom-right-radius:0 0}textarea{resize:none}/*# sourceMappingURL=style.css.map */