Create An Account

.commerce-create-account-container h1 {

font-size: var(--heading-font-size-l);

font-weight: 700;

line-height: 1;

}

.dropin-header-container {

display: none;

}

.dropin-button {

border-radius: var(--button-border-radius);

}

.commerce-create-account-container .button {

padding-inline: 2em;}

.commerce-create-account-container .default-content-wrapper {

padding-inline: 0; width: 100%;

}

.commerce-create-account-container .default-content-wrapper:nth-child(3) {

border: 15px solid #da291c;

padding: var(--spacing-xl);

margin-bottom: 0.5em;

}

.commerce-create-account-container h2 {

font-size: var(--heading-font-size-l);

font-weight: 700;

line-height: var(--heading-font-size-l);

}

.commerce-create-account-container p {

font-size: clamp(2rem,1.8rem + 1vw, 3rem);

margin: 0;

}

.commerce-create-account-container p strong {font-weight: 700;}

.commerce-create-account-container h2::after {content: ''; height: 2px; width: 50%; background: var(--text-color); display: block; margin-block: 1em 0.6em;}

.commerce-create-account-container ul {list-style-type: none;margin: 1.5em 0 0; padding:0;}

.commerce-create-account-container li {display: flex;align-items: flex-start;line-height: 1.2; margin-block-end: 1em;}

.commerce-create-account-container li picture {width: 10%; margin-inline-end: 1em; margin-block-start: .2lh;}

@media (width >= 600px) {.commerce-create-account-container li {align-items: center;}}

@media (width >= 800px) {

main .commerce-create-account-container {display: grid; gap: 1em; grid-template-columns: repeat(2, 1fr); margin: 40px 0; max-width: 100%;}

main .commerce-create-account-container > div {margin: 0; max-width: 100%;}

.commerce-create-account-container .default-content-wrapper:nth-child(1) {grid-area: 1/1/1/1;}

.commerce-create-account-container .commerce-create-account-wrapper {grid-area: 2/1/ span 3 / 1;}

.commerce-create-account-container .default-content-wrapper:nth-child(3) {grid-row-start: 2;grid-column: 2;height:min-content;}

.commerce-create-account-container .custom-wrapper {display: none;}

.commerce-create-account-container .default-content-wrapper:nth-child(5) {grid-column: 2;grid-row-start: 3;}

.auth-sign-up-form {padding: 0;}}

@media (width >= 1200px) {

main .commerce-create-account-container {max-width: var(--content-max-width);margin-inline: auto;gap: 1em 5%;}

img[alt="Hanes Rewards"] {max-width: 34rem;}}