<>
#promo-welcome-signup-20250617 {
border: 0.15em solid #fff;
border-radius: 8px;
font-size: 10px;
}
#promo-welcome-signup-20250617 img {
width: 100%;
height: auto;
}
#promo-welcome-signup-20250617 .overlay {
position: absolute;
top: 3.75em;
left: 1.6em;
}
#promo-welcome-signup-20250617 h3 {
color: var(--mer-white);
letter-spacing: -0.0508em;
margin: 0;
font-size: 6em;
font-weight: 600;
line-height: 0.92;
}
#promo-welcome-signup-20250617 h3 .upper {
text-transform: uppercase;
letter-spacing: 0.11em;
font-size: 0.331667em;
display: block;
}
#promo-welcome-signup-20250617 h3 .small {
letter-spacing: normal;
font-size: 0.25em;
font-weight: 350;
display: block;
}
#promo-welcome-signup-20250617 .deets {
color: var(--mer-white);
letter-spacing: -0.04em;
margin-top: 1.7em;
font-size: 1.4em;
font-weight: normal;
}
#promo-welcome-signup-20250617 .wrapper {
width: 23.3em;
margin: 2.4em 0 0;
position: relative;
}
#promo-welcome-signup-20250617 .wrapper form {
margin-bottom: 2.4em;
}
#promo-welcome-signup-20250617 .wrapper .privacy-policy {
margin: 0;
font-size: 0.9em;
text-decoration: underline;
}
#promo-welcome-signup-20250617 .wrapper .recaptcha-statement {
font-size: 0.85em;
line-height: 1;
}
#promo-welcome-signup-20250617 .wrapper .recaptcha-statement a {
font-size: 1em;
display: inline;
}
#promo-welcome-signup-20250617 .form-wrapper {
align-items: left;
background-clip: padding-box;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.4em;
display: -ms-flexbox;
display: flex;
position: relative;
}
#promo-welcome-signup-20250617 .form input,
#promo-welcome-signup-20250617 .form button {
border-radius: 8px;
}
#promo-welcome-signup-20250617 .form input {
background: var(--mer-white);
border: 2px solid var(--mer-slate);
width: 14.4362em;
height: 2.68456em;
padding: 0 0 0 0.75em;
font-size: 1.49em;
}
#promo-welcome-signup-20250617 .form button {
color: #fff;
background: none;
border: 2px solid #fff;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 7.3em;
height: 3.07692em;
font-size: 1.3em;
line-height: 1;
display: -ms-flexbox;
display: flex;
}
@media (hover: hover) and (pointer: fine) {
#promo-welcome-signup-20250617 .form button:hover {
cursor: pointer;
}
}
#promo-welcome-signup-20250617 .form .form-field-errors {
background: var(--mer-orange);
border-radius: 0.25em;
padding: 0.75em 1em;
position: absolute;
bottom: 3.6em;
left: 0;
}
#promo-welcome-signup-20250617 .form .form-field-errors li {
color: inherit;
font-size: 1.3em;
}
#promo-welcome-signup-20250617 .form .form-field-errors:after {
content: "";
box-sizing: border-box;
border-top: 0.8em solid var(--mer-orange);
border-left: 0.8em solid rgba(0000);
border-right: 0.8em solid rgba(0000);
display: block;
position: absolute;
top: 100%;
left: 1em;
}
#promo-welcome-signup-20250617 .form:before,
#promo-welcome-signup-20250617 .form:after {
z-index: 1;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s;
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
#promo-welcome-signup-20250617 .form:before {
content: "";
background: url("https://staging-na-wwwinc.demandware.net/on/demandware.static/-/Sites-merrell_us-Library/default/svg/loading.svg")
center / cover no-repeat;
width: 5em;
height: 3em;
bottom: 10em;
}
#promo-welcome-signup-20250617 .form:after {
content: "Submitting form...";
color: #fff;
width: max-content;
font-size: 1.7em;
top: 2px;
}
#promo-welcome-signup-20250617 .form.form-loading {
pointer-events: none;
}
#promo-welcome-signup-20250617 .form.form-loading .form-wrapper,
#promo-welcome-signup-20250617 .form.form-loading ~ .terms {
opacity: 0.35;
filter: blur(1px);
}
#promo-welcome-signup-20250617 .form.form-loading:before,
#promo-welcome-signup-20250617 .form.form-loading:after {
opacity: 1;
}
#promo-welcome-signup-20250617 .fine-print {
color: var(--mer-white);
width: 27em;
margin-top: 2.4em;
font-size: 0.8em;
}
#promo-welcome-signup-20250617 .fine-print a {
display: inline;
}
#promo-welcome-signup-20250617 .form-success {
color: #fff;
margin-top: -0.5em;
}
