:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;margin:0;padding:0;height:100vh;overflow:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.ConfigCardAppear{position:absolute;text-align:center;left:50%;top:50%;width:30%;transition:.3s;opacity:0;transform:translate(-50%,-50%);animation:unfade .5s ease-in-out forwards}.ConfigCardDisappear{position:absolute;text-align:center;left:50%;top:50%;width:30%;transition:.3s;opacity:0;transform:translate(-50%,-50%);animation:fade .5s ease-in-out forwards}.LeftConfig{position:absolute;left:10%;top:40%;height:20%;width:20%;opacity:.5;transition:.4s}.RightConfig{position:absolute;right:10%;top:40%;height:20%;width:20%;opacity:.5;transition:.4s}.RightConfig:hover,.LeftConfig:hover{opacity:1}.fondo{animation:gradientChange 1s linear infinite;animation-iteration-count:infinite;animation-direction:alternate;background-size:cover;background-attachment:fixed;background-position:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#171717;transition:.3s}.switch{position:relative;display:inline-block;width:60px;height:34px;top:9px;left:10px}.switch input{opacity:0;width:0;height:0}.slider{opacity:.2;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#1d1c1c;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.linput:checked+.slider{background-color:#d9dfe4}.linput:checked+.slider:before{background-color:#333435}.linput:focus+.slider{box-shadow:0 0 1px #2196f3}.linput:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.Moon{position:absolute;top:17px;left:15px;width:1.2rem;pointer-events:none;height:auto;-webkit-filter:invert(100%);filter:invert(100%)}.Sun{position:absolute;top:16px;left:42px;width:1.2rem;height:auto;pointer-events:none}.cargapantalla{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slider:hover{opacity:1}.cargapantalla2{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.div2{display:flex;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.lbutton{opacity:0;font-size:1vw;padding:10px 20px;font-size:16px;background-color:transparent;margin:0 2rem;animation:unfade 1s ease-in-out forwards;animation-delay:3s}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient{background:linear-gradient(45deg,#ff00cc,#3333ff,#66ff33);background-size:200% 200%;color:transparent;-webkit-background-clip:text;background-clip:text;animation:gradientAnimation 5s infinite}.fade{color:#fff;font-size:2vw;animation:fade 1s ease-in-out forwards;animation-delay:1s;transition:.3s}.unfade{color:#fff;font-size:2vw;animation:unfade 1s ease-in-out forwards;transition:.3s}@keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes unfade{0%{opacity:0}to{opacity:1}}@media (max-width: 868px) and (orientation: landscape){.ConfigCardAppear,.ConfigCardDisappear{position:absolute;text-align:center;width:70%;transition:.3s}.LeftConfig{left:0%}.RightConfig{right:0%}.unfade{font-size:120%}.cargapantalla2,.cargapantalla{white-space:nowrap}.fade{font-size:120%}.lbutton{padding:.5rem;font-size:2vw;white-space:nowrap;margin:0 1rem}.div2{top:65%}}@media (max-width: 868px) and (orientation: portrait){.ConfigCardAppear,.ConfigCardDisappear{position:absolute;text-align:center;width:80%;transition:.3s}.LeftConfig{left:10%;top:70%}.RightConfig{right:10%;top:70%}.unfade{font-size:120%}.cargapantalla2,.cargapantalla{white-space:nowrap}.fade{font-size:120%}.lbutton{margin:0 .8rem;padding:1rem;font-size:3vw;white-space:nowrap}}@keyframes gradientChange{0%{background-image:radial-gradient(at 100% 0%,hsla(97,77%,66%,.07) 0px,transparent 50%),radial-gradient(at 1% 99%,hsla(97,77%,66%,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(240,100%,70%,.06) 0px,transparent 50%),radial-gradient(at 0% 1%,hsla(343,100%,76%,.07) 0px,transparent 50%);transform:translate(0)}10%{background-image:radial-gradient(at 100% 0%,hsla(97,77%,66%,.075) 0px,transparent 50%),radial-gradient(at 1% 99%,hsla(97,77%,66%,.085) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(240,100%,70%,.065) 0px,transparent 50%),radial-gradient(at 0% 1%,hsla(343,100%,76%,.075) 0px,transparent 50%);transform:translate(10)}25%{background-image:radial-gradient(at 100% 0%,hsla(97,77%,66%,.08) 0px,transparent 50%),radial-gradient(at 1% 99%,hsla(97,77%,66%,.09) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(240,100%,70%,.07) 0px,transparent 50%),radial-gradient(at 0% 1%,hsla(343,100%,76%,.08) 0px,transparent 50%);transform:translate(25)}35%{background-image:radial-gradient(at 100% 0%,hsla(97,77%,66%,.085) 0px,transparent 50%),radial-gradient(at 1% 99%,hsla(97,77%,66%,.095) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(240,100%,70%,.075) 0px,transparent 50%),radial-gradient(at 0% 1%,hsla(343,100%,76%,.085) 0px,transparent 50%);transform:translate(35)}50%{background-image:radial-gradient(at 100% 0%,hsla(97,77%,66%,.09) 0px,transparent 50%),radial-gradient(at 1% 99%,hsla(97,77%,66%,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(240,100%,70%,.08) 0px,transparent 50%),radial-gradient(at 0% 1%,hsla(343,100%,76%,.09) 0px,transparent 50%);transform:translate(50)}60%{background-image:radial-gradient(at 100% 0%,hsla(97,77%,66%,.095) 0px,transparent 50%),radial-gradient(at 1% 99%,hsla(97,77%,66%,.105) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(240,100%,70%,.085) 0px,transparent 50%),radial-gradient(at 0% 1%,hsla(343,100%,76%,.095) 0px,transparent 50%);transform:translate(60)}75%{background-image:radial-gradient(at 100% 0%,hsla(97,77%,66%,.1) 0px,transparent 50%),radial-gradient(at 1% 99%,hsla(97,77%,66%,.11) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(240,100%,70%,.09) 0px,transparent 50%),radial-gradient(at 0% 1%,hsla(343,100%,76%,.1) 0px,transparent 50%);transform:translate(75)}85%{background-image:radial-gradient(at 100% 0%,hsla(97,77%,66%,.105) 0px,transparent 50%),radial-gradient(at 1% 99%,hsla(97,77%,66%,.1105) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(240,100%,70%,.095) 0px,transparent 50%),radial-gradient(at 0% 1%,hsla(343,100%,76%,.105) 0px,transparent 50%);transform:translate(85)}to{background-image:radial-gradient(at 100% 0%,hsla(97,77%,66%,.11) 0px,transparent 50%),radial-gradient(at 1% 99%,hsla(97,77%,66%,.12) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(240,100%,70%,.1) 0px,transparent 50%),radial-gradient(at 0% 1%,hsla(343,100%,76%,.11) 0px,transparent 50%);transform:translate(100)}}.div3{display:flex;position:absolute;top:95%;left:50%;transform:translate(-50%,-50%);font-size:small;white-space:nowrap}.card{box-shadow:0 7px 8px #bbb9b933;transition:.3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:70%;background-color:#242323}.Cont{position:absolute;width:100%;text-align:center;top:80%;white-space:nowrap}.div4{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.div5{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.div6{position:absolute;width:70%;top:35%;left:60%;transform:translate(-50%,-50%)}.div6 img{width:70%}@media (any-pointer: coarse) and (orientation: portrait){.card{width:80%;height:70%}.Cont button{font-size:16px}}@media (any-pointer: coarse) and (orientation: landscape){.card{width:80%;height:80%;top:54%}.div3{top:90%}.Cont{top:65%}.Cont button{width:35%}.div4{top:50%}.div5{top:30%}.div6{width:fit-content;left:90%;top:50%}.div6{width:30%}}.PwdResetFrame{position:absolute;text-align:center;left:50%;top:50%;width:30%;transition:.3s;transform:translate(-50%,-50%)}@media (any-pointer: coarse) and (orientation: landscape){.PwdResetFrame{position:absolute;text-align:center;width:70%;transition:.3s}}@media (any-pointer: coarse) and (orientation: portrait){.PwdResetFrame{position:absolute;text-align:center;width:80%;transition:.3s}}