#root{max-width:1280px;margin:0 auto}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-VariableFont_wght-Db5mdcFk.ttf) format("truetype")}@font-face{font-family:JetBrainsMono Italic;src:url(/assets/JetBrainsMono-Italic-VariableFont_wght-BA9CdBEB.ttf) format("truetype");font-style:italic}.heading-large{font-family:JetBrains Mono;font-weight:700;font-size:var(--font-size-lg);line-height:var(--font-lineHeight-lg)}.heading-medium{font-family:JetBrains Mono;font-weight:700;font-size:var(--font-size-md);line-height:var(--font-lineHeight-md)}.body{font-family:JetBrains Mono;font-weight:700;font-size:var(--font-size-body);line-height:var(--font-lineHeight-body)}.container{display:flex;flex-direction:column;gap:var(--gap)}.body-container{box-sizing:border-box;background-color:var(--color-dark-gray)}.body-padding{margin:var(--spacing-box-xl);display:flex;flex-direction:column;gap:calc(var(--gap) + 1em)}@media only screen and (max-width: 600px){.body-padding{margin:var(--spacing-box-sm)}}.checkbox-container{display:flex;flex-direction:column;gap:var(--gap);width:100%}.input-container{width:100%;display:flex;background-color:var(--color-dark-gray);align-items:center}.custom-input{border:unset;background-color:inherit;display:flex;min-height:var(--input-size);color:var(--color-almost-white);padding-left:var(--spacing-box-xl-vertical);width:90%;border:var(--border-size) solid var(--color-dark-gray)}.input-container-hovered{border:var(--border-size) solid var(--color-neon-gren)}.custom-input:focus-visible{border:unset;outline:unset}.icon-container{all:unset;padding-right:var(--spacing-box-xl-vertical);display:flex;align-items:center;gap:var(--spaceing-icon)}.icon-container:active{transform:scale(1.1)}.copied-text{color:var(--color-neon-gren);transition:opacity .5s ease;opacity:0;transform:translate(10%);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.copied-text.visible{opacity:1;transform:translate(0)}.icon-container:hover .copy-icon{fill:var(--color-almost-white)}.custom-input::placeholder{font-family:JetBrains Mono;font-weight:700;font-size:var(--font-size-lg)}.button-container{border:unset;width:100%;min-height:var(--min-button-size);color:var(--color-dark-gray);background-color:var(--color-neon-gren);display:flex;align-items:center;justify-content:center;border:var(--border-size) solid var(--color-neon-gren);text-decoration:unset;gap:var(--gap)}.button-container:hover{border:var(--border-size) solid var(--color-neon-gren);background-color:var(--color-very-dark-gray);color:var(--color-neon-gren)}.arrow-icon{transform:scale(1.5);fill:var(--color-very-dark-gray)}.button-container:hover .arrow-icon{fill:var(--color-neon-gren)}.button-container:active{transform:scale(1.04)}.slider-container{width:100%;background-color:var(--color-dark-gray)}.slider-value{color:var(--color-neon-gren);line-height:13px}.slider-header{display:flex;align-items:center;justify-content:space-between}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;outline:none;-webkit-transition:.2s;transition:opacity .2s}.slider::-webkit-slider-runnable-track{color:#8a2be2}.slider::-webkit-slider-thumb:hover{background:var(--color-very-dark-gray);border:var(--border-size) solid var(--color-neon-gren);transform:scale(1.2)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;background:var(--color-almost-white);border-radius:100%;cursor:pointer}.indicator-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--color-very-dark-gray);padding:0 var(--spacing-box-xl-vertical)}.strenght-container{display:flex;align-items:center;justify-content:space-around;gap:var(--gap)}.indicator-heading{color:var(--color-gray)}@media only screen and (max-width: 600px){.indicator-heading{font-size:12px}.strenght-text{font-size:18px}.indicator-container{padding:0 --spacing-box-sm-vertical}}.indicator-size{width:8pt;height:16pt}.strenght-indicator-container{display:flex;gap:calc(var(--gap) - .2em)}@media only screen and (max-width: 600px){.indicator-size{width:4pt;height:10pt}}.strenght-indicator{border:var(--border-size) solid var(--color-almost-white)}.strenght-indicator-red{background-color:var(--color-red);border:var(--border-size) solid var(--color-red)}.strenght-indicator-orange{background-color:var(--color-orange);border:var(--border-size) solid var(--color-orange)}.strenght-indicator-yellow{background-color:var(--color-yellow);border:var(--border-size) solid var(--color-yellow)}.strength-indicator-green{background-color:var(--color-neon-gren);border:var(--border-size) solid var(--color-neon-gren)}.custom-checkbox{display:flex;align-items:center}.checkbox{width:var(--checkbox-size);height:var(--checkbox-size);border:var(--border-size) solid var(--color-almost-white);border-radius:var(--checkbox-radius);cursor:pointer;display:flex;justify-content:center;align-items:center;margin-right:calc(var(--spacing-box-sm-horizontal) - 10px)}.checkbox:hover{border:var(--border-size) solid var(--color-neon-gren)}.checkbox.checked{background-color:var(--color-neon-gren);border:var(--border-size) solid var(--color-neon-gren)}:root{max-width:1280px;margin:0 auto;--color-gray: #817d92;--color-dark-gray: #24232c;--color-almost-white: #e6e5ea;--color-very-dark-gray: #18171f;--color-neon-gren: #a4ffaf;--color-red: #f64a4a;--color-orange: #fb7c58;--color-yellow: #f8cd65;--spacing-box-xl: 34px 32px;--spacing-box-sm: 14px 12px;--spacing-box-sm-vertical: 12px;--spacing-box-xl-vertical: 32px;--spacing-box-sm-horizontal: 34px;--spacing-box-xl-horizontal: 14px;--spaceing-icon: 16px;--min-button-size: 64px;--border-size: 2px;--checkbox-size: 20px;--checkbox-radius: 4px;--input-size: 80px;--font-size-lg: 32px;--font-size-md: 24px;--font-size-body: 18px --font-lineHeight-lg: 43px;--font-lineHeight-md: 32px;--font-lineHeight-body: 23px;--gap: 1em}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--color-very-dark-gray);color:var(--color-almost-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100vh;overflow:hidden;display:flex;align-items:center}@media only screen and (max-width: 375px){body{overflow-y:scroll;display:block}}@media (max-width: 767px){body{height:unset}}