:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #0D0208;--vt-c-black-trans: #0d0208b2;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--color-primary: #10b981;--color-primary-complementary: #B91048;--color-primary-mono: #14E8A2;--color-primary-light-10: #28C08E;--color-primary-light-20:#40C79A;--color-primary-dark-10:#0EA774;--color-primary-dark-20:#0D9467;--color-primary-trans: #10b98180;--color-primary-mute: #008F11;--color-primary-dark: #003B00}:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--color-primary);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo[data-v-3e0373d3]{width:100%;height:60px;display:flex;align-items:center;padding-left:15%;font-weight:800;font-family:Courier Prime,monospace;border-bottom:solid 1px var(--color-primary-trans)}@media only screen and (max-width: 620px){.logo[data-v-3e0373d3]{padding-left:0;justify-content:center}}.matrix[data-v-60e5269b]{width:100%;height:100%;position:absolute;z-index:-1}.main{width:100%;height:calc(100vh - 110px);position:relative;display:flex;justify-content:center;align-items:center;font-family:Courier Prime,monospace}.generator{width:30%;height:50%;min-height:400px;border:solid 1px var(--color-primary-trans);border-radius:5px;padding-top:30px;background:var(--vt-c-black-trans);display:flex;flex-direction:column;gap:20px;align-items:center}.password-display{width:86%;max-height:150px;border:solid 1px var(--color-primary-trans);border-radius:5px;padding:15px 5px;font-family:Share Tech Mono,monospace;font-size:1.6em;word-break:break-all;line-height:.9;display:flex;justify-content:center;overflow-y:scroll;scrollbar-width:none}.password-display::selection{color:var(--color-primary-dark);background:var(--color-primary-trans)}.password-display:focus-within{border-width:3px}.length{font-size:1.2em;font-family:Courier Prime,monospace;width:86%;display:flex;justify-content:space-between;align-items:center}.slider{display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60%;height:3px;background:var(--color-primary-trans);opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider:active{outline:var(--color-primary) thin solid}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3px;height:15px;opacity:1;background:var(--color-primary);cursor:pointer}.slider::-moz-range-thumb{width:3px;height:15px;opacity:1;background:var(--color-primary);cursor:pointer}.slider:hover{opacity:1}.length-input{width:2em;font-size:1em;font-family:Courier Prime,monospace;border:none;background-color:var(--color-primary-dark);color:var(--color-primary)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.length-input:focus{outline:solid thin var(--color-primary-mono)}.options{width:86%;display:flex;flex-wrap:wrap}.option{width:50%;display:flex}.option:active{background:var(--color-primary-dark)}.option label{margin-left:10px}.option input{accent-color:var(--color-primary)}.main-button{width:86%}.main-button button{cursor:pointer;width:100%;height:35px;background-color:var(--color-primary);border:none;border-radius:5px;transition-duration:.4s;font-family:Courier Prime,monospace;font-weight:700;font-size:20px}.main-button button:hover{background-color:var(--color-primary-light-20)}.main-button button:active{background-color:var(--color-primary-dark-10)}.secondary-button{width:86%;display:flex;justify-content:space-between;align-items:center}.secondary-button button{cursor:pointer;width:48%;height:35px;background-color:transparent;color:var(--color-primary);border:solid thin var(--color-primary);border-radius:5px;transition-duration:.4s;display:flex;align-items:center;justify-content:center;font-family:Courier Prime,monospace;font-weight:700;font-size:16px}.secondary-button button:hover{background-color:#03251a;border:none}.secondary-button button:active{background-color:#064a34;border:solid thin var(--color-primary);color:var(--color-primary-light-20)}@media only screen and (max-width: 620px){.generator{width:100%;height:100%;border:none;padding-top:30px}.slider{display:none}.option{width:100%}}.footer[data-v-31bdb86a]{height:50px;border-top:solid 1px var(--color-primary-trans);display:flex;justify-content:center;align-items:center}.footer p[data-v-31bdb86a]{font-family:Courier Prime,monospace}a[data-v-31bdb86a]{color:inherit;text-decoration:inherit}a[data-v-31bdb86a]:hover{color:var(--color-primary-light-20)}