.customer {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
}

.theme-base-form {
    display: block;
    margin-inline: auto;
    margin: 94px 0;
    background: #fff;
    padding: 20px;
    width: 45%;
    max-width: 550px;
}

.customer .field__input {
    padding: 24px 16px 8px;
}

.customer .field:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    border-width: var(--input-border-thickness);
    border-style: solid;
    border-color: rgba(var(--color-text), var(--input-border-opacity));
    pointer-events: none;
    transition: border-color 300ms;
    border-radius: var(--input-border-radius-outset);
    box-shadow: var(--input-shadow-offset-x) var(--input-shadow-offset-y) var(--input-shadow-blur) rgba(var(--color-text), var(--input-shadow-opacity));
}

.customer-container {
  background-image: var(--src-loginbg-image); 
  background-size: cover;
} 

.customer .customer__extra .button--link {
    color: rgb(var(--color-button-text-link));
}
.customer-container .customer__extra .button--link,
.customer-container .button--link {
    background: transparent;
    color: #000;
}
@media (max-width: 959px) {
    .customer-container {background: #fff;}
    .theme-base-form {
        width: 100%;
        margin: 15px 0;
    }

    .customer {
        width: 100%;
    }
}


.customer__title {
    margin-block-end: 20px;
    text-transform: uppercase;
}

@media (max-width: 959px) {
    .customer__title {
        margin-block-end: 10px;
    }
}

.customer__tab {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
    margin-block-end: 32px;
}

.customer__tab span {
    color: rgb(var(--color-light-text));
    white-space: nowrap;
    cursor: pointer;
}

.customer__tab span:first-child {
    position: relative;
    text-align: end;
}

.customer__tab span:first-child::after {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: -20px;
    width: 1px;
    height: 10px;
    content: " ";
    background-color: rgb(var(--color-entry-line));
    transform: translateY(-50%);
}

.customer__tab span.active {
    color: rgb(var(--color-text));
    text-decoration: underline;
    text-underline-offset: 6px;
}

.customer__submit {
    width: 100%;
    text-transform: capitalize;
}

.customer__extra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-start: 20px;
}

.customer__extra-label {
    display: flex;
    align-items: baseline;
}

.customer__extra .field-checkbox {
    margin-inline-end: 10px;
}

.customer__jump-link {
    display: flex;
    justify-content: center;
    margin-block-start: 40px;
}

.customer__jump-link--between {
    justify-content: space-between;
}