@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:237,225,195;--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}}
body>*{font-family:Trasla Sans,sans-serif}
h1,h2,h3,h4,h5,h6{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%;padding:.3em 0}
body #login_widget .trasla-wordmark img{display:block;width:96px;height:96px;object-fit:contain}
body main:has(#login_widget){background:#ede1c3;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 img{margin:auto;width:72px;height:72px}}
.trasla-shell-brand{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:100%;padding:0}
.trasla-shell-brand img{display:block;width:min(48px,100%);height:auto;object-fit:contain}

body #login_widget{--movim-background-main:237,225,195;--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}
