:root{--primary-rgb: 16, 16, 16;--on-primary-rgb: 234, 234, 234;--surface-rgb: 252, 252, 252;--on-surface-rgb: 12, 12, 12;--font-family: "Sofia Sans", sans-serif;--font-size: 18px}html,body{height:100%}body{margin:0;background-color:rgb(var(--surface-rgb));font-family:Sofia Sans,sans-serif}body>progress:first-child{margin:1rem;position:fixed;transition:opacity .25s ease-in-out}body>progress:first-child[value="100"]{opacity:0}dialog{background-color:rgb(var(--surface-rgb));border-radius:12px;border:2px solid rgb(var(--on-surface-rgb),.24);filter:drop-shadow(0 0 .64rem rgb(var(--on-surface-rgb),.16))}dialog::backdrop{width:100%;height:100%;display:flex;background-color:rgb(var(--surface-rgb),.1)}dialog header{display:flex;justify-content:flex-end}dialog form{gap:1rem;display:flex;flex-direction:column}fieldset{gap:1rem;display:flex;border:1px solid rgb(var(--on-surface-rgb),.16);border-radius:6px}fieldset legend{padding:.2rem .4rem;color:rgb(var(--primary-rgb))}dialog form section{gap:1rem;display:flex;flex-direction:column}dialog form footer{display:flex;flex-direction:row-reverse;justify-content:space-between}