
.account-overview{
    background-color:var(--white);
    margin:1.25rem 0
}
@media (min-width:37.1875rem){
    .account-overview{
        margin:1.875rem 0
    }
}
@media (min-width:56.25rem){
    .account-overview{
        margin:2.5rem 0
    }
}
.account-overview__header{
    border-bottom:0.0625rem solid #d8d8d8;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    line-height:1;
    padding:1.875rem 1.25rem
}
@media (min-width:37.1875rem){
    .account-overview__header{
        align-items:center;
        flex-direction:row;
        padding:1.875rem
    }
}
@media (min-width:56.25rem){
    .account-overview__header{
        padding:1.875rem 2.5rem
    }
}
.account-overview__header .-link{
    font-family:HelveticaNeueRoman, Helvetica Neue,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:400;
    font-size:0.8125rem;
    letter-spacing:.1.5625rem;
    line-height:0.9375rem;
    padding-top:0.5rem;
    text-align:left
}
@media (min-width:37.1875rem){
    .account-overview__header .-link{
        font-size:0.75rem
    }
}
@media (min-width:56.25rem){
    .account-overview__header .-link{
        font-size:0.875rem
    }
}
.account-overview__account-type{
    color:var(--bodytext);
    font-size:1.25rem;
    letter-spacing:-.1.9375rem;
    line-height:1.375rem;
    margin-bottom:0
}
@media (min-width:56.25rem){
    .account-overview__account-type{
        font-size:1.75rem;
        letter-spacing:-.1.375rem;
        line-height:1.125rem
    }
}
.account-overview__account-number{
    font-size:0.875rem;
    line-height:1rem;
    padding-top:1.0625rem
}
@media (min-width:37.1875rem){
    .account-overview__account-number{
       /*  font-family:var(--default-font); */
        font-family:HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
        font-weight:700;
        font-size:1rem;
        letter-spacing:.1.9375rem;
        padding-top:0
    }
    .account-overview__info{
        display:flex;
        flex-direction:row;
        justify-content:space-between
    }
}
.account-overview__balance{
    align-items:center;
    display:flex;
    justify-content:space-between
}
@media (min-width:37.1875rem){
    .account-overview__balance{
        border-right:0.0625rem solid var(--lightgrey);
        flex-grow:1
    }
}
.account-overview__balance>*{
    align-items:center;
    display:flex;
    justify-content:space-between;
    padding:1.25rem 1.25rem 0
}
@media (min-width:37.1875rem){
    .account-overview__balance>*{
        justify-content:space-between;
        padding:1.875rem
    }
}
@media (min-width:56.25rem){
    .account-overview__balance>*{
        padding:1.875rem 2.5rem
    }
}
.account-overview__balance-details{
    display:block;
    flex-grow:1;
    padding-right:0
}
.account-overview__balance-label{
    font-size:1.125rem;
    letter-spacing:-.1.1875rem
}
@media (min-width:37.1875rem){
    .account-overview__balance-label{
        line-height:1.5rem
    }
}
@media (min-width:56.25rem){
    .account-overview__balance-label{
        font-size:1.375rem
    }
}
.account-overview__balance-due{
    color:#53565a;
    font-size:0.9375rem;
    letter-spacing:.1.8125rem;
    line-height:1.0625rem
}
@media (min-width:56.25rem){
    .account-overview__balance-due{
        font-size:1rem
    }
}
.account-overview__balance-amount{
    font-size:2rem;
    padding-left:0.625rem
}
@media (min-width:37.1875rem){
    .account-overview__balance-amount{
        font-size:2.25rem
    }
}
@media (min-width:56.25rem){
    .account-overview__balance-amount{
        font-size:3rem
    }
}
.account-overview__actions{
    padding:1.25rem
}
@media (min-width:37.1875rem){
    .account-overview__actions{
        display:inline-flex;
        padding:1.5rem
    }
}
@media (min-width:56.25rem){
    .account-overview__actions{
        padding:2.5rem
    }
}
.account-overview__actions .button,.account-overview__actions .form-component .wFormContainer .primaryAction,.form-component .wFormContainer .account-overview__actions .primaryAction{
    height:auto;
    min-width:7.5rem
}
@media (min-width:37.1875rem){
    .account-overview__actions .button,.account-overview__actions .form-component .wFormContainer .primaryAction,.form-component .wFormContainer .account-overview__actions .primaryAction{
        font-size:1rem
    }
    .account-overview__actions .button:first-of-type,.account-overview__actions .form-component .wFormContainer .primaryAction:first-of-type,.form-component .wFormContainer .account-overview__actions .primaryAction:first-of-type{
        margin-right:0.5rem
    }
    .account-overview__actions .button+.-link-button.button,.account-overview__actions .form-component .wFormContainer .button+.-link-button.primaryAction,.account-overview__actions .form-component .wFormContainer .primaryAction+.-link-button.button,.account-overview__actions .form-component .wFormContainer .primaryAction+.-link-button.primaryAction,.form-component .wFormContainer .account-overview__actions .button+.-link-button.primaryAction,.form-component .wFormContainer .account-overview__actions .primaryAction+.-link-button.button,.form-component .wFormContainer .account-overview__actions .primaryAction+.-link-button.primaryAction{
        margin-top:0
    }
}
@media (min-width:56.25rem){
    .account-overview__actions .button,.account-overview__actions .form-component .wFormContainer .primaryAction,.form-component .wFormContainer .account-overview__actions .primaryAction{
        width:13.375rem
    }
}



.create-account__content{
    height:100%;
    padding:1.25rem 0
}
.create-account__footer{
    padding:0.833333125rem 0
}
@media (min-width:37.1875rem){
    .create-account__footer{
        padding-bottom:0
    }
}
@media (min-width:56.25rem){
    .create-account__footer{
        padding-bottom:0.3125rem
    }
}
.create-account__footer .button,.create-account__footer .form-component .wFormContainer .primaryAction,.form-component .wFormContainer .create-account__footer .primaryAction{
    font-size:1.125rem;
    height:3.75rem
}
@media (min-width:37.1875rem){
    .create-account__footer .button,.create-account__footer .form-component .wFormContainer .primaryAction,.form-component .wFormContainer .create-account__footer .primaryAction{
        width:100%
    }
}