@import url("https://fonts.googleapis.com/css2?family=Avenir+Next:wght@400;500;600;700&family=Fira+Code:wght@400;700&family=Fira+Mono:wght@400;700&family=Manrope:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap");:root{--font-base:"Avenir Next","Manrope",sans-serif;--font-mono:"Fira Code","Fira Mono","Roboto Mono",monospace;--h:180;--s:2%;--l:20%;--color-bg:#0a0a0a;--color-grey-100:#fff;--color-grey-300:#e4e7e7;--color-grey-400:#c9cfcf;--color-grey-500:#9ea9a9;--color-grey-700:#7a8484;--color-grey-900:#3b4040;--color-grey-950:#272a2a;--color-primary:hsl(var(--h),var(--s),var(--l));--shadow-md:rgba(0,0,0,.1) 0px 20px 25px -5px,rgba(0,0,0,.04) 0px 10px 10px -5px;--shadow-lg:rgba(0,0,0,.25) 0px 25px 50px -12px;--rounded-sm:0.5rem;--rounded-md:1.5rem}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}#__next,body,html{min-height:100%!important;height:100%}body{min-height:100%;font-family:var(--font-base);background-color:var(--color-bg);color:var(--color-grey-100)}code,pre{font-family:var(--font-mono)}code{background-color:var(--color-grey-950);padding:.25rem .5rem;margin:0 .25rem;border-radius:.4rem;font-size:.875rem}code:after,code:before{content:"`"}li,ul{list-style-position:inside}header{position:fixed;width:100%;background-color:#000;border-bottom:1px solid #ababab}option{color:var(--color-bg)}.main{display:grid;place-items:center;min-height:100%;background:var(--color-bg);color:var(--color-grey-100)}.wrapper{position:absolute;width:90%;top:5rem}.footer{display:flex;justify-content:center;align-items:center;padding:.5rem;background-color:hsla(var(--h),var(--s),22%,.5);border-top:1px solid hsl(var(--h),var(--s),20%);font-size:.875rem;white-space:pre;color:var(--color-grey-900)}.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;min-width:90vw;display:grid}.main h1{font-size:1.75rem;font-weight:600}.button{display:inline-flex;vertical-align:bottom;align-items:center;justify-content:center;gap:.375rem;padding:.375rem;margin:.25rem;font-size:1.5rem;border-radius:var(--rounded-sm);background-color:hsl(var(--h),var(--s),20%);border:1px solid hsl(var(--h),var(--s),22%);color:inherit;line-height:1;box-shadow:var(--shadow-md);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s}.button,.highlight{position:relative}.highlightSelected{z-index:5}.highlightSelected:after{opacity:.5!important}.highlight:after{opacity:0;transition:opacity .2s;position:absolute;content:"";top:0;left:0;right:0;z-index:-1;height:100%;width:100%;filter:blur(15px);background:linear-gradient(95deg,#7baff3,#3f8ef6,#0b2c56,#4e70d0);background-size:200% 200%;animation:animateGlow 5s linear infinite}.button:hover{background-color:hsl(var(--h),var(--s),30%);border:1px solid hsl(var(--h),var(--s),32%);color:var(--color-grey-100)}.heading{font-family:Poppins,sans-serif}.header{justify-content:space-between;padding:1rem 1rem 1.75rem}.header,.header .buttons{display:flex;align-items:center}.header .buttons{gap:.5rem}.backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:4;pointer-events:none;background:hsla(0,0%,4%,.75);transition:opacity .2s}@keyframes animateGlow{0%{background-position:0 50%}to{background-position:200% 50%}}.mainContent{flex-grow:1;padding:1rem}.form{display:flex;flex-direction:column}