html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input::-webkit-calendar-picker-indicator{display:none!important}@font-face{font-family:GoogleSans;src:url(../assets/fonts/GoogleSans-VariableFont_GRAD,opsz,wght.ttf)format("truetype");font-weight:100 1000;font-style:normal;font-display:swap}:root{--william:#36656b;--william-RGB:54, 101, 107;--comfort-green:#75b06f;--comfort-green-RGB:117, 176, 111;--citrusy-mustard:#dad887;--citrusy-mustard-RGB:218, 216, 135;--citrusy-green-yellow:#f0f8a4;--citrusy-green-yellow-RGB:240, 248, 164;--dark-seafoam:#18b779;--white:#fff;--black:#000;scroll-behavior:smooth;color:var(--white);font-family:GoogleSans,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px}::selection{background-color:var(--william);color:var(--citrusy-green-yellow)}::selection{background-color:var(--william);color:var(--citrusy-green-yellow)}::-webkit-scrollbar{width:.62rem}::-webkit-scrollbar-track{background-color:var(--william)}::-webkit-scrollbar-thumb{background-color:rgb(var(--comfort-green-RGB),75%)}::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--comfort-green-RGB),100%)}*{box-sizing:border-box}body{background-color:var(--citrusy-green-yellow);flex-direction:column;align-content:space-between;height:100vh;display:flex}button,input{font:inherit}button:disabled,input:disabled{opacity:.5;cursor:not-allowed}header,footer{background-color:var(--william);padding:1rem}header{z-index:1;position:sticky;top:0}nav{justify-content:center;align-items:center;width:100%;display:flex}nav>#page-title{font-size:1.8rem;font-weight:700}.container{background-color:var(--comfort-green);width:60%}.splitter{background-color:var(--white);border:none;outline:none;width:100%;height:2px}.btn{cursor:pointer;background:var(--white);color:var(--comfort-green);-ms-border-radius:.42rem;-o-border-radius:.42rem;-o-transition:all .15s ease-out;border:none;border-radius:.42rem;flex-grow:1;justify-content:center;align-items:center;padding:.5rem;font-weight:700;transition:all .15s ease-out;display:flex}.btn:enabled:active{transform:scale(.98)}.hidden{visibility:hidden!important;display:none!important}#main-page.hidden,#saved-passwords-page.hidden{display:none}#menu{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;align-items:center;gap:6px;display:flex;position:sticky;left:100%}#menu>span{background:var(--white);-o-transition:all .15s ease-out;border:none;border-radius:500px;width:36px;height:6px;transition:all .15s ease-out;display:block}#menu>.close-line{transform-origin:50%;margin:0;transition:all .15s;position:absolute}#main-page{flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex}#inputs{-ms-border-radius:0 0 1.25rem 1.25rem;-o-border-radius:0 0 1.25rem 1.25rem;border-radius:0 0 1.25rem 1.25rem;flex-direction:column;justify-content:space-between;gap:1rem;padding:2rem 1rem;display:flex}#password-configurations{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}#password-configurations>input{-webkit-user-select:text;user-select:text;-ms-border-radius:.42rem;-o-border-radius:.42rem;-o-transition:all .15s ease-out;border:none;border-radius:.42rem;outline:none;flex-grow:1;justify-content:center;align-items:center;padding:.24rem;transition:all .15s ease-out;display:flex}#password-configurations>input::placeholder,#password-configurations>input#password-length{text-align:center}#password-characters{flex-direction:column;gap:1rem;width:100%;display:flex}#password-characters>.characters{justify-content:space-between;gap:.5rem;display:flex}#password-characters>.characters>label{-webkit-user-select:none;user-select:none;cursor:pointer;display:flex}#password-characters>.characters>label>input{appearance:none;cursor:pointer;background-color:var(--white);-o-transition:all .15s ease-out;-ms-border-radius:100%;-o-border-radius:100%;border:none;border-radius:100%;justify-content:center;align-items:center;width:.76rem;height:.76rem;margin:0 .32rem 0 0;padding:.42rem;transition:all .15s ease-out;display:flex}#password-characters>.characters>label>input:checked{background-color:var(--dark-seafoam)}#password-characters>.characters>label>input:checked:before{content:"✔";color:var(--white)}#password-characters>.characters>p{letter-spacing:3px;overflow-wrap:anywhere}#generated-password-box-container{-ms-border-radius:1.25rem;-o-border-radius:1.25rem;border-radius:1.25rem;flex-direction:column;gap:.5rem;padding:2rem;display:flex}#generated-password-box{-o-transition:all .15s ease-out;border:none;justify-content:space-evenly;gap:.5rem;transition:all .15s ease-out;display:flex}#generated-password{opacity:1;cursor:initial;background:var(--white);color:var(--comfort-green);letter-spacing:1px;-ms-border-radius:.42rem;-o-border-radius:.42rem;-o-transition:all .15s ease-out;border:none;border-radius:.42rem;outline:none;flex-grow:1;padding:.24rem;font-family:monospace;font-size:.84rem;font-weight:600;transition:all .15s ease-out}#save-password-btn{-o-transition:all .15s ease-out;max-width:5rem;padding:.24rem;transition:all .15s ease-out}#password-strength-container{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}#password-strength-bar-container{background-color:var(--white);-ms-border-radius:9999px;-o-border-radius:9999px;border-radius:9999px;width:100%;overflow:hidden}#password-strength-bar{background-color:var(--color,var(--dark-seafoam));height:.5rem}#password-strength-level{color:var(--color,var(--white));font-size:1.2rem;font-weight:500}#alerts{--color:var(--dark-seafoam);color:var(--color);text-shadow:0 0 12px var(--color)}#alerts.error{--color:#7a0000}#action-buttons{-ms-border-radius:1.25rem 1.25rem 0 0;-o-border-radius:1.25rem 1.25rem 0 0;border-radius:1.25rem 1.25rem 0 0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}#saved-passwords-page{flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;padding:0 0 .84rem;display:flex}#saved-passwords-actions-container{-ms-border-radius:0 0 1.25rem 1.25rem;-o-border-radius:0 0 1.25rem 1.25rem;border-radius:0 0 1.25rem 1.25rem;flex-direction:column;justify-content:center;gap:.5rem;padding:1rem;display:flex}#search-passwords{appearance:none;-ms-border-radius:.42rem;-o-border-radius:.42rem;border:none;border-radius:.42rem;outline:none;flex-grow:1;padding:.25rem}#saved-passwords-backup-buttons{flex-wrap:wrap;gap:.5rem;display:flex}#saved-passwords{flex-wrap:wrap;place-content:flex-start center;gap:.84rem;width:80%;display:flex}.saved-password{--color:var(--william);--border-color:var(--comfort-green);background:var(--color);border:1px solid var(--border-color);-ms-border-radius:1.25rem;-o-border-radius:1.25rem;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.84rem;display:flex;position:relative}.saved-password:nth-child(2n){--color:var(--comfort-green);--border-color:var(--william)}.saved-password:before{--side-size:.84rem;--padding:.12rem;content:attr(data-number);text-align:center;padding:var(--padding);font-size:var(--side-size);width:var(--side-size);height:var(--side-size);top:calc(0% - ((var(--side-size) - var(--padding)) / 2));left:calc(0% - ((var(--side-size) - var(--padding)) / 2));background-color:var(--color);border:1px solid var(--border-color);-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;font-weight:500;line-height:1.1;position:absolute}.saved-password>.password-title{font-weight:700}.saved-password>input[name=password]{text-align:center;background-color:var(--white);width:100%;cursor:initial;-webkit-user-select:all;user-select:all;opacity:1;color:var(--color);-ms-border-radius:.42rem;-o-border-radius:.42rem;border:none;border-radius:.42rem;padding:0;font-weight:600}.saved-password>.password-action-buttons{width:100%;color:var(--color);justify-content:space-between;align-items:center;gap:.42rem;font-size:.84rem;display:flex}.saved-password>.password-action-buttons>.btn{color:inherit;padding:.24rem .42rem}.saved-password>.password-action-buttons>.btn>svg{fill:var(--color);pointer-events:none;width:1.32rem;height:1.32rem}.saved-password>.create-date{letter-spacing:1px;font-family:monospace;font-size:.72rem}footer{text-align:center}footer a{--color:var(--citrusy-green-yellow);color:inherit;-o-transition:all .15s ease-out;text-decoration:none;transition:all .15s ease-out;position:relative}footer a:before{content:"";background-color:var(--white);-ms-border-radius:100px;-o-border-radius:100px;-o-transition:all .15s ease-out;border-radius:100px;width:0;height:2px;transition:all .15s ease-out;position:absolute;top:100%}footer a:hover{color:var(--color)}footer a:hover:before{background-color:var(--color);width:100%}@media (width<=768px){:root{font-size:18px}.container{width:80%}#password-characters>.characters>p{letter-spacing:2px}}@media (width<=576px){:root{font-size:16px}body{background-color:var(--comfort-green)}.container{width:100%}#password-characters>.characters{flex-direction:column}#password-characters>.characters>p{letter-spacing:1.5px}#inputs,#generated-password-box-container,#action-buttons,#saved-passwords-actions-container{-ms-border-radius:0;-o-border-radius:0;border-radius:0}#generated-password-box-container{padding:1rem}#generated-password{font-size:1rem}#alerts,#alerts.error{--color:var(--black)}#saved-passwords-page{background-color:var(--citrusy-green-yellow);flex-grow:1}}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{width:min(100%,400px);color:var(--black);background:var(--white);-ms-border-radius:1.25rem;-o-border-radius:1.25rem;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.75rem;padding:1rem;display:flex;box-shadow:0 10px 30px #00000026}.modal-header h3{font-size:1.2rem;font-weight:600}.modal-body{flex-direction:column;gap:.375rem;width:100%;display:flex}#modal-message{white-space:break-spaces;line-height:1.2}#modal-input{color:var(--black);-ms-border-radius:.42rem;-o-border-radius:.42rem;border:1px solid #ddd;border-radius:.42rem;outline:none;width:100%;padding:.25rem .5rem}.modal-footer{justify-content:flex-end;gap:.75rem;width:100%;margin-top:.75rem;display:flex}.modal-footer button{-webkit-user-select:none;user-select:none;cursor:pointer;-ms-border-radius:calc(1.25rem / 2);-o-border-radius:calc(1.25rem / 2);border:0;border-radius:.625rem;padding:.75rem 1rem}