@font-face{font-family:Titillium Web;src:url(/assets/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf);font-weight:200}@font-face{font-family:Titillium Web;src:url(/assets/fonts/Titillium_Web/TitilliumWeb-Light.ttf);font-weight:300}@font-face{font-family:Titillium Web;src:url(/assets/fonts/Titillium_Web/TitilliumWeb-Regular.ttf);font-weight:400}@font-face{font-family:Titillium Web;src:url(/assets/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf);font-weight:700}@font-face{font-family:Titillium Web;src:url(/assets/fonts/Titillium_Web/TitilliumWeb-Bold.ttf);font-weight:800}@font-face{font-family:Titillium Web;src:url(/assets/fonts/Titillium_Web/TitilliumWeb-Black.ttf);font-weight:900}@font-face{font-family:Titillium Web;src:url(/assets/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf);font-weight:200;font-style:italic}@font-face{font-family:Titillium Web;src:url(/assets/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Titillium Web;src:url(/assets/fonts/Titillium_Web/TitilliumWeb-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Titillium Web;src:url(/assets/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf);font-weight:700;font-style:italic}@font-face{font-family:Titillium Web;src:url(/assets/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf);font-weight:800;font-style:italic}@font-face{font-family:Titillium Web;src:url(/assets/fonts/Titillium_Web/TitilliumWeb-BlackItalic.ttf);font-weight:900;font-style:italic}@font-face{font-family:Roboto Mono;src:url(/assets/fonts/Roboto_Mono/RobotoMono-VariableFont_wght.ttf);font-weight:100 900}@font-face{font-family:Roboto Mono;src:url(/assets/fonts/Roboto_Mono/RobotoMono-Italic-VariableFont_wght.ttf);font-weight:100 900;font-style:italic}@font-face{font-family:Material Icons;src:url(/assets/fonts/Material/MaterialSymbolsOutlined.ttf);font-weight:400}@font-face{font-family:Material Icons Outlined;src:url(/assets/fonts/Material/MaterialSymbolsOutlined.ttf);font-weight:400}@font-face{font-family:Material Icons Rounded;src:url(/assets/fonts/Material/MaterialSymbolsRounded.ttf);font-weight:400}.material-icons,.material-icons-rounded,.material-icons-outlined,.material-icons-before:before,.material-icons-rounded-before:before,.material-icons-outlined-before:before,.material-icons-after:after,.material-icons-rounded-after:after,.material-icons-outlined-after:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-variation-settings:"FILL" 1}.material-icons-outlined,.material-icons-outlined-before:before,.material-icons-outlined-after:after{font-family:Material Icons Outlined;font-variation-settings:"FILL" 0}.material-icons-rounded,.material-icons-rounded-before:before,.material-icons-rounded-after:after{font-family:Material Icons Rounded;font-variation-settings:"FILL" 1}@charset "UTF-8";:root{--color-primary: hsl(212, 40%, 90%);--color-primary-dim: hsl(212, 20%, 65%);--color-highlight: hsl(212, 100%, 61%);--color-highlight-dim: hsl(212, 54%, 74%);--color-menu: hsl(212, 20%, 75%);--color-warning: hsl(60, 100%, 35%);--color-destructive: hsl(0, 70%, 45%);--color-success: hsl(120, 70%, 45%);--color-link: hsl(212, 100%, 65%);--site-background: hsl(212, 20%, 10%);--site-background-medium: hsl(212, 25%, 12%);--site-background-light: hsl(212, 50%, 12%);--menu-background: hsl(212, 15%, 15%);--menu-border: hsl(212, 35%, 35%);--active-tab-background: radial-gradient(ellipse 50% 50% at top center, hsl(212, 50%, 50%, .5), hsl(212, 50%, 50%, 0));--card-border: hsl(212, 33%, 21%);--card-border-light: hsl(212, 50%, 50%);--listcard-background: hsl(212, 25%, 12%);--listcard-background-transparent: hsl(212, 25%, 12%, .5);--listcard-background-light-transparent: hsl(212, 25%, 80%, .4);--sidebar-background-transparent: hsl(212, 25%, 12%, .8);--indicator-background: hsl(212, 45%, 27%);--textbox-background: radial-gradient(ellipse 400px 250px at 30% 100px, hsl(212, 63%, 17%), hsl(212, 50%, 12%));--textbox-sidebar-background: linear-gradient(to right, hsl(212, 50%, 50%, .12), hsl(212, 50%, 50%, 0) 50%);--box-shadow: 0 0 10px hsl(212, 33%, 21%);--box-shadow-dark: 0 0 20px hsl(212, 90%, 5%);--std-content-max-width: 950px}*{box-sizing:border-box}html{height:100%}body{background-color:var(--site-background);color:var(--color-primary);margin:0;font-family:Titillium Web,serif;min-height:100%;display:flex;flex-direction:column}app-root{flex-grow:1;display:flex;flex-direction:column}main{isolation:isolate;padding:0;flex-grow:1}hr{border:0;height:1px;background:linear-gradient(to right,rgba(255,255,255,.1),rgba(255,255,255,.3),rgba(255,255,255,.1))}a{text-decoration:none;color:#4da0ff;-webkit-text-decoration-color:hsl(212,100%,65%);text-decoration-color:#4da0ff}a *{-webkit-text-decoration-color:inherit;text-decoration-color:inherit}a.destructive{color:#c32222}a:hover{text-decoration:underline}input[type=text],input[type=email],textarea{background-color:#3b3b3b;color:inherit;border:1px solid hsl(212,0%,23%);padding:5px}input[type=text],input[type=email]{width:100%;max-width:300px}textarea{height:10em;width:90%;width:calc(100% - 12px)}input[type=text]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:#888;font-style:italic}a.button{text-decoration:none;font-size:.8em}button[type=button],a.button{background:linear-gradient(to bottom,hsl(212,0%,27%),hsl(212,0%,20%));border:1px solid hsl(212,0%,30%);border-radius:5px;color:inherit;padding:5px}button[type=button]:active,a.button:active{background:linear-gradient(to bottom,hsl(212,0%,25%),hsl(212,0%,20%))}input[type=submit],button[type=submit],button[type=button].next,a.button.next{background:linear-gradient(to bottom,hsl(212,40%,45%),hsl(212,40%,35%));border:1px solid hsl(212,0%,20%);border-radius:8px;color:inherit;padding:10px 20px}input[type=submit]:active,button[type=submit]:active,button[type=button].next:active,a.button.next:active{background:linear-gradient(to bottom,hsl(212,40%,40%),hsl(212,40%,35%))}input[type=submit].destructive,button[type=submit].destructive,a.button.destructive{background:linear-gradient(to bottom,hsl(0,70%,45%),hsl(0,70%,35%))}input[type=submit].destructive:active,button[type=submit].destructive:active,a.button.destructive:active{background:linear-gradient(to bottom,hsl(0,70%,40%),hsl(0,70%,35%))}input[type=submit].destructive:disabled,button[type=submit].destructive:disabled,a.button.destructive:disabled{background:linear-gradient(to bottom,hsl(0,70%,20%),hsl(0,70%,15%))}select{background-color:#3b3b3b;color:inherit;border:none;padding:5px;width:200px;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none}.select-wrapper{position:relative;display:inline-block}.select-wrapper:before{content:"\25be";font-size:1em;position:absolute;right:10px;top:0;color:#bbb}@keyframes shake{0%{left:0}10%{left:100px}40%{left:-80px}60%{left:60px}80%{left:-40px}to{left:0}}.box{position:relative;padding:20px min(50px,3vw);max-width:800px;margin:10px auto;background-color:var(--listcard-background-transparent);border:1px solid var(--card-border)}.box .close{position:absolute;top:10px;right:10px;font-size:2rem;color:var(--color-primary);text-decoration:none}.box :where(h1,h2,h3,h4):first-child{margin-top:0}