@font-face{font-family:JetBrainsMono;src:url(/static/media/JetBrainsMono-VariableFont_wght.ebc33bd57e78956d75ad.ttf) format("truetype")}:root{--color-primary-black:#09080c;--color-primary:#23222a;--color-secodary:#807c92;--color-tertiary-green:#a3ffae;--color-light-white:#e7e6eb;--color-gray:(252,11%,91%)}html{font-size:62.5%;width:100%}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#09080c;background-color:var(--color-primary-black);font-family:JetBrainsMono,sans-serif;font-size:1.6rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;margin:0 auto;width:clamp(36rem,40vw,52rem)}.title{color:#807c92;color:var(--color-secodary);font-size:1.6rem;font-weight:700}.password-field{align-items:center;background-color:#23222a;background-color:var(--color-primary);display:flex;justify-content:space-between;padding:1.7rem}.password-field,.password-text{color:#e7e6eb;color:var(--color-light-white);width:100%}.password-text{font-size:2.4rem;font-weight:700}.password-text:empty:not(:focus):before{color:rgba(231,230,235,.25);content:attr(data-text);font-size:2.4rem;font-weight:700}.copy-state{color:#a3ffae;color:var(--color-tertiary-green);font-size:1.8rem;margin-right:1.6rem}.copy-icon:hover{cursor:pointer;-webkit-filter:brightness(10);filter:brightness(10)}.copy-icon:focus,.copy-icon:hover{cursor:pointer}@media screen and (min-width:768px){.title{font-size:2.4rem}.password-field{padding:2rem 3.2rem}.password-text{font-size:3.2rem}}.password-type{background-color:#23222a;background-color:var(--color-primary);color:#e7e6eb;color:var(--color-light-white);font-size:1.6rem;padding:1.6rem;width:100%}.length{grid-row-gap:2rem;align-items:center;display:grid;grid-template:3rem 1rem/1fr 4rem;row-gap:2rem}.label{font-size:1.6rem}.number{color:#a3ffae;color:var(--color-tertiary-green);font-size:2.4rem;font-weight:700;justify-self:end}.slider-range{-webkit-appearance:none;background-color:#09080c;background-color:var(--color-primary-black);grid-column:1/-1;height:.8rem;width:100%}.slider-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#e7e6eb;background-color:var(--color-light-white);border-radius:50%;cursor:pointer;height:2.8rem;width:2.8rem}.slider-range::-webkit-slider-thumb:hover{background-color:#09080c;background-color:var(--color-primary-black);border:2px solid #a3ffae;border:2px solid var(--color-tertiary-green)}@media screen and (min-width:768px){.password-type{font-size:1.8rem;padding:2.4rem 3.2rem}.number{font-size:3.2rem}}.checkboxes{padding-block:3rem}label{font-size:1.6rem;font-weight:700;text-transform:capitalize}.input-control{align-items:center;display:flex;gap:2rem;margin-bottom:1rem}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:initial;border:2px solid #d8d8d8;cursor:pointer;display:grid;font:inherit;height:2rem;margin:0;place-content:center;width:2rem}input[type=checkbox]:hover{border-color:#a3ffae}input[type=checkbox]:before{box-shadow:inset 1em 1em #000;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:.65em;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;transition:-webkit-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out;width:.65em}input[type=checkbox]:checked{background-color:#a3ffae;background-color:var(--color-tertiary-green);border-color:#a3ffae;border-color:var(--color-tertiary-green)}input[type=checkbox]:checked:before{-webkit-transform:scale(1);transform:scale(1)}.password-strength{align-items:center;background-color:#09080c;background-color:var(--color-primary-black);color:#fff;display:flex;font-weight:700;justify-content:space-between;margin-bottom:1.6rem;padding:1.7rem;text-transform:uppercase}.strength-title{color:#807c92;color:var(--color-secodary)}.strength{align-items:center;display:flex;gap:2rem;justify-content:space-between}.strength h4{font-size:1.8rem}.box{background-color:initial;border:2px solid #e7e6eb;border:2px solid var(--color-light-white);display:inline-block;height:2.8rem;width:1rem}.box+.box{margin-left:.8rem}.btn{background-color:#a3ffae;background-color:var(--color-tertiary-green);border:1px solid transparent;color:#09080c;color:var(--color-primary-black);cursor:pointer;font-size:1.6rem;font-weight:700;padding-block:1.8rem;text-transform:uppercase;width:100%}.btn img{margin-left:1rem}.btn:hover{background-color:#09080c;background-color:var(--color-primary-black);border-color:#a3ffae;border-color:var(--color-tertiary-green);color:#a3ffae;color:var(--color-tertiary-green)}.btn:hover img{-webkit-filter:invert(88%) sepia(28%) saturate(557%) hue-rotate(64deg) brightness(102%) contrast(101%);filter:invert(88%) sepia(28%) saturate(557%) hue-rotate(64deg) brightness(102%) contrast(101%)}@media screen and (min-width:768px){.strength h4{font-size:2.4rem}.btn{font-size:1.8rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.d11cd931.css.map*/