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