.containerForm{position:relative;width:55%;margin:5vmax auto;display:flex;flex-direction:column;align-items:center;padding:4vmax 1vmax;gap:2vmax;background-color:#0d0d0d;border-radius:10px}.containerForm .loginTitle{color:var(--beige);text-align:center}.containerForm .loginTitle .loginColor{color:var(--success)}.containerForm .loginInput{width:30vmax;height:3vmax;padding:.5vmax;border-radius:5px;background-color:var(--background);color:#fff}.containerForm .loginInput:disabled{background-color:#151515;color:#999;cursor:not-allowed}.containerForm .loginButton{margin-top:3vmax;background:var(--orange-deep);color:#fff;transition:background .2s ease,transform .15s ease;border:none;padding:10px 20px;border-radius:5px;text-decoration:none;cursor:pointer;text-align:center;min-width:18vmax;max-width:90%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.containerForm .loginButton:hover{background-color:var(--orange-deep-hover);opacity:1}.containerForm .loginButton:focus-visible{outline:3px solid #fff;outline-offset:2px}.containerForm .loginButton:active{background-color:var(--orange-deep-hover);transform:scale(.97)}.containerForm .loginButtonBusy,.containerForm .loginButtonBusy:active,.containerForm .loginButtonBusy:hover{background-color:var(--orange-deep);color:#fff;cursor:progress;opacity:1;transform:none}.containerForm .loginSpinner{width:1em;height:1em;flex-shrink:0;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:loginSpin .7s linear infinite}@media(prefers-reduced-motion:reduce){.containerForm .loginSpinner{animation:none;border-top-color:hsla(0,0%,100%,.4);border-right-color:#fff}}.containerForm .errorMessage{color:var(--error);margin-bottom:0;font-size:1rem;text-align:center;max-width:90%}.containerForm .errorMessageForm{width:30vmax;max-width:90%;padding:.6rem .8rem;border:1px solid var(--error);border-radius:5px;background-color:rgba(255,92,77,.12)}.containerForm .loginStatus{color:var(--beige);font-size:.95rem;text-align:center;margin:0}.containerForm .loginStatus:empty{display:none}@keyframes loginSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.containerForm:before{content:"";position:absolute;inset:0;padding:1.2px;border-radius:1vmax;background:linear-gradient(90deg,rgba(223,76,55,.7058823529) 50%,rgba(227,205,164,.5019607843));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media screen and (max-width:1400px){.containerForm{width:60%}.containerForm .loginTitle{font-size:4vmax}.containerForm .loginInput{width:40vmax;height:4.5vmax}.containerForm .errorMessageForm{width:40vmax}.containerForm .loginButton{min-width:20vmax}}@media screen and (max-width:835px){.containerForm{width:70%}.containerForm .loginTitle{font-size:3.5vmax}}@media screen and (max-width:769px){.containerForm .loginInput{width:90%;height:5.2vmax;font-size:2vmax}.containerForm .errorMessageForm{width:90%}.containerForm .loginButton{font-size:2vmax}}@media screen and (max-width:581px){.containerForm{width:90%}.containerForm .loginInput{height:5.5vmax}}@media screen and (max-width:481px){.containerForm{width:93%}}