/*!
 * Theme Name: pwgen
 * Author: ex0
 * Version: 1.2
 */*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;text-decoration:none;font-family:'Poppins', sans-serif}body{min-height:100vh;width:100%;background-color:#333F4B;position:relative;padding:5vh 0;color:#333F4B;font-size:25px}h1{font-size:2em;font-weight:700;color:#fff;text-align:center}h2{font-size:20px;font-weight:400;word-break:break-word;color:#fff;text-align:center;margin-bottom:6vh}h2 a{text-decoration:none;color:#fff;font-weight:700}#container{min-height:80vh;max-width:1400px;background-color:#fff;border-radius:5px;margin:0 auto;text-align:center;padding:3vh;position:relative}#container #generate,#container #generate_bulk{-webkit-appearance:none;border:none;background:#333F4B;color:#fff;height:40px;margin-top:4px;padding:0 10px;border-radius:5px;font-size:20px;text-transform:uppercase;font-weight:700;letter-spacing:3px;outline:none;cursor:pointer;margin-left:auto}#container #bottom_container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}#container #bottom_container #left_field,#container #bottom_container #right_field{position:relative;border:3px solid #333F4B;border-radius:5px;padding:3vh 2vh 2vh 2vh;min-width:20%;max-width:30%;margin-top:6vh}#container #bottom_container #preset{cursor:pointer;padding:10px 15px;outline:0;border-radius:5px;background:#333F4B;color:#ffffff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:20px;font-weight:700}#container #bottom_container #preset option{border:none}#container #bottom_container #preset option:hover{border:3px solid #fff}#container #bottom_container #middle_field{position:relative;min-width:20%;max-width:30%;margin-top:6vh}#container #bottom_container #middle_field #middle_bottom,#container #bottom_container #middle_field #middle_top{position:relative;border:3px solid #333F4B;border-radius:5px;padding:3vh 2vh 2vh 2vh;max-height:50%;width:100%}#container #bottom_container #middle_field #middle_bottom{margin-top:6vh}#container #bottom_container #bottom_field{display:flex;position:relative;border:3px solid #333F4B;border-radius:5px;padding:3vh 2vh 2vh 2vh;width:100%;margin-top:6vh;flex-wrap:wrap;text-align:left;justify-content:space-between}#container #bottom_container #bottom_field #pw_list{display:flex;flex-wrap:wrap;width:100%}#container #bottom_container #bottom_field #pw_list div{min-width:50%}.length_display{position:relative;margin-left:4vw}.length_display .int_up{position:absolute;left:0;top:0;height:30px;width:60px;font-size:20px;font-weight:700;margin:9px 20px 0 0;text-align:center;border:3px solid #333F4B;border-radius:5px;outline:none;color:#333F4B}#top_field{width:100%;margin:0;display:flex;flex-wrap:wrap;text-align:left}.text_input{border:3px solid #333F4B;width:100%;margin-top:1vh;border-radius:5px;text-align:center;padding:0.5rem 0;font-size:25px;resize:none;outline:none}#top_field label,#left_field label,#right_field label,#bottom_field label,#middle_field label{text-transform:uppercase;font-weight:700;font-size:33px;text-align:left}#top_field .field_heading,#left_field .field_heading,#right_field .field_heading,#bottom_field .field_heading,#middle_field .field_heading{position:absolute;top:-25px;padding:0px 20px;background-color:#fff;left:50%;transform:translate(-50%, 0);white-space:nowrap}#restore{-webkit-appearance:none;border:none;background:#333F4B;color:#fff;height:40px;padding:0 10px;border-radius:5px;text-transform:uppercase;font-weight:700;letter-spacing:3px;outline:none;cursor:pointer;margin-top:2vh}.disabled{pointer-events:none;opacity:0.4}.select__arrow{top:20px;border-width:8px 5px 0 5px;border-color:#ffffff transparent transparent transparent}#notify{position:fixed;top:50px;opacity:0;right:50px;padding:20px;letter-spacing:3px;color:#fff;width:350px;background-color:#ff304f;border-radius:7.5px;transition:all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);transform:translatey(-200px);box-shadow:10px 20px 150px rgba(0,0,0,0.5)}.show{transform:translatey(0px) !important;opacity:1 !important}.control-group{display:inline-block;vertical-align:top;background:#fff;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,0.1);padding:30px;width:200px;height:210px;margin:10px}.control{display:block;position:relative;padding-left:50px;cursor:pointer;font-size:18px}.control:hover input ~ .control__indicator,.control input:focus ~ .control__indicator{background:#fff}.control input{position:absolute;z-index:-1;opacity:0}.control input:checked ~ .control__indicator{background:#333F4B}.control input:disabled ~ .control__indicator{background:#e6e6e6;opacity:0.6;pointer-events:none}.control input:checked ~ .control__indicator:after{display:block}.control__indicator{position:absolute;top:9px;left:0;height:30px;width:30px;background:#fff;border:3px solid #333F4B;border-radius:5px}.control__indicator:after{content:'';position:absolute;display:none}.control:hover input:not([disabled]):checked ~ .control__indicator,.control input:checked:focus ~ .control__indicator{background:#333F4B}.control--checkbox input:disabled ~ .control__indicator:after{border-color:#7b7b7b}.control--radio .control__indicator{border-radius:50%}.control--radio .control__indicator:after{left:7px;top:7px;height:6px;width:6px;border-radius:50%;background:#fff}.control--radio input:disabled ~ .control__indicator:after{background:#7b7b7b}.select{position:relative;display:inline-block;margin-bottom:15px;width:100%}.select .select__arrow{position:absolute;top:16px;right:15px;width:0;height:0;pointer-events:none;border-style:solid;border-width:8px 5px 0 5px;border-color:#7b7b7b transparent transparent transparent}.select select{display:inline-block;width:100%;cursor:pointer;padding:10px 15px;outline:0;border:0;border-radius:0;background:#e6e6e6;color:#7b7b7b;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select select::-ms-expand{display:none}.select select:hover,.select select:focus{color:#fff;background:#ccc}.select select:disabled{opacity:0.5;pointer-events:none}.select select:hover ~ .select__arrow,.select select:focus ~ .select__arrow{border-top-color:#fff}.select select:disabled ~ .select__arrow{border-top-color:#ccc}@media screen and (max-width: 1050px){#left_field,#right_field,#middle_field{width:100%;max-width:100% !important}}@media screen and (max-width: 680px){.length_display{margin-left:0 !important}}