#login-page,#signup-page{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}#login-container{flex-direction:column;justify-content:center;align-items:center;gap:23px;width:calc(100vw - 60px);height:fit-content;display:flex}#login-container-header{letter-spacing:-1px;font-size:25px;font-weight:600}#login-page input{box-sizing:border-box;background-color:#f3f4f5;border:2px solid #ececec;border-radius:12px;width:100%;max-width:350px;height:50px;padding-left:20px;padding-right:20px}#login-page button{user-select:none;-webkit-user-drag:none;cursor:pointer;color:#000;border-top:none;border-left:none;border-right:none;border-radius:12px;flex-direction:row;align-items:center;width:270px;height:50px;font-size:1.1rem;text-decoration:none;display:flex}#login-page hr{border:1px solid #ececec;border-radius:25px;width:100%;max-width:350px}#login-container-buttons{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}#login-page #login-button{color:#fff;background:linear-gradient(to bottom right, color-mix(in srgb, var(--light-primary) 80%, white) 0%, var(--light-primary) 120%);border-bottom:4px solid color-mix(in srgb, var(--light-primary) 80%, black);justify-content:center;width:100%;max-width:350px;font-weight:600}#login-page #login-button:hover,#login-page #signup-button:hover{filter:brightness(.98)}#login-page #signup-button{color:#757575;background-color:#f3f4f5;border-bottom:4px solid #ccc;justify-content:center;width:100%;max-width:350px;font-weight:600}#login-page #login-button:active,#login-page #signup-button:active,#login-page #google-button:active,#login-page #apple-button:active{border-bottom:none;height:46px;margin-top:4px}#login-page #apple-button,#login-page #google-button,#login-page #google-button-overlay,#login-page #apple-button-overlay{letter-spacing:.1px;background-color:#f3f4f5;border-bottom:4px solid #d9d9d9;place-content:center;gap:12px;max-width:167.5px;padding-right:10px;font-size:18px;display:flex}#login-container-alternative{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:23px;display:flex}#google-button-container,#apple-button-container{display:flex;position:relative}#login-page #google-button,#login-page #apple-button{transition:color .1s;position:relative;overflow:hidden}#login-page #apple-button-overlay{user-select:none;pointer-events:none;color:#fff;clip-path:circle(0 at 55px 25px);background-color:#000;border-bottom:4px solid #575757;transition:clip-path .2s ease-out;position:absolute}#login-page #apple-button-overlay img{filter:invert()}#login-page #google-button-overlay{user-select:none;pointer-events:none;color:#fff;clip-path:circle(0 at 45px 25px);background:linear-gradient(90deg,#fbbc05 26%,#4285f4 26%);border-bottom:4px solid #3871cf;transition:clip-path .2s ease-out;position:absolute}#login-page #google-button:active>#google-icon,#login-page #google-button-overlay>#google-icon{display:none}#login-page #google-button:hover+#google-button-overlay,#login-page #google-button:active+#google-button-overlay,#login-page #apple-button:hover+#apple-button-overlay,#login-page #apple-button:active+#apple-button-overlay{clip-path:circle(150px at 45px 25px);transition:clip-path .2s ease-in}#login-page #google-button:active+#google-button-overlay,#login-page #apple-button:active+#apple-button-overlay{border-bottom:none;height:46px;margin-top:4px;transition:none}#login-page #google-button-overlay:before{content:"";z-index:2;clip-path:polygon(5% 0,44% 0,26% 50%);background-color:#ea4335;border-radius:12px;transition:all .3s;position:absolute;inset:0}#login-page #google-button-overlay:after{content:"";z-index:2;clip-path:polygon(5% 100%,43% 100%,26% 50%);background-color:#34a853;border-radius:12px;transition:all .3s;position:absolute;inset:0}#password-container,#repeat-password-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:350px;display:flex;position:relative}.password-icon-container{cursor:pointer;user-select:none;-webkit-user-drag:none;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}#password-match-error{color:red;font-size:15px;display:none;position:absolute;bottom:-30px;right:0}