:where([data-page=tools__random-password-generator]) .slider-container{align-items:center;width:100%;height:40px;margin:0;display:flex;position:relative}:where([data-page=tools__random-password-generator]) #length-slider{appearance:none;cursor:pointer;background:#e5e7eb;border-radius:4px;outline:none;width:100%;height:8px}:where([data-page=tools__random-password-generator]) #length-slider::-webkit-slider-track{-webkit-appearance:none;background:0 0;border-radius:4px;width:100%;height:8px}:where([data-page=tools__random-password-generator]) #length-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4f46e5;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #0000004d}:where([data-page=tools__random-password-generator]) #length-slider::-webkit-slider-thumb:hover{background:#4338ca;transform:scale(1.1);box-shadow:0 2px 6px #4f46e566}:where([data-page=tools__random-password-generator]) #length-slider::-moz-range-track{background:0 0;border-radius:4px;width:100%;height:8px}:where([data-page=tools__random-password-generator]) #length-slider::-moz-range-thumb{cursor:pointer;background:#4f46e5;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #0000004d}:where([data-page=tools__random-password-generator]) #length-slider::-moz-range-thumb:hover{background:#4338ca;transform:scale(1.1);box-shadow:0 2px 6px #4f46e566}:where([data-page=tools__random-password-generator]) .dark #length-slider{background:#374151}:where([data-page=tools__random-password-generator]) .dark #length-slider::-webkit-slider-track{background:#374151}:where([data-page=tools__random-password-generator]) .dark #length-slider::-moz-range-track{background:#374151}:where([data-page=tools__random-password-generator]) #length-slider:focus{outline-offset:2px;outline:2px solid #6366f1}:where([data-page=tools__random-password-generator]) .faq-content{transition:all .3s ease-in-out}:where([data-page=tools__random-password-generator]) .faq-content.hidden{opacity:0;max-height:0;padding-bottom:0}:where([data-page=tools__random-password-generator]) .faq-content:not(.hidden){opacity:1;max-height:1000px;padding-bottom:1.5rem}:where([data-page=tools__random-password-generator]) .faq-trigger:focus{outline-offset:2px;outline:2px solid #6366f1}@media (prefers-reduced-motion:reduce){:where([data-page=tools__random-password-generator]) .faq-content,:where([data-page=tools__random-password-generator]) .faq-icon{transition:none}}