.auth-controls-container{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 2rem);justify-content:center}.auth-control-button{background:transparent;border:.125rem solid;border-color:var(--colors-mono-03);border-radius:1rem;color:var(--colors-mono-10);cursor:pointer;font-weight:600;padding:2rem;text-transform:uppercase;transition:all .5s ease-in-out}.auth-control-button .text-break{display:inline-block}.login-button{border-color:var(--colors-mono-03)}.login-button:hover{border-color:var(--colors-arctic-lime);box-shadow:none;color:var(--colors-info);outline:none}.logout-button{border-color:#ff77001a}.logout-button:hover{border-color:#ff7700e6;color:var(--colors-info)}.login-button:hover .auth-control-logo,.logout-button:hover .auth-control-logo{fill:var(--colors-mono-11);transform:scale(1.1)}.logout-button>div>div>span:first-child{font-size:.65rem}.login-button>div,.logout-button>div{gap:2rem}.auth-control-logo{fill:var(--colors-mono-07);height:5rem;transition:all .5s ease-in-out}@media (min-width: 31.25rem){.auth-control-button .text-break{display:none}.auth-control-logo{height:10rem}}