@font-face{font-family:Trasla Sans;src:url('/trasla-brand/DM-Sans.woff2') format('woff2');font-display:swap}
@font-face{font-family:Trasla Mono;src:url('/trasla-brand/SometypeMono-VariableFont_wght.woff2') format('woff2');font-weight:100 900;font-display:swap}
body{--movim-accent:#8e3215;--movim-background-main:230,222,202;--movim-background:250,247,237;--movim-font:34,34,34;--movim-gray:61,63,32;font-family:Trasla Sans,sans-serif}
body.nightmode{--movim-background-main:34,34,31;--movim-background:48,49,38;--movim-font:246,241,226;--movim-gray:34,34,31}
@media(prefers-color-scheme:dark){body{--movim-accent:#8e3215;--movim-background-main:34,34,31;--movim-background:48,49,38;--movim-font:246,241,226;--movim-gray:34,34,31}}
h1,h2,h3,h4,label{font-family:Trasla Mono,monospace}
body #login_widget{flex-wrap:wrap;max-width:100rem}
body #login_widget:before{display:none}
body #login_widget .trasla-wordmark{flex-basis:100%;font:900 clamp(3rem,7vw,6rem)/1 Trasla Sans,sans-serif;letter-spacing:.04em;color:#3d3f20;padding:.3em 0}
body #login_widget .trasla-wordmark span{font:600 .25em Trasla Mono,monospace;letter-spacing:.15em;vertical-align:middle}
body main:has(#login_widget){background:#e6deca;align-items:center}
body #login_widget .dialog{border-radius:10px;overflow:hidden;box-shadow:0 8px 30px #3d3f201c}
body #login_widget .button{font-family:Trasla Mono,monospace;text-transform:uppercase;letter-spacing:.08em;border:1px solid currentColor;border-radius:10px}
body #login_widget .button.color{background:#3d3f20;color:#fff}
body #login_widget a{color:#8e3215}
@media(max-width:600px){body #login_widget{padding:1rem;gap:1rem}body #login_widget .dialog{flex:auto}body #login_widget .trasla-wordmark{font-size:3.3rem}}
body.nightmode #login_widget .trasla-wordmark{color:#3d3f20}
.trasla-shell-brand{padding:1rem 1.25rem;font:900 2rem/1 Trasla Sans,sans-serif;letter-spacing:.04em;color:rgb(var(--movim-font))}
.trasla-shell-brand span{font:600 .42em Trasla Mono,monospace;letter-spacing:.12em}

body #login_widget{--movim-background-main:230,222,202;--movim-background:250,247,237;--movim-font:34,34,34;--movim-gray:61,63,32;--movim-accent:#8e3215}
body #login_widget{color:#222}
body #login_widget label,body #login_widget span.info,body #login_widget ul.list li>div>p>span.second{color:#555}