@import url(https://use.typekit.net/isp8ayw.css);:root{--font-base:"Halcom",sans-serif;--font-mono:"Fira Code","Fira Mono","Roboto Mono",monospace;--h:180;--s:2%;--l:20%;--color-bg:#111;--color-primary:hsl(var(--h),var(--s),var(--l));--shadow-md:#0000001a 0px 20px 25px -5px,#0000000a 0px 10px 10px -5px;--shadow-lg:#00000040 0px 25px 50px -12px;--rounded-sm:0.5rem;--rounded-md:1.5rem;--thumb-color:#fff;--thumb-background:#000}::-webkit-scrollbar{background-color:#000;background-color:var(--thumb-background);height:5px;width:5px}::-webkit-scrollbar-thumb{background:#fff;background:var(--thumb-color);border-radius:10px}::-webkit-scrollbar-corner{background-color:initial}*{box-sizing:border-box;margin:0;padding:0}html{background-color:#111;background-color:var(--color-bg);color:#fff;height:100%}body{margin:0 auto;max-width:100%;min-height:100%}body,input{font-family:Halcom,sans-serif;font-family:var(--font-base)}code,pre{font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono)}li,ul{list-style-position:inside}header{position:fixed;width:100%}::-webkit-calendar-picker-indicator{background-color:#fff}a{font-weight:700;text-decoration:none}.MuiSvgIcon-root,a{color:#fff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main{background:linear-gradient(to bottom,var(--color-bg),#0000,var(--color-bg)),radial-gradient(circle,#0000 0,var(--color-bg) 70%);display:grid;height:100%;place-items:center}.wrapper{background:hsl(var(--h),1%,10%);border:1px solid var(--color-primary);border-radius:var(--rounded-md);box-shadow:var(--shadow-lg);max-width:clamp(20rem,90%,40rem);position:relative}.wrapper:after{animation:animateGlow 5s linear infinite;background:linear-gradient(95deg,#7baff3,#3f8ef6,#0b2c56,#4e70d0);background-size:200% 200%;content:"";filter:blur(100px);height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:-1}.content{margin-top:1.5rem}.footer{align-items:center;background-color:hsla(var(--h),var(--s),22%,.5);border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:1px solid hsl(var(--h),var(--s),20%);color:var(--color-grey-700);display:flex;font-size:.875rem;justify-content:center;padding:.5rem;white-space:pre}.footer svg{margin-right:.25rem}.footer a{color:inherit;text-decoration:none;text-underline-offset:.125rem}.footer a:hover{color:var(--color-grey-500)}.footer svg:has(+a:hover){color:var(--color-grey-500)!important}.container{padding:2rem 2.25rem}.wrapper li{color:var(--color-grey-400);line-height:1.75}.wrapper li:not(:first-child){margin-top:1rem}.main h1{font-size:1.75rem;font-weight:600}span.button{align-items:center;background-color:hsl(var(--h),var(--s),20%);border:1px solid hsl(var(--h),var(--s),22%);border-radius:var(--rounded-sm);box-shadow:var(--shadow-md);color:inherit;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.375rem;justify-content:center;line-height:1;margin:0 .25rem;padding:.375rem .675rem;transition:all .1s;-webkit-user-select:none;user-select:none;vertical-align:bottom}.highlight,span.button{position:relative}.highlightSelected{z-index:5}.highlightSelected:after{opacity:.5!important}.highlight:after{animation:animateGlow 5s linear infinite;background:linear-gradient(95deg,#7baff3,#3f8ef6,#0b2c56,#4e70d0);background-size:200% 200%;content:"";filter:blur(15px);height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s;width:100%;z-index:-1}span.button:hover{background-color:hsl(var(--h),var(--s),30%);border:1px solid hsl(var(--h),var(--s),32%);color:var(--color-grey-100)}.header{justify-content:space-between;padding:1rem 1rem 1.75rem}.header,.header .buttons{align-items:center;display:flex}.header .buttons{gap:.5rem}.backdrop{background:#0a0a0abf;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s;z-index:4}@keyframes animateGlow{0%{background-position:0 50%}to{background-position:200% 50%}}
/*# sourceMappingURL=main.920c1a9f.css.map*/