:root{--fontFamily:"Space Grotesk"!important;--clr-dark-a0:#000;--clr-light-a0:#fff;--clr-primary-a0:#089c3b;--clr-primary-a10:#3da751;--clr-primary-a20:#5bb366;--clr-primary-a30:#74be7b;--clr-primary-a40:#8dc990;--clr-primary-a50:#a4d4a6;--clr-surface-a0:#141414;--clr-surface-a10:#292929;--clr-surface-a20:#404040;--clr-surface-a30:#585858;--clr-surface-a40:#727272;--clr-surface-a50:#8c8c8c;--clr-surface-tonal-a0:#182019;--clr-surface-tonal-a10:#2d352e;--clr-surface-tonal-a20:#444b44;--clr-surface-tonal-a30:#5c625c;--clr-surface-tonal-a40:#757a75;--clr-surface-tonal-a50:#8f938f}*{box-sizing:border-box}body{align-items:center;background:#121212;display:flex;font-family:Space Grotesk;font-family:var(--fontFamily);height:100vh;justify-content:center;margin:0;overflow:hidden}body:before{content:"";height:200%;left:0;pointer-events:none;position:fixed;top:0;width:200%;z-index:-1}.App{min-height:100vh;text-align:center;width:100%}.App,.lock-icon{align-items:center;display:flex;justify-content:center}.lock-icon{color:#5bb366;color:var(--clr-primary-a20);filter:drop-shadow(0 0 10px rgba(8,156,59,.3));padding:10px}.lock-icon img{height:auto;max-width:100%}.lock-card{animation:slideUp .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(146deg,#089c3b66,#121212 30%,#121212)!important;border:none;border-radius:24px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #089c3b33,inset 0 1px 0 #ffffff1a;max-width:90vw;overflow:hidden;padding:2cqi;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:400px}.lock-card:hover{box-shadow:0 30px 60px #0006,0 0 0 1px #089c3b4d,inset 0 1px 0 #ffffff1a}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.lock-card h2{color:#5bb366;color:var(--clr-primary-a20);font-size:1.4rem;font-weight:600;letter-spacing:.5px;margin-bottom:30px;text-shadow:0 0 20px #089c3b4d}.input-field,.length-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#444b4499;border:2px solid #089c3b4d;border-radius:12px;color:#74be7b;color:var(--clr-primary-a30);font-size:14px;font-weight:500;height:54px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field{width:65%}.length-input{text-align:center;width:30%}.input-field:focus,.length-input:focus{border-color:#5bb366;border-color:var(--clr-primary-a20);box-shadow:0 0 0 3px #089c3b1a,0 0 20px #089c3b33;outline:none;transform:translateY(-2px)}.input-div{align-items:center;justify-content:space-between}.input-div,.switches{display:flex;width:100%}.switches{align-items:flex-start;flex-direction:column;margin-bottom:10px}.switch-label{align-items:center;color:#74be7b;color:var(--clr-primary-a30);display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:8px 0;transition:color .3s ease;width:100%}.switch-label:hover{color:#5bb366;color:var(--clr-primary-a20)}.switch{margin-left:10px}.password-display{align-items:center;display:flex;justify-content:center;width:100%}.password-field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#444b4499;border:2px solid #089c3b4d;border-radius:12px;color:#fff;color:var(--clr-light-a0);flex:1 1;font-family:Courier New,monospace;font-size:14px;font-weight:600;height:54px;letter-spacing:1px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.password-field:focus{border-color:#5bb366;border-color:var(--clr-primary-a20);box-shadow:0 0 0 3px #089c3b1a,0 0 20px #089c3b33;outline:none}.copy-btn,.generate-btn{background:linear-gradient(135deg,#089c3b,#3da751);background:linear-gradient(135deg,var(--clr-primary-a0),var(--clr-primary-a10));border:none;border-radius:12px;box-shadow:0 4px 15px #089c3b4d;color:#fff;color:var(--clr-light-a0);cursor:pointer;font-size:14px;font-weight:600;height:54px;letter-spacing:.5px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.copy-btn:before,.generate-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.copy-btn:hover:before,.generate-btn:hover:before{left:100%}.copy-btn:hover,.generate-btn:hover{background:linear-gradient(135deg,#74be7b,#3da751)!important;background:linear-gradient(135deg,var(--clr-primary-a30),var(--clr-primary-a10))!important;box-shadow:0 0 10px #089c3b66,0 0 20px #089c3b33,0 8px 25px #0000004d;color:#fff!important;color:var(--clr-light-a0)!important;transform:translateY(-3px) scale(1.02);transition:all .3s ease-in-out}.copy-btn:focus-visible,.generate-btn:focus-visible{box-shadow:0 0 0 3px #089c3b66,0 0 0 6px #089c3b33;outline:none}.copy-btn:active,.generate-btn:active{transform:translateY(0)}.padding{padding-top:2vh}.ant-switch{background-color:#404040!important;background-color:var(--clr-surface-a20)!important;border:1px solid #089c3b4d!important;top:1px!important}.ant-switch.ant-switch-checked{box-shadow:0 0 10px #089c3b4d!important}.ant-switch.ant-switch-checked,.ant-switch.ant-switch-checked .ant-switch-inner{background-color:#089c3b!important;background-color:var(--clr-primary-a0)!important}.ant-switch-handle{box-shadow:0 2px 6px #0000004d!important}.ant-input::-webkit-input-placeholder{color:#727272!important;color:var(--clr-surface-a40)!important;opacity:.8}.ant-input:-moz-placeholder,.ant-input::-moz-placeholder{color:#727272!important;color:var(--clr-surface-a40)!important;opacity:.8}.ant-input:-ms-input-placeholder{color:#727272!important;color:var(--clr-surface-a40)!important;opacity:.8}.ant-input-disabled:-moz-placeholder,.ant-input-disabled:-ms-input-placeholder,.ant-input-disabled::-moz-placeholder,.ant-input-disabled::-webkit-input-placeholder{color:#585858!important;color:var(--clr-surface-a30)!important;opacity:.6}.ant-input,.ant-input-disabled{background-color:#444b4499!important;border-color:#089c3b4d!important}.lock-card:hover:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#089c3b1a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.lock-card{border-radius:0;max-width:768px;padding:30px 25px;width:100%}.lock-card h2{font-size:1.6rem}.input-div{flex-direction:column}.input-field,.length-input{width:100%}}@media (max-width:480px){.lock-card{border-radius:0;max-width:480px;padding:25px 20px;width:100%}.lock-card h2{font-size:1.4rem}}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/static/media/space-grotesk-vietnamese-400-normal.43e406db4c9673e64b16.woff2) format("woff2"),url(/static/media/space-grotesk-vietnamese-400-normal.805a3674b452420960bd.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/static/media/space-grotesk-latin-ext-400-normal.4889d1dd083666be481f.woff2) format("woff2"),url(/static/media/space-grotesk-latin-ext-400-normal.f9e869e161d5f69c3488.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/static/media/space-grotesk-latin-400-normal.f18f0615094969652b7e.woff2) format("woff2"),url(/static/media/space-grotesk-latin-400-normal.66111bd6c741353872d0.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:700;src:url(/static/media/space-grotesk-vietnamese-700-normal.d961758c27eb1a21c68b.woff2) format("woff2"),url(/static/media/space-grotesk-vietnamese-700-normal.499e5d15f63548664580.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:700;src:url(/static/media/space-grotesk-latin-ext-700-normal.b40ed7a6c4733fbbac9f.woff2) format("woff2"),url(/static/media/space-grotesk-latin-ext-700-normal.60bdf4cbe6f46755f6fa.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:700;src:url(/static/media/space-grotesk-latin-700-normal.a52417d5601294dd1e37.woff2) format("woff2"),url(/static/media/space-grotesk-latin-700-normal.a0b3e4b78f99d382a97d.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*# sourceMappingURL=main.ba402eca.css.map*/