@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"https://fonts.googleapis.com/icon?family=Material+Icons+Outlined";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";:root{--title-font: "Raleway", sans-serif;--regular-font: "Fira Sans", sans-serif;--code-font: "Fira Code", monospace;--highlight-font: "Quicksand", "Fira Sans", sans-serif;--font-color-dark: #333;--font-color-light: #fff;--default-spacing-x: .75rem;--default-spacing-y: .5rem;--default-spacing: var(--default-spacing-y) var(--default-spacing-x);--highlight-color: hsl(217, 71%, 55%);--highlight-color-darker: hsl(217, 71%, 42.5%);--highlight-color-lighter: hsl(217, 71%, 92.5%);--default-shadow: .125rem .25rem .5rem rgba(0, 0, 0, .5);--default-border-radius: .375rem;--default-contained-width: min(90vw, 45rem);--breakpoint-xs: 576px;--breakpoint-sm: 768px;--breakpoint-md: 992px;--breakpoint-lg: 1200px;--breakpoint-xl: 1440px}*{position:relative;box-sizing:border-box;scrollbar-width:thin;z-index:0}*::-webkit-scrollbar{width:.5rem}@media screen and (max-width:767px){*{scrollbar-width:none}*::-webkit-scrollbar{width:0}}*.blink{animation:blink 1.25s infinite ease}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}*.fade-in{animation:fade-in .5s 1 ease}@keyframes fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}html,body,main,#app{width:100vw;height:min(100vh,100%);overflow:hidden}html{font-size:16px;line-height:1.2em}@media screen and (min-width:1440px){html{font-size:20px}}@media screen and (max-width:991px){html{font-size:15px}}@media screen and (max-width:575px){html{font-size:14px}}body,button,input,textarea{color:var(--font-color-dark);font-size:1rem;font-family:var(--regular-font)}body{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--title-font);letter-spacing:.125em}h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter{color:var(--highlight-color)}button{border:none;outline:none}button:not(:disabled){cursor:pointer;z-index:1}code,pre{font-family:var(--code-font)}.highlighted-text{font-family:var(--highlight-font);color:var(--highlight-color)}.default-btn{display:flex;align-items:center;gap:calc(var(--default-spacing-x) / 3);height:2rem;border:none;outline:none;overflow:hidden;padding:var(--default-spacing);background-color:var(--highlight-color);text-decoration:none;color:var(--font-color-light);transition:background-color .2s,filter .2s}.default-btn:not(:disabled):hover{background-color:var(--highlight-color-darker)}.default-btn:disabled{filter:brightness(175%)}.default-btn>.material-icons{font-size:1rem}.default-btn>.material-icons.compact{font-size:.75rem}.default-btn>.material-icons,.default-btn>.material-icons.prepend{margin-right:-.125rem;margin-left:0}.default-btn>.material-icons.append{margin-right:0;margin-left:-.125rem}.pill-btn{border-radius:1rem}.text-box{background-color:#ffffffbf;-webkit-backdrop-filter:blur(.0625rem);backdrop-filter:blur(.0625rem);padding:var(--default-spacing);border-radius:var(--default-border-radius);line-height:1.5rem}.elevated{box-shadow:var(--default-shadow)}