:root{--body-bg-color-dark: #121212;--primary-color-dark: #1e1e1e;--secondary-color-dark: #1f80e0;--text-color-dark: #ffffff;--button-bg-color-dark: #1f80e0;--button-hover-color-dark: #1769aa;--notification-bg-color-dark: #4caf50;--notification-text-color-dark: #ffffff;--option-checked-color-dark: #ffab00;--color-name-dark: #f9a600;--body-bg-color-light: #ffffff;--primary-color-light: #f5f5f5;--secondary-color-light: #1976d2;--text-color-light: #212121;--button-bg-color-light: #1976d2;--button-hover-color-light: #1565c0;--notification-bg-color-light: #4caf50;--notification-text-color-light: #ffffff;--option-checked-color-light: #ffab00;--color-name-light: #4c00ff}body{display:flex;align-items:center;justify-content:center;margin:0;min-height:100vh;background-color:var(--body-bg-color);color:var(--text-color);font-family:Roboto,sans-serif;-webkit-user-select:none;user-select:none;transition:all .8s}.password-generator{width:90%;max-width:500px;padding:2rem;margin:auto;background-color:var(--primary-color);border-radius:8px;box-shadow:0 4px 6px #0003}@media (min-width: 768px){.password-generator{width:75%}}.password{width:100%;padding:1rem;margin-bottom:1rem;border:none;outline:none;border-radius:4px;background-color:var(--secondary-color);color:var(--text-color);text-align:center;font-size:1rem}.password::placeholder{color:#c2b8b8}@media (min-width: 768px){.password{font-size:1.25rem}}.range-container{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;margin-bottom:1rem;background-color:var(--primary-color);border-radius:5px}.range-container span{margin:0 3px}.range-input{width:100%;accent-color:var(--button-bg-color)}@media (max-width: 600px){.range-container{padding:.75rem}.range-input{width:65%}}.button{width:100%;padding:1rem;margin-bottom:1rem;border:none;border-radius:4px;background-color:var(--button-bg-color);color:var(--text-color);text-align:center;font-size:1rem;cursor:pointer;transition:background-color .3s}.button:hover:not(:disabled){background-color:var(--button-hover-color)}.button:disabled{background-color:#616161;cursor:not-allowed}@media (max-width: 600px){.button{font-size:.9rem;padding:.75rem}}#button-copy{margin-top:1rem}@media (max-width: 600px){#button-copy{margin-top:.5rem}}.options-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.input-field{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--secondary-color);border-radius:4px;width:48%}.input-checkbox{display:none}.option-label{display:flex;align-items:center;width:115px;height:40px;background-color:#333;border-radius:20px;position:relative;transition:background-color .3s}.option-label:after{content:"";position:absolute;left:8px;width:30px;height:30px;background-color:#fff;border-radius:50%;transition:transform .3s}.input-checkbox:checked+.option-label{background-color:var( --option-checked-color )}.input-checkbox:checked+.option-label:after{transform:translate(35px)}@media (max-width: 600px){.input-field{width:100%;padding:.75rem}.option-label{width:80px}}.copy-message{background-color:var(--notification-bg-color);color:var(--notification-text-color)}.copy-message:hover:not(:disabled){background-color:var(--notification-bg-color)}@media (max-width: 600px){.copy-message{font-size:.9rem}}.theme-toggler{cursor:pointer;position:relative;right:-90%;top:-15px;font-size:25px;text-align:center;height:35px;width:35px;background-color:#fff;border-radius:50%;padding-top:3px}.light-modeSun{background-color:var(--body-bg-color-dark)}.footers{text-align:center;border-radius:7px}.footers p{color:var(--text-color);margin:0;line-height:30px}.developer{color:var(--color-name)}.footers p a{text-decoration:none}.developer:hover{text-decoration:underline}.language-change{cursor:pointer}body.dark-mode{--body-bg-color: var(--body-bg-color-dark);--primary-color: var(--primary-color-dark);--secondary-color: var(--secondary-color-dark);--text-color: var(--text-color-dark);--button-bg-color: var(--button-bg-color-dark);--button-hover-color: var(--button-hover-color-dark);--notification-bg-color: var(--notification-bg-color-dark);--notification-text-color: var(--notification-text-color-dark);--option-checked-color: var(--option-checked-color-dark);--color-name: var(--color-name-dark)}body.light-mode{--body-bg-color: var(--body-bg-color-light);--primary-color: var(--primary-color-light);--secondary-color: var(--secondary-color-light);--text-color: var(--text-color-light);--button-bg-color: var(--button-bg-color-light);--button-hover-color: var(--button-hover-color-light);--notification-bg-color: var(--notification-bg-color-light);--notification-text-color: var(--notification-text-color-light);--option-checked-color: var(--option-checked-color-light);--color-name: var(--color-name-light)}*{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;position:relative}main{display:block}:where(h1){font-size:2em;margin-block:.67em}h1{font-size:2em;margin:.67em 0}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}hr{box-sizing:content-box;height:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a::-moz-selection,blockquote::-moz-selection,br::-moz-selection,cite::-moz-selection,em::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection,img::-moz-selection,label::-moz-selection,li::-moz-selection,p::-moz-selection,span::-moz-selection,strong::-moz-selection,td::-moz-selection,th::-moz-selection,time::-moz-selection,tr::-moz-selection{background-color:#ff0;color:#000}a::selection,blockquote::selection,br::selection,cite::selection,em::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection,img::selection,label::selection,li::selection,p::selection,span::selection,strong::selection,td::selection,th::selection,time::selection,tr::selection{background-color:#ff0;color:#000}img{max-width:100%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}