@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff9f4;background-image:url(/static/media/bg.1104ecc1615041d32a93.svg);background-size:100% 100%;font-family:DM Sans,sans-serif;font-size:1rem;margin:0}header{font-size:3rem;font-weight:700;margin:2rem 0;padding:2rem 0;text-align:center}@media (max-width:740px){header{font-size:2rem;margin:2rem 0 0;padding:1.5rem 0 1rem}}h3{padding:1rem 2rem 0;text-align:center}button{cursor:pointer}.pass-section{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:4rem 2rem}@media (max-width:740px){.pass-section{margin:1rem 1.5rem}}.password-box{align-items:center;background-color:#fff;border:1px solid #cecece;border-radius:25px;box-sizing:border-box;display:flex;height:3.5rem;padding:0 1rem;width:50%}#password-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.security-badge{border-radius:7px;color:#fff;flex-shrink:0;font-size:.6rem;font-weight:700;letter-spacing:.4ch;margin-left:auto;padding:.5rem;text-align:center;text-transform:uppercase;word-break:keep-all}.generate-icon{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuNjMzIDQuNzg0IDEuNSA1LjI4OG0wIDAgNS40MzctMS4zNW0tNS40MzcgMS4zNWMuNzc2LTMuMjk4IDMuODQ3LTUuNTUgNy4yLTUuNTUgNC4xMDkgMCA3LjUgMy4zODcgNy41IDcuNSAwIDQuMDg2LTMuNDE0IDcuNS03LjUgNy41LTMuMzg2IDAtNi41Mi0yLjM2OS03LjI3NS01LjciIHN0cm9rZT0iIzA3MUQyQiIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat 50%;border:0;cursor:pointer;margin-left:1rem;min-height:2rem;min-width:2rem}.copy-btn{background-color:blue;border:none;border-radius:25px;box-sizing:border-box;color:#fff;font-weight:700;letter-spacing:.3ch;min-height:3.5rem;padding:0 2rem}.copy-btn:hover{background-color:navy}@media (max-width:740px){.copy-btn,.password-box{width:100%}}.length-section{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem}@media (max-width:740px){.length-section{margin:1rem 1.5rem}}.length-text{align-items:center;display:flex;gap:2rem;justify-content:center;margin:0 3rem;min-width:20%;text-align:left}.length-control{box-sizing:border-box;display:flex;gap:2rem;min-width:30%}@media (max-width:740px){.length-control{gap:1rem}}.round-btn{border:1px solid #000;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;height:2.5rem;width:2.5rem}.round-btn img{padding:.5rem}.character-section{flex-wrap:wrap;gap:3rem;margin:3rem 2rem}.character-section,.character-text{align-items:center;display:flex;justify-content:center}.character-text{gap:2rem;margin:0 3rem;min-width:13%}.character-select{box-sizing:initial;display:flex;flex-wrap:wrap;font-size:1.2rem;font-weight:700;gap:1.5rem;justify-content:center}@media (max-width:749px){.character-select{box-sizing:border-box;flex-wrap:nowrap;font-size:1rem;gap:auto}}.section-title{font-size:1.2rem}#length-output{font-size:1.375rem;font-weight:700}.pass-phrase{align-items:center;display:flex;gap:2rem;justify-content:center;margin:0 auto}input[type=range]{-webkit-appearance:none;-moz-appearance:none;background:transparent;cursor:pointer;width:15rem}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background-color:#0070f6;border:none;border-radius:2px;height:.25rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEzIDEyIDQtNC4xMDNMMTMgNE01IDQgMSA4LjEwMyA1IDEyIiBzdHJva2U9IiMyNjFDNkEiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) no-repeat 50%;border:1px solid #0070f6;border-radius:50%;box-shadow:0 1px 2px 0 rgba(0,0,0,.25);cursor:pointer;height:2.5rem;margin-top:-18px;width:2.5rem;z-index:100}input[type=range]::-moz-range-track{-moz-appearance:none;background-color:#053a5f;border:none;border-radius:2px;height:.25rem}input[type=range]::-moz-range-thumb{-moz-appearance:none;background:#fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEzIDEyIDQtNC4xMDNMMTMgNE01IDQgMSA4LjEwMyA1IDEyIiBzdHJva2U9IiMyNjFDNkEiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) no-repeat 50%;border:1px solid #0070f6;border-radius:0;border-radius:50%;box-shadow:0 1px 2px 0 rgba(0,0,0,.25);cursor:pointer;height:2.5rem;margin-top:-18px;width:2.5rem;z-index:100}.character-box{align-items:center;cursor:pointer;display:flex;justify-content:center;padding-left:1.8rem;position:relative;-webkit-user-select:none;user-select:none}.character-box input{cursor:pointer;height:0;opacity:0;width:0}.checkmark{background-color:#fff;border:1px solid #000;border-radius:5px;box-shadow:inset 0 2px 4px #aeaeae;height:1.3rem;left:0;position:absolute;width:1.3rem}.character-box:hover input~.checkmark{background-color:#eee}.character-box input:checked~.checkmark{border:1px solid #0070f6}.character-box input:focus~.checkmark{border:1px solid #0070f6;box-shadow:0 0 0 4px #c9d7f5,inset 0 2px 4px #aeaeae}.checkmark:after{border:1px solid #272727;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:8px;position:absolute;top:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:4px}.character-box input:checked~.checkmark:after{display:block}[tooltip]{position:relative}[tooltip]:after,[tooltip]:before{left:50%;margin-top:8px;opacity:0;position:absolute;top:100%;transition:all .25s ease}[tooltip]:before{border-color:transparent transparent blue;border-style:solid;border-width:4px 6px;content:"";-webkit-transform:translateX(-50%) translatey(-100%);transform:translateX(-50%) translatey(-100%)}[tooltip]:after{background:blue;border-radius:20px;color:#fff;content:attr(tooltip);font-size:12px;min-width:80px;padding:6px 8px;pointer-events:none;text-align:center;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}[tooltip]:focus:after,[tooltip]:focus:before{opacity:1}
/*# sourceMappingURL=main.73413cc8.css.map*/