@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:FloralCapitals;src:url(/assets/FloralCapitals-C15Bswcw.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{width:100%;height:100%;margin:0}body{transition:background-color .3s ease-in-out}@media (prefers-color-scheme:light){body{--acc-1:#f56200;--acc-2:#d60000;--neutral-bg:#e3ddc4;--neutral-fg:#0c0f0a}}body[data-theme=light]{--acc-1:#f56200;--acc-2:#d60000;--neutral-bg:#e3ddc4;--neutral-fg:#0c0f0a}@media (prefers-color-scheme:dark){body{--acc-1:#1846d0;--acc-2:#c2c5ff;--neutral-bg:#1f1645;--neutral-fg:#d1dfc3}}body[data-theme=dark]{--acc-1:#1846d0;--acc-2:#c2c5ff;--neutral-bg:#1f1645;--neutral-fg:#d1dfc3}body{background-color:var(--neutral-bg);color:var(--neutral-fg);flex-direction:column;font-family:Roboto,sans-serif;display:flex}body header{align-items:center;min-height:2.5em;padding:.5em;display:flex;overflow-x:hidden}body header .title{color:var(--acc-2);flex:1;margin:0;font-family:FloralCapitals;font-size:2.2em}body header my-theme-switch{width:4em}body main{box-sizing:border-box;flex-direction:column;flex:1;align-self:center;width:500px;max-width:100%;padding:1em;display:flex}body main>form{box-sizing:border-box;grid-template-columns:1fr 1fr;row-gap:10px;padding:.5em;display:grid}body main>form .full-span{grid-column:1/-1}body main>form input[type=checkbox]{justify-self:left}body main>form input[type=submit]{background-color:var(--acc-2);color:var(--neutral-bg);border:none;border-radius:.2em;padding:.5em;font-size:1.2em;font-weight:700}body main>form input[type=text]{background-color:var(--acc-1);border:none;border-radius:.5em;outline:none;padding:.4em}body main>form my-combobox{--bg-colour:var(--acc-1)}body main my-expand [slot=header]{background-color:var(--acc-1);color:#fff;border-radius:5px 5px 0 0;padding:.5em}body main my-expand [slot=body]{flex-direction:column;align-items:center;display:flex}body main my-expand img{transition:rotate .3s ease-in-out}body main my-expand[open=open] img{rotate:90deg}body main section{align-self:left;flex-direction:column;align-items:center;display:flex}body main section h3{background-color:var(--acc-1);color:#fff;border-radius:5px 5px 0 0;align-self:stretch;padding:.5em}