:root{--c-accent: #646cff;--c-text: #cccccc;--c-text-accent: #cccccc;--c-text-inact: #888888;--c-text-el: #cccccc;--c-text-el-inact: #a0a0a0;--c-border: #404040;--c-element-border: #555555;--c-element: #333333;--c-bg: #242424;--c-success: #44ff00;--c-failure: #ff0000;--c-warning: #ff8800;--rounding: 8px;--transition-speed: .25s}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:18px;color-scheme:dark light;color:var(--c-text);background-color:var(--c-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;place-items:center;padding:10px}a{font-weight:500;color:var(--c-accent);text-decoration:inherit}a:hover{text-decoration:underline}h1{font-size:3.2em;line-height:1.1}h3{margin-top:5px}code,pre{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input{background-color:var(--c-bg);color:var(--c-text);border:2px solid var(--c-border);border-radius:var(--rounding);transition:border-color var(--transition-speed);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit}input:hover,input:focus,input:active,input:focus-visible,input:focus-within{border-color:var(--c-accent);outline:none}label{display:block}.inactive{color:var(--c-text-inact)}.element .inactive{color:var(--c-text-el-inact)}div.container,div.element{display:inline-block;border-radius:var(--rounding);border:2px solid transparent;padding:10px}div.element{background:var(--c-element);color:var(--c-text-el)}div.container{border-color:var(--c-border)}div.element.bordered{border-color:var(--c-element-border)}.element .bordered{border:2px solid var(--c-element-border);border-radius:var(--rounding);padding:5px 10px}.element input,.element button{border-color:var(--c-element-border)}.element input:hover,.element input:active,.element input:focus,.element input:focus-within,.element input:focus-visible,.element button:hover{border-color:var(--c-accent)}button{border-radius:var(--rounding);border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--c-element);cursor:pointer;transition-duration:var(--transition-speed);transition-property:border-color,color;color:var(--c-text-el)}button:hover{border-color:var(--c-accent)}button:focus,button:focus-visible{outline:none}button.hollow{border:2px solid var(--c-border);background-color:var(--c-bg);color:var(--c-text)}button.hollow:hover{border-color:var(--c-accent)}button.active{background-color:var(--c-accent);border-color:var(--c-accent);color:var(--c-text-accent)}button.active:hover{border-color:var(--c-accent) var(--c-element-border) var(--c-accent) var(--c-element-border);color:var(--c-bg);transition-duration:var(--transition-speed)}button.active.left:hover{border-color:var(--c-accent) var(--c-element-border) var(--c-accent) var(--c-accent)}button.active.right:hover{border-color:var(--c-accent) var(--c-accent) var(--c-accent) var(--c-element-border)}button:active{color:var(--c-accent)}.buttonrow{display:flex;text-align:center}.rowbutton{border-radius:0}.rowbutton.left{border-radius:var(--rounding) 0 0 var(--rounding)}.rowbutton.right{border-radius:0 var(--rounding) var(--rounding) 0}svg{flex-shrink:0}#root{display:inline-block}.error{color:var(--c-failure)}.reqCharsButtons{display:flex;align-items:center}.passgen-container{padding:35px 50px}h2{font-size:18px;font-weight:700;color:var(--c-text-inact);margin-bottom:5px}button.inactive{text-decoration:line-through}input{height:44px;padding:1px 1px 1px 20px;font-size:18px}label{display:block;font-size:12px;font-weight:700;color:var(--c-text-inact);margin-left:10px}#errorMessage{margin:20px 0 10px;color:var(--c-failure);display:flex;align-items:center;width:450px}#errorMessage p{margin:0;font-size:18px}#errorMessage svg{margin-right:10px}#generate-password-button{width:250px}#generated-password-container{margin-top:20px;width:520px;display:flex;border:2px solid var(--c-border);background-color:var(--c-bg);border-radius:var(--rounding);align-items:center}#generated-password-container input{width:400px;border:none;padding:0 6px 0 20px;font-family:hack,monospace;color:var(--c-text)}#generated-password-container button{border-width:0 0 0 2px;width:50px;height:50px;padding:10px;border-radius:0 var(--rounding) var(--rounding) 0}#generated-password-container img{opacity:.5;transition-duration:1s;width:30px;height:30px}#generated-password-container svg{color:var(--c-text-inact);width:30px;height:30px}#copied-message{font-weight:700;color:var(--c-success);margin-left:20px;transition-duration:.3s;max-height:0;overflow:hidden;display:flex;align-items:center}#copied-message.shown{max-height:50px}#copied-message svg{margin-right:10px;width:40px;height:40px}#passlength-container button{height:50px;padding:0 16px}#charset-selector-container button{width:63px;height:50px;padding:.6em 0}#passwordLengthInput{width:60px;border-color:var(--c-element);border-radius:var(--rounding) 0 0 var(--rounding)}#passwordLengthInput:hover,#passwordLengthInput:focus,#passwordLengthInput:active,#passwordLengthInput:focus-within,#passwordLengthInput:focus-visible{border-color:var(--c-accent)}.excl .toprow{display:flex;align-items:stretch}.excl button{width:64px;height:58px;font-size:20px;padding:0}.excl button.moretext{font-size:15px}.excl button.disabled{background-color:var(--c-bg);border-color:var(--c-element)}.excl button:active{color:var(--c-failure)}.excl .moretext svg.exclImg{margin-top:0}.excl svg.exclImg{color:var(--c-failure);visibility:hidden;position:absolute;margin-left:-20px;margin-top:-7px;width:40px;height:40px}.excl svg.exclImg.shown{visibility:visible}.excl :hover{border-color:var(--c-failure)}.excl p{margin:0}.excl input{width:200px}.excl input:focus,.excl input:active,.excl input:focus-within,.excl input:focus-visible{border-color:var(--c-failure)}.excl .buttonWithInfo{display:grid}.excl .infopopup{padding-bottom:0}.divbutton{background-color:var(--c-element);color:var(--c-text-el);text-align:center;display:inline;padding:5px;width:50px;height:45px;border-style:solid;border-color:var(--c-element);border-width:2px;transition-duration:var(--transition-speed)}.divbutton:hover,.divbutton:active,.divbutton:focus,.divbutton:focus-within,.divbutton.popupActive{border-color:var(--c-accent)}.divbutton.disabled{background-color:var(--c-bg);border-color:var(--c-element)}.divbutton.centre{border-radius:0}.divbutton.left{border-radius:var(--rounding) 0 0 var(--rounding)}.divbutton.right{border-radius:0 var(--rounding) var(--rounding) 0}.divbutton p{transition-duration:.3s;display:flow;margin:0;padding:0 5px;align-items:stretch;font-size:15px}.divbutton.dim{color:var(--c-text-el-inact)}.divbutton.dim p{font-size:20px;padding:5px}.rcpopup{visibility:hidden;position:absolute;margin-top:57px;transform:translate(-29%);z-index:2}.rcpopup.show{visibility:visible}.rcpopup .popup-content:before{width:40px;height:10px;background-color:var(--c-element);position:absolute;bottom:45px;left:31%;content:"";z-index:-1;border-width:0 2px 0 2px;border-style:solid;border-color:var(--c-element-border)}.rcpopup .popup-content{background-color:var(--c-element);padding:5px;border:2px solid var(--c-element-border);border-radius:5px;display:flex}.rcpopup .popup-content p,.rcpopup .popup-content button{transition-duration:0s;width:33%;padding:3px 12px;font-size:20px;color:var(--c-text-el)}.infopopup{display:inline;padding:10px;cursor:help;text-align:center}.infopopup svg{color:var(--c-text-inact)}.infopopup .contents{visibility:hidden;position:absolute;background-color:var(--c-element);color:var(--c-text-el);padding:10px;border:2px solid var(--c-border);border-radius:5px;z-index:10}.infopopup .contents.shown{visibility:visible}.infopopup h1{margin-top:0;font-size:25px}.infopopup p{display:inline-block;margin:5px}.infopopup table{text-align:left}.infopopup td{padding-right:5px}.infopopup .inline-block{display:inline-block}