@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-family:Roboto Mono;font-optical-sizing:auto;font-style:normal;font-size:16px}body{position:relative;height:100vh;width:100%;line-height:1.5;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5f2f2;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6,span,label{overflow-wrap:break-word;-webkit-user-select:none;user-select:none}header{position:absolute;top:.5rem;margin-inline:1rem;text-align:center}header h1{font-weight:800;margin-block:1rem}header p{font-size:.95rem}.alert-box{position:absolute;top:-4rem;padding:1rem;font-size:.875rem;line-height:1.25rem;color:#fafafa;border-radius:.25rem;background-color:#222831}.alert-text{font-weight:500}.wrapper{position:relative;width:24rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:1rem 2rem;border:.005rem solid rgba(0,0,0,.1);border-radius:1rem;background-color:#fafafa;box-shadow:0 0 .5rem #0000001a}.generate-result{display:flex;justify-content:center;align-items:center;gap:.5rem}input[type=text]{padding:.4rem .2rem;width:18rem;font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;cursor:default;background-color:transparent;border:.005rem solid #22283126;border-radius:.3rem}.copy{margin:0;padding:0;border:none;outline:none;background-color:transparent}.copy .clipboard-icon{width:1.8rem}.copy .clipboard-icon g{fill:#222831}.generate-option{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.wrapper-checkbox .checkbox{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}.wrapper-checkbox label{width:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;color:#222831;cursor:pointer;position:relative;font-size:.8rem}.wrapper-checkbox label span{display:inline-block;position:relative;background-color:transparent;width:25px;height:25px;transform-origin:center;border:2px solid #222831;border-radius:50%;vertical-align:middle;transition:background-color .15s .2s,transform .35s cubic-bezier(.78,-1.22,.17,1.89)}.wrapper-checkbox label span:before{content:"";width:0px;height:2px;border-radius:2px;background:#222831;position:absolute;transform:rotate(45deg);top:11px;left:7px;transition:width 50ms ease 50ms;transform-origin:0% 0%}.wrapper-checkbox label span:after{content:"";width:0;height:2px;border-radius:2px;background:#222831;position:absolute;transform:rotate(305deg);top:14px;left:9px;transition:width 50ms ease;transform-origin:0% 0%}.wrapper-checkbox label:hover span:before{width:5px;transition:width .1s ease}.wrapper-checkbox label:hover span:after{width:10px;transition:width .15s ease .1s}.wrapper-checkbox input[type=checkbox]{display:none}.wrapper-checkbox input[type=checkbox]:checked+label span{background-color:#222831;transform:scale(1.25)}.wrapper-checkbox input[type=checkbox]:checked+label span:after{width:10px;background:#fafafa;transition:width .15s ease .1s}.wrapper-checkbox input[type=checkbox]:checked+label span:before{width:5px;background:#fafafa;transition:width .15s ease .1s}.wrapper-checkbox input[type=checkbox]:checked+label:hover span{background-color:#222831;transform:scale(1.25)}.wrapper-checkbox input[type=checkbox]:checked+label:hover span:after{width:10px;background:#fafafa;transition:width .15s ease .1s}.wrapper-checkbox input[type=checkbox]:checked+label:hover span:before{width:5px;background:#fafafa;transition:width .15s ease .1s}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:15rem}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#222831;border-radius:.5rem;height:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:#4b4949;border-radius:.5rem;height:1rem;width:1rem}input[type=range]:focus::-webkit-slider-thumb{outline:3px solid #4b4949;outline-offset:.125rem}input[type=range]::-moz-range-track{background-color:#222831;border-radius:.5rem;height:.5rem}input[type=range]::-moz-range-thumb{background-color:#4b4949;border:none;border-radius:.5rem;height:1rem;width:1rem}input[type=range]:focus::-moz-range-thumb{outline:3px solid #4b4949;outline-offset:.125rem}.generate-length{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.generate-length span{padding:.3rem .6rem;font-weight:700;font-size:1.2rem;-webkit-user-select:none;user-select:none;background-color:#eee;border-radius:.3rem}.generate{padding:.4rem 2rem;font-weight:700;font-size:1.1rem;-webkit-user-select:none;user-select:none;border:none;outline:none;color:#fafafa;background-color:#222831;border-radius:.3rem}.copy:hover,.generate:hover{cursor:pointer;opacity:.9}footer{position:absolute;bottom:2rem;-webkit-user-select:none;user-select:none;font-weight:700}@media(min-width:600px){header{width:34rem}}@media(max-width:400px){.wrapper{width:20rem}}