@import "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("data:image/svg+xml,%3csvg%20width='1600'%20height='600'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%200h1600v600H0V0z'%20fill='%23FFF9F5'/%3e%3cmask%20id='a'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='1600'%20height='600'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%200h1600v600H0V0z'%20fill='%23fff'/%3e%3c/mask%3e%3cg%20mask='url(%23a)'%3e%3cpath%20d='M1095.39%20639.616c143.1%20221.991%2053.73%20519.384-188.014%20625.614L-1543%202342%20448.183%20552.912c196.441-176.499%20504.103-135.286%20647.207%2086.704z'%20fill='url(%23paint0_linear)'/%3e%3cpath%20d='M431.718-100.449C637.065%2065.672%20645.102%20376.147%20448.619%20552.67L-1543%202342-210.304%2019.622C-78.826-209.492%20226.371-266.57%20431.718-100.449z'%20fill='url(%23paint1_linear)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear'%20x1='454.5'%20y1='484'%20x2='849.05'%20y2='927.778'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFDDBF'%20stop-opacity='0'/%3e%3cstop%20offset='1'%20stop-color='%23FFDDBF'%20stop-opacity='.32'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear'%20x1='-128.5'%20y1='20'%20x2='452.162'%20y2='577.332'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFDDBF'%20stop-opacity='.24'/%3e%3cstop%20offset='1'%20stop-color='%23FBF4EE'%20stop-opacity='.48'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-size:100% 100%;margin:0;font-family:DM Sans,sans-serif;font-size:1rem}header{text-align:center;margin:2rem 0;padding:2rem 0;font-size:3rem;font-weight:700}@media (width<=740px){header{margin:2rem 0 0;padding:1.5rem 0 1rem;font-size:2rem}}h3{text-align:center;padding:1rem 2rem 0}button{cursor:pointer}.pass-section{flex-wrap:wrap;justify-content:center;gap:2rem;margin:4rem 2rem;display:flex}@media (width<=740px){.pass-section{margin:1rem 1.5rem}}.password-box{box-sizing:border-box;background-color:#fff;border:1px solid #cecece;border-radius:25px;align-items:center;width:50%;height:3.5rem;padding:0 1rem;display:flex}#password-text{word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.security-badge{color:#fff;text-transform:uppercase;letter-spacing:.4ch;word-break:keep-all;text-align:center;border-radius:7px;flex-shrink:0;margin-left:auto;padding:.5rem;font-size:.6rem;font-weight:700}.generate-icon{cursor:pointer;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNjMyODEgNC43ODRMNi4xMzI4MSAxMC4wNzE1TTYuMTMyODEgMTAuMDcxNUwxMS41NzAzIDguNzIxNDhNNi4xMzI4MSAxMC4wNzE1QzYuOTA4NjUgNi43NzQxIDkuOTc5NTYgNC41MjE0OCAxMy4zMzI3IDQuNTIxNDhDMTcuNDQyIDQuNTIxNDggMjAuODMyNyA3LjkwODk5IDIwLjgzMjcgMTIuMDIxNUMyMC44MzI3IDE2LjEwNzYgMTcuNDE4OSAxOS41MjE0IDEzLjMzMjcgMTkuNTIxNEM5Ljk0NjggMTkuNTIxNCA2LjgxMjA4IDE3LjE1MzIgNi4wNTc3MyAxMy44MjE0IiBzdHJva2U9IiMwNzFEMkIiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) 50% no-repeat;border:0;min-width:2rem;min-height:2rem;margin-left:1rem}.copy-btn{color:#fff;box-sizing:border-box;letter-spacing:.3ch;background-color:#00f;border:none;border-radius:25px;min-height:3.5rem;padding:0 2rem;font-weight:700}.copy-btn:hover{background-color:navy}@media (width<=740px){.copy-btn,.password-box{width:100%}}.length-section{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin:2rem;display:flex}@media (width<=740px){.length-section{margin:1rem 1.5rem}}.length-text{text-align:left;justify-content:center;align-items:center;gap:2rem;min-width:20%;margin:0 3rem;display:flex}.length-control{box-sizing:border-box;gap:2rem;min-width:30%;display:flex}@media (width<=740px){.length-control{gap:1rem}}.round-btn{cursor:pointer;box-sizing:border-box;border:1px solid #000;border-radius:50%;width:2.5rem;height:2.5rem;display:flex}.round-btn img{padding:.5rem}.character-section{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;margin:3rem 2rem;display:flex}.character-text{justify-content:center;align-items:center;gap:2rem;min-width:13%;margin:0 3rem;display:flex}.character-select{box-sizing:content-box;flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:1.2rem;font-weight:700;display:flex}@media (width<=749px){.character-select{gap:auto;box-sizing:border-box;flex-wrap:nowrap;font-size:1rem}}.section-title{font-size:1.2rem}#length-output{font-size:1.375rem;font-weight:700}.pass-phrase{justify-content:center;align-items:center;gap:2rem;margin:0 auto;display:flex}input[type=range]{-webkit-appearance:none;-moz-appearance:none;cursor:pointer;background:0 0;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;cursor:pointer;z-index:100;background:#fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDEyTDE3IDcuODk3NDRMMTMgNCIgc3Ryb2tlPSIjMjYxQzZBIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik01IDRMMSA4LjEwMjU2TDUgMTIiIHN0cm9rZT0iIzI2MUM2QSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) 50% no-repeat;border:1px solid #0070f6;border-radius:50%;width:2.5rem;height:2.5rem;margin-top:-18px;box-shadow:0 1px 2px #00000040}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;cursor:pointer;z-index:100;background:#fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDEyTDE3IDcuODk3NDRMMTMgNCIgc3Ryb2tlPSIjMjYxQzZBIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik01IDRMMSA4LjEwMjU2TDUgMTIiIHN0cm9rZT0iIzI2MUM2QSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) 50% no-repeat;border:1px solid #0070f6;border-radius:50%;width:2.5rem;height:2.5rem;margin-top:-18px;box-shadow:0 1px 2px #00000040}.character-box{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding-left:1.8rem;display:flex;position:relative}.character-box input{opacity:0;cursor:pointer;width:0;height:0}.checkmark{background-color:#fff;border:1px solid #000;border-radius:5px;width:1.3rem;height:1.3rem;position:absolute;left:0;box-shadow:inset 0 2px 4px #aeaeae}.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{content:"";border:2px solid #272727;border-width:0 2px 2px 0;width:4px;height:10px;display:none;position:absolute;top:3px;left:8px;transform:rotate(45deg)}.character-box input:checked~.checkmark:after{display:block}[tooltip]{position:relative}[tooltip]:before,[tooltip]:after{opacity:0;margin-top:8px;transition:all .25s;position:absolute;top:100%;left:50%}[tooltip]:before{content:"";border:6px solid #0000;border-top-width:4px;border-bottom:4px solid #00f;transform:translate(-50%)translateY(-100%)}[tooltip]:after{content:attr(tooltip);text-align:center;color:#fff;pointer-events:none;background:#00f;border-radius:20px;min-width:80px;padding:6px 8px;font-size:12px;transform:translate(-50%)translateY(0)}[tooltip].copied:after,[tooltip].copied:before{opacity:1}