.hero::after {
display: none;
}
form,
#formWrapper > div {
box-sizing: border-box;
max-width: 440px;
width: 100%;
--form-pd: 40px;
--form-rad: 40px;
padding: var(--form-pd);
background-color: white;
gap: 30px;
border-radius: var(--form-rad);
box-shadow: 0px 0px 125px 10px #ffffff;
gap: 20px;
overflow: hidden;
}
form {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
#formWrapper > div {
box-shadow: 20px 0px 125px 10px #ffffff;
padding-bottom: 0px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#form > div {
gap: 8px;
flex-wrap: wrap;
}
#form > div:last-child {
justify-content: space-between;
}
#formWrapper {
width: 100%;
padding: calc(var(--section-content-pd) * 2) 0;
}
fieldset {
width: 100%;
--prop: 2px solid var(--light-orange);
border: none;
border-top: var(--prop);
padding: 0;
}
legend {
margin: auto;
padding: 0 20px;
}
h3 {
text-transform: none;
}
#authBtns {
gap: 10px;
}
.authBtn {
position: relative;
min-width: 60px;
border: 2px solid var(--blue) !important;
}
.button:hover .google_icon {
filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
}
.google_icon {
display: block;
height: 28px;
content: url('data:image/svg+xml,');
}
.facebook_icon {
content: url('data:image/svg+xml,');
}
.weChat_icon {
position: absolute;
width: 28px;
content: url('data:image/svg+xml,');
}
.showPass {
user-select: none;
content: url('data:image/svg+xml,');
width: 22px;
margin-left: 8px;
}
.showPass[active] {
content: url('data:image/svg+xml,');
}
.text-input_password .inputWrapper {
justify-content: space-between;
}
.text-input_password[show] .showPass {
content: url('data:image/svg+xml,');
}
.passInput {
width: 100%;
}
.text-input_password .inputWrapper > div:first-child {
width: 100%;
}
@media (max-width: 768px) {
:root {
--section-pd: 0px;
--section-content-pd: 20px;
}
}
@media (max-width: 550px) {
:root {
--section-content-pd: 20px;
}
form,
#formWrapper > div {
--form-pd: 40px 20px;
}
}
@media (max-width: 450px) {
:root {
--section-content-pd: 20px;
}
.authBtn span {
display: none;
}
.google_icon {
position: absolute;
}
}