html{--color-accent-shadow: color-mix(in oklab, #000 6%, var(--color-accent));--color-shadow: var(--color-base00);--color-error: #c03010;--color-ok: #6faa50;--border-radius: 20px;--border-size: 3px;--dialog-border-radius: 30px;height:100%;font-size:15px}body{color:var(--color-text);background:var(--color-base00);font-family:Montserrat,Open Sans,helvetica,sans-serif;margin:0;height:100%;display:flex;flex-direction:column;scroll-behavior:smooth}main{margin-left:auto;margin-right:auto;padding:.5em;min-width:100em}h1{margin-block:.67em;font-size:2rem}@media screen and (max-width: 100rem){main{min-width:auto;margin:0}}.view{flex-grow:1;overflow:auto;display:flex;flex-direction:column}.header-title{margin:0}svg{display:block}textarea{background-color:var(--color-base01);border:solid var(--color-base02) var(--border-size);border-radius:var(--border-radius);color:var(--color-text)}header{display:flex;flex-direction:row;align-items:center;background:var(--color-base01);border-bottom:solid var(--color-base02) var(--border-size);padding:1em 1em 1em 2em}.slim-header{padding:0}.header-title{flex-grow:1}.v-sep-base02{border-left:solid var(--color-base02) var(--border-size);width:0px;margin-left:.5em;margin-right:.5em}@media (max-width: 500px){header{padding:.5em .5em .5em 1em}}input[type=checkbox]{position:relative;appearance:none;width:1.5em;height:1.5em;vertical-align:middle;border:solid var(--color-base03) 2px;border-radius:5px;cursor:pointer}input[type=checkbox]:before{position:absolute;content:"";inset:0;border-radius:3px;background-color:var(--color-accent);transition:transform .2s ease-in-out,opacity .4s ease-in-out;opacity:.1;transform:scale(0%)}input[type=checkbox]:checked:before{transform:scale(1);opacity:1}input[type=checkbox]:checked:hover:before{transform:scale(1.1);opacity:1}input[type=checkbox]:disabled{cursor:default}input[type=checkbox]:disabled:before{transform:scale(0%)!important;opacity:.1!important}ul{padding-left:1.5em}ul li{margin-top:1em;font-size:1em}b{color:var(--color-accent)}a{color:var(--color-accent);text-decoration:none;cursor:pointer}a:hover{text-decoration:underline;text-decoration-thickness:2px}kbd{font-weight:700;font-family:JetBrains Mono,monospace;background:var(--color-base02);border:solid var(--color-base03) var(--border-size);padding:0 .2em;border-radius:5px}::selection{background-color:#ffffff40!important}*:focus-visible{outline:2px ridge var(--color-accent)!important}dialog[open]::backdrop{opacity:.6}dialog::backdrop{opacity:0;background:#000;transition:opacity .4s ease-in-out}dialog[open]::backgrop{opacity:1}dialog[open]{transform:scale(1);opacity:1}dialog{transition:transform .4s ease-in-out,opacity .5s ease-in-out,display .5s allow-discrete,overlay .5s allow-discrete;opacity:0;transform:scale(0);border:solid var(--color-base01) var(--border-size);border-radius:var(--dialog-border-radius);background-color:var(--color-base00);color:var(--color-text)}@starting-style{dialog[open]{transform:scale(0);opacity:0}}.center-title{text-align:center}.flex-col{display:flex;flex-direction:row}.layered-section{margin-top:2em;padding:1.5em;background:var(--color-base01);border:solid var(--color-base02) var(--border-size);border-radius:var(--border-radius)}.layered-section p{margin-bottom:0}@keyframes spinner{0%{transform:rotateX(0);letter-spacing:0px}25%{letter-spacing:10px}40%{transform:rotateX(0);letter-spacing:0px}to{transform:rotateX(360deg)}}.loading-dialog{border:none;border-radius:100px;background-color:var(--color-base01);padding:1rem}.loading-dialog,.loading-spinner{animation:spinner 3s ease infinite}.loading-dialog span,.loading-spinner{text-align:center;font-weight:700;color:var(--color-accent);margin-top:auto;margin-bottom:auto;display:block}table{border-collapse:collapse;border:2px solid var(--color-base03);border-radius:10px;font-family:inherit;width:100%}th,td{background:var(--color-base01);border:2px solid var(--color-base03);padding:.22rem 1rem}th{background:var(--color-base03)}button{font-family:inherit;border:none;cursor:pointer}.pillbtn,.button{margin:3px;background-color:var(--color-btn);color:var(--color-accent);border-radius:var(--border-radius);border:none;font-weight:700;padding:1em 2em;cursor:pointer;transition:color .5s,background-color .5s}.pillbtn:hover,.button:hover{background-color:var(--color-btn-hover)}.pillbtn[disabled]:hover,.button[disabled]:hover{background-color:var(--color-btn)}.pillbtn[disabled],.button[disabled]{opacity:.5;cursor:auto;color:var(--color-base03)}.button{--color-btn: var(--color-base01);--color-btn-hover: var(--color-base02);display:flex;flex-direction:row;align-items:center;text-align:center}.pillbtn{--color-btn: var(--color-base02);--color-btn-hover: var(--color-base03);border:solid var(--color-base03) var(--border-size);border-radius:10000px;padding:4px 10px 5px;cursor:pointer;color:var(--color-accent)}.unimportantbtn{font-weight:700;background:transparent;color:var(--color-accent);text-decoration:none}.unimportantbtn:hover{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent)}.unimportantbtn:disabled{color:var(--color-text);filter:brightness(60%);cursor:default}.unimportantbtn:disabled:hover{text-decoration:none}.dangerbtn{color:var(--color-error)}.btnicon{margin-right:.5em;width:20px}.button-list{display:flex;flex-direction:column;padding-top:2em;padding-bottom:2em}.button-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:end}.logo{margin:2rem;display:flex;flex-direction:column;align-items:center}.logo svg{margin:0;margin-bottom:1rem;max-width:800px;color:var(--color-accent);overflow:visible;animation:logo-popin 1s ease var(--logo-animation-delay);animation-fill-mode:both}.logo p{margin-top:0;color:var(--color-accent);text-align:center;font-weight:700;font-size:1.5rem;animation:logo-caption-popin 1s ease calc(var(--logo-animation-delay) + .3s);animation-fill-mode:both}.logo p{font-size:1.5rem}@media (max-width: 460px){.logo{margin:.5rem}}@keyframes logo-caption-popin{0%{transform:scaleX(2);opacity:0}50%{transform:scaleX(.9);opacity:1}to{transform:scale(1);opacity:1}}@keyframes logo-popin{0%{transform:translateY(-500px) scaleX(2);opacity:0}40%{transform:translateY(30px) scale(.9);opacity:1}to{transform:scale(1);opacity:1}}html{--logo-animation-delay: .2s;--color-bad: var(--color-error);--color-bad-bg: color-mix(in oklch, var(--color-bad) 30%, transparent);--color-good: var(--color-ok);--color-good-bg: color-mix(in oklch, var(--color-ok) 30%, transparent);--color-unknown: color-mix(in oklch, var(--color-text) 60%, var(--color-error))}main{flex-grow:100;display:flex;flex-direction:column}#botbar{background:var(--color-base01);display:flex;flex-direction:row;border-top:solid var(--color-base02) var(--border-size)}#send-input{flex-grow:1;overflow:auto;flex-grow:80;resize:none;border:none;border-radius:var(--border-radius);border:solid var(--color-base03) var(--border-size);margin:3px;font-size:1em;font-family:inherit;background-color:var(--color-base02);color:var(--color-text);padding:.7em 1em;max-height:300px}a.goto-chat-link{text-align:center;font-weight:700;text-decoration-thickness:2px}.chat-name{margin:0}.text-accent{color:var(--color-accent)}#connectbtn{border-radius:1000px}#err-mesg{margin-top:1rem;font-weight:700;text-align:center}.err{color:var(--color-error)}.info{color:var(--color-accent)}#chat{position:absolute;display:flex;flex-direction:column;inset:0;margin:0;padding:0;overflow:hidden}#mesgs{scroll-behavior:smooth;flex-grow:1000;margin:10px;display:flex;flex-direction:column;overflow:auto}@keyframes message_slide{0%{transform:translate(-100%) scale(.4)}to{transform:translate(0) scale(1)}}.message{animation:message_slide .3s ease-in-out;padding:0 10px 10px;background-color:var(--color-base03);border-radius:0 10px 10px/0px 10px 10px;margin:10px 20px 10px 10px;align-self:start;max-width:-moz-available;display:flex;flex-direction:column}.message_top{display:flex;flex-direction:row}.timestamp{margin-left:auto;padding-left:.6rem;font-weight:700;font-size:.6em;opacity:.6;color:var(--color-text)}.driehoek_bubble{position:relative;left:-18px;top:0;color:var(--color-base03)}.user{font-weight:700;font-size:.8em;margin-bottom:2px}.role{font-size:.8em;font-family:inherit;text-transform:uppercase;opacity:.6;font-weight:700}.role:not(:empty){padding-left:.6rem}.mod-badge{opacity:1;color:var(--color-accent)}.user_content{margin-top:-5px;max-width:100%;word-wrap:break-word;display:flex;flex-direction:column}.message-actions{display:flex;flex-direction:row;justify-content:end}.message-actions>*{font-size:.8em;margin:0}#profwarn-dialog{max-width:600px;display:flex;flex-direction:column}#login{color:var(--text_color);align-self:center;width:45em;padding:2em;overflow:visible;flex-direction:column;margin:auto}@media (max-width: 50em){#login{padding:.5em}}#login[open]{display:flex}#login>.container{transition:transform .6s;margin:1em 0 .5em;display:flex;flex-direction:row;background:var(--color-base01);border:solid var(--color-base02) var(--border-size);border-radius:10000px;overflow:hidden}#login[open]>.container{transform:scale(1)}#name-input{font-family:inherit;font-size:inherit;border:none;background:var(--color-base01);color:var(--color-text);display:block;padding:14px 20px;flex-grow:10;margin:3px;border-radius:10000px;min-width:0px}#name-input::placeholder{color:var(--color-text);opacity:.7}.ro-name-input{color:var(--color-text);opacity:.7;font-weight:700;flex-grow:1;text-align:center;display:flex;justify-content:center;align-items:center}@keyframes notfound-anim{0%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.sticker-404 img:hover{animation:notfound-anim .2s ease infinite}@keyframes spinny-anim{0%{transform:rotateY(0)}40%{transform:rotateY(0)}to{transform:rotateY(3600deg)}}.message:has(.sticker-spinny){animation:spinny-anim 4s ease infinite}#ban-dialog{display:flex;flex-direction:column}#ban-dialog h1{text-align:center}#ban-dialog-user{color:var(--color-accent)}#ban-dialog-ban-button{float:right}#ban-dialog-preset{background-color:var(--color-base01);border:solid var(--color-base02) var(--border-size);border-radius:10000px;padding:.5rem 1.5rem;margin-bottom:.5rem;color:var(--color-text);font-weight:700;font-size:inherit}#ban-dialog-reason{background-color:var(--color-base01);border:solid var(--color-base02) var(--border-size);border-radius:var(--border-radius);color:var(--color-text);font-size:1rem;padding:.7rem;min-height:4rem}#ban-dialog-confirm{float:right}#ban{display:flex;flex-direction:column;padding-bottom:1rem}#ban h1{margin:0}#ban small{margin-top:2rem;text-align:center;font-weight:700}#ban .layered-section{margin:0;margin-bottom:.5rem}#ban-release-time{color:var(--color-accent)}#ban-reason{font-style:italic;padding-left:1rem}.word{transition:border-color .2s,background-color .2s;background-color:transparent;border:solid transparent 2px;border-radius:.4em;cursor:pointer;padding:0;margin:0 -2px}.word.good:hover{border-color:var(--color-bad);background-color:var(--color-bad-bg)}.word.bad:hover,.word.unknown:hover{border-color:var(--color-good);background-color:var(--color-good-bg)}.bad{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-bad);-webkit-text-decoration-color:var(--color-bad)}.unknown{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-unknown);-webkit-text-decoration-color:var(--color-unknown)}#wfcommit-spinner{font-size:1rem;position:fixed;top:1rem;right:1rem;pointer-events:none}
/*# sourceMappingURL=chat.css.map */