@import "https://fonts.googleapis.com/css?family=Press+Start+2P";
@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&family=Playfair+Display";
:root{--color-auth-background:#ffffff06;--color-auth-border:#ffffff40;--color-auth-border-bottom:#6b6767;--color-bar-purple:#701296;--color-black:#101010;--color-black-light:#2e3028;--color-card-light:#f4d9b7;--color-footer-heading:#d23c3c;--color-form:#d9d9d9;--color-link:#064d61;--color-link-active:#cc8b21;--color-link-background:#62626240;--color-list-border:#d23c3c80;--color-modal-background:#19251f;--color-neon-blue:#3646ff;--color-neon-green:#36ff46;--color-nintendo-gray:#9d99a0;--color-nintendo-gray-light:#ada8ad;--color-real-black:#000;--color-real-white:#fff;--color-slider-knob:var(--color-card-light);--color-success:#45ca4e;--color-tag-background:#d3d3d3;--color-tag-text:#666;--color-warning:#ff3737;--color-warning-text:#cb6f6f;--color-white:#f0cca4}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--color-white);flex-direction:column;min-height:100svh;font-family:blinker,sans-serif;display:flex;position:relative}body main{background-repeat:no-repeat;background-size:cover;flex:5}*{box-sizing:border-box;margin:0;padding:0}a{color:var(--color-white);text-decoration:none}a:hover,button:hover{cursor:pointer}input{filter:drop-shadow(4px 4px 4px #00000040);height:39px;padding-left:1rem;font-size:x-large}textarea{box-sizing:border-box;resize:none;min-height:15rem;margin-top:1rem;padding-top:.5rem;padding-left:1rem;font-size:1.2rem}.authButton{color:var(--color-white);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;background:#ffffff06;border:1px solid #ffffff40;border-radius:6px;height:3rem;transition:all .3s;position:relative}.authButton .authButton__text{font-family:arima;font-size:1rem;transition:all .3s}.authButton:hover{filter:brightness(1.4);border:none}.authButton:disabled{filter:brightness(.5);border:none;transform:none}.authButton:disabled:hover{cursor:default}.closeButton{width:50px;height:50px;margin:1rem;font-family:Rancho;transition:all .5s;overflow:hidden}.closeButton:hover{cursor:pointer;filter:brightness(.5);transition:all .5s}.closeButton:before,.closeButton:after{content:"";background:var(--color-real-white);border-radius:100%;width:100%;height:4px;margin-top:-2px;position:absolute;top:50%;left:1px}.closeButton:before{transform:rotate(45deg)}.closeButton:after{transform:rotate(135deg)}@media (max-width:500px){.closeButton{width:30px;height:30px}}.message-success,.message-failure{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;align-self:center;width:fit-content;padding:0 .5rem;font-size:1.2rem;font-weight:700}.message-success{color:var(--color-success);border:2px solid var(--color-success);background-color:hsl(from var(--color-success)h s l/.2)}.message-failure{color:var(--color-warning-text);border:2px solid var(--color-warning);background-color:hsl(from var(--color-warning)h s l/.2)}.message-fade{margin-top:1rem}.active{color:var(--color-link-active)}.box-shadow{box-shadow:0 5px 15px #00000059}.hidden{display:none}.invisible{visibility:hidden}.bit-font{font:700 1.4rem "Press start 2P"}.playfair-display-regular{font-optical-sizing:auto;font-family:Playfair Display,serif;font-style:normal;font-weight:400}.is-fading{animation:.5s linear forwards fadeout}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.message-fade{animation:5s ease-in-out fade}@keyframes fade{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}::backdrop{background-image:linear-gradient(45deg,var(--color-white),var(--color-black),var(--color-black),var(--color-white));opacity:.75}.modal-dialog{scrollbar-width:none;background:linear-gradient(to top right,var(--color-modal-background)70%,var(--color-black-light));border-color:var(--color-real-white);border-radius:8px;width:90%;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:2px 4px 6px #000}.modal-dialog .modal-content{flex-direction:column;justify-content:space-evenly;height:100%;display:flex}.modal-dialog .modal-content .modal__title{color:var(--color-real-white);padding-top:1rem;padding-left:1rem;padding-right:3rem}.modal-dialog .modal-content .modal__text{color:var(--color-real-white);text-align:left;margin:1rem;padding-top:1rem;font-size:1rem}.modal-dialog .modal-content .closeButton{position:absolute;top:0;right:0}@keyframes shimmer{to{transform:translate(100%)}}.input{border:1px solid #ffffff40;border-radius:6px;width:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000026}.input .form__field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:60px;color:var(--color-real-white);letter-spacing:.5px;background:#6464640d;border:none;outline:none;padding-top:18px;padding-left:12px;font-size:1rem;font-weight:300;transition:all .2s}.input .form__field::placeholder{text-transform:uppercase}.input .form__field:hover{background:#ffffff1a}.input .form__field:focus{background:#ffffff1a;padding-top:0}.input .form__field:focus~.form__field-label{opacity:0;transition:all .2s}.input .form__field-label{color:var(--color-real-white);text-transform:uppercase;padding:0 12px;font-size:.63rem;font-weight:300;line-height:33px;transition:all .2s;position:absolute;top:0;left:0}.input-field,.react-tel-input{background-color:var(--color-real-black);border-color:var(--color-real-black);color:var(--color-real-white);appearance:none;box-shadow:none;border-style:none;border-radius:6px;height:50px;font-size:1rem;transition:all .5s}.input-field:focus{border-color:var(--color-real-white);outline:none;transition:all .5s;box-shadow:inset 0 1px 3px #ffffff20,0 0 10px 1px #ffffff80}#password-inputs #password-requirements,#password-inputs #requirements-list{color:var(--color-real-white);text-transform:uppercase;margin-bottom:5px;padding:0 12px;font-size:.7rem}#password-inputs #requirements-list{margin-bottom:10px;margin-left:18px}#password-inputs .input:first-of-type{border-bottom:.5px solid var(--color-auth-border-bottom);border-radius:6px 6px 0 0}#password-inputs .input:last-of-type{border-top:0;border-radius:0 0 6px 6px}.password-show{color:var(--color-real-white);padding-right:12px;position:absolute;top:18px;right:0}.password-show:hover{cursor:pointer}.button__link{background-color:var(--color-real-white);color:var(--color-black);border-radius:9px;align-items:center;gap:.7rem;padding:.5rem 1rem;font-family:Rancho;font-size:1.5rem;transition:all .35s;display:flex}.button__link:hover{filter:invert();cursor:pointer;transition:all .35s}.selectSection .selectSection__title{color:var(--color-footer-heading);font-family:arima,sans-serif;font-size:1.2rem;font-weight:900}.selectSection .selectSection__select{border:2px solid var(--color-white);color:#ffffffa0;cursor:pointer;background-color:#0000;border-radius:9px;outline:0;padding:.3rem;font-family:sans-serif;font-size:1.2rem}.selectSection .selectSection__select option{background-color:var(--color-black);color:var(--color-real-white)}@media (max-width:400px){.selectSection .selectSection__select{font-size:.9rem}}