.gen_password{background:var(--color-primary-light);border:1px solid var(--lborder);border-radius:.5rem;display:flex;flex-direction:column;gap:1.5rem;padding:1rem 1.5rem;width:auto}.dark .gen_password{background:rgb(var(--dcard));border-color:var(--dborder)}.gen_password .result{height:65px;overflow:hidden;position:relative;width:100%}.gen_password .result__info{bottom:4px;color:var(--color-primary-light);font-size:.8rem;opacity:0;position:absolute;transform:translateY(200%);transition:all .15s ease-in-out}.dark .gen_password .result__info{color:var(--color-primary-dark)}.gen_password .result__info.right{right:8px}.gen_password .gen_password .result__info.left{left:8px;padding-left:.5rem}.gen_password .result__viewbox{background:var(--color-primary-dark);border-radius:.25rem;color:var(--color-primary-light);height:100%;line-height:65px;text-align:center;width:100%}.dark .gen_password .result__viewbox{background:var(--color-primary-light);color:var(--color-primary-dark)}.gen_password .result #copy-btn{background:#fff;border-radius:50%;cursor:pointer;height:38px;left:var(--x);opacity:0;position:absolute;top:var(--y);transform:translate(-50%,-50%) scale(0);transition:all .35s cubic-bezier(.175,.885,.32,1.275);width:38px;z-index:2}.gen_password .result #copy-btn:active{box-shadow:0 0 0 200px hsla(0,0%,100%,.08)}.gen_password .result:hover #copy-btn{opacity:1;transform:translate(-50%,-50%) scale(1.35)}.gen_password .field-title{color:var(--color-primary-dark);font-size:.65rem;font-weight:800;left:8px;pointer-events:none;position:absolute;text-transform:uppercase;top:-10px;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .gen_password .field-title{color:var(--color-primary-light)}.gen_password .range__slider{align-items:center;display:flex;height:55px;justify-content:center;margin:30px 0;position:relative;width:100%}.gen_password .range__slider:after,.gen_password .range__slider:before{font-size:.9rem;font-weight:700;position:absolute}.gen_password .range__slider:before{content:attr(data-min);left:10px}.gen_password .range__slider:after{content:attr(data-max);right:10px}.gen_password .range__slider .length__title:after{color:rgb(var(--color-primary));content:attr(data-length);font-variant-numeric:tabular-nums;position:absolute;right:-16px}.gen_password #slider{background:hsla(0,0%,100%,.314);border-radius:5px;cursor:pointer;height:2px;margin:0;outline:none;padding:0;width:calc(100% - 70px)}.gen_password #slider::-webkit-slider-thumb{background:#fff;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:20px}.gen_password #slider::-webkit-slider-thumb:hover{background:#d4d4d4;transform:scale(1.2)}.gen_password #slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;cursor:pointer;height:20px;-moz-transition:background .15s ease-in-out;transition:background .15s ease-in-out;width:20px}.gen_password #slider::-moz-range-thumb:hover{background:#d4d4d4}.gen_password .settings{display:flex;flex-direction:column;height:auto;position:relative;width:100%}.gen_password .settings .setting{align-items:center;display:flex;height:55px;margin-bottom:8px;padding:10px 25px;position:relative;width:100%}.gen_password .settings .setting input{opacity:0;position:absolute}.gen_password .settings .setting input+label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.gen_password .settings .setting input+label:after,.gen_password .settings .setting input+label:before{content:"";cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:.15s cubic-bezier(.24,0,.5,1)}.gen_password .settings .setting input+label:before{background:hsla(0,0%,84%,.434);border-radius:4px;height:30px;width:50px}.gen_password .settings .setting input+label:after{background:#fff;border-radius:4px;height:24px;right:32px;width:24px}.gen_password .settings .setting input:checked+label:before{background:rgb(var(--color-primary))}.gen_password .settings .setting input:checked+label:after{right:14px}.gen_password .settings .setting input:focus+label:before{box-shadow:0 0 0 2px hsla(0,0%,100%,.75)}.gen_password .settings .setting input:disabled+label:after,.gen_password .settings .setting input:disabled+label:before{cursor:not-allowed}.gen_password .settings .setting input:disabled+label:before{background:#4f4f6a}.gen_password .settings .setting input:disabled+label:after{background:#909090}.gen_password .support{bottom:10px;display:flex;padding:10px;position:fixed;right:10px}