/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*******    FIXES CSS      *******/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*GLOBAL NAVIGATION FIX*/

/***unset breakpoint 992px values***/

/*unset client-lib css;*/

/*navigation-portrait*/

.navigation-portrait {
    height: initial;
}

.navigation-portrait .nav-brand {
    font-size: initial;
    line-height: initial;
}

.navigation-portrait .nav-toggle {
    display: initial;
}

.navigation-portrait .nav-menus-wrapper {
    width: initial;
    height: initial;
    top: initial;
    left: initial;
    position: initial;
    background-color: initial;
    z-index: initial;
    overflow-y: initial;
    -webkit-overflow-scrolling: initial;
    -webkit-transition-duration: initial;
    transition-duration: initial;
    -webkit-transition-timing-function: initial;
    transition-timing-function: initial;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
    left: initial;
    right: initial;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
    left: initial;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
    left: initial;
    right: initial;
}

.navigation-portrait .nav-menus-wrapper-close-button {
    display: initial;
    z-index: initial;
    position: initial;
}

.navigation-portrait .nav-menu {
    width: initial !important;
    margin: initial !important;
    padding-top: initial;
}

.navigation-portrait .nav-menu>li {
    width: initial;
    position: initial;
    border-top: initial;
}

.navigation-portrait .nav-menu>li:last-child {
    border-bottom: initial;
}

.navigation-portrait .nav-menu>li>a {
    width: initial;
    height: initial;
    padding: initial;
}

.navigation-portrait .nav-menu.nav-menu-social {
    width: initial;
    text-align: initial;
}

.navigation-portrait .nav-menu.nav-menu-social>li {
    width: initial;
}

.navigation-portrait .nav-menu.nav-menu-social>li>a {
    padding: initial;
}

.submenu-indicator {
    margin-left: initial;
    margin-top: initial;
    float: initial;
    -webkit-transition: all initial;
    transition: all initial;
}

.navigation-portrait .submenu-indicator {
    width: initial;
    height: initial;
    margin-top: initial;
    position: initial;
    top: initial;
    right: initial;
    text-align: initial;
    z-index: initial;
}

.navigation-portrait .submenu-indicator-chevron {
    position: initial;
    top: initial;
    left: initial;
}

.navigation-portrait .nav-search {
    height: initial;
    padding: initial;
    margin-right: initial;
}

.navigation-portrait .nav-search-button {
    width: initial;
    height: initial;
    line-height: initial;
    font-size: initial;
}

.navigation-portrait .nav-search-inner {
    height: initial;
}

.navigation-portrait .nav-search-inner input[type=text],
.navigation-portrait .nav-search-inner input[type=search] {
    height: initial;
    font-size: initial;
    line-height: initial;
}

.navigation-portrait .nav-search-close-button {
    top: initial;
    right: initial;
}

.navigation-portrait .nav-button {
    width: initial;
    margin: initial;
}

.navigation-portrait .nav-text {
    width: initial;
    margin: initial;
}

.navigation-portrait .nav-text+ul {
    margin-top: initial;
}

.navigation-portrait .nav-dropdown {
    width: initial;
    position: initial;
    left: initial;
}

.navigation-portrait .nav-dropdown>li>a {
    padding: initial;
}

.navigation-portrait .nav-dropdown>li>ul>li>a {
    padding-left: initial;
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a {
    padding-left: initial;
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a {
    padding-left: initial;
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: initial;
}

.navigation-portrait .nav-menu>li>a {
    width: initial;
    height: initial;
    padding: initial;
}

/*navigation landscape*/

.navigation-landscape .nav-menu.nav-menu-centered {
    float: initial;
    text-align: initial;
}

.navigation-landscape .nav-menu.nav-menu-centered>li {
    float: initial;
}

@media only screen and (max-width:991px) {
    .nav-menu>li>a.nav-specialty-item {
        width: initial;
        margin-left: initial;
    }
}

@media (min-width: 992px) {
    .nav-brand-mobile-slideout {
        visibility: initial;
    }
    .nav-menus-wrapper .nav-brand>img {
        display: initial;
    }
    .nav-menu {
        float: initial;
    }
    .nav-menu>li>a:hover {
        background-color: initial;
        border-radius: initial;
    }
    .nav-menu>li>a.nav-dropdown-link:hover,
    .nav-menu>li.focus>a.nav-dropdown-link {
        background-color: initial;
        border-radius: initial;
    }
    .nav-menu>li>a.nav-dropdown-link:hover::after,
    .nav-menu>li.focus>a.nav-dropdown-link::after {
        content: "";
        height: initial;
        width: initial;
        margin-right: initial;
        background-color: initial;
        display: initial;
    }
    .nav-dropdown {
        box-shadow: initial;
        background-color: initial;
        padding: initial;
        margin-left: initial
    }
    .container {
        max-width: initial;
    }
    .nav-button-icon {
        display: initial
    }
}

@media (max-width: 992px) {
    .nav-header {
        width: initial;
        text-align: initial;
    }
    .nav-brand {
        display: initial;
    }
    .nav-brand>img {
        margin: initial;
    }
    .nav-menus-wrapper .nav-brand>img {
        margin: initial;
        display: initial;
    }
    .navigation-portrait .nav-menu>li>a {
        padding: initial;
        margin: initial;
    }
    .nav-menu>li>a {
        color: initial;
    }
    .navigation-portrait .nav-menu>li {
        border-top: initial !important;
        border-bottom: initial !important;
        margin-bottom: initial;
    }
    .navigation-portrait .nav-menu>li:last-child {
        border-bottom: initial !important;
    }
    .nav-menu>li:hover>a,
    .nav-menu>li.active>a,
    .nav-menu>li.focus>a {
        color: initial;
    }
    .nav-menu>li>a.nav-specialty-item {
        margin: initial !important;
        display: initial !important;
        text-align: initial !important;
        width: initial !important;
        padding: initial;
        border: initial;
    }
    .nav-menu>li>a.nav-specialty-item:hover,
    .nav-menu>li>a.nav-specialty-item:focus {
        color: initial;
        background: initial;
        border: initial;
    }
    .nav-dropdown>li>a,
    .megamenu-list>li>a {
        width: initial !important;
    }
    .nav-dropdown>li>a {
        background-color: initial !important;
        border-bottom: initial !important;
    }
}

/***END unset breakpoint 992px values***/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*** FIX: undo current clientlib css -- need to remove from clientlib*/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/**GLOBAL NAVIGATION**/

/***component css***/

.globalnavigation .container {
    max-width: none;
    padding: 0;
    margin: auto;
}

.globalnavigation .nav-brand img {
    max-height: 7.5rem;
    float: left;
}

.globalnavigation .dropdown-menu {
    left: unset;
    right: 0
}

/***bootstrap css***/

/*navigation*/

.globalnavigation .navigation {
    width: 100%;
    height: auto;
    display: table;
    position: relative;
    font-family: inherit;
}

.globalnavigation .navigation * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.globalnavigation .nav-header {
    float: none;
}

.globalnavigation .nav-brand {
    line-height: 9rem;
    padding: 0;
    color: #726785;
    font-size: 2.4rem;
    text-decoration: none !important;
    margin: 0 auto;
}

.globalnavigation .nav-brand:hover,
.globalnavigation .nav-brand:focus {
    color: #726785;
}

.globalnavigation .nav-brand>img {
    max-width: none;
}

.globalnavigation .nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    font-size: 0;
}

.globalnavigation .nav-menu>li {
    display: inline-block;
    float: none;
    text-align: left;
}

.globalnavigation .nav-menu>li>a {
    display: flex;
    align-items: center;
    color: #2e1a47;
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 300;
    padding: 1.2rem;
    margin: .6rem;
    border: 2px solid transparent;
    border-radius: 4px;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
}

.globalnavigation .nav-menu>li:hover>a,
.globalnavigation .nav-menu>li.active>a,
.globalnavigation .nav-menu>li.focus>a {
    color: #2e1a47;
}

.globalnavigation .nav-menu>li>a>i,
.globalnavigation .nav-menu>li>a>[class*=ion-] {
    width: 1.8rem;
    height: 1.6rem;
    line-height: 1.6rem;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.globalnavigation .nav-menu>li>a>[class*=ion-] {
    width: 1.6rem;
    display: inline-block;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
}

.globalnavigation .nav-menu>li>a.nav-specialty-item {
    border: 2px solid #2e1a47;
    padding: 1.2rem;
    margin: .6rem;
    border-radius: 4px;
    font-weight: 300;
    white-space: nowrap;
}

.globalnavigation .nav-menu>li>a.nav-specialty-item:hover {
    color: #fff;
    background: #2e1a47;
    border: 2px solid #2e1a47;
}

.globalnavigation .nav-menu>li>a.nav-specialty-item:focus {
    color: #fff;
    background: #2e1a47;
    border: 2px solid #2e1a47;
}

.globalnavigation .submenu-indicator-chevron {
    height: 3px;
    width: 3px;
    display: inline-block;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    margin-bottom: 3px;
    margin-right: 3px;
}

.globalnavigation .nav-dropdown {
    min-width: 210px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    list-style: none;
    z-index: 98;
    white-space: nowrap;
}

.globalnavigation .nav-dropdown::before {
    padding-top: 10px;
}

.globalnavigation .nav-dropdown::after {
    padding-bottom: 10px;
}

.globalnavigation .nav-dropdown .nav-dropdown {
    left: 100%;
}

.globalnavigation .nav-dropdown ul>li,
.globalnavigation .nav-dropdown>li {
    width: auto;
    float: none;
    clear: none;
    position: static;
    text-align: left;
    white-space: normal;
    list-style: none;
    margin: 2rem 1rem;
}

.globalnavigation .nav-dropdown ul>li>a,
.globalnavigation .nav-dropdown>li>a {
    width: auto;
    padding: 0;
    display: inline-block;
    text-decoration: none;
    float: none;
    font-size: 1.8rem;
    color: #fff;
    background-color: #2e1a47;
    line-height: 1em;
    margin: 0;
    font-weight: 300;
    white-space: nowrap;
}

.globalnavigation .nav-dropdown ul>li>a::after,
.globalnavigation .nav-dropdown li>a::after {
    border-bottom: 2px solid #000;
}

.globalnavigation .nav-dropdown ul>li:hover>a,
.globalnavigation .nav-dropdown ul>li:focus>a,
.globalnavigation .nav-dropdown ul>li>a:hover,
.globalnavigation .nav-dropdown ul>li>a:focus,
.globalnavigation .nav-dropdown>li:hover>a,
.globalnavigation .nav-dropdown>li:focus>a,
.globalnavigation .nav-dropdown>li>a:hover,
.globalnavigation .nav-dropdown>li>a:focus {
    color: #afabc9;
}

.globalnavigation .nav-dropdown.nav-dropdown-left {
    right: 0;
}

.globalnavigation .nav-dropdown ul>li>.nav-dropdown-left,
.globalnavigation .nav-dropdown>li>.nav-dropdown-left {
    left: auto;
    right: 100%;
}

.globalnavigation .navigation-landscape .nav-dropdown.nav-dropdown-left>li>a {
    text-align: right;
}

.globalnavigation .nav-button-icon {
    background: none;
    border: 0/
}

.globalnavigation .nav-button {
    margin: 18px 15px 0;
    padding: 8px 14px;
    display: inline-block;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
}

.globalnavigation .nav-button:hover,
.globalnavigation .nav-button:focus {
    color: #fff;
    text-decoration: none;
}

.globalnavigation .nav-text {
    margin: 25px 15px;
    display: inline-block;
    color: #343a40;
    font-size: 1.4rem;
}

.globalnavigation .submenu-indicator {
    margin-left: 1rem;
    margin-top: 0;
    float: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}

/*desktop*/

@media (min-width: 1201px) {
    .globalnavigation .navigation {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .globalnavigation .nav-menus-wrapper {
        display: flex;
        height: 9rem;
        align-items: center;
        margin-left: auto;
    }
    .globalnavigation .nav-menus-wrapper .nav-brand>img {
        display: none;
    }
    .globalnavigation .nav-menu {
        float: none;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-left: 4rem;
    }
    .globalnavigation .nav-menu>li {
        text-align: center;
        width: auto;
    }
    .globalnavigation .nav-menu>li>a {
        align-items: center;
        justify-content: center;
    }
    .globalnavigation .nav-menu>li>a:hover {
        background-color: #afabc9;
        border-radius: 4px;
    }
    .globalnavigation .nav-menu li>a.nav-dropdown-link:hover,
    .globalnavigation .nav-menu>li.focus>a.nav-dropdown-link {
        background-color: transparent;
        border-radius: 0;
        position: relative;
    }
    .globalnavigation .nav-menu>li>a.nav-dropdown-link:hover::after,
    .globalnavigation .nav-menu>li.focus>a.nav-dropdown-link::after {
        content: "";
        height: 2px;
        width: calc(100% - 4.3rem);
        background-color: #2e1a47;
        position: absolute;
        bottom: .5rem;
        left: 1rem;
    }
    .globalnavigation .nav-menu>li:last-child>.nav-dropdown {
        right: 0;
        margin-right: 1.8rem;
        margin-left: 0;
    }
    .globalnavigation .nav-dropdown {
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
        background-color: #2e1a47;
        padding: 2rem 4rem 2rem 2rem;
        margin-left: 1.8rem;
        border-radius: .4rem;
    }
    .globalnavigation .nav-button-icon {
        display: none;
    }
}

/*desktop - IE10+ CSS here */

@media all and (min-width: 1201px) and (max-width: 1440px) and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .globalnavigation .nav-menu>li {
        width: 100%;
    }
}

/*mobile & tablet*/

@media (max-width: 1200px) {
    .globalnavigation .nav-header {
        width: 100%;
        text-align: center;
    }
    .globalnavigation .nav-brand>img {
        margin: 0 auto;
        display: inline-block;
        max-width: 20rem;
    }
    .globalnavigation .nav-brand img {
        margin: 0 auto;
        float: none;
    }
    .globalnavigation .nav-button-icon {
        display: block;
    }
    .globalnavigation .nav-toggle,
    .globalnavigation .navigation-portrait .nav-toggle {
        width: 3rem;
        height: 3rem;
        padding: .6rem .2rem 0;
        position: absolute;
        top: 50%;
        margin-top: -1.4rem;
        left: 0;
        right: auto;
        display: block;
        cursor: pointer;
    }
    .globalnavigation .nav-toggle:before,
    .globalnavigation .navigation-portrait .nav-toggle:before {
        content: "";
        position: absolute;
        width: 2.4rem;
        height: .2rem;
        background-color: #726785;
        border-radius: 1rem;
        box-shadow: 0 .5em 0 0 #726785, 0 1em 0 0 #726785;
    }
    .globalnavigation .nav-toggle:focus,
    .globalnavigation .navigation-portrait .nav-toggle:focus {
        outline: 0;
        border: 0;
    }
    .globalnavigation .nav-menus-wrapper-close-button {
        width: 3rem;
        height: 4rem;
        margin: 2rem;
        display: none;
        float: left;
        color: #fff;
        font-size: 2.6rem;
        cursor: pointer;
    }
    .globalnavigation .nav-menus-wrapper .nav-brand>img {
        margin: 0 auto;
        display: block;
    }
    .globalnavigation .nav-menu>li:hover>a,
    .globalnavigation .nav-menu>li.active>a,
    .globalnavigation .nav-menu>li.focus>a {
        color: #fff;
    }
    .globalnavigation .nav-menu>li>a.nav-specialty-item {
        margin: 8rem 0 4rem 0 !important;
        display: block !important;
        text-align: center !important;
        width: 100% !important;
        padding: 1rem !important;
        border: 2px solid #fff;
    }
    .globalnavigation .nav-menu>li>a.nav-specialty-item {
        width: 50%;
        margin-left: 27px;
    }
    .globalnavigation .nav-menu>li>a.nav-specialty-item:hover,
    .globalnavigation .nav-menu>li>a.nav-specialty-item:focus {
        color: #2e1a47;
        background: #fff;
        border: 2px solid #2e1a47;
    }
    .globalnavigation .navigation-portrait {
        height: auto;
    }
    .globalnavigation .nav-brand,
    .globalnavigation .navigation-portrait .nav-brand {
        font-size: 1.8rem;
        line-height: 6rem;
    }
    .globalnavigation .nav-menus-wrapper,
    .globalnavigation .navigation-portrait .nav-menus-wrapper {
        width: 100%;
        height: 100%;
        top: 0;
        left: -100%;
        position: fixed;
        background-color: #2e1a47;
        z-index: 20000;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }
    .globalnavigation .nav-menus-wrapper.nav-menus-wrapper-right,
    .globalnavigation .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
        left: auto;
        right: -400px;
    }
    .globalnavigation .nav-menus-wrapper.nav-menus-wrapper-open,
    .globalnavigation .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
        left: 0;
    }
    .globalnavigation .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open,
    .globalnavigation .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
        left: auto;
        right: 0;
    }
    .globalnavigation .nav-menus-wrapper-close-button,
    .globalnavigation .navigation-portrait .nav-menus-wrapper-close-button {
        display: block;
        z-index: 2;
        position: absolute;
    }
    .globalnavigation .nav-menu,
    .globalnavigation .navigation-portrait .nav-menu {
        width: 66% !important;
        margin: 0 auto !important;
        padding-top: 30px;
        float: none;
    }
    .globalnavigation .nav-menu>li,
    .globalnavigation .navigation-portrait .nav-menu>li {
        border-top: none !important;
        border-bottom: 1px solid #fff !important;
        color: #fff;
        width: 100%;
        position: relative;
        padding: 1rem 0;
    }
    .globalnavigation .nav-menu>li:last-child,
    .globalnavigation .navigation-portrait .nav-menu>li:last-child {
        border-bottom: none !important;
    }
    .globalnavigation .nav-menu>li>a,
    .globalnavigation .navigation-portrait .nav-menu>li>a {
        width: 100%;
        height: auto;
        padding: .5rem;
        margin: 0;
        color: #fff;
    }
    .globalnavigation .submenu-indicator,
    .globalnavigation .navigation-portrait .submenu-indicator {
        width: auto;
        height: auto;
        margin-top: 0;
        position: absolute;
        top: 1.7rem;
        right: 2rem;
        text-align: center;
        z-index: 20000;
    }
    .globalnavigation .submenu-indicator-chevron,
    .globalnavigation .navigation-portrait .submenu-indicator-chevron {
        position: static;
    }
    /*
	.submenu-indicator.submenu-indicator-up,
	.navigation-portrait .submenu-indicator.submenu-indicator-up {
		-webkit-transform:rotate(-180deg);
		transform:rotate(-180deg)
	}
	*/
    .globalnavigation .nav-button,
    .globalnavigation .navigation-portrait .nav-button {
        width: calc(100% - 52px);
        margin: 17px 26px;
    }
    .globalnavigation .nav-text,
    .globalnavigation .navigation-portrait .nav-text {
        width: calc(100% - 52px);
        margin: 12px 26px 0;
    }
    .globalnavigation .nav-text+ul,
    .globalnavigation .navigation-portrait .nav-text+ul {
        margin-top: 15px;
    }
    .globalnavigation .nav-dropdown,
    .globalnavigation .navigation-portrait .nav-dropdown {
        width: 100%;
        position: static;
        left: 0;
    }
    .globalnavigation .nav-dropdown ul>li>a,
    .globalnavigation .nav-dropdown>li>a,
    .globalnavigation .navigation-portrait .nav-dropdown ul>li>a,
    .globalnavigation .navigation-portrait .nav-dropdown>li>a {
        padding: 0 2rem !important;
        width: 100% !important;
        background-color: transparent !important;
        border-bottom: none !important;
    }
    .globalnavigation .nav-dropdown ul>li>ul>li>a,
    .globalnavigation .navigation-portrait .nav-dropdown ul>li>ul>li>a {
        padding-left: 50px;
    }
    .globalnavigation .nav-dropdown ul>li>ul>li>ul>li>a,
    .globalnavigation .navigation-portrait .nav-dropdown ul>li>ul>li>ul>li>a {
        padding-left: 70px;
    }
    .globalnavigation .nav-dropdown ul>li>ul>li>ul>li>ul>li>a,
    .globalnavigation .navigation-portrait .nav-dropdown ul>li>ul>li>ul>li>ul>li>a {
        padding-left: 90px;
    }
    .globalnavigation .nav-dropdown ul>li>ul>li>ul>li>ul>li>ul>li>a,
    .globalnavigation .navigation-portrait .nav-dropdown ul>li>ul>li>ul>li>ul>li>ul>li>a {
        padding-left: 110px;
    }
}

/*********************************/

/*********************************/

/*******COMPONENT BASED CSS*******/

/*********************************/

/*********************************/

/*********************************/

/**MULTIPLE COMPONENT USE**/

/**BACKGROUND COLORS - grid component, cta component**/

.component--bg-color--light,
.bg-white {
    background-color: #fff;
}

.component--bg-color--dark,
.bg-midnight-purple {
    background-color: #2e1a47;
}

.component--bg-color--primary,
.bg-light-gray {
    background-color: #f7f7f7;
}

.component--bg-color--secondary,
.bg-white-purple {
    background: linear-gradient(#fff 60%, #2e1a47 40%);
}

.component--bg-color--tertiary,
.bg-white-lightgray {
    background: linear-gradient(#fff 60%, #f7f7f7 40%);
}

.bg-none {
    background-color: transparent;
}

.bg-dusk-purple {
    background-color: #7c6992;
}

.bg-dawn-purple {
    background-color: #afabc9;
}

.bg-sky-blue {
    background-color: #b0e0e2;
}

/*
.bg-mid-gray {background-color: #a8a8a8;}
.bg-darker-gray {background-color: var(--truNeutral500);}
.bg-darkest-gray {background-color: #424242;}
*/

/*font color adjustment for dark background*/

.component--bg-color--dark,
.component--bg-color--dark a,
.component--bg-color--dark a:hover,
.component--bg-color--dark a:focus,
.component--bg-color--dark h1,
.component--bg-color--dark h2,
.component--bg-color--dark h3,
.component--bg-color--dark p,
.component--bg-color--dark ul,
.component--bg-color--dark li,
.bg-midnight-purple,
.bg-midnight-purple a,
.bg-midnight-purple a:hover,
.bg-midnight-purple a:focus,
.bg-midnight-purple h1,
.bg-midnight-purple h2,
.bg-midnight-purple h3,
.bg-midnight-purple p,
.bg-midnight-purple ul,
.bg-midnight-purple li {
    color: #fff;
}

/**COLORS - grid component, cta component**/

/*default*/

.global-cta-btn a,
.btn-primary,
.cta a.component--bg-color--dark,
.component--bg-color--light .cta a {
    background: transparent;
    border: 2px solid #2e1a47;
    color: #2e1a47;
}

.global-cta-btn a:hover,
.global-cta-btn a:focus,
.btn-primary:hover,
.btn-primary:focus,
.cta a.component--bg-color--dark:hover,
.cta a.component--bg-color--dark:focus,
.component--bg-color--light .cta a:hover,
.component--bg-color--light .cta a:focus {
    color: #fff;
    background: #2e1a47;
}

/*adjustment for dark background*/

.component--bg-color--dark .cta a,
.cta a.component--bg-color--light,
.bg-midnight-purple .cta a {
    border-color: #fff;
    background: transparent;
    color: #fff
}

.component--bg-color--dark .cta a:hover,
.component--bg-color--dark .cta a:focus,
.cta a.component--bg-color--light:hover,
.cta a.component--bg-color--light:focus,
.bg-midnight-purple .cta a:hover,
.bg-midnight-purple .cta a:focus {
    background-color: #fff;
    color: #2e1a47;
}

/* VIDEO TRANSCRIPT BUTTONS */

/* Video transcript white */

.bg-midnight-purple .accordion.arrow-down .btn-link {
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
}

.bg-midnight-purple .accordion.arrow-down .btn-link:hover {
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    text-decoration: underline;
}

/* Video Transcripts button - END */

/*MARGINS - text component, grid component*/

/*margin top*/

.margin__top--xs {
    margin-top: 1.8rem;
}

.margin__top--sm {
    margin-top: 3rem;
}

.margin__top--md {
    margin-top: 6rem;
}

.margin__top--lg {
    margin-top: 9rem;
}

.margin__top--xl {
    margin-top: 12rem;
}

/*margin bottom*/

.margin__bottom--xs {
    margin-bottom: 1.8rem;
}

.margin__bottom--sm {
    margin-bottom: 3rem;
}

.margin__bottom--md {
    margin-bottom: 6rem;
}

.margin__bottom--lg {
    margin-bottom: 9rem;
}

.margin__bottom--xl {
    margin-bottom: 12rem;
}

@media (min-width: 767px) {
    /*margin top*/
    .margin__top--xs {
        margin-top: 2.4rem;
    }
    .margin__top--sm {
        margin-top: 4rem;
    }
    .margin__top--md {
        margin-top: 8rem;
    }
    .margin__top--lg {
        margin-top: 12rem;
    }
    .margin__top--xl {
        margin-top: 16rem;
    }
    /*margin bottom*/
    .margin__bottom--xs {
        margin-bottom: 2.4rem;
    }
    .margin__bottom--sm {
        margin-bottom: 4rem;
    }
    .margin__bottom--md {
        margin-bottom: 8rem;
    }
    .margin__bottom--lg {
        margin-bottom: 12rem;
    }
    .margin__bottom--xl {
        margin-bottom: 16rem;
    }
}

@media (min-width: 1201px) {
    /*margin top*/
    .margin__top--xs {
        margin-top: 3rem;
    }
    .margin__top--sm {
        margin-top: 5rem;
    }
    .margin__top--md {
        margin-top: 10rem;
    }
    .margin__top--lg {
        margin-top: 15rem;
    }
    .margin__top--xl {
        margin-top: 20rem;
    }
    /*margin bottom*/
    .margin__bottom--xs {
        margin-bottom: 3rem;
    }
    .margin__bottom--sm {
        margin-bottom: 5rem;
    }
    .margin__bottom--md {
        margin-bottom: 10rem;
    }
    .margin__bottom--lg {
        margin-bottom: 15rem;
    }
    .margin__bottom--xl {
        margin-bottom: 20rem;
    }
}

/*CORNERS - grid component, image component*/

/*grid*/

.border-radius-top-left>div {
    border-top-left-radius: 2rem;
}

.border-radius-top-right>div {
    border-top-right-radius: 2rem;
}

.border-radius-bottom-right>div {
    border-bottom-right-radius: 2rem;
}

.border-radius-bottom-left>div {
    border-bottom-left-radius: 2rem;
}

/*image*/

.border-radius-top-left img {
    border-top-left-radius: 2rem;
}

.border-radius-top-right img {
    border-top-right-radius: 2rem;
}

.border-radius-bottom-right img {
    border-bottom-right-radius: 2rem;
}

.border-radius-bottom-left img {
    border-bottom-left-radius: 2rem;
}

/*responsive*/

@media (min-width: 769px) {
    /*grid*/
    .border-radius-top-left>div {
        border-top-left-radius: 4rem;
    }
    .border-radius-top-right>div {
        border-top-right-radius: 4rem;
    }
    .border-radius-bottom-right>div {
        border-bottom-right-radius: 4rem;
    }
    .border-radius-bottom-left>div {
        border-bottom-left-radius: 4rem;
    }
    /*image*/
    .border-radius-top-left img {
        border-top-left-radius: 4rem;
    }
    .border-radius-top-right img {
        border-top-right-radius: 4rem;
    }
    .border-radius-bottom-right img {
        border-bottom-right-radius: 4rem;
    }
    .border-radius-bottom-left img {
        border-bottom-left-radius: 4rem;
    }
}

/**MULTIPLE COMPONENT USE END**/

/*********************************/

/**/

/**/

/**/

/*********************************/

/**GRID LAYOUT**/

/**content position**/

.grid__children--order--reverse--column>div>.aem-Grid {
    display: flex;
    flex-direction: column-reverse;
}

/*responsive*/

@media (min-width: 769px) {
    /**content position**/
    .grid__children--order--reverse--column--desktop>div>.aem-Grid {
        display: flex;
        flex-direction: column-reverse;
    }
    .grid__children--vertical-align--center>div>.aem-Grid {
        display: flex;
        align-items: center;
    }
    .grid__self--vertical-align--top {
        align-self: flex-start;
    }
    .grid__self--vertical-align--bottom {
        align-self: flex-end;
    }
    /**background colors**/
    .bg-white-purple {
        background: linear-gradient(#fff 80%, #2e1a47 20%);
    }
    .bg-white-lightgray {
        background: linear-gradient(#fff 80%, #f7f7f7 20%);
    }
}

@media (max-width: 768px) {
    /**content position**/
    .grid__children--order--reverse--column--mobile>div>.aem-Grid {
        display: flex;
        flex-direction: column-reverse;
    }
}

/**GRID LAYOUT CONTAINERS END**/

/*********************************/

/**/

/**/

/**/

/*********************************/

/**TEXT**/

/*heading*/

h1,
.h1-title,
h2,
.h2-title,
h3,
.h3-title {
    color: #2e1a47;
    font-weight: 300;
    margin: 0;
}

h1,
.h1-title {
    line-height: 1.2em;
    margin: 0 auto 2.8rem;
}

h2,
.h2-title {
    line-height: 1.2em;
    margin: 0 auto 4rem;
}

h3,
.h3-title,
.text__size--subheadline p,
.text__type--subtitle p {
    line-height: 1.2em;
    margin: 0 auto 2rem;
}

h1,
.h1-title,
.text__size--larger h2 {
    font-size: 4.8rem;
}

h2,
.h2-title,
.text__size--larger h3,
.text__size--smaller h1 {
    font-size: 3.2rem;
}

h3,
.h3-title,
.text__size--larger h4,
.text__size--smaller h2,
.text__size--larger.text__size--subheadline,
.text__size--larger.text__type--subtitle {
    font-size: 2.6rem;
}

h4,
.h4-title,
.text__size--smaller h3,
.text__size--subheadline,
.text__type--subtitle {
    font-size: 2rem;
}

/*paragraph*/

p {
    margin-top: 0;
    margin-bottom: 2em;
}

/*lists*/

ol,
ul,
dl {
    padding: 0 0 0 1em;
    margin: 0 auto 2em;
}

/*anchors*/

a {
    color: #2E1A47;
    text-decoration: underline;
}

a:hover,
a:active,
a:focus {
    color: #2E1A47;
    text-decoration: none;
}

/*skip anchor*/

a.skip-main {
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

a.skip-main:focus,
a.skip-main:active {
    color: #000;
    background-color: #ffa500;
    font-weight: 700;
    height: auto;
    overflow: auto;
    padding: 5px;
    border: 1px solid #f7f7f7;
    text-align: center;
    text-decoration: underline;
    width: 20%;
    font-size: 1em;
    z-index: 999;
    outline: 0;
}

/*subheadlines -- DEPRECATE*/

.text__type--section-head {
    font-size: 1.4rem;
    font-weight: 700;
}

/*subheadlines -- DEPRECATE*/

.text__type--subtitle,
.text__type--intro {
    font-size: 2rem;
}

/*subheadlines -- DEPRECATE*/

/*size*/

.text__size--smaller {
    font-size: .9em;
}

.text__size--larger {
    font-size: 1.2em;
}

/*weight*/

.text__weight--lighter {
    font-weight: 300;
}

.text__weight--bolder {
    font-weight: 1000;
}

/*dark*/

.text__color--dark,
.text__color--dark a,
.text__color--dark a:hover,
.text__color--dark a:focus,
.text__color--dark h1,
.text__color--dark h2,
.text__color--dark h3 {
    color: #2e1a47;
}

.text__color--dark p,
.text__color--dark ul,
.text__color--dark li {
    color: var(--truNeutral500);
}

/*light*/

.text__color--light,
.text__color--light a,
.text__color--light a:hover,
.text__color--light a:focus,
.text__color--light h1,
.text__color--light h2,
.text__color--light h3,
.text__color--light p,
.text__color--light ul,
.text__color--light li {
    color: #fff;
}

/*midnight purple*/

.text__color--midnight-purple,
.text__color--midnight-purple a,
.text__color--midnight-purple a:hover,
.text__color--midnight-purple a:focus,
.text__color--midnight-purple h1,
.text__color--midnight-purple h2,
.text__color--midnight-purple h3,
.text__color--midnight-purple p,
.text__color--midnight-purple ul,
.text__color--midnight-purple li {
    color: #2e1a47;
}

/*dusk purple*/

.text__color--dusk-purple,
.text__color--dusk-purple a,
.text__color--dusk-purple a:hover,
.text__color--dusk-purple a:focus,
.text__color--dusk-purple h1,
.text__color--dusk-purple h2,
.text__color--dusk-purple h3,
.text__color--dusk-purple p,
.text__color--dusk-purple ul,
.text__color--dusk-purple li {
    color: #7c6992;
}

/*dawn purple*/

.text__color--dawn-purple,
.text__color--dawn-purple a,
.text__color--dawn-purple a:hover,
.text__color--dawn-purple a:focus,
.text__color--dawn-purple h1,
.text__color--dawn-purple h2,
.text__color--dawn-purple h3,
.text__color--dawn-purple p,
.text__color--dawn-purple ul,
.text__color--dawn-purple li {
    color: #AFABC9;
}

/*sky blue*/

.text__color--sky-blue,
.text__color--sky-blue a,
.text__color--sky-blue a:hover,
.text__color--sky-blue a:focus,
.text__color--sky-blue h1,
.text__color--sky-blue h2,
.text__color--sky-blue h3,
.text__color--sky-blue p,
.text__color--sky-blue ul,
.text__color--sky-blue li {
    color: #b0e0e2;
}

/*alignment*/

.text__align--left {
    text-align: left;
}

.text__align--center {
    text-align: center;
}

.text__align--right {
    text-align: right;
}

/*list options*/

.text__list--style--none ul {
    list-style: none;
    padding: 0;
}

@media (min-width: 769px) {
    body {
        font-size: 2rem;
    }
    /*list options*/
    .text__list--style--none ul {
        list-style: none;
        padding: 0;
    }
    .text__list--columns--2 ul,
    .text__list--columns--3 ul,
    .text__list--columns--4 ul {
        display: flex;
        flex-wrap: wrap;
    }
    .text__list--columns--2 li {
        width: 50%;
    }
    .text__list--columns--3 li {
        width: 33%;
    }
    .text__list--columns--4 li {
        width: 25%;
    }
    .text__list--margin ul {
        margin: 0 -2.084%;
    }
    .text__list--margin ul li {
        margin: 0 2.084%;
    }
    .text__list--margin.text__list--columns--2 li {
        width: calc((100%/2) - 4.167%);
    }
    .text__list--margin.text__list--columns--3 li {
        width: calc((100%/3) - 4.167%);
    }
    .text__list--margin.text__list--columns--4 li {
        width: calc((100%/4) - 4.167%);
    }
    .text__list--margin.text__list--columns--2 li p,
    .text__list--margin.text__list--columns--3 li p,
    .text__list--margin.text__list--columns--4 li p {
        margin: 0 0 1.5rem 0;
    }
    .text__list--margin.text__list--columns--2 li p.h1-title,
    .text__list--margin.text__list--columns--3 li p.h1-title,
    .text__list--margin.text__list--columns--4 li p.h1-title {
        margin: 0;
    }
}

@media (min-width: 1201px) {
    /*heading*/
    h1,
    .h1-title {
        margin: 0 auto 3.4rem;
    }
    h2,
    .h2-title {
        margin: 0 auto 5rem;
    }
    h3,
    .h3-title,
    .text__size--subheadline p,
    .text__type--subtitle p {
        margin: 0 auto 3.2rem;
    }
    h1,
    .h1-title,
    .text__size--larger h2 {
        font-size: 8rem;
    }
    h2,
    .h2-title,
    .text__size--larger h3,
    .text__size--smaller h1 {
        font-size: 4.8rem;
    }
    h3,
    .h3-title,
    .text__size--larger h4,
    .text__size--smaller h2,
    .text__size--larger.text__size--subheadline,
    .text__size--larger.text__type--subtitle {
        font-size: 3.8rem;
    }
    h4,
    .h4-title,
    .text__size--smaller h3,
    .text__size--subheadline,
    .text__type--subtitle {
        font-size: 2.4rem;
    }
    /*subheadlines*/
    .text__type--section-head {
        font-size: 1.8rem;
    }
    /*subheadlines -- DEPRECATE*/
    .text__type--intro {
        font-size: 2.4rem;
    }
    /*subheadlines -- DEPRECATE*/
}

/**TEXT END**/

/*********************************/

/**/

/**/

/**/

/*********************************/

/**IMAGE**/

/**IMAGE END**/

/*********************************/

/**/

/**/

/**/

/*********************************/

/**CTA COMPONENT**/

/*universal*/

.global-cta-btn a,
.btn {
    text-align: center;
    padding: 10px 20px;
    width: auto;
    font-size: 1.8rem;
    border-radius: 5px;
    text-decoration: none;
    transition: all .15s ease-in;
}

/*policy options*/

.cta__size--full a {
    width: 100%;
}

/**CTA COMPONENT END**/

/*********************************/

/**/

/**/

/**/

/*********************************/

/**SPACE & LINE**/

.border-bottom-1px-solid {
    border-bottom: .1rem solid #c9c9c9;
}

/*DEPRECATE*/

.border-color-light {
    border-color: rgba(255, 255, 255, 0.5);
}

/*DEPRECATE*/

.border-color-dark {
    border-color: rgba(0, 0, 0, 0.5);
}

/*DEPRECATE*/

.line-separator--primary {
    border-bottom: .1rem solid #c9c9c9;
}

.line-separator--secondary {
    border-bottom: .1rem solid #7c6992;
}

.line-separator--tertiary {
    border-bottom: .1rem solid #fff;
}

.line-separator__color--lighter {
    border-color: rgba(255, 255, 255, 0.5);
}

.line-separator__color--darker {
    border-color: rgba(0, 0, 0, 0.5);
}

.spacer-10 {
    height: 1rem
}

.spacer-15 {
    height: 1.5rem
}

.spacer-20 {
    height: 2rem
}

.spacer-25 {
    height: 2.5rem
}

.spacer-30 {
    height: 3rem
}

.spacer-40 {
    height: 4rem
}

.spacer-50 {
    height: 5rem
}

.spacer-75 {
    height: 7.5rem
}

.spacer-100 {
    height: 10rem
}

.spacer-125 {
    height: 12.5rem
}

.spacer-150 {
    height: 15rem
}

.spacer-200 {
    height: 20rem
}

/**SPACE & LINE END**/

/*********************************/

/**/

/**/

/**/

/*********************************/

/**TAB COMPONENT**/

/* tab container */

.r-tabs {
    position: relative;
}

/* tab nav */

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    display: inline-flex;
}

/* tab element */

.r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    display: inline-block;
    margin: 0;
    list-style: none;
}

/* tab anchor*/

.r-tabs .r-tabs-nav .r-tabs-anchor {
    display: inline-block;
    text-decoration: none;
    color: #2e1a47;
    font-size: 1.6rem;
    font-weight: normal;
    padding: .5rem 2.5rem;
}

.r-tabs .r-tabs-nav .r-tabs-anchor:hover {
    background-color: #2e1a47 !important/*hack*/
    ;
    color: #fff;
}

/* tab anchor active */

.r-tabs .r-tabs-nav .r-tabs-state-active {
    background-color: #2e1a47;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #fff;
    background-color: #2e1a47 !important/*hack*/
    ;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:focus {
    background: #2e1a47;
}

/* tab element disabled */

.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: 0.5;
}

/* mobile accordion */

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    font-weight: normal;
    font-size: 1.6rem;
    text-decoration: none;
    background-color: #fff;
    color: #2e1a47;
    border: 1px solid #2e1a47;
    padding: 1rem;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #2e1a47;
    color: #fff;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: 0.5;
}

/* tab panel */

.r-tabs .r-tabs-panel {
    padding: 1.5rem;
    display: none;
    background-color: transparent;
    padding: 0;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

@media (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }
    /* mobile accordion */
    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}

/* TAB style - lines */

.tab__style--lines .r-tabs .r-tabs-nav {
    display: flex;
}

.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab {
    background: transparent;
    border: none;
    border-bottom: 2px solid #c9c9c9;
    border-radius: 0;
    flex: 1;
}

.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab:hover,
.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab:focus {
    border-bottom: 2px solid #7C6992;
}

.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
    color: #2E1A47;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1em;
    background-color: transparent !important/*hack*/
    ;
    padding: 2.4rem 8.334%;
    text-align: center;
    width: 100%;
}

.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:hover {
    color: #7C6992;
    font-weight: 400;
}

.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {
    border-bottom: 2px solid #7C6992;
}

.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {
    color: #7C6992;
    font-weight: 700;
}

@media (max-width: 768px) {
    /* mobile accordion */
    .tab__style--lines .r-tabs .r-tabs-accordion-title {
        display: none;
    }
    .tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
        font-size: 1.8rem;
    }
}

/* TAB style - pills */

.tab__style--pills .r-tabs .r-tabs-nav .r-tabs-tab {
    border: 2px solid #2e1a47;
    border-right: none;
    background-color: #fff;
    border-radius: 0;
}

.tab__style--pills .r-tabs .r-tabs-nav .r-tabs-tab:first-child {
    border-radius: .5rem 0 0 .5rem;
}

.tab__style--pills .r-tabs .r-tabs-nav .r-tabs-tab:last-child {
    border-right: 2px solid #2e1a47;
    border-radius: 0 .5rem .5rem 0;
}

@media (max-width: 768px) {
    .tab__style--pills .r-tabs .r-tabs-accordion-title:first-child .r-tabs-anchor {
        border-radius: .5rem .5rem 0 0;
    }
    .tab__style--pills .r-tabs .r-tabs-accordion-title:nth-last-child(2) .r-tabs-anchor {
        border-radius: 0 0 .5rem .5rem;
        border-bottom: 2px solid #2e1a47;
    }
}

/* TAB style - buttons */

.tab__style--buttons .r-tabs .r-tabs-panel {
    background-color: transparent;
    padding: 0;
}

.tab__style--buttons .r-tabs .r-tabs-nav {
    width: 100%;
}

.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab {
    background: transparent;
    text-align: center;
    font-size: 1.8rem;
    border: 2px solid #2e1a47;
    border-radius: 5px;
    text-decoration: none;
    margin-right: 4.1665%;
    flex: 1;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab:hover,
.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab:focus {}

.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
    display: block;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:hover {}

.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {}

.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {}

@media (max-width: 768px) {
    .tab__style--buttons .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        color: #fff;
        background: #2e1a47;
        border: 2px solid #fff;
        border-radius: 5px;
    }
    .tab__style--buttons .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background-color: #fff;
        color: #2e1a47;
    }
    .tab__style--buttons .r-tabs .r-tabs-accordion-title:nth-last-child(2) .r-tabs-anchor {
        margin-top: 6rem;
        margin-bottom: 3rem;
    }
}

/* TAB display - hide first tab */

.tab__display--hide-first-tab .r-tabs .r-tabs-nav .r-tabs-tab:first-child {
    display: none;
}

@media (max-width: 768px) {
    .tab__display--hide-first-tab .r-tabs .tab-content .r-tabs-accordion-title:first-child {
        display: none;
    }
}

/* TAB color - light */

.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab {
    border: 2px solid #fff;
    color: #fff;
}

.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab:hover,
.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab:focus {
    background: #fff;
}

.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
    color: #fff;
}

.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:hover {
    background-color: #fff;
    color: #2e1a47;
}

.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {
    background-color: #fff;
}

.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {
    color: #2e1a47;
}

/* TAB color - dark */

.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab {
    border: 2px solid #2e1a47;
    color: #2e1a47;
}

.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab:hover,
.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab:focus {
    background: #2e1a47;
}

.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
    color: #2e1a47;
}

.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:hover {
    background-color: #2e1a47;
    color: #fff;
}

.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {
    background-color: #2e1a47;
}

.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {
    color: #fff;
}

@media (max-width: 768px) {
    .tab__color--dark .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        color: #2e1a47;
        background: #fff;
        border: 2px solid #2e1a47;
    }
    .tab__color--dark .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background-color: #2e1a47;
        color: #fff;
    }
}

/**TAB COMPONENT END**/

/*********************************/

/**/

/**/

/**/

/*********************************/

/**COMPONENT**/

/**COMPONENT END**/

/*********************************/

/**/

/**/

/**/

/**/

/**/

/**/

/*********************************/

/*********************************/

/*******    HELPER CSS     *******/

/*********************************/

/*********************************/

/**/

/**/

/**/

/*********************************/

/**DISPLAY**/

.show {
    display: block;
}

.hide {
    display: none;
}

@media (max-width: 768px) {
    .hide--mobile {
        display: none !important;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .hide--tablet {
        display: none !important;
    }
}

@media (min-width: 1201px) {
    .hide--desktop {
        display: none !important;
    }
}

/**DISPLAY END**/

/*********************************/

/**/

/**/

/**/

/**/

/**/

/**/

/*****/

/**TRUIST CARDS**/

/**/

/**/

/**/

/*BASE*/

/**/

/**/

/**/

.grid__truist-cards {}

.grid__truist-cards .input-hidden-container {
    height: auto !important/*hack*/
    ;
}

/*options*/

/*display - show only first three items*/

.grid__truist-cards__display--3 .gridlayoutcontainer>div>.aem-Grid>.gridlayoutcontainer {
    display: none;
}

.grid__truist-cards__display--3 .gridlayoutcontainer>div>.aem-Grid>.gridlayoutcontainer:nth-child(-n+3) {
    display: block;
}

/*responsive*/

@media (min-width: 768px) {
    .grid__truist-cards .gridlayoutcontainer>div>.aem-Grid {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
    }
    .grid__truist-cards .gridlayoutcontainer>div>.aem-Grid>.gridlayoutcontainer>div,
    .grid__truist-cards .gridlayoutcontainer>div>.aem-Grid>.gridlayoutcontainer>div>.aem-Grid {
        flex-direction: column;
        height: 100%;
    }
    .grid__truist-cards .gridlayoutcontainer>div>.aem-Grid>.image {}
    .grid__truist-cards .gridlayoutcontainer>div>.aem-Grid>.gridlayoutcontainer>div>.aem-Grid>.gridlayoutcontainer {
        flex: 1 1 auto;
    }
    .grid__truist-cards .gridlayoutcontainer>div>.aem-Grid>.cta {}
}

/**/

/**/

/**/

/*variation - NEWS*/

/**/

/**/

/**/

/*default*/

.grid__truist-cards--news {}

.grid__truist-cards--news .aem-Grid>.gridlayoutcontainer {
    background-color: #2e1a47;
    padding: 8.333%;
    margin: 0 0 8.333%;
    transition: all .2s ease-in-out;
    min-height: 20rem;
}

.grid__truist-cards--news .aem-Grid>.gridlayoutcontainer:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

/*copy*/

.grid__truist-cards--news h1,
.grid__truist-cards--news .h1-title,
.grid__truist-cards--news h2,
.grid__truist-cards--news .h2-title,
.grid__truist-cards--news h3,
.grid__truist-cards--news .h3-title,
.grid__truist-cards--news h4,
.grid__truist-cards--news .h4-title,
.grid__truist-cards--news .text__type--section-head p,
.grid__truist-cards--news .text__type--title p,
.grid__truist-cards--news .text__type--subtitle p {
    color: #b0e0e2;
    text-decoration: none;
    font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: 4.5rem;
}

.grid__truist-cards--news p,
.grid__truist-cards--news .text__type--intro p,
.grid__truist-cards--news .text__type--description p,
.grid__truist-cards--news a {
    font-size: 2rem;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
}

/*options for news*/

/*ui - rounded*/

.grid__truist-cards--news__ui--rounded .aem-Grid>.gridlayoutcontainer {
    border-radius: 1.5rem;
}

/*ui - static*/

.grid__truist-cards--news__ui--static .aem-Grid>.gridlayoutcontainer:hover {
    transform: none;
    box-shadow: none;
    cursor: auto;
}

/*responsive*/

@media (min-width: 768px) {
    .grid__truist-cards--news .aem-Grid>.gridlayoutcontainer {
        width: 47.918% !important;
        padding: 4.165%;
        margin: 0 4.165% 4.165% 0;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .grid__truist-cards--news .aem-Grid>.gridlayoutcontainer:nth-child(2n) {
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    .grid__truist-cards--news .aem-Grid>.gridlayoutcontainer {
        width: 30.555% !important;
    }
    .grid__truist-cards--news .aem-Grid>.gridlayoutcontainer:nth-child(3n) {
        margin-right: 0;
    }
}

/**/

/**/

/**/

/*variation - mmTRANSACTION LOGO*/

/**/

/**/

/**/

.grid__truist-cards--logo {}

.grid__truist-cards--logo .gridlayoutcontainer>div>.aem-Grid>.image {
    display: flex;
    align-items: center;
    justify-content: left;
}

.grid__truist-cards--logo .gridlayoutcontainer>div>.aem-Grid>.image img {
    height: 9.5rem;
    padding: 1.5rem 1.5rem 1.5rem 0;
    max-width: none;
    width: auto;
}

/**/

/**/

/**/

/*variation - PEOPLE*/

/**/

/**/

/**/

.grid__truist-cards--people {}

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/***** VIDEO CSS ***********/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/* BORDERS */

.wistia_swatch {
    border-radius: 40px;
}

.w-chrome {
    border-radius: 40px;
}

/* END BORDERS */

/* SCRUB BARS */

.w-bottom-bar-lower {
    padding: 0 25px 0 25px !important;
}

.w-playbar-wrapper canvas {
    max-width: 98%;
}

/* END SCRUB BARS */

/* Transcript Button Size */

.video-transcripts-btn-size .accordion .arrow-down .btn-link {
    font-size: 1.6rem;
}

/* Transcript Button Size - END*/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/**TRUIST LITE CUSTOM CSS**/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/**BODY**/

body {
    background-color: #eee;
    max-width: 1600px;
    margin: auto;
}

/**BODY END**/

/*****/

/*****/

/**HEADER**/

header {}

header .globalnavigation .nav-brand img {
    margin: -2rem/*hack*/
    ;
}

@media (max-width: 1200px) {
    header .globalnavigation .nav-brand img {
        max-height: 7.5rem;
        margin: 0 auto;
    }
}

/**HEADER END**/

/*****/

/*****/

/**MAIN**/

main {}

/*CORNERS - grid component, image component*/

/*grid*/

.border-radius-top-left {
    border-top-left-radius: 2rem;
}

.border-radius-top-right {
    border-top-right-radius: 2rem;
}

.border-radius-bottom-right {
    border-bottom-right-radius: 2rem;
}

.border-radius-bottom-left {
    border-bottom-left-radius: 2rem;
}

/*image*/

.border-radius-top-left img {
    border-top-left-radius: 2rem;
}

.border-radius-top-right img {
    border-top-right-radius: 2rem;
}

.border-radius-bottom-right img {
    border-bottom-right-radius: 2rem;
}

.border-radius-bottom-left img {
    border-bottom-left-radius: 2rem;
}

/*responsive*/

@media (min-width: 769px) {
    /*grid*/
    .border-radius-top-left>div {
        border-top-left-radius: 4rem;
    }
    .border-radius-top-right>div {
        border-top-right-radius: 4rem;
    }
    .border-radius-bottom-right>div {
        border-bottom-right-radius: 4rem;
    }
    .border-radius-bottom-left>div {
        border-bottom-left-radius: 4rem;
    }
    /*image*/
    .border-radius-top-left img {
        border-top-left-radius: 4rem;
    }
    .border-radius-top-right img {
        border-top-right-radius: 4rem;
    }
    .border-radius-bottom-right img {
        border-bottom-right-radius: 4rem;
    }
    .border-radius-bottom-left img {
        border-bottom-left-radius: 4rem;
    }
}

/*CORNERS - grid component, image component - END*/

/*BULLETS*/

.list-checkmark li {
    list-style: none;
    color: #2e1a47;
    padding: 30px 0 0 0;
    text-indent: -5rem;
    margin-left: 3rem;
}

.list-checkmark li::before {
    content: "\f00c";
    font-family: "fontAwesome";
    color: #2e1a47;
    font-size: 2.4rem;
    padding: 0 25px 0 0;
}

.list-checkmark li::after {
    content: "";
    border-bottom: 1px solid rgb(175, 171, 201);
    display: block;
    margin-left: -5rem;
    padding-top: 30px;
}

.list-checkmark li:last-child:after {
    content: "";
    border-bottom: 0;
}

/*BULLETS END*/

/**MAIN END**/

/*****/

/**CUSTOM END**/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/***** CUSTOM COMPONENT CSS ******/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*****/

/*news cards - hack*/

.grid__truist-cards--news h1,
.grid__truist-cards--news .h1-title,
.grid__truist-cards--news h2,
.grid__truist-cards--news .h2-title,
.grid__truist-cards--news h3,
.grid__truist-cards--news .h3-title,
.grid__truist-cards--news h4,
.grid__truist-cards--news .h4-title,
.grid__truist-cards--news .text__type--section-head p,
.grid__truist-cards--news .text__type--title p,
.grid__truist-cards--news .text__type--subtitle p {
    color: #b0e0e2 !important;
    text-decoration: none !important;
    font-size: 2.4rem !important;
    font-weight: 400 !important;
    margin-bottom: 4.5rem !important;
}

.grid__truist-cards--news p,
.grid__truist-cards--news .text__type--intro p,
.grid__truist-cards--news .text__type--description p,
.grid__truist-cards--news a {
    font-size: 2rem !important;
    font-weight: 300 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/**COMPONENT END**/

/*****/

.bg-clear {
    background-color: var(--truClear);
    outline: 1px solid var(--truClear);
    color: inherit;
}

.bg-ntrl-white {
    background-color: var(--truNeutral0);
    outline: 1px solid var(--truClear);
    color: var(--truNeutral500);
}

.bg-off-white {
    background-color: var(--truNeutral50);
    outline: 1px solid var(--truClear);
    color: var(--truNeutral500);
}

.bg-mist {
    background-color: var(--truPurple50);
    outline: 1px solid var(--truClear);
    color: var(--truNeutral500);
}

.bg-mist-dk {
    background-color: var(--truPurple100);
    outline: 1px solid var(--truClear);
    color: var(--truNeutral500);
}

.bg-sky-blue-ltr {
    background-color: var(--truSky50);
    outline: 1px solid var(--truClear);
    color: var(--truNeutral500);
}

.bg-sky-blue-lt {
    background-color: var(--truSky100);
    outline: 1px solid var(--truClear);
    color: var(--truNeutral500);
}

.bg-dusk-dkr {
    background-color: var(--truPurple700);
    outline: 1px solid var(--truClear);
    color: var(--truNeutral0);
}

.bg-tru-ppl {
    background-color: var(--truPurple800);
    outline: 1px solid var(--truClear);
    color: var(--truNeutral0);
}

.bg-clear.has-border {
    border: 1px solid inherit;
}

.bg-ntrl-white.has-border,
.bg-off-white.has-border {
    border: 1px solid var(--truNeutral100);
}

.bg-mist.has-border,
.bg-mist-dk.has-border {
    border: 1px solid var(--truPurple200);
}

.bg-sky-blue-ltr.has-border,
.bg-sky-blue-lt.has-border {
    border: 1px solid var(--truSky200);
}

.bg-dusk-dkr.has-border,
.bg-tru-ppl.has-border {
    border: 1px solid var(--truPurple700);
}

.bg-dusk-dkr .bg-ntrl-white p,
.bg-dusk-dkr .bg-off-white p,
.bg-dusk-dkr .bg-mist p,
.bg-dusk-dkr .bg-mist-dk p,
.bg-dusk-dkr .bg-sky-blue-ltr p,
.bg-dusk-dkr .bg-sky-blue-lt p,
.bg-tru-ppl .bg-ntrl-white p,
.bg-tru-ppl .bg-off-white p,
.bg-tru-ppl .bg-mist p,
.bg-tru-ppl .bg-mist-dk p,
.bg-tru-ppl .bg-sky-blue-ltr p,
.bg-tru-ppl .bg-sky-blue-lt p,
.bg-ntrl-white p,
.bg-off-white p,
.bg-mist p,
.bg-mist-dk p,
.bg-sky-blue-ltr p,
.bg-sky-blue-lt p {
    color: var(--truNeutral500);
}

.bg-dusk-dkr p,
.bg-tru-ppl p {
    color: var(--truNeutral100);
}

.bg-clear .eyebrow {
    color: inherit;
}

.bg-dusk-dkr .bg-ntrl-white .eyebrow,
.bg-dusk-dkr .bg-off-white .eyebrow,
.bg-dusk-dkr .bg-mist .eyebrow,
.bg-dusk-dkr .bg-mist-dk .eyebrow,
.bg-dusk-dkr .bg-sky-blue-ltr .eyebrow,
.bg-dusk-dkr .bg-sky-blue-lt .eyebrow,
.bg-tru-ppl .bg-ntrl-white .eyebrow,
.bg-tru-ppl .bg-off-white .eyebrow,
.bg-tru-ppl .bg-mist .eyebrow,
.bg-tru-ppl .bg-mist-dk .eyebrow,
.bg-tru-ppl .bg-sky-blue-ltr .eyebrow,
.bg-tru-ppl .bg-sky-blue-lt .eyebrow,
.bg-ntrl-white .eyebrow,
.bg-off-white .eyebrow,
.bg-mist .eyebrow,
.bg-mist-dk .eyebrow,
.bg-sky-blue-ltr .eyebrow,
.bg-sky-blue-lt .eyebrow {
    color: var(--truNeutral700);
}

.bg-dusk-dkr .eyebrow,
.bg-tru-ppl .eyebrow {
    color: var(--truSky200);
}

.bg-clear .heading {
    color: inherit;
}

.bg-dusk-dkr .bg-ntrl-white .heading,
.bg-dusk-dkr .bg-off-white .heading,
.bg-dusk-dkr .bg-mist .heading,
.bg-dusk-dkr .bg-mist-dk .heading,
.bg-dusk-dkr .bg-sky-blue-ltr .heading,
.bg-dusk-dkr .bg-sky-blue-lt .heading,
.bg-dusk-dkr .bg-mist-dk .heading,
.bg-dusk-dkr .bg-sky-blue-ltr .heading,
.bg-dusk-dkr .bg-sky-blue-lt .heading,
.bg-tru-ppl .bg-ntrl-white .heading,
.bg-tru-ppl .bg-off-white .heading,
.bg-tru-ppl .bg-mist .heading,
.bg-tru-ppl .bg-mist-dk .heading,
.bg-tru-ppl .bg-sky-blue-ltr .heading,
.bg-tru-ppl .bg-sky-blue-lt .heading,
.bg-tru-ppl .bg-mist-dk .heading,
.bg-tru-ppl .bg-sky-blue-ltr .heading,
.bg-tru-ppl .bg-sky-blue-lt .heading,
.bg-ntrl-white .heading,
.bg-off-white .heading,
.bg-mist .heading,
.bg-mist-dk .heading,
.bg-sky-blue-ltr .heading,
.bg-sky-blue-lt .heading {
    color: var(--truPurple800);
}

.bg-dusk-dkr .heading,
.bg-tru-ppl .heading {
    color: var(--truNeutral0);
}

.bg-clear .subheading {
    color: inherit;
}

.bg-dusk-dkr .bg-ntrl-white .subheading,
.bg-dusk-dkr .bg-off-white .subheading,
.bg-dusk-dkr .bg-mist .subheading,
.bg-dusk-dkr .bg-mist-dk .subheading,
.bg-dusk-dkr .bg-sky-blue-ltr .subheading,
.bg-dusk-dkr .bg-sky-blue-lt .subheading,
.bg-tru-ppl .bg-ntrl-white .subheading,
.bg-tru-ppl .bg-off-white .subheading,
.bg-tru-ppl .bg-mist .subheading,
.bg-tru-ppl .bg-mist-dk .subheading,
.bg-tru-ppl .bg-sky-blue-ltr .subheading,
.bg-tru-ppl .bg-sky-blue-lt .subheading,
.bg-ntrl-white .subheading,
.bg-off-white .subheading,
.bg-mist .subheading,
.bg-mist-dk .subheading,
.bg-sky-blue-ltr .subheading,
.bg-sky-blue-lt .subheading {
    color: var(--truNeutral700);
}

.bg-dusk-dkr .subheading,
.bg-tru-ppl .subheading {
    color: var(--truSky200);
}

/* Global list*/

.list-heading {
    color: inherit;
}

.bg-dusk-dkr .bg-ntrl-white .list-heading,
.bg-dusk-dkr .bg-off-white .list-heading,
.bg-dusk-dkr .bg-mist .list-heading,
.bg-dusk-dkr .bg-mist-dk .list-heading,
.bg-dusk-dkr .bg-sky-blue-ltr .list-heading,
.bg-dusk-dkr .bg-sky-blue-lt .list-heading,
.bg-tru-ppl .bg-ntrl-white .list-heading,
.bg-tru-ppl .bg-off-white .list-heading,
.bg-tru-ppl .bg-mist .list-heading,
.bg-tru-ppl .bg-mist-dk .list-heading,
.bg-tru-ppl .bg-sky-blue-ltr .list-heading,
.bg-tru-ppl .bg-sky-blue-lt .list-heading,
.bg-ntrl-white .list-heading,
.bg-off-white .list-heading,
.bg-mist .list-heading,
.bg-mist-dk .list-heading,
.bg-sky-blue-ltr .list-heading,
.bg-sky-blue-lt .list-heading {
    color: var(--truPurple800);
}

.bg-dusk-dkr .list-heading,
.bg-tru-ppl .list-heading {
    color: var(--truNeutral0);
}

.bg-clear ul li {
    color: inherit;
}

.bg-dusk-dkr .bg-ntrl-white ul li,
.bg-dusk-dkr .bg-off-white ul li,
.bg-dusk-dkr .bg-mist ul li,
.bg-dusk-dkr .bg-mist-dk ul li,
.bg-dusk-dkr .bg-sky-blue-ltr ul li,
.bg-dusk-dkr .bg-sky-blue-lt ul li,
.bg-tru-ppl .bg-ntrl-white ul li,
.bg-tru-ppl .bg-off-white ul li,
.bg-tru-ppl .bg-mist ul li,
.bg-tru-ppl .bg-mist-dk ul li,
.bg-tru-ppl .bg-sky-blue-ltr ul li,
.bg-tru-ppl .bg-sky-blue-lt ul li,
.bg-ntrl-white ul li,
.bg-off-white ul li,
.bg-mist ul li,
.bg-mist-dk ul li,
.bg-sky-blue-ltr ul li,
.bg-sky-blue-lt ul li {
    color: var(--truPurple800);
}

.bg-dusk-dkr ul li,
.bg-tru-ppl ul li {
    color: var(--truNeutral100);
}

.unordered>li::marker {
    color: var(--truPurple800);
}

.bg-clear .unordered>li::marker {
    color: inherit;
}

.bg-dusk-dkr .unordered>li::marker,
.bg-tru-ppl .unordered>li::marker {
    color: var(--truNeutral0);
}

.bg-clear ol li {
    color: inherit;
}

.bg-dusk-dkr .bg-ntrl-white ol li,
.bg-dusk-dkr .bg-off-white ol li,
.bg-dusk-dkr .bg-mist ol li,
.bg-dusk-dkr .bg-mist-dk ol li,
.bg-dusk-dkr .bg-sky-blue-ltr ol li,
.bg-dusk-dkr .bg-sky-blue-lt ol li,
.bg-tru-ppl .bg-ntrl-white ol li,
.bg-tru-ppl .bg-off-white ol li,
.bg-tru-ppl .bg-mist ol li,
.bg-tru-ppl .bg-mist-dk ol li,
.bg-tru-ppl .bg-sky-blue-ltr ol li,
.bg-tru-ppl .bg-sky-blue-lt ol li,
.bg-ntrl-white ol li,
.bg-off-white ol li,
.bg-mist ol li,
.bg-mist-dk ol li,
.bg-sky-blue-ltr ol li,
.bg-sky-blue-lt ol li {
    color: var(--truPurple800);
}

.bg-dusk-dkr ol li,
.bg-tru-ppl ol li {
    color: var(--truNeutral100);
}

.ordered>li::marker {
    color: var(--truPurple800);
}

.bg-clear .ordered>li::marker {
    color: inherit;
}

.bg-dusk-dkr .ordered>li::marker,
.bg-tru-ppl .ordered>li::marker {
    color: var(--truNeutral0);
}

.bg-dusk-dkr .bg-ntrl-white .check-stroke li::before,
.bg-dusk-dkr .bg-off-white .check-stroke li::before,
.bg-dusk-dkr .bg-mist .check-stroke li::before,
.bg-dusk-dkr .bg-mist-dk .check-stroke li::before,
.bg-dusk-dkr .bg-sky-blue-ltr .check-stroke li::before,
.bg-dusk-dkr .bg-sky-blue-lt .check-stroke li::before,
.bg-tru-ppl .bg-ntrl-white .check-stroke li::before,
.bg-tru-ppl .bg-off-white .check-stroke li::before,
.bg-tru-ppl .bg-mist .check-stroke li::before,
.bg-tru-ppl .bg-mist-dk .check-stroke li::before,
.bg-tru-ppl .bg-sky-blue-ltr .check-stroke li::before,
.bg-tru-ppl .bg-sky-blue-lt .check-stroke li::before,
.bg-ntrl-white .check-stroke li::before,
.bg-off-white .check-stroke li::before,
.bg-mist .check-stroke li::before,
.bg-mist-dk .check-stroke li::before,
.bg-sky-blue-ltr .check-stroke li::before,
.bg-sky-blue-lt .check-stroke li::before {
    background: url(../../../../content/dam/global-images/checks/icon-checkmark-midnightpurple-stroke.svg) no-repeat center center/var(--truSpaceMd);
}

.bg-dusk-dkr .check-stroke li::before,
.bg-tru-ppl .check-stroke li::before {
    background: url(../../../../content/dam/global-images/checks/icon-checkmark-white-stroke.svg) no-repeat center center/var(--truSpaceMd);
}

/* Fill check ::marker */

.bg-dusk-dkr .bg-ntrl-white .check-fill li::before,
.bg-dusk-dkr .bg-off-white .check-fill li::before,
.bg-dusk-dkr .bg-mist .check-fill li::before,
.bg-dusk-dkr .bg-mist-dk .check-fill li::before,
.bg-dusk-dkr .bg-sky-blue-ltr .check-fill li::before,
.bg-dusk-dkr .bg-sky-blue-lt .check-fill li::before,
.bg-tru-ppl .bg-ntrl-white .check-fill li::before,
.bg-tru-ppl .bg-off-white .check-fill li::before,
.bg-tru-ppl .bg-mist .check-fill li::before,
.bg-tru-ppl .bg-mist-dk .check-fill li::before,
.bg-tru-ppl .bg-sky-blue-ltr .check-fill li::before,
.bg-tru-ppl .bg-sky-blue-lt .check-fill li::before,
.bg-ntrl-white .check-fill li::before,
.bg-off-white .check-fill li::before,
.bg-mist .check-fill li::before,
.bg-mist-dk .check-fill li::before,
.bg-sky-blue-ltr .check-fill li::before,
.bg-sky-blue-lt .check-fill li::before {
    background: url(../../../../content/dam/global-images/checks/icon-checkmark-midnightpurple-fill.svg) no-repeat center center/var(--truSpaceMd);
}

.bg-dusk-dkr .check-fill li::before,
.bg-tru-ppl .check-fill li::before {
    background: url(../../../../content/dam/global-images/checks/icon-checkmark-white-fill.svg) no-repeat center center/var(--truSpaceMd);
}

.bg-clear dl dt {
    color: inherit;
}

.bg-ntrl-white .bg-mist dl,
.bg-ntrl-white .bg-mist-dk dl,
.bg-ntrl-white .bg-sky-blue-lt dl,
.bg-ntrl-white .bg-sky-blue-ltr dl,
.bg-off-white .bg-mist dl,
.bg-off-white .bg-mist-dk dl,
.bg-off-white .bg-sky-blue-lt dl,
.bg-off-white .bg-sky-blue-ltr dl,
.bg-dusk-dkr .bg-mist dl,
.bg-dusk-dkr .bg-mist-dk dl,
.bg-dusk-dkr .bg-sky-blue-lt dl,
.bg-dusk-dkr .bg-sky-blue-ltr dl,
.bg-tru-ppl .bg-mist dl,
.bg-tru-ppl .bg-mist-dk dl,
.bg-tru-ppl .bg-sky-blue-lt dl,
.bg-tru-ppl .bg-sky-blue-ltr dl,
.bg-mist dl,
.bg-mist-dk dl,
.bg-sky-blue-lt dl,
.bg-sky-blue-ltr dl {
    background: var(--truNeutral0);
}

.bg-ntrl-white dl,
.bg-off-white dl,
.bg-dusk-dkr dl,
.bg-tru-ppl dl {
    background: var(--truPurple50);
}

.bg-ntrl-white dl dt,
.bg-off-white dl dt,
.bg-mist dl dt,
.bg-mist-dk dl dt,
.bg-sky-blue-lt dl dt,
.bg-sky-blue-ltr dl dt,
.bg-dusk-dkr dl dt,
.bg-tru-ppl dl dt {
    color: var(--truPurple600);
}

.bg-clear dl dd {
    color: inherit;
}

.bg-ntrl-white dl dd,
.bg-off-white dl dd,
.bg-dusk-dkr dl dd,
.bg-tru-ppl dl dd,
.bg-mist dl dd,
.bg-mist-dk dl dd,
.bg-sky-blue-lt dl dd,
.bg-sky-blue-ltr dl dd {
    color: var(--truPurple800);
}

.bg-dusk-dkr dl dt a:link,
.bg-dusk-dkr dl dt a:visited,
.bg-tru-ppl dl dt a:link,
.bg-tru-ppl dl dt a:visited,
.bg-dusk-dkr dl dt a:hover,
.bg-dusk-dkr dl dt a:focus,
.bg-tru-ppl dl dt a:hover,
.bg-tru-ppl dl dt a:focus,
.bg-dusk-dkr dl dd a:link,
.bg-dusk-dkr dl dd a:visited,
.bg-tru-ppl dl dd a:link,
.bg-tru-ppl dl dd a:visited,
.bg-dusk-dkr dl dd a:hover,
.bg-dusk-dkr dl dd a:focus,
.bg-tru-ppl dl dd a:hover,
.bg-tru-ppl dl dd a:focus {
    color: var(--truPurple800);
}

.bg-dusk-dkr dl dt a:focus-visible,
.bg-tru-ppl dl dt a:focus-visible,
.bg-dusk-dkr dl dd a:focus-visible,
.bg-tru-ppl dl dd a:focus-visible {
    outline: 1px solid var(--truPurple800);
}

.bg-clear a:link,
.bg-clear a:visited,
.bg-clear a:hover,
.bg-clear a:focus {
    color: inherit;
}

.bg-tru-ppl .bg-ntrl-white a:link,
.bg-tru-ppl .bg-ntrl-white a:visited,
.bg-tru-ppl .bg-ntrl-white a:hover,
.bg-tru-ppl .bg-ntrl-white a:focus,
.bg-tru-ppl .bg-off-white a:link,
.bg-tru-ppl .bg-off-white a:visited,
.bg-tru-ppl .bg-off-white a:hover,
.bg-tru-ppl .bg-off-white a:focus,
.bg-tru-ppl .bg-mist a:link,
.bg-tru-ppl .bg-mist a:visited,
.bg-tru-ppl .bg-mist a:hover,
.bg-tru-ppl .bg-mist a:focus,
.bg-tru-ppl .bg-mist-dk a:link,
.bg-tru-ppl .bg-mist-dk a:visited,
.bg-tru-ppl .bg-mist-dk a:hover,
.bg-tru-ppl .bg-mist-dk a:focus,
.bg-tru-ppl .bg-sky-blue-lt a:link,
.bg-tru-ppl .bg-sky-blue-lt a:visited,
.bg-tru-ppl .bg-sky-blue-lt a:hover,
.bg-tru-ppl .bg-sky-blue-lt a:focus,
.bg-tru-ppl .bg-sky-blue-ltr a:link,
.bg-tru-ppl .bg-sky-blue-ltr a:visited,
.bg-tru-ppl .bg-sky-blue-ltr a:hover,
.bg-tru-ppl .bg-sky-blue-ltr a:focus,
.bg-dusk-dkr .bg-ntrl-white a:link,
.bg-dusk-dkr .bg-ntrl-white a:visited,
.bg-dusk-dkr .bg-ntrl-white a:hover,
.bg-dusk-dkr .bg-ntrl-white a:focus,
.bg-dusk-dkr .bg-off-white a:link,
.bg-dusk-dkr .bg-off-white a:visited,
.bg-dusk-dkr .bg-off-white a:hover,
.bg-dusk-dkr .bg-off-white a:focus,
.bg-dusk-dkr .bg-mist a:link,
.bg-dusk-dkr .bg-mist a:visited,
.bg-dusk-dkr .bg-mist a:hover,
.bg-dusk-dkr .bg-mist a:focus,
.bg-dusk-dkr .bg-mist-dk a:link,
.bg-dusk-dkr .bg-mist-dk a:visited,
.bg-dusk-dkr .bg-mist-dk a:hover,
.bg-dusk-dkr .bg-mist-dk a:focus,
.bg-dusk-dkr .bg-sky-blue-lt a:link,
.bg-dusk-dkr .bg-sky-blue-lt a:visited,
.bg-dusk-dkr .bg-sky-blue-lt a:hover,
.bg-dusk-dkr .bg-sky-blue-lt a:focus,
.bg-dusk-dkr .bg-sky-blue-ltr a:link,
.bg-dusk-dkr .bg-sky-blue-ltr a:visited,
.bg-dusk-dkr .bg-sky-blue-ltr a:hover,
.bg-dusk-dkr .bg-sky-blue-ltr a:focus,
.bg-dusk-dkr .bg-ntrl-white a:link,
.bg-dusk-dkr .bg-ntrl-white a:visited,
.bg-dusk-dkr .bg-ntrl-white a:hover,
.bg-dusk-dkr .bg-ntrl-white a:focus,
.bg-dusk-dkr .bg-off-white a:link,
.bg-dusk-dkr .bg-off-white a:visited,
.bg-dusk-dkr .bg-off-white a:hover,
.bg-dusk-dkr .bg-off-white a:focus,
.bg-dusk-dkr .bg-mist a:link,
.bg-dusk-dkr .bg-mist a:visited,
.bg-dusk-dkr .bg-mist a:hover,
.bg-dusk-dkr .bg-mist a:focus,
.bg-dusk-dkr .bg-mist-dk a:link,
.bg-dusk-dkr .bg-mist-dk a:visited,
.bg-dusk-dkr .bg-mist-dk a:hover,
.bg-dusk-dkr .bg-mist-dk a:focus,
.bg-dusk-dkr .bg-sky-blue-lt a:link,
.bg-dusk-dkr .bg-sky-blue-lt a:visited,
.bg-dusk-dkr .bg-sky-blue-lt a:hover,
.bg-dusk-dkr .bg-sky-blue-lt a:focus,
.bg-dusk-dkr .bg-sky-blue-ltr a:link,
.bg-dusk-dkr .bg-sky-blue-ltr a:visited,
.bg-dusk-dkr .bg-sky-blue-ltr a:hover,
.bg-dusk-dkr .bg-sky-blue-ltr a:focus,
.bg-tru-ppl .bg-ntrl-white a:link,
.bg-tru-ppl .bg-ntrl-white a:visited,
.bg-tru-ppl .bg-ntrl-white a:hover,
.bg-tru-ppl .bg-ntrl-white a:focus,
.bg-tru-ppl .bg-off-white a:link,
.bg-tru-ppl .bg-off-white a:visited,
.bg-tru-ppl .bg-off-white a:hover,
.bg-tru-ppl .bg-off-white a:focus,
.bg-tru-ppl .bg-mist a:link,
.bg-tru-ppl .bg-mist a:visited,
.bg-tru-ppl .bg-mist a:hover,
.bg-tru-ppl .bg-mist a:focus,
.bg-tru-ppl .bg-mist-dk a:link,
.bg-tru-ppl .bg-mist-dk a:visited,
.bg-tru-ppl .bg-mist-dk a:hover,
.bg-tru-ppl .bg-mist-dk a:focus,
.bg-tru-ppl .bg-sky-blue-lt a:link,
.bg-tru-ppl .bg-sky-blue-lt a:visited,
.bg-tru-ppl .bg-sky-blue-lt a:hover,
.bg-tru-ppl .bg-sky-blue-lt a:focus,
.bg-tru-ppl .bg-sky-blue-ltr a:link,
.bg-tru-ppl .bg-sky-blue-ltr a:visited,
.bg-tru-ppl .bg-sky-blue-ltr a:hover,
.bg-tru-ppl .bg-sky-blue-ltr a:focus,
.bg-ntrl-white a:link,
.bg-ntrl-white a:visited,
.bg-ntrl-white a:hover,
.bg-ntrl-white a:focus,
.bg-off-white a:link,
.bg-off-white a:visited,
.bg-off-white a:hover,
.bg-off-white a:focus,
.bg-mist a:link,
.bg-mist a:visited,
.bg-mist a:hover,
.bg-mist a:focus,
.bg-mist-dk a:link,
.bg-mist-dk a:visited,
.bg-mist-dk a:hover,
.bg-mist-dk a:focus,
.bg-sky-blue-lt a:link,
.bg-sky-blue-lt a:visited,
.bg-sky-blue-lt a:hover,
.bg-sky-blue-lt a:focus,
.bg-sky-blue-ltr a:link,
.bg-sky-blue-ltr a:visited,
.bg-sky-blue-ltr a:hover,
.bg-sky-blue-ltr a:focus {
    color: var(--truPurple500);
}

.bg-clear a:focus-visible {
    outline: 1px solid inherit;
}

.bg-dusk-dkr .bg-ntrl-white a:focus-visible,
.bg-dusk-dkr .bg-off-white a:focus-visible,
.bg-dusk-dkr .bg-mist a:focus-visible,
.bg-dusk-dkr .bg-mist-dk a:focus-visible,
.bg-dusk-dkr .bg-sky-blue-ltr a:focus-visible,
.bg-dusk-dkr .bg-sky-blue-lt a:focus-visible,
.bg-tru-ppl .bg-ntrl-white a:focus-visible,
.bg-tru-ppl .bg-off-white a:focus-visible,
.bg-tru-ppl .bg-mist a:focus-visible,
.bg-tru-ppl .bg-mist-dk a:focus-visible,
.bg-tru-ppl .bg-sky-blue-ltr a:focus-visible,
.bg-tru-ppl .bg-sky-blue-lt a:focus-visible,
.bg-ntrl-white a:focus,
.bg-ntrl-white sup a:focus,
.bg-ntrl-white sup.superscript a:focus,
.bg-off-white a:focus,
.bg-off-white sup a:focus,
.bg-off-white sup.superscript a:focus,
.bg-mist a:focus,
.bg-mist sup a:focus,
.bg-mist sup.superscript a:focus,
.bg-mist-dk a:focus,
.bg-mist-dk sup a:focus,
.bg-mist-dk sup.superscipt a:focus,
.bg-sky-blue-ltr a:focus,
.bg-sky-blue-ltr sup a:focus,
.bg-sky-blue-ltr sup.superscript a:focus,
.bg-sky-blue-lt a:focus,
.bg-sky-blue-lt sup a:focus,
.bg-sky-blue-lt sup.superscript a:focus,
.bg-ntrl-white a:focus-visible,
.bg-ntrl-white sup a:focus-visible,
.bg-ntrl-white sup.superscript a:focus-visible,
.bg-off-white a:focus-visible,
.bg-off-white sup a:focus-visible,
.bg-off-white sup.superscript a:focus-visible,
.bg-mist a:focus-visible,
.bg-mist sup a:focus-visible,
.bg-mist sup.superscript a:focus-visible,
.bg-mist-dk a:focus-visible,
.bg-mist-dk sup a:focus-visible,
.bg-mist-dk sup.superscript a:focus-visible,
.bg-sky-blue-ltr a:focus-visible,
.bg-sky-blue-ltr sup a:focus-visible,
.bg-sky-blue-ltr sup.superscript a:focus-visible,
.bg-sky-blue-lt a:focus-visible,
.bg-sky-blue-lt sup a:focus-visible,
.bg-sky-blue-lt a sup.superscript a:focus-visible {
    outline: 1px solid var(--truPurple500);
}

.bg-dusk-dkr a:link,
.bg-dusk-dkr a:visited,
.bg-tru-ppl a:link,
.bg-tru-ppl a:visited,
.bg-dusk-dkr a:hover,
.bg-dusk-dkr a:focus,
.bg-tru-ppl a:hover,
.bg-tru-ppl a:focus {
    color: var(--truDawn200);
}

.bg-dusk-dkr a:focus-visible,
.bg-tru-ppl a:focus-visible {
    outline: 1px solid var(--truDawn200);
}

.bg-clear a.arrow-link::before {
    border-color: inherit;
}

.bg-dusk-dkr .bg-ntrl-white a.arrow-link::before,
.bg-dusk-dkr .bg-off-white a.arrow-link::before,
.bg-dusk-dkr .bg-mist a.arrow-link::before,
.bg-dusk-dkr .bg-mist-dk a.arrow-link::before,
.bg-dusk-dkr .bg-sky-blue-lt a.arrow-link::before,
.bg-dusk-dkr .bg-sky-blue-ltr a.arrow-link::before,
.bg-tru-ppl .bg-ntrl-white a.arrow-link::before,
.bg-tru-ppl .bg-off-white a.arrow-link::before,
.bg-tru-ppl .bg-mist a.arrow-link::before,
.bg-tru-ppl .bg-mist-dk a.arrow-link::before,
.bg-tru-ppl .bg-sky-blue-lt a.arrow-link::before,
.bg-tru-ppl .bg-sky-blue-ltr a.arrow-link::before,
.bg-ntrl-white a.arrow-link::before,
.bg-off-white a.arrow-link::before,
.bg-mist a.arrow-link::before,
.bg-mist-dk a.arrow-link::before,
.bg-sky-blue-lt a.arrow-link::before,
.bg-sky-blue-ltr a.arrow-link::before {
    border-color: var(--truPurple500);
}

.bg-dusk-dkr a.arrow-link::before,
.bg-tru-ppl a.arrow-link::before {
    border-color: var(--truDawn200);
}

.bg-dusk-dkr .bg-ntrl-white a.arrow-link::after,
.bg-dusk-dkr .bg-off-white a.arrow-link::after,
.bg-dusk-dkr .bg-mist a.arrow-link::after,
.bg-dusk-dkr .bg-mist-dk a.arrow-link::after,
.bg-dusk-dkr .bg-sky-blue-lt a.arrow-link::after,
.bg-dusk-dkr .bg-sky-blue-ltr a.arrow-link::after,
.bg-tru-ppl .bg-ntrl-white a.arrow-link::after,
.bg-tru-ppl .bg-off-white a.arrow-link::after,
.bg-tru-ppl .bg-mist a.arrow-link::after,
.bg-tru-ppl .bg-mist-dk a.arrow-link::after,
.bg-tru-ppl .bg-sky-blue-lt a.arrow-link::after,
.bg-tru-ppl .bg-sky-blue-ltr a.arrow-link::after,
.bg-ntrl-white a.arrow-link::after,
.bg-off-white a.arrow-link::after,
.bg-mist a.arrow-link::after,
.bg-mist-dk a.arrow-link::after,
.bg-sky-blue-lt a.arrow-link::after,
.bg-sky-blue-ltr a.arrow-link::after {
    background: var(--truPurple500);
}

.bg-dusk-dkr a.arrow-link::after,
.bg-tru-ppl a.arrow-link::after {
    background: var(--truDawn200);
}

.bg-clear .btn-primary:not(disabled):not(.disabled) {
    color: inherit;
}

.bg-dusk-dkr .bg-ntrl-white .btn-primary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-ntrl-white .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled),
.bg-ntrl-white .btn-primary:not(disabled):not(.disabled),
.bg-off-white .btn-primary:not(disabled):not(.disabled),
.bg-mist .btn-primary:not(disabled):not(.disabled),
.bg-mist-dk .btn-primary:not(disabled):not(.disabled),
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled),
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled) {
    background: var(--truPurple500);
    color: var(--truNeutral0);
    border: 2px solid var(--truPurple500);
}

.bg-clear .btn-primary:not(disabled):not(.disabled):hover,
.bg-clear .btn-primary:not(disabled):not(.disabled).active:hover {
    color: inherit;
    border: 2px solid inherit;
}

.btn-primary:not(disabled):not(.disabled):hover,
.btn-primary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-ntrl-white .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-ntrl-white .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-ntrl-white .btn-primary:not(disabled):not(.disabled):hover,
.bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-off-white .btn-primary:not(disabled):not(.disabled):hover,
.bg-off-white .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-mist .btn-primary:not(disabled):not(.disabled):hover,
.bg-mist .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-mist-dk .btn-primary:not(disabled):not(.disabled):hover,
.bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):hover,
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):hover,
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:hover {
    background: var(--truPurple600);
    color: var(--truNeutral0);
    border: 2px solid var(--truPurple600);
}

.bg-dusk-dkr .bg-ntrl-white .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-ntrl-white .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-ntrl-white .btn-primary:not(disabled):not(.disabled):focus,
.bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active,
.bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-off-white .btn-primary:not(disabled):not(.disabled):active,
.bg-off-white .btn-primary:not(disabled):not(.disabled):focus,
.bg-off-white .btn-primary:not(disabled):not(.disabled).active,
.bg-off-white .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-mist .btn-primary:not(disabled):not(.disabled):active,
.bg-mist .btn-primary:not(disabled):not(.disabled):focus,
.bg-mist .btn-primary:not(disabled):not(.disabled).active,
.bg-mist .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-mist-dk .btn-primary:not(disabled):not(.disabled):active,
.bg-mist-dk .btn-primary:not(disabled):not(.disabled):focus,
.bg-mist-dk .btn-primary:not(disabled):not(.disabled).active,
.bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):active,
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):focus,
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active,
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):active,
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):focus,
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active,
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:focus {
    background: var(--truPurple600);
    color: var(--truNeutral0);
    border: 2px solid var(--truPurple600);
}

/* ** Prmary Dark BG** */

.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled) {
    background: var(--truDawn200);
    color: var(--truPurple800);
    border: 2px solid var(--truDawn200);
}

.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled).active:hover {
    background: var(--truDawn100);
    color: var(--truPurple800);
    border: 2px solid var(--truDawn100);
}

.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled):active,
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled).active:focus {
    background: var(--truDawn100);
    color: var(--truPurple800);
    border: 2px solid var(--truDawn100);
}

.bg-dusk-dkr .bg-clear .btn-secondary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-clear .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled),
.bg-clear .btn-secondary:not(disabled):not(.disabled),
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled),
.bg-off-white .btn-secondary:not(disabled):not(.disabled),
.bg-mist .btn-secondary:not(disabled):not(.disabled),
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled),
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled),
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled) {
    color: var(--truPurple500);
    border: 2px solid var(--truPurple500);
}

.bg-clear .btn-secondary:not(disabled):not(.disabled):hover,
.bg-clear .btn-secondary:not(disabled):not(.disabled).active:hover {
    color: inherit;
    background: inherit;
    border: 2px solid inherit;
}

.btn-secondary:not(disabled):not(.disabled):hover,
.btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):hover,
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-off-white .btn-secondary:not(disabled):not(.disabled):hover,
.bg-off-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-mist .btn-secondary:not(disabled):not(.disabled):hover,
.bg-mist .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled):hover,
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):hover,
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):hover,
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:hover {
    color: var(--truPurple600);
    background: var(--truPurple50);
    border: 2px solid var(--truPurple600);
}

.bg-clear .btn-secondary:not(disabled):not(.disabled):active,
.bg-clear .btn-secondary:not(disabled):not(.disabled):focus,
.bg-clear .btn-secondary:not(disabled):not(.disabled).active,
.bg-clear .btn-secondary:not(disabled):not(.disabled).active:focus {
    color: inherit;
    background: inherit;
}

.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):active,
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):focus,
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active,
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-off-white .btn-secondary:not(disabled):not(.disabled):active,
.bg-off-white .btn-secondary:not(disabled):not(.disabled):focus,
.bg-off-white .btn-secondary:not(disabled):not(.disabled).active,
.bg-off-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-mist .btn-secondary:not(disabled):not(.disabled):active,
.bg-mist .btn-secondary:not(disabled):not(.disabled):focus,
.bg-mist .btn-secondary:not(disabled):not(.disabled).active,
.bg-mist .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled):active,
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled):focus,
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active,
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):active,
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):focus,
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active,
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):active,
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):focus,
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active,
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:focus {
    color: var(--truPurple700);
    background: var(--truPurple100);
    border: 2px solid var(--truPurple700);
}

/* **Secondary Dark BG ** */

.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled) {
    background: var(--truClear);
    color: var(--truDawn200);
    border: 2px solid var(--truDawn200);
}

.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled).active:hover {
    background: var(--truClear);
    color: var(--truDawn100);
    border: 2px solid var(--truDawn100);
}

.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled).active:focus {
    background: var(--truClear);
    color: var(--truDawn100);
    border: 2px solid var(--truDawn100);
}

/* ***Minimal*** */

/* **Minimal Light BG ** */

.bg-dusk-dkr .bg-ntrl-white .btn-minimal:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-off-white .btn-minimal:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-mist .btn-minimal:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-mist-dk .btn-minimal:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .bg-ntrl-white .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .bg-off-white .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .bg-mist .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .bg-mist-dk .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled),
.bg-ntrl-white .btn-minimal:not(disabled):not(.disabled),
.bg-off-white .btn-minimal:not(disabled):not(.disabled),
.bg-mist .btn-minimal:not(disabled):not(.disabled),
.bg-mist-dk .btn-minimal:not(disabled):not(.disabled),
.bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled),
.bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled) {
    background: var(--truClear);
    color: var(--truPurple500);
}

.bg-clear .btn.btn-minimal:not(disabled):not(.disabled):hover {
    color: inherit;
    background: inherit;
}

.btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-ntrl-white .btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-off-white .btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-mist .btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-mist-dk .btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-ntrl-white .btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-off-white .btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-mist .btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-mist-dk .btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled):hover,
.bg-ntrl-white .btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-off-white .btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-mist .btn-minimal:not(disabled):not(.disabled):hover,
.bg-mist-dk .btn-minimal:not(disabled):not(.disabled):hover,
.bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled):hover,
.bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled):hover {
    color: var(--truPurple600);
    background: var(--truClear);
}

.bg-clear .btn.btn-minimal:not(disabled):not(.disabled):focus {
    color: inherit;
    outline: 1px solid inherit;
}

.bg-dusk-dkr .bg-ntrl-white .btn.btn-minimal:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-off-white .btn-minimal:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-mist .btn-minimal:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-mist-dk .btn-minimal:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-ntrl-white .btn.btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-off-white .btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-mist .btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-mist-dk .btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled):focus,
.bg-ntrl-white .btn.btn-minimal:not(disabled):not(.disabled):focus,
.bg-off-white .btn-minimal:not(disabled):not(.disabled):focus,
.bg-mist .btn-minimal:not(disabled):not(.disabled):focus,
.bg-mist-dk .btn-minimal:not(disabled):not(.disabled):focus,
.bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled):focus,
.bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled):focus {
    color: var(--truPurple700);
    outline: 1px solid var(--truPurple700);
}

/* **minimal Dark BG ** */

.bg-dusk-dkr .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .btn-minimal:not(disabled):not(.disabled) {
    color: var(--truDawn200);
}

.bg-dusk-dkr .btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .btn-minimal:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .btn-minimal:not(disabled):not(.disabled).active:hover {
    color: var(--truDawn100);
}

.bg-dusk-dkr .btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .btn-minimal:not(disabled):not(.disabled):focus {
    color: var(--truDawn100);
    outline: 1px solid var(--truDawn100);
}

/* Loader animation dots */

.bg-ntrl-white .loading-animation .dot,
.bg-off-white .loading-animation .dot,
.bg-mist .loading-animation .dot,
.bg-mist-dk .loading-animation .dot,
.bg-sky-blue-lt .loading-animation .dot,
.bg-sky-blue-ltr .loading-animation .dot,
.bg-dusk-dkr .bg-ntrl-white .loading-animation .dot,
.bg-dusk-dkr .bg-off-white .loading-animation .dot,
.bg-dusk-dkr .bg-mist .loading-animation .dot,
.bg-dusk-dkr .bg-mist-dk .loading-animation .dot,
.bg-dusk-dkr .bg-sky-blue-lt .loading-animation .dot,
.bg-dusk-dkr .bg-sky-blue-ltr .loading-animation .dot,
.bg-tru-ppl .bg-ntrl-white .loading-animation .dot,
.bg-tru-ppl .bg-off-white .loading-animation .dot,
.bg-tru-ppl .bg-mist .loading-animation .dot,
.bg-tru-ppl .bg-mist-dk .loading-animation .dot,
.bg-tru-ppl .bg-sky-blue-lt .loading-animation .dot,
.bg-tru-ppl .bg-sky-blue-ltr .loading-animation .dot,
button[disabled] .loading-animation .dot,
button:disabled .loading-animation .dot,
button:is(disabled) .loading-animation .dot {
    background-color: var(--truNeutral500);
}

.bg-dusk-dkr .loading-animation .dot,
.bg-tru-ppl .loading-animation .dot {
    background-color: var(--truNeutral100);
}

/* Loader animation dots */

/* Loader animation loading text */

.bg-ntrl-white .loading-animation .loading,
.bg-off-white .loading-animation .loading,
.bg-mist .loading-animation .loading,
.bg-mist-dk .loading-animation .loading,
.bg-sky-blue-lt .loading-animation .loading,
.bg-sky-blue-ltr .loading-animation .loading,
.bg-dusk-dkr .bg-ntrl-white .loading-animation .loading,
.bg-dusk-dkr .bg-off-white .loading-animation .loading,
.bg-dusk-dkr .bg-mist .loading-animation .loading,
.bg-dusk-dkr .bg-mist-dk .loading-animation .loading,
.bg-dusk-dkr .bg-sky-blue-lt .loading-animation .loading,
.bg-dusk-dkr .bg-sky-blue-ltr .loading-animation .loading,
.bg-tru-ppl .bg-ntrl-white .loading-animation .loading,
.bg-tru-ppl .bg-off-white .loading-animation .loading,
.bg-tru-ppl .bg-mist .loading-animation .loading,
.bg-tru-ppl .bg-mist-dk .loading-animation .loading,
.bg-tru-ppl .bg-sky-blue-lt .loading-animation .loading,
.bg-tru-ppl .bg-sky-blue-ltr .loading-animation .loading,
button[disabled] .loading-animation .loading,
button:disabled .loading-animation .loading,
button:is(disabled) .loading-animation .loading {
    color: var(--truNeutral500);
}

.bg-dusk-dkr .loading-animation .loading,
.bg-tru-ppl .loading-animation .loading {
    color: var(--truNeutral100);
}