:root{--color-accent-shadow: color-mix(in oklab, #000 6%, var(--color-accent));--color-shadow: var(--color-base00);--color-error: #c03010;--color-ok: #6faa50;--color-warning: #efbb65;--border-radius: 20px;--border-size: 3px;--dialog-border-radius: 30px;font-size:15px}html{height:100%}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);font-size:1rem;padding:.7rem;min-height:4rem}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::backdrop{backdrop-filter:blur(0px) brightness(100%);transition:backdrop-filter .4s ease-in-out}dialog[open]::backdrop{backdrop-filter:blur(1px) brightness(70%)}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;--msg-arrow-size: 15px;--msg-padding: 6px}main{flex-grow:100;display:flex;flex-direction:column;overflow:hidden;padding:0;margin:0}.user-count{color:var(--color-accent);display:flex;flex-direction:row;margin:0px 1rem}.user-count span{font-weight:700;margin:.2em;font-size:1.6rem}.user-count svg{width:1.1em}#botbar{background:var(--color-base01);display:flex;flex-direction:row;background-color:var(--color-base02);border:solid var(--color-base03) var(--border-size);border-radius:25px;margin:0 20px 20px;box-shadow:0 0 15px var(--color-base00)}#botbar:has(#send-input:focus-visible){outline:2px ridge var(--color-accent)}#send-input{flex-grow:1;overflow:auto;flex-grow:80;resize:none;border:none;margin:0;font-size:1em;font-family:inherit;color:var(--color-text);padding:1rem 1.5rem;max-height:300px}#send-input:focus-visible{outline:none!important}#sendbtn{padding:0 2em;background:var(--color-base02)}#sendbtn:hover{background:var(--color-base03)}a.goto-chat-link{text-align:center;font-weight:700;text-decoration-thickness:2px}.chat-name{margin:0;flex-grow:0}.text-accent{color:var(--color-accent)}#connectbtn{border-radius:1000px}#connectbtn:hover{background:var(--color-base03)}#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{flex-grow:1000;padding:10px;display:flex;flex-direction:column;overflow-y:auto;scroll-behavior:smooth}@keyframes message_slide{0%{transform:translate(-100%) scale(.4)}to{transform:translate(0) scale(1)}}.message{animation:message_slide .3s ease-in-out;padding:var(--msg-padding);background-color:var(--color-base01);border:solid 2px var(--color-base02);border-radius:0 10px 10px/0px 10px 10px;margin:0 0 20px 10px;align-self:start;max-width:calc(100% - 25px);display:flex;flex-direction:column}.message_top{display:flex;flex-direction:row;margin-bottom:.4em}.timestamp{margin-left:auto;padding-left:.6rem;font-weight:700;font-size:.6em;opacity:.6;color:var(--color-text)}.msg_arrow{position:relative;left:calc(0px - var(--msg-padding) - var(--msg-arrow-size));top:calc(-2.5px - var(--msg-padding));fill:var(--color-base01);stroke:var(--color-base02);stroke-width:.6;stroke-linejoin:round;width:var(--msg-arrow-size)}.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){margin-left:.6rem;background:var(--color-base02);border:solid var(--color-base03) 2px;border-radius:10000px;padding:0 3px}.mod-badge{opacity:1;color:var(--color-accent);border-color:var(--color-accent)}.user_content{margin-top:calc(0px - var(--msg-arrow-size));max-width:100%;display:flex;flex-direction:column}.content{white-space:pre-line;word-wrap:break-word;display:inline-block;max-width:100%}.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{align-self:center;width:45em;padding:2em;overflow:visible;flex-direction:column;margin:auto}@media(max-width:50em){#login{margin:0;width:auto;border:none;padding:1rem;background:transparent}}#login[open]{display:flex}#login>.container:has(#name-input:focus-visible){outline:2px ridge var(--color-accent)}#name-input:focus-visible{outline:none!important}.logout{margin-left:auto;display:flex;transition:transform .4s}.logout svg{transition:transform .4s}.logout:hover{transform:translate(10px)}.logout:hover svg{transform:translate(5px)}.logout span{font-weight:700;margin-right:.5rem}#login>.container{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{animation:popin 1.3s ease}#login[open]>.logout{animation:logout_popin 1s ease}@keyframes logout_popin{0%{opacity:0;transform:translate(-100%) scaleX(3)}30%{opacity:0;transform:translate(-100%) scaleX(3)}65%{opacity:1;transform:translate(20%) scaleX(.9)}to{transform:translate(0) scaleX(1)}}@keyframes popin{0%{transform:scale(2)}60%{transform:scale(.95)}to{transform:scale(1)}}#name-input{font-family:inherit;font-size:inherit;border:none;background:transparent;color:var(--color-text);display:block;padding:.7rem 1.5rem;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-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-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}#wfcommit-spinner{font-size:1rem;position:fixed;top:1rem;right:1rem;pointer-events:none}html{--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: var(--color-warning)}.tag-b{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-bad);-webkit-text-decoration-color:var(--color-bad)}.tag-u{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-unknown);-webkit-text-decoration-color:var(--color-unknown)}.editable-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}.editable-word.tag-g:hover{border-color:var(--color-bad);background-color:var(--color-bad-bg)}.editable-word.tag-b:hover,.editable-word.tag-u:hover{border-color:var(--color-good);background-color:var(--color-good-bg)}.wf-lockmode .editable-word:hover,.editable-word.locked:hover{border-color:transparent;background-color:transparent}.editable-word:after{pointer-events:none;margin:-.6em;display:inline-block;position:relative;left:.7em;top:-.4em;content:"";width:1.2em;height:1.2em;background:var(--color-text);transition:opacity .2s;opacity:0;clip-path:path("M 5.9365 0 C 2.6716 0 0 2.6716 0 5.9365 v 6.7549 a 1.1697 1.1697 90 0 0 0.0001 0.0192 v 3.0639 c 0 0.6641 0.5346 1.1986 1.1986 1.1986 H 10.6745 c 0.6641 0 1.1988 -0.5346 1.1988 -1.1986 V 9.7051 c 0 -0.009 -0.0001 -0.0179 -0.0003 -0.0269 V 5.9452 C 11.8971 2.6702 9.2013 0 5.9365 0 Z m 0 2.3393 c 2.0006 0 3.6123 1.5987 3.5977 3.5889 a 1.1697 1.1697 90 0 0 0 0.0083 V 8.5065 H 2.3393 V 5.9365 c 0 -2.0006 1.5966 -3.5972 3.5972 -3.5972 z")}.wf-lockmode .editable-word:after{clip-path:path("M 5.9366 0 C 2.6718 0 0 2.6718 0 5.9366 v 6.7549 a 1.1697 1.1697 90 0 0 0.0001 0.012 v 3.679 c 0 0.6641 0.5346 1.1986 1.1986 1.1986 h 9.4758 c 0.6641 0 1.1988 -0.5346 1.1988 -1.1986 V 10.3131 c 0 -0.6641 -0.5347 -1.1986 -1.1988 -1.1986 H 2.3394 V 5.9366 c 0 -2.0006 1.5966 -3.5977 3.5972 -3.5977 c 2.0006 0 3.6123 1.5987 3.5977 3.5889 a 1.1696 1.1696 90 0 0 1.1605 1.1782 a 1.1696 1.1696 90 0 0 1.1782 -1.1612 C 11.8971 2.6698 9.2014 0 5.9366 0 Z")}.wf-lockmode .editable-word:hover:after,.editable-word.locked:hover:after{opacity:1}#wf-lockedit{display:flex;flex-direction:column}
/*# sourceMappingURL=chat.css.map */