@import "https://fonts.googleapis.com/css2?family=Cookie&family=DynaPuff:wght@400..700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Tiny5&display=swap";html,body{color:#cdd6f4;background-color:#1e1e2e;width:100%;margin:0;font-family:Noto Sans,sans-serif}div.download-group{flex-direction:row;gap:1em;display:flex}div.download-group .download{color:#1e1e2e;border-radius:1em;padding:1em .75em;text-decoration:none;transition:background-color .25s ease-in-out}div.download-group .download.firefox{background-color:#fab387}div.download-group .download.firefox:hover{background-color:#fde2d0}div.download-group .download.chrome{background-color:#89dceb}div.download-group .download.chrome:hover{background-color:#caeff6}header{box-sizing:border-box;background-color:#313244;flex-direction:row;justify-content:space-between;padding:1em;display:flex}header h1{margin:0;font-size:2em}header div.auth{justify-self:end;align-items:center;gap:1em;display:flex}header div.auth img{border-radius:50%;width:48px;height:48px}header .button{height:fit-content;color:inherit;background-color:#11111b;border-radius:2em;padding:.5em 1em;text-decoration:none}header .button:hover{background-color:#6c7086}main{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;padding:1em;display:flex}div.customization-block{grid-template:1fr/1fr 1fr;gap:1em;display:grid}div.customization-block .font-group{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:3em;gap:1em;display:grid}div.customization-block .font-group button{color:#cdd6f4;cursor:pointer;background-color:#11111b;border:1px solid #6c7086;border-radius:.25em;transition:all .1s ease-in-out}div.customization-block .font-group button:hover{background-color:#313244}div.customization-block form{grid-template-columns:1fr;grid-auto-rows:max-content;gap:1em;display:grid}div.customization-block label{align-items:center;gap:1em;display:flex}div.customization-block label input{flex-grow:1}div.customization-block .username-example{grid-template:"title title"min-content". ."1fr/1fr 1fr;display:grid}div.customization-block .username-example h2{text-align:center}div.customization-block .username-example .example-container{height:fit-content;padding:1em}div.customization-block .username-example .light-box{color:#000;background-color:#fff}div.customization-block .username-example .dark-box{color:#efeff1;background-color:#18181b}div.customization-block .name-display{font-weight:700}div.customization-block .gradient-group.disabled{-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;filter:brightness(50%)}div.customization-block .steps{width:100%;height:3em}