@import"https://fonts.googleapis.com/css2?family=Modak&display=swap";@import"https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Modak&display=swap";#signin-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#1a1a1a;flex-direction:column;user-select:none}#signin-container #title{font-size:4vw}#signin-container #title #leet{color:#ffa116;font-family:Modak,system-ui}#signin-container #title #buddy{color:#fff;font-family:Inria Sans,sans-serif;font-weight:500;font-style:normal}#signin-container #dummy-signin{width:24vw;box-sizing:border-box;border:1px solid gray;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:space-around}#signin-container #dummy-signin #credentials-container{height:15vh;font-family:Inria Sans,sans-serif;font-weight:500;font-style:normal;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}#signin-container #dummy-signin #credentials-container #credentials-box{background-color:#282828;height:32%;width:88%;cursor:default;border-radius:8px;font-family:Inria sans;color:#fff;outline:none;display:flex;padding-inline:8px}#signin-container #dummy-signin #signin-button,#signin-container #dummy-signin #user-message{font-family:Inria Sans,sans-serif;font-weight:500;font-style:normal;display:flex;margin-inline:auto}#signin-container #dummy-signin #signin-button{font-size:1.2vw;color:#fff;background-color:#282828;width:8vw;border-radius:4px;justify-content:center;height:fit-content;padding:8px;box-sizing:border-box;align-items:center;overflow:hidden;transition:.38s ease-in-out;height:6vh}#signin-container #dummy-signin #signin-button #loading{animation:load 1s linear infinite}#signin-container #dummy-signin #signin-button #signin{transition:.2s ease-in;position:absolute}#signin-container #dummy-signin #signin-button #ok{transition:.2s ease-in-out;position:absolute;transform:translateX(100px);opacity:0}#signin-container #dummy-signin #signin-button:hover{width:3vw;border-radius:70px;background-color:#ffa116}#signin-container #dummy-signin #signin-button:hover #signin{transform:translateX(-100px);cursor:pointer;opacity:0}#signin-container #dummy-signin #signin-button:hover #ok{cursor:pointer;transform:translateX(0);transform:rotate(-45deg);opacity:1}#signin-container #dummy-signin #signin-loading{margin-inline:auto;font-family:Inria Sans,sans-serif;font-weight:500;font-style:normal;font-size:1.2vw;color:#fff;background-color:#282828;width:8vw;display:flex;border-radius:4px;justify-content:center;height:fit-content;padding:8px;box-sizing:border-box;align-items:center;overflow:hidden;transition:.38s ease-in-out;height:6vh}#signin-container #dummy-signin #signin-loading #loading{animation:load 1s linear infinite}@keyframes load{0%{rotate:0deg}to{rotate:1turn}}@media screen and (max-width:1100px){#signin-container #title{font-size:12vw}#signin-container #dummy-signin{width:64vw}#signin-container #dummy-signin #signin-button{width:32vw;font-size:4vw}#signin-container #dummy-signin #signin-button:hover{width:14vw}#signin-container #dummy-signin #signin-loading{width:32vw}}