:root{--bg:#130b1a;--primary:#e7af15;--selection:#ab821133;--container:#281639;--border:#442462}::selection{background-color:var(--selection)}*{color:var(--primary);box-sizing:border-box;margin:0;font-family:Jetbrains Mono}html{background-color:var(--bg)}body{justify-content:center;align-items:center;margin:2.25rem auto;display:flex}#root{flex-direction:column;justify-content:center;gap:1.5rem;display:flex}.includeCheckboxContainer{gap:.5rem;margin-top:.5rem;display:flex}.includeCheckboxContainer p{cursor:pointer;font-size:1.2rem}input[type=checkbox]{accent-color:var(--primary);cursor:pointer}.sliderContainer{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:2rem;display:flex}.sliderUncoloredTrack{background-color:var(--border);border-radius:100vh;position:absolute;top:0;bottom:0;right:0}.sliderTrack{background-color:var(--bg);border-radius:100vh;width:100%;height:.4rem;position:relative}.sliderThumb{background-color:var(--primary);aspect-ratio:1.5;cursor:pointer;border-radius:100vh;width:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.sliderThumb:hover{outline:2px solid #fff}.sliderThumb:active{background-color:rgba(from var(--primary) r g b / .9);cursor:grab;transform:translateY(-50%)scale(1.05)}.title{text-align:center;font-size:3rem}.container{background-color:var(--container);border:3px solid var(--border);border-bottom-width:5px;border-radius:1rem;padding:.5rem}.column{flex-direction:column;justify-content:center;align-items:stretch;gap:.5rem;display:flex}.column p{text-align:center}.spaced{gap:1rem;padding:1.2rem}.row{justify-content:center;align-items:center;gap:.5rem;display:flex}.center{justify-content:center;align-items:center;gap:1rem;display:flex}.password{padding:.5rem;font-size:1.6rem}button{background-color:rgba(from var(--primary) r g b / .3);border:3px solid var(--primary);corner-shape:squircle;cursor:pointer;border-radius:1rem;font-size:1.2rem;transition:all .3s}.iconButton{padding:.1rem .1rem .2rem}.textButton{margin:0 2rem;padding:.3rem}button:hover{background-color:rgba(from var(--primary) r g b / .4)}Button:active{transform:translateY(-.2rem)}button.clipboard{position:relative}button.clipboard:after{content:"Copied!";color:var(--bg);background-color:rgba(from var(--primary) r g b / .9);corner-shape:squircle;opacity:0;border-radius:1rem;padding:.2rem .2rem .3rem;font-size:1rem;transition:opacity .3s;position:absolute;top:0;left:50%;transform:translateY(-2.3rem)translate(-50%)}button.clipboard.isVisible:after{opacity:1}hr{border:1px solid var(--primary);width:5rem;margin:auto}input[type=number]{border:2px solid var(--border);text-align:center;caret-color:#0000;background-color:#0000;border-radius:1rem;outline:none;padding:.4rem 0;font-size:1.2rem}.configBar p{font-size:1.2rem}.progressBarContainer{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:2rem;display:flex}.progressBarColoredTrack{background-color:var(--border);border-radius:100vh;transition:right .3s ease-out;position:absolute;top:0;bottom:0;left:0}.progressBarTrack{background-color:var(--bg);border-radius:100vh;width:100%;height:.4rem;position:relative}