/* @todo Set up SVG/image optimizer and remove all *.min.svg files */
/* Path relative to webpack.config.js. Gets replaced according to output rules. */
/* Call-to-actions (CTAs) */
/* Inputs */
/* Term of use */
/* Visually hidden blocks */
/* height + bottom border .1rem */
/* VH unit value calculated for current device */
/* height from the top bar bottom till the bottom of the viewport */
/* height from the top bar bottom till the bottom of the viewport calculated for current device */
/* stylelint-disable no-descending-specificity */
#sbMainNavUserMenuContainer {
    display: flex;
    position: relative;
    height: 100%;
}
#sbUserImage {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .8rem;
}
#sbUserImage,
#sbMainNavUserMenuImage {
    border-radius: 100%;
}
#sbMainNavUserMenuImage {
    width: 4.8rem;
    height: 4.8rem;
    margin-right: 1.6rem;
}
#sbMainNavUserBalanceAndImage {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#sbBalanceAmountContainer {
    flex: 1 0 auto;
    position: relative;
    margin: 0 .8rem;
    font-size: 1.4em;
    line-height: 1.28;
    color: #339fba;
    text-align: right;
}
#sbBalanceAmountContainer,
#sbBalanceAmountContainer #sbBalanceAmount {
    font-weight: 700;
}
#sbMainNavUserMenu {
    right: .3rem;
    background-color: #fafafa;
    box-sizing: border-box;
    box-shadow: 0 2.4rem 2.4rem rgba( 0, 0, 0, .25 );
    border-radius: .4rem;
    transition: all .2s;
}
#sbMainNavUserMenu::before {
    content: '';
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    top: -1rem;
    right: 2.1rem;
    background-color: #fafafa;
    border-top: .1rem solid #dadada;
    border-left: .1rem solid #dadada;
    border-bottom: none;
    border-right: none;
    transform: rotate( 45deg );
    z-index: 1;
}
#sbMainNavUserMenuInner {
    width: 43rem;
    max-height: calc( 100vh - 5.6rem );
    max-height: calc( calc( var( --deviceCssVhUnit, 1vh ) * 100 ) - 5.6rem ); /* stylelint-disable declaration-block-no-duplicate-properties */
    overflow-y: auto;
}
[hidden]#sbMainNavUserMenuContent {
    display: none;
}
#sbMainNavUserMenuContent {
    display: grid;
    border: .1rem solid #dadada;
    gap: 0 0;
    grid-template: /* stylelint-disable-line declaration-colon-space-after */
        'sbMainNavUserMenuListLeft1 sbMainNavUserMenuListRight1' auto
        'sbMainNavUserMenuListLeft2 sbMainNavUserMenuListRight2' auto
        'sbMainNavUserMenuListLogOutItem sbMainNavUserMenuListLogOutItem' 5.3rem
        / 53% 47%;
}
.sbMainNavUserMenuGroup {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.sbMainNavUserMenuGroupTitle {
    padding: 0 2.4rem 1.2rem;
    font-size: 1.6em;
    line-height: 2;
    font-weight: 700;
}
#sbMainNavUserMenuListLeft1 {
    grid-area: sbMainNavUserMenuListLeft1;
    padding-top: 2.4rem;
}
#sbMainNavUserMenuListLeft2 {
    grid-area: sbMainNavUserMenuListLeft2;
    padding: 1.6rem 0;
}
#sbMainNavUserMenuListRight1 {
    grid-area: sbMainNavUserMenuListRight1;
    padding-top: 2.4rem;
}
#sbMainNavUserMenuListRight2 {
    grid-area: sbMainNavUserMenuListRight2;
}
#sbMainNavUserMenuListRight1,
#sbMainNavUserMenuListRight2 {
    box-sizing: border-box;
}
#sbMainNavUserMenuList {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}
#sbMainNavUserMenuTitle,
#sbMainNavUserMenuTitleLink {
    width: 100%;
    padding: 1.2rem 2.4rem;
    box-sizing: border-box;
}
#sbMainNavUserMenuText {
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.showNewBadge #sbMainNavUserMenuText {
    padding-right: 2rem;
}
#sbMainNavUserMenuTitleLink {
    display: flex;
    align-items: center;
    position: relative;
    color: #339fba;
    z-index: 3;
}
.showNewBadge #newBadgeSpan,
.showNewBadge #newBadgeNotification::after {
    z-index: calc( 3 + 1 );
}
.sbMainNavUserMenuListLink {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 1.2rem 2.4rem;
    background-color: inherit;
    box-sizing: border-box;
}
.sbMainNavUserMenuListLink:hover,
#sbMainNavLogOutCta:hover,
#sbMainNavUserMenuBackCta2:hover,
#sbMainNavUserMenuSwagCodeCta:hover,
#sbMainNavUserMenuTitleLink:hover {
    background-color: #bde0e9;
}
#sbMainNavUserMenuMrpLevelIcon {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.6rem;
}
#sbBalanceRefresh {
    font-family: inherit;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    transition: all .15s ease-out;
}
#sbBalanceRefresh:focus {
        outline: #2388af auto .1rem;
    }
#sbBalanceRefresh {
    width: 4.4rem;
    height: 4.4rem;
    transform: scale( 1, -1 ) rotate( 180deg );
    background: url( refresh.min.8046cf0e430b8956bddb.svg ) center / 2.4rem no-repeat;
}
#sbMainNavUserMenu .sbMainNavUserMenuItemText::before {
    content: '';
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 1.6rem 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.4rem;
}
#sbMainNavUserMenu .sbMainNavUserMenuItemText {
    display: flex;
    align-items: center;
    margin: 0;
}
#sbMainNavUserMenuListItem1 .sbMainNavUserMenuItemText::before {
    background-image: url( activity.min.959b2ef875bfdaa27a0d.svg );
}
#sbMainNavUserMenuListItem2 .sbMainNavUserMenuItemText::before {
    background-image: url( swag-ups.min.8425c87fe732bc138e8e.svg );
}
#sbMainNavUserMenuListItem3 .sbMainNavUserMenuItemText::before {
    background-image: url( collectors-bills.min.33d5c5ccde3c7baba47f.svg );
}
#sbMainNavUserMenuListItem4 .sbMainNavUserMenuItemText::before {
    background-image: url( refer.min.fb18971215fd03f4010b.svg );
}
#sbMainNavUserMenuListItem5 .sbMainNavUserMenuItemText::before {
    background-image: url( settings.min.29f02165f72f7e32b61c.svg );
}
#sbMainNavUserMenuListItem6 .sbMainNavUserMenuItemText::before {
    background-image: url( info.min.c8111740a1e8bfdb09a7.svg );
}
#sbMainNavUserMenuListItem7 .sbMainNavUserMenuItemText::before {
    background-image: url( redeem.min.f7baaf0c5a642d0e6869.svg );
}
#sbMainNavUserMenuListItem8 .sbMainNavUserMenuItemText::before {
    background-image: url( rewards.min.6b683011b261285f434b.svg );
}
#sbMainNavUserMenuSwagCodeListItem .sbMainNavUserMenuItemText::before {
    background-image: url( swag-code.min.8b472aa2124c073a89e1.svg );
}
#sbMainNavUserMenuListItem10 .sbMainNavUserMenuItemText::before {
    background-image: url( blog.min.169f679fa08abfdc563f.svg );
}
#sbMainNavUserMenuListItem11 .sbMainNavUserMenuItemText::before {
    background-image: url( facebook.min.7d524e428349d1cd7cdb.svg );
}
#sbMainNavUserMenuListItem12 .sbMainNavUserMenuItemText::before {
    background-image: url( twitter.min.c740c7d278f07801abae.svg );
}
#sbMainNavUserMenuListItem13 .sbMainNavUserMenuItemText::before {
    background-image: url( instagram.min.b0e1efca9907766ca8f0.svg );
}
#sbMainNavLogOutCta .sbMainNavUserMenuItemText::before {
    background-image: url( log-out.min.1f3cfccbf8e1e61024c8.svg );
}
.sbMainNavUserMenuItemText {
    font-size: 1.4em;
    line-height: 1.5;
    color: #333;
}
.sbMainNavUserMenuItemText2 {
    display: block;
    font-size: 1em;
    font-weight: 700;
    color: #339fba;
}
#sbMainNavUserMenuListRedeemLink .sbMainNavUserMenuItemText {
    line-height: 1;
}
#sbMainNavUserMenuListLogOutItem,
#sbMainNavUserMenuSwagCodeFooter {
    display: flex;
    justify-content: flex-end;
    background-color: #dadada;
}
#sbMainNavUserMenuSwagCodeFooter {
    flex: 0 0 5.3rem;
}
#sbMainNavUserMenuListLogOutItem {
    grid-area: sbMainNavUserMenuListLogOutItem;
}
#sbMainNavLogOutCta,
#sbMainNavUserMenuBackCta2 {
    display: flex;
    align-items: center;
    padding: 1.1rem 1.6rem .9rem;
    font-size: 1em;
}
#sbMainNavLogOutCta .sbMainNavUserMenuItemText,
#sbMainNavUserMenuBackCta2 .sbMainNavUserMenuItemText {
    font-size: 1.4em;
}
#sbUserMenuToggle {
    display: none;
}
#sbMainNavUserMenuSwagCodeCta {
    font-family: inherit;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    transition: all .15s ease-out;
}
#sbMainNavUserMenuSwagCodeCta:focus {
        outline: #2388af auto .1rem;
    }
#sbMainNavUserMenuSwagCodeCta {
    font-size: 1em;
    border: none;
}
[hidden]#sbMainNavUserMenuSwagCode {
    display: none;
}
#sbMainNavUserMenuSwagCode {
    display: flex;
    flex-direction: column;
    background-color: #fafafa;
}
#sbMainNavUserMenuSwagCodeInner {
    flex: 1 1;
    margin: 1.5rem;
    padding: 0 1.2rem;
    background-color: #fff;
    box-shadow: 0 .1rem .2rem rgba( 0, 0, 0, .24 );
    border-radius: .4rem;
}
#sbMainNavUserMenuSwagCodeNav {
    display: flex;
    align-items: center;
    flex: 0 0 3.7rem;
}
#sbMainNavUserMenuBackCta {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    flex: 0 0 13rem;
}
#sbMainNavUserMenuBackCta::before {
    content: '';
    display: block;
    width: 1.65rem;
    height: .95rem;
    margin: 0 1.8rem 0 0;
    background: url( arrow.b7e8c1d83df24fe978c5.svg ) center / 100% no-repeat;
    transition: all .2s ease;
    transform: rotate( 90deg );
}
#sbMainNavUserMenuBackCta,
#sbMainNavUserMenuBackCta2 {
    font-family: inherit;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    transition: all .15s ease-out;
}
#sbMainNavUserMenuBackCta:focus, #sbMainNavUserMenuBackCta2:focus {
        outline: #2388af auto .1rem;
    }
#sbMainNavUserMenuBackCta,
#sbMainNavUserMenuBackCta2 {
    height: 100%;
}
#sbMainNavUserMenuSwagCodeTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex: 1 1;
    background-color: #339fba;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.5;
    text-align: center;
    z-index: 2;
}
@media (min-width: 64em) {

    #sbMainNavUserMenuImage {
        display: none;
    }
}
@media (min-width: 48em) {

    #sbMainNavUserMenuListRight1 .sbMainNavUserMenuSwagName,
    #sbMainNavUserMenuListRight1 .sbMainNavUserMenuListLink,
    #sbMainNavUserMenuListRight1 .sbMainNavUserMenuGroupTitle,
    #sbMainNavUserMenuListRight2 .sbMainNavUserMenuListLink {
        padding-left: 3rem;
    }
}
@media (max-width: 63.9375em) {

    #sbUserMenuToggle {
        font-family: inherit;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        outline: none;
        transition: all .15s ease-out;
    }
        #sbUserMenuToggle:focus {
        outline: #2388af auto .1rem;
    }
        #sbUserMenuToggle {
        display: flex;
        width: 4.4rem;
        height: 100%;
        position: relative;
    }

    #sbUserMenuToggle::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url( arrow-2.3e1a344ea3a1743ef1b1.svg ) center / 1.341rem .812rem no-repeat;
    }

    .isUserMenuActive #sbUserMenuToggle::before {
        transform: rotate( 180deg );
    }

    #sbUserImage {
        display: none;
    }

    #sbBalanceAmountContainer {
        margin-right: .3rem;
    }

    #sbMainNavLogOutCta {
        padding: 1.2rem 3.2rem;
    }
}
@media (max-width: 47.9375em) {

    #sbMainNavUserMenu {
        width: 100%;
        padding-top: 0;
    }

    #sbBalanceAmountContainer {
        margin: 0;
        letter-spacing: -.1rem;
    }

    #sbMainNavUserMenuInner {
        width: 100%;
        right: 0;
        overflow-y: scroll;
    }

    #sbMainNavUserMenuContent {
        grid-template: /* stylelint-disable-line declaration-colon-space-after */
            'sbMainNavUserMenuListRight1' auto
            'sbMainNavUserMenuListLeft1' auto
            'sbMainNavUserMenuListRight2' auto
            'sbMainNavUserMenuListLeft2' auto
            'sbMainNavUserMenuListLogOutItem' 5.3rem
            / 100%;
    }

    #sbMainNavUserMenuListRight1,
    #sbMainNavUserMenuListRight2,
    #sbMainNavUserMenuListLeft1,
    #sbMainNavUserMenuListLeft2 {
        padding: 0;
        border: none;
    }

    .sbMainNavUserMenuItemText2 {
        display: inline-block;
        margin-left: 1.6rem;
    }

    .sbMainNavUserMenuGroupTitle {
        display: none;
    }

    #sbMainNavUserMenuListLeft2 .sbMainNavUserMenuGroupTitle {
        display: block;
        padding: .7rem 2.4rem;
        color: #fff;
        background: #aaa;
        border-top: .1rem solid #dadada;
        border-bottom: .1rem solid #dadada;
        text-transform: uppercase;
    }

    #sbMainNavUserMenu::before {
        content: none;
    }

    #sbMainNavUserMenuContainer {
        position: initial;
    }

    .sbMainNavUserMenuListItem {
        border-top: .1rem solid #dadada;
    }

    .sbMainNavUserMenuItemText,
    #sbMainNavLogOutCta .sbMainNavUserMenuItemText {
        font-size: 1.6em;
    }

    #sbMainNavLogOutCta {
        width: 100%;
        justify-content: flex-end;
    }

    .showNewBadge #newBadgeSpan {
        top: .5rem;
    }

    .showNewBadge #newBadgeNotification::after {
        top: 3rem;
    }
}
/* stylelint-enable no-descending-specificity */
/* stylelint-disable no-descending-specificity */
#sbMainNavShopMenuItemWrapper .sbMainNavListItemText::before {
    background-image: url( shop.min.c87e6589c681e8f6ae60.svg );
}
#sbNavShopSubmenuItem1 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( hot-deal.min.f22816f62a3aa01b282e.svg );
}
#sbNavShopSubmenuItem1:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( hot-deal-2.min.0310203f06a3899f93a2.svg );
}
#sbNavShopSubmenuItem2 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( shop.min.c87e6589c681e8f6ae60.svg );
}
#sbNavShopSubmenuItem2:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( shop-2.min.18cb43bee5b43f0b5c6b.svg );
}
#sbNavShopSubmenuItem3 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( receipt.min.bcafe93c215d10f121d5.svg );
}
#sbNavShopSubmenuItem3:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( receipt-2.min.1cd2ec744d8c900aeb96.svg );
}
#sbNavShopSubmenuPrescriptions .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( prescriptions.d445dc09794488205011.svg );
}
#sbNavShopSubmenuPrescriptions:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( prescriptions-2.efbf723726df5b39c34a.svg );
}
#sbNavShopSubmenuItem4 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( travel.min.5ed852dbc26a1dacfc2f.svg );
}
#sbNavShopSubmenuItem4:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( travel-2.min.27bcfbe83f0260bdefa5.svg );
}
#sbNavShopSubmenuItem5 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( grocery-coupons.min.3f2931c8d9f089677a58.svg );
}
#sbNavShopSubmenuItem5:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( grocery-coupons-2.min.f9699280dffd2248599b.svg );
}
#sbNavShopSubmenuItem6 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( local-cash-back.min.c1f18b67783b60601ea0.svg );
}
#sbNavShopSubmenuItem6:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( local-cash-back-2.min.7b106b6d6139a4663ae3.svg );
}
#sbNavShopSubmenuItem7 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( dining-deals.min.090be227a4071b9dd275.svg );
}
#sbNavShopSubmenuItem7:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( dining-deals-2.min.47cae2b56b3c9d5a13e6.svg );
}
/* stylelint-enable no-descending-specificity */
/* stylelint-disable no-descending-specificity */
#sbMainNavDiscoverMenuItemWrapper .sbMainNavListItemText::before {
    background-image: url( discover.min.d7f7faa4f30a2e9c35b8.svg );
}
#sbNavDiscoverSubmenuItem1 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( coupon.min.f469aa947b77eaea826a.svg );
}
#sbNavDiscoverSubmenuItem1:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( coupon-2.min.907d7af6a43e92f63958.svg );
}
#sbNavDiscoverSubmenuItem2 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( receipt.min.bcafe93c215d10f121d5.svg );
}
#sbNavDiscoverSubmenuItem2:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( receipt-2.min.1cd2ec744d8c900aeb96.svg );
}
#sbNavDiscoverSubmenuItem3 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( games.min.30e5271fbd1d7b4d782c.svg );
}
#sbNavDiscoverSubmenuItem3:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( games-2.min.14cc3a8f0ae937ebd98d.svg );
}
#sbNavDiscoverSubmenuItem4 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( sign-up.min.9812e6f6e819a3cbc7de.svg );
}
#sbNavDiscoverSubmenuItem4:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( sign-up-2.min.8d600461ad6e8d2e7881.svg );
}
#sbNavDiscoverSubmenuItem5 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( donate.min.b18ff180207b50673278.svg );
}
#sbNavDiscoverSubmenuItem5:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( donate-2.min.e7fc6027b557306fbdc0.svg );
}
/* stylelint-enable no-descending-specificity */
/* stylelint-disable no-descending-specificity */
#sbMainNavRewardsMenuItemWrapper .sbMainNavListItemText::before {
    background-image: url( rewards-2.min.ba51d8a33a0b51d2698a.svg );
}
#sbNavRewardsSubmenuItem1 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( redeem.min.f7baaf0c5a642d0e6869.svg );
}
#sbNavRewardsSubmenuItem1:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( redeem-2.min.3ff4f3ce310181b6e11b.svg );
}
#sbNavRewardsSubmenuItem2 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( swagstakes.min.48e16a209d0fd35bc86f.svg );
}
#sbNavRewardsSubmenuItem2:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( swagstakes-2.min.4b1d8b97978b8997d183.svg );
}
#sbNavRewardsSubmenuItem3 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( donate.min.b18ff180207b50673278.svg );
}
#sbNavRewardsSubmenuItem3:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( donate-2.min.e7fc6027b557306fbdc0.svg );
}
#sbNavRewardsSubmenuItem4 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( buy-sb.min.192c3fba662cd5d89e64.svg );
}
#sbNavRewardsSubmenuItem4:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( buy-sb-2.min.8fa56778076c36fe4675.svg );
}
#sbNavRewardsSubmenuItem5 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( gift-cards.min.6af990aae18a4adb882d.svg );
}
#sbNavRewardsSubmenuItem5:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( gift-cards-2.min.271b09298df42808e1fd.svg );
}
/* stylelint-enable no-descending-specificity */
/* stylelint-disable no-descending-specificity */
#sbMainNavMoreMenuItemWrapper .sbMainNavListItemText::before {
    background-image: url( more.min.8a1cdf3bf1bd671407a2.svg );
}
#sbNavMoreSubmenuItem1 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( watch.min.2d41db0e1ce66676fd7f.svg );
}
#sbNavMoreSubmenuItem1:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( watch-2.min.846fdaee436a7252c472.svg );
}
#sbNavMoreSubmenuItem2 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( games.min.30e5271fbd1d7b4d782c.svg );
}
#sbNavMoreSubmenuItem2:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( games-2.min.14cc3a8f0ae937ebd98d.svg );
}
#sbNavMoreSubmenuItem3 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( mobile-apps.min.583bb581289c6153a8e0.svg );
}
#sbNavMoreSubmenuItem3:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( mobile-apps-2.min.9e7ab1e391cf58c1dfde.svg );
}
#sbNavMoreSubmenuItem4 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( swagbutton.min.fc698f8831d0ed9b41c3.svg );
}
#sbNavMoreSubmenuItem4:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( swagbutton-2.min.0c9c9f60bc980f4e5eea.svg );
}
#sbNavMoreSubmenuItem5 .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( refer.min.fb18971215fd03f4010b.svg );
}
#sbNavMoreSubmenuItem5:hover .sbMainNavListSubmenuItemLinkText::before {
    background-image: url( refer-2.min.21a46e33746199207ab8.svg );
}
/* stylelint-enable no-descending-specificity */
/* stylelint-disable no-descending-specificity */
.sbMainNavListItemText::before,
.sbMainNavListSubmenuItemLinkText::before {
    content: '';
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 1.7rem 0 0;
}
.sbMainNavListSubmenuItemLinkText::before {
    margin: 0 auto .8rem;
}
#sbMainNavListItemHome .sbMainNavListItemText::before {
    background-image: url( home.min.7fe3083993b7d4872e8c.svg );
}
#sbMainNavListItemAnswer .sbMainNavListItemText::before {
    background-image: url( answer.min.417ebd69e01f0f680cc1.svg );
}
.sbMainNavListSubmenuItem .sbMainNavListSubmenuItemLinkText::before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.4rem;
}
/* stylelint-enable no-descending-specificity */
@media (min-width: 64em) {

    .sbMainNavListItem .sbMainNavListItemText::before {
        content: none;
    }
}
@media (max-width: 63.9375em) {

    .sbMainNavListItemText,
    .sbMainNavListSubmenuItemLinkText {
        display: flex;
        align-items: center;
        margin: 0;
        font-size: 1.6em;
        line-height: 1.25;
        text-transform: none;
    }

    .sbMainNavListItemText::before,
    .sbMainNavListSubmenuItemLinkText::before {
        margin: 0 1.7rem 0 0;
    }
}
.menuItemContent {
    display: none;
}
.menuItemContentCta[aria-expanded="true"] + .menuItemContent {
    display: flex;
}
.sbMainNavDailyBonusToggleCtaContentText {
    display: block;
}
#sbMainNavDailyBonusWrapper {
    right: 0;
    padding: .2rem;
    box-sizing: border-box;
    background-color: #f1f1f1;
    border: .1rem solid #dadada;
    border-radius: .4rem;
    box-shadow: 0 .1rem .2rem rgba( 0, 0, 0, .24 );
}
#sbMainNavDailyBonusToggleCta {
    font-family: inherit;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    transition: all .15s ease-out;
}
#sbMainNavDailyBonusToggleCta:focus {
        outline: #2388af auto .1rem;
    }
#sbMainNavDailyBonusToggleCta {
    position: relative;
    height: 100%;
    padding: 0 1.5rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    font-weight: 700;
    color: #339fba;
}
#sbMainNavDailyBonusToggleCtaContentGoalOneBonusText {
    margin-top: .2rem;
}
#sbMainNavDailyBonusToggleCtaContent {
    width: auto;
    margin: 0;
    height: 100%;
    padding-right: 1.6rem;
    min-width: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.4em;
    line-height: 1.25;
}
/* icon in daily bonus cta */
#sbMainNavDailyBonusToggleCta::after {
    content: 'SB';
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 100%;
    box-shadow: 0 0 0 .12rem #aaa; /* Outer border */
    border: .1rem solid #fff; /* Inner border */
    background-color: #aaa;
    color: #fdfeff;
    font-size: .8em;
    font-weight: 700;
}
/* Add triangle arrow to attach the popup to popup toggle cta. We don't add it to sbMainNavDailyBonusWrapper itself because arrow should be positioned relative to Cta but sbMainNavDailyBonusWrapper is relative to page. */
#sbMainNavDailyBonusToggleCta::before {
    content: '';
    z-index: calc( 1 + 1 );
    position: absolute;
    bottom: -.7rem;
    width: 1.3rem;
    height: 1.3rem;
    transform: rotate( 45deg );

    /* only half of the block needs to be painted  */
    background-image: linear-gradient( 135deg, #f1f1f1 50%, transparent 50% );
    border-top: .1rem solid #dadada;
    border-left: .1rem solid #dadada;
    visibility: hidden;
}
#sbMainNavDailyBonusToggleCta:hover {
    background-color: #f5f5f5;
}
#sbMainNavDailyBonusToggleCta[aria-expanded="true"]::before {
    visibility: visible;
}
@media (max-width: 47.9375em) {

    #sbMainNavDailyBonusWrapper {
        width: 100%;
        padding: 0;
        border: none;
        border-radius: 0;
    }

    #sbMainNavDailyBonusToggleCta {
        padding: 0 .4rem;
    }

    #sbMainNavDailyBonusToggleCtaContent {
        font-size: 1.2em;
        padding-right: 1.4rem;
    }

    #sbMainNavDailyBonusToggleCta::before {
        display: none;
    }
}
/* stylelint-disable no-descending-specificity */
.isMenuActive.isHome#html #sbContent,
.isSearchMenuActive.isMenuActive#html #sbContent,
.isUserMenuActive.isMenuActive#html #sbContent,
.isDailyBonusPopupActive#html #sbContent {
    pointer-events: none;
}
.isSearchMenuActive#html #sbContentOverlay {
    display: block;
}
#sbGlobalNav {
    position: relative;
}
#sbGlobalNavContent {
    position: relative;
    height: 5.6rem;
    justify-content: stretch;
}
.headerMenuItemContent {
    position: absolute;
    top: 5.6rem;
    z-index: 1;
}
.sbMainNavListItemSubmenu {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sbMainNavListContainer {
    display: none;
}
#sbMainNavList {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sbMainNavListItemSubmenuControlCta {
    font-family: inherit;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    transition: all .15s ease-out;
}
.sbMainNavListItemSubmenuControlCta:focus {
        outline: #2388af auto .1rem;
    }
.sbMainNavListItemSubmenuControlCta {
    font-size: 1em;
    transition: none;
}
/* we draw border instead of outline on focus */
.sbMainNavListItemSubmenuControlCta:focus {
    outline: none;
}
#sbLogoContainer {
    display: flex;
    align-items: center;
    height: 100%;
    min-width: 5.1rem;
}
.sbGlobalNavLoggedOut#sbGlobalNav #sbLogoLink {
    margin-right: 2.2rem;
}
#sbLogoLink {
    height: 2.8rem;
    background: center / 100% no-repeat;
}
#sbLogoLink:focus {
    outline: #339fba auto;
}
.sbMainNavListItemSubmenuControlCta::after {
    content: '';
    display: block;
    width: 1.65rem;
    height: .95rem;
    margin: 0 0 0 .8rem;
    background: url( arrow.b7e8c1d83df24fe978c5.svg ) center / 100% no-repeat;
    transition: all .2s ease;
}
[aria-expanded="true"].sbMainNavListItemSubmenuControlCta::after {
    transform: rotate( 180deg );
}
.sbMainNavListItemLink,
.sbMainNavListItemSubmenuControlCta {
    display: flex;
    align-items: center;
    margin: .1rem;
    padding: .7rem 1.7rem;
    box-sizing: border-box;
}
.sbMainNavListItemText {
    font-size: 1.5em;
    line-height: 1.28;
    color: #000;
    pointer-events: none;
}
.sbMainNavListSubmenuItemLink {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 11.2rem;
    margin: 0 2rem;
}
.sbMainNavListSubmenuItemLinkText {
    font-size: 1.3em;
    line-height: 1.2;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    pointer-events: none;
}
.sbMainNavListSubmenuItemLink:hover .sbMainNavListSubmenuItemLinkText {
    color: #0090b5;
}
#sbMainNavListSubmenuBuySb {
    position: relative;
}
#sbMainNavListSubmenuBuySb::before {
    content: '';
    position: absolute;
    top: 0;
    left: -1.5rem;
    bottom: 0;
    margin: auto;
    width: .1rem;
    height: 100%;
    background-color: #757575;
}
#sbMainNavSearchContainer,
#sbSearchContainer {
    display: flex;
    height: 100%;
    align-items: center;
}
#sbMainNavSwagCodeContainer {
    position: relative;
    margin: 0 0 0 1.5rem;
}
#sbSearchContainer {
    width: 29.6rem;
    margin-right: .8rem;
}
#sbSearchMenu {
    width: 100%;
}
#sbGlobalNavSearchSubmit {
    font-family: inherit;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    transition: all .15s ease-out;
}
#sbGlobalNavSearchSubmit:focus {
        outline: #2388af auto .1rem;
    }
#sbGlobalNavSearchSubmit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 100%;
    box-sizing: border-box;
}
#sbGlobalNavSearchSubmit,
#sbSearchToggle {
    background: url( search.min.b2f291f48cd50512a22c.svg ) center / 2.4rem no-repeat;
}
#sbGlobalNavSearchInputContainer {
    flex: 1 1;
}
#sbMainNavInboxCta {
    font-family: inherit;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    transition: all .15s ease-out;
}
#sbMainNavInboxCta:focus {
        outline: #2388af auto .1rem;
    }
#sbMainNavInboxCta {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 100%;
    box-sizing: border-box;
    background: url( notification.min.638517b51e629acda0eb.svg ) center / 2.4rem no-repeat;
}
#sbMainNavInboxCta:hover {
    background-image: url( notification-2.min.d3c88e05cfe1f66eee9f.svg );
}
#sbMainNavDailyBonusContainer {
    height: 100%;
    display: flex;
    align-items: center;
}
#sbInboxCount {
    position: absolute;
    top: .3rem;
    left: 2rem;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.25;
    padding: .1rem .5rem;
    min-width: .8rem;
    background-color: #e61b2b;
    border-radius: .8rem;
    color: #fff;
    text-align: center;
}
#sbInboxCount[hidden] {
    display: none;
}
#sbSearchContainer #suggest,
#sbSearchContainer #sbGlobalNavSearchSuggestCont {
    z-index: calc( 1 + 1 );
}
/* For now this style is applied only to confirmEmailBar that is under new top bar. When old top bar will completely removed we should move this style to sbContent styles. */
#confirmEmailBarOuter {

    /* One less than sbContentOverlay z-index.  */
    z-index: 9990;
    position: sticky;
    top: 0;
    box-shadow: 0 .1rem .2rem rgba( 0, 0, 0, .25 );
}
.isExternal #sbGlobalNavContent .sbMainNavListItemLink:hover,
.isExternal #sbGlobalNavContent .sbMainNavListItemLink:active,
.isExternal #sbGlobalNavContent .sbMainNavListSubmenuItemLink:hover,
.isExternal #sbGlobalNavContent .sbMainNavListSubmenuItemLink:active {
    text-decoration: none;
}
.isMainMenuActive.isMenuActive#html #sbContentOverlay {
    display: flex;
}
/* Mozilla only styles. */
@-moz-document url-prefix() {

    .sbMainNavListItemLink:hover .sbMainNavListItemText,
    [aria-expanded="true"].sbMainNavListItemSubmenuControlCta .sbMainNavListItemText {
        text-shadow: 0 0 .02915rem #0090b5, 0 0 .02915rem #0090b5;
    }
}
@media (min-width: 64em) and (max-width: 84.9375em) {

    #sbGlobalNavContent {
        margin: 0 1.5rem;
        justify-content: space-evenly;
    }

    #sbLogoLink {
        width: 2.8rem;
        margin-right: 0;
        background-image: url( swagbucks-logo-2.0e71181243f63ae991fd.svg );
    }

    #sbMainNavListContainer,
    #sbMainNavList {
        flex: 1 1;
    }

    #sbSearchContainer {
        width: auto;
    }

    .sbMainNavListItemSubmenu {
        left: -1.5rem; /* #sbGlobalNavContent margin-left */
        height: auto;
        flex-wrap: wrap;
    }

    .isSwagCodeMenuActive #sbSearchMenuWrapper {
        border-top-left-radius: .4rem;
        border-bottom-left-radius: .4rem;
        border-left: .2rem solid #339fba;
    }

    .sbMainNavListItemText {
        font-size: 1.4em;
    }

    .sbMainNavListSubmenuItemLinkText {
        width: 100%;
        font-size: 1em;
    }
}
@media (max-width: 63.9375em) {

    .topNavBarMenu#html #sbLogoLink,
    .isMainMenuPresent#html #sbLogoLink,
    #sbMainNavListContainer {
        display: none;
    }

    #sbLogoLink {
        display: flex;
        width: 2.8rem;
        margin: 0 .8rem 0 1.5rem;
        background-image: url( swagbucks-logo-2.0e71181243f63ae991fd.svg );
    }

    #logged-out-home #sbLogoLink {
        width: 13rem;
        background-image: url( swagbucks-logo.9a2be82dae037e9f8c26.svg );
    }

    #sbGlobalNavContent {
        position: relative;
    }

    #sbMainNavToggle {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 4.8rem;
        height: 100%;
        padding: 0;
        background: url( menu.min.b55ce6494689b71ed476.svg ) center / 2.4rem no-repeat;
    }

    .isMainMenuActive #sbMainNavToggle {
        background-image: url( cross2.min.baa272050b5a30ae23f1.svg );
    }

    .isMainMenuActive #sbMainNavToggle,
    .isDailyBonusPopupActive #sbMainNavDailyBonusToggleCta,
    .isSearchMenuActive #sbSearchToggle,
    .isUserMenuActive #sbUserMenuToggle {
        background-color: #f5f5f5;
    }

    .topNavBarMenu.isMainMenuActive #sbMainNavListContainer {
        display: flex;
    }

    #sbMainNavListContainer {
        position: absolute;
        top: 5.6rem;
        left: 0;
        flex-direction: column;
        flex: 0 0 100%;
        width: 100%;
        height: auto;
        max-height: calc( 100vh - 5.6rem );
        max-height: calc( calc( var( --deviceCssVhUnit, 1vh ) * 100 ) - 5.6rem ); /* stylelint-disable declaration-block-no-duplicate-properties */
        overflow-y: scroll;
        order: 1;
    }

    #sbMainNavList {
        background-color: #fafafa;
    }

    .sbMainNavListItemLink,
    .sbMainNavListItemSubmenuControlCta {
        width: 100%;
        margin: 0;
        padding: 1.8rem 3.2rem 1.8rem 1.5rem;
        border: .1rem solid #dadada;
        box-sizing: border-box;
        position: relative;
    }

    [aria-expanded="true"].sbMainNavListItemSubmenuControlCta .sbMainNavListItemText {
        color: #0090b5;
    }

    [aria-expanded="false"].sbMainNavListItemSubmenuControlCta::after,
    [aria-expanded="true"].sbMainNavListItemSubmenuControlCta::after {
        margin: 0;
        border: none;
        border-radius: 0;
        position: absolute;
        right: 3.15rem;
    }

    .sbMainNavListItem.sbMainNavListItemHasSubmenu {
        flex-wrap: wrap;
    }

    .sbMainNavListSubmenuItem {
        width: 100%;
    }

    .sbMainNavListSubmenuItemLink {
        flex-direction: row;
        justify-content: flex-start;
        margin: 0;
        padding: 1.8rem 3.2rem 1.8rem 1.5rem;
    }

    .sbMainNavListItemSubmenu {
        flex-direction: column;
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        padding: 0;
        box-shadow: none;
    }

    [aria-expanded="false"].sbMainNavListItemSubmenuControlCta::after {
        transform: rotate( -90deg );
    }

    [aria-expanded="true"].sbMainNavListItemSubmenuControlCta::after {
        transform: rotate( 0 );
    }

    #sbMainNavListItemHome,
    .sbMainNavListItemBurgerMenuOnly {
        display: block;
    }

    #sbSearchContainer,
    #sbMainNavSwagCodeContainer {
        margin: 0;
    }

    #sbSearchContainer,
    #sbSearchMenuWrapper {
        width: 100%;
    }

    #sbSearchMenuWrapper {
        max-width: 100%;
        border-radius: 0;
    }

    .sbGlobalNavSearchInput {
        font-size: 1.6em;
    }

    #sbUserMenuToggle {
        font-family: inherit;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        outline: none;
        transition: all .15s ease-out;
    }
        #sbUserMenuToggle:focus {
        outline: #2388af auto .1rem;
    }
        #sbUserMenuToggle {
        display: flex;
    }

    .contOuter#middle {
        width: 100%;
    }
}
@media (max-width: 47.9375em) {

    #sbSearchContainer {
        display: none;
        position: absolute;
        width: 100vw;
        left: 0;
        background-color: #fff;
        padding: 1rem 0;
        border-top: .1rem solid #dadada;
    }

    .isSearchMenuActive #sbSearchContainer {
        display: flex;
        padding: 0;
    }

    #sbSearchToggle {
        font-family: inherit;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        outline: none;
        transition: all .15s ease-out;
    }
        #sbSearchToggle:focus {
        outline: #2388af auto .1rem;
    }
        #sbSearchToggle {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        height: 100%;
        width: 4.8rem;
    }

    #sbSearchMenuInnerWrapper {
        flex-direction: column;
    }

    #sbSearchContainer #suggest,
    #sbGlobalNavSearchSuggestCont {
        position: absolute;
        margin-top: .1rem;
    }
}
@media (min-width: 48em) and (max-width: 63.9375em) {

    .sbMainNavListSubmenuItemLinkText {
        width: auto;
        max-width: 100%;
    }

    #sbMainNavSearchContainer {
        flex: 1 1 auto;
        max-width: 58.4rem;
    }

    #sbSearchContainer {
        width: 100%;
    }
}
@media (min-width: 48em) and (max-width: 84.9375em) {

    .sbMainNavListSubmenuItemLink {
        margin: 0 1rem;
    }

    .sbMainNavListSubmenuItemLinkText {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media (min-width: 48em) {

    .isDailyBonusPopupActive#html #sbContentOverlay {
        display: block;
    }

    #sbSearchToggle {
        display: none;
    }
}
@media (min-width: 64em) {

    #sbGlobalNavContent {
        padding: 0 2rem;
    }

    #sbMainNavToggle,
    #sbMainNavListItemHome,
    .sbMainNavListItemBurgerMenuOnly {
        display: none;
    }

    #sbMainNavListContainer,
    #sbMainNavList {
        display: flex;
        flex: 0 1 58.4rem;
        height: 100%;
        justify-content: space-evenly;
    }

    .sbMainNavListItem {
        display: flex;
        align-items: center;
    }

    .sbMainNavListItemSubmenu {
        justify-content: center;
        align-items: center;
        min-width: 100vw;
        min-height: 8.8rem;
        padding: 1.7rem;
        margin: 0 auto;
        box-sizing: border-box;
        background: #fafafa;
        box-shadow: 0 .4rem 1.4rem rgba( 0, 0, 0, .16 );
    }

    .sbMainNavListItemLink:hover,
    [aria-expanded="true"].sbMainNavListItemSubmenuControlCta {
        margin: 0;
        border: .1rem solid #0090b5;
        border-radius: .8rem;
    }

    .sbMainNavListItemLink:hover .sbMainNavListItemText,
    [aria-expanded="true"].sbMainNavListItemSubmenuControlCta .sbMainNavListItemText {
        text-shadow: 0 0 .07rem #0090b5, 0 0 .07rem #0090b5;
        color: #0090b5;
    }
}
@media (min-width: 85em) {

    #sbLogoLink {
        width: 13rem;
        background-image: url( swagbucks-logo.9a2be82dae037e9f8c26.svg );
    }

    .sbMainNavListItemSubmenu {
        left: calc( calc( 136rem - 100vw ) / 2 ); /* 136rem the page max-width, so we need to position from left on amount of rems equals to half of difference from current viewport width and the page max-width */
    }
}
/* stylelint-enable no-descending-specificity */

#banner__bannerContainer--1KbHz {
    box-sizing: border-box;
}
.banner__container--3NGRw {
    position: absolute;
    visibility: hidden;
    width: 100%;
    padding: 2.4rem;
    box-shadow: 0 .2rem .3rem rgba( 0, 0, 0, .06 );
    color: #fff;
    word-break: break-word;
    box-sizing: border-box;
}
#sbMainNavUserMenuSwagCodeInner .banner__container--3NGRw {
    position: relative;
    margin-top: 1.2rem;
}
.banner__shown--1k533.banner__container--3NGRw {
    visibility: visible;
}
.banner__position_top--oT7tc.banner__container--3NGRw {
    top: 0;
}
.banner__position_bottom--3S934.banner__container--3NGRw {
    bottom: 0;
}
.banner__contentType_info--JdCRM.banner__container--3NGRw,
.banner__contentType_info--JdCRM.banner__container--3NGRw::before {
    color: #333;
    background-color: #69b8d6;
}
.banner__contentType_success--J831D.banner__container--3NGRw,
.banner__contentType_success--J831D.banner__container--3NGRw::before {
    background-color: #a6ca8a;
}
.banner__contentType_error--2wbrB.banner__container--3NGRw,
.banner__contentType_error--2wbrB.banner__container--3NGRw::before {
    background-color: #ea8781;
}
.banner__description--mEk7L {
    font-size: 1.4em;
    color: #fff;
}
.banner__closeCta--1tSNJ {
    position: absolute;
    right: 1rem;
    top: .5rem;
    opacity: .7;
    width: 2rem;
    height: 3rem;
    cursor: pointer;
    padding: 0;
    background: transparent;
    border: none;
}
.banner__closeCta--1tSNJ:hover {
    opacity: 1;
}
.banner__closeCta--1tSNJ::before,
.banner__closeCta--1tSNJ::after {
    content: '';
    position: absolute;
    left: 0;
    height: .2rem;
    width: 100%;
    background-color: #fff;
}
.banner__closeCta--1tSNJ::before {
    transform: rotate( 45deg );
}
.banner__closeCta--1tSNJ::after {
    transform: rotate( -45deg );
}