body{margin:0;max-width:100vw;min-height:100vh;padding:0}.app{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-positive:1;align-items:center;background-image:url(/static/media/background.7416c8d0f372b05c24b8.webp);color:#212529;flex-grow:1;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:center;max-width:100vw;min-height:100vh;row-gap:10px}.app,.app-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-container{background-color:hsla(0,0%,100%,.6);border-radius:15px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);margin-top:30px;padding:30px;row-gap:14px;width:450px}.app-heading{font-size:36px;font-weight:300;margin:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.advanced-settings-toggle{-ms-flex-pack:end;-ms-flex-align:center;align-items:center;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;display:-ms-flexbox;display:flex;justify-content:end}.advanced-settings-toggle>p{font-size:16px;font-weight:400;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch{-ms-flex-align:center;align-items:center;background-color:#f4eee6;border-radius:10px;cursor:pointer;display:-ms-flexbox;display:flex;height:16px;padding:0 2px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:30px}.switch.on{background-color:#0078d4}.circle{background-color:#b9b3ac;border-radius:100px;height:12px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:12px}.switch.on .circle{background-color:#fff;-webkit-transform:translateX(17.5px);-ms-transform:translateX(17.5px);transform:translateX(17.5px)}.setting{margin-bottom:16px}.sub-setting{-ms-flex-pack:justify;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:6px}.sub-setting label,.sub-sub-setting label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sub-sub-setting label{-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:-ms-flexbox;display:flex}.sub-setting span{color:#6c757d;font-size:14px}.checkbox-input,.number-input,.range-input,.range-input::-webkit-slider-thumb,.text-input{-webkit-appearance:none;appearance:none;outline:none;-webkit-transition:border .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:box-shadow .15s ease-in-out,border .15s ease-in-out;transition:box-shadow .15s ease-in-out,border .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.checkbox-input,.number-input,.text-input{border:1px solid #ccc}.number-input{border-radius:5px;padding:5px}.range-input{border-radius:5px;cursor:pointer;height:8px;width:99.5%}.range-input::-webkit-slider-thumb{background:#0078d4;border-radius:50%;height:16px;width:16px}.range-input:active::-webkit-slider-thumb{background:#005ba4}.checkbox-input{background-color:#fff;border-radius:4px;cursor:pointer;height:16px;margin:2px 0 0;position:relative;width:16px}.checkbox-input:checked{background-color:#0078d4;border:transparent}.checkbox-input:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:4px}.text-input{border-radius:5px;padding:5px 10px;width:95%}.checkbox-input:focus,.number-input:focus,.range-input:focus::-webkit-slider-thumb,.text-input:focus{border-color:transparent;-webkit-box-shadow:0 0 0 4px #7aafff80;box-shadow:0 0 0 4px #7aafff80}input:disabled{background-color:transparent;border-color:transparent;color:#6c757d}.reset-btn{cursor:pointer;display:-ms-flexbox;display:flex}.generate-btn{background-color:#0078d4;border-radius:5px;color:#fff;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;cursor:pointer;font-size:16px;padding:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.generate-btn,.generate-btn>div{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center}.generate-btn>div{background-color:#fff;border-radius:100px;height:20px;width:20px}.generate-btn:hover{background-color:#005ba4}.password-container{background-color:hsla(0,0%,100%,.7);border-radius:5px;padding:20px;position:relative}.copy-all{-ms-flex-align:center;align-items:center;border-bottom-right-radius:5px;border-top-left-radius:5px;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:-ms-flexbox;display:flex;left:0;padding:4px 6px;position:absolute;top:0}.copy-all span{font-size:12px;overflow:hidden;-webkit-transition:.1s;transition:.1s;white-space:nowrap;width:0}.copy-all:hover{background-color:#fff}.copy-all:hover span{width:4em}.password-container ul{list-style:none;margin:0;max-height:192px;overflow:auto;padding:0}.password{border-radius:5px;font-size:14px;font-weight:500;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.password:hover{background-color:#fff;cursor:pointer}.no-password{color:#6c757d;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toast-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:fixed;row-gap:10px;top:0;z-index:100}.toast{-webkit-animation:fadein .2s forwards,fadeout .5s ease-in-out 4.5s forwards;animation:fadein .2s forwards,fadeout .5s ease-in-out 4.5s forwards;background-color:#333;border-radius:10px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);color:#fff;max-width:350px;opacity:0;padding:12px 18px;text-align:center}.toast.success{background-color:#22c55e}.toast.error{background-color:#ef4444}.toast.info{background-color:#0ea5e9}@-webkit-keyframes fadein{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes fadein{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes fadeout{to{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeout{to{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}}.footer{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:-ms-flexbox;display:flex;margin-bottom:30px}.footer a{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;background-color:hsla(0,0%,100%,.3);border-radius:100%;color:#fff;display:block;display:-ms-flexbox;display:flex;height:60px;justify-content:center;width:60px}.github:hover{background-color:#1f2328}.linkedin:hover{background-color:#0a66c2}@media (max-width:600px){.app{background-position:50%;background-size:cover}.app-container{padding:20px;width:325px}.text-input{width:94%}}@media (min-width:2240px){.app{background-size:cover}}
/*# sourceMappingURL=main.335006b2.css.map*/