@import"https://fonts.googleapis.com/css2?family=Quantico:wght@400;700&display=swap";*{margin:0;padding:0;font-family:Quantico,sans-serif;box-sizing:border-box}html,body{width:100dvw;min-height:100dvh}.container{padding:2rem 1rem;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}h1#title{margin-bottom:1rem;-webkit-user-select:none;user-select:none;color:#000;-webkit-text-stroke:.025rem #d6d6d6;filter:drop-shadow(.1rem .1rem .125rem rgba(0,0,0,.25));text-align:center}.container>.panel{display:flex;gap:.75rem;align-items:center}.panel>#password{padding:.25rem .75rem;width:100%;max-width:32rem;height:2rem;border:.125rem solid #b5b5b5;border-radius:.5rem;font-size:medium}.panel>#check{cursor:pointer;padding:.25rem 1rem;background-color:#c5ff7d;border:none;border-radius:.5rem;font-family:Quantico,sans-serif;font-size:large}.panel>#check:hover{outline:.125rem solid #222}.output{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;width:90%;max-width:38rem}.output>#strength{width:100%;font-weight:700;font-size:larger}.output>#advice{margin-top:0;width:100%;font-size:medium}.output>#tip{margin:0;color:#585858}.weak{color:#ff4d4d;background-color:#ffe6e6;border:.125rem solid #ff9999;border-radius:.5rem;padding:1.25rem 1rem}.medium{color:#f90;background-color:#fff2cc;border:.125rem solid #ffcc80;border-radius:.5rem;padding:1.25rem 1rem}.strong{color:#4caf50;background-color:#e8f5e9;border:.125rem solid #81c784;border-radius:.5rem;padding:1.25rem 1rem}.very-strong{color:#1e88e5;background-color:#e3f2fd;border:.125rem solid #90caf9;border-radius:.5rem;padding:1.25rem 1rem}.hidden{display:none!important}