.ready {
    position: relative !important;
    visibility: visible !important;
}
.ready#sbTray13, .ready#sbTray145, .ready#sbTray156 {
    -webkit-animation: trayFadeIn 1s;
    animation: trayFadeIn 1s;
}
.sbTray {
    box-sizing: border-box;
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
}
#sbTray13, #sbTray145, #sbTray156 { /* nCrave Tray */
    position: absolute;
    visibility: hidden;
    transition: all .5s ease-in-out;
}
/* Due to App Store restrictions, "Charity Donations" and "Gift Cards you can Afford Now" (it shows donation cards) trays to be hidden for mobile app (appm) */
.isUsingSBApp#html #sbTray152,
.isUsingSBApp#html #sbTray153 {
    display: none !important;
}
.v1.sbTray::before {
    content: '';
    position: absolute;
    height: .1rem;
    background-color: #69b9d8;
}
.v1.sbTray:first-child::before {
    content: none;
}

/* Tray Header */

.sbTrayHeader {
    display: flex;
}
.sbTrayTitle {
    font-size: 2.2em !important;
    color: #333 !important;
    font-weight: 400;
}
.sbTrayTitleLink {
    position: relative;
    color: #333 !important;
}
.sbTrayTitleLink:hover:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: .2rem;
    left: .1rem;
    height: .1rem;
    background-color: #333;
}
.sbTrayViewAll {
    font-size: 1.2em;
    white-space: nowrap;
}
.sbTrayViewAll:after {
    content: '';
    position: absolute;
    margin: .1rem 0 0 .5rem;
    width: .8rem;
    height: 1.2rem;
    background: url(/dist-non-modules/content/shared/images/main-sprite.min.89aa814afdb2c0563f7a.svg) -3.2rem -20.4rem / 32.2rem 139rem no-repeat;
}

.isMobile .sbHCTNav {
    display: none !important;
}

/* Tray > Inner container */

.sbTrayInnerContainer {
    clear: both;
    position: relative;
    overflow: hidden;
}

.sbTrayInnerContainerNextPageAvailable::after,
.sbTrayInnerContainerPrevPageAvailable::after {
    content: '';
    position: absolute;
    top: -.1rem;
    right: -.1rem;
    bottom: 1.8rem;
    width: 2.8rem;
    box-shadow: inset -.5rem .1rem .9rem -.6rem rgba( 0, 0, 0, .7 );
    pointer-events: none;
}

.sbTrayInnerContainerPrevPageAvailable::after {
    right: auto;
    left: -.1rem;
    box-shadow: inset .5rem .1rem .9rem -.6rem rgba( 0, 0, 0, .7 );
}

.answerDesignV2 .sbTrayInnerContainerNextPageAvailable::after,
.answerDesignV2 .sbTrayInnerContainerPrevPageAvailable::after {
    bottom: 2.4rem;
}

/* Tray > Inner */

.sbTrayInner {
    margin: 0 !important;
    padding: 0;
}
#html .sbTrayInner {
    display: -webkit-box;
    -webkit-box-orient: vertical;

    display: -moz-box;
    -moz-box-orient: vertical;

    display: -ms-flexbox;
    -ms-box-orient: vertical;

    display: -webkit-flex;
    -webkit-flex-direction: column;

    display: flex;

    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;

    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;

    padding: 0;
}
.sbTray .sbTrayInner {
    position: relative;
    top: 0;
    left: 0;
}
.sbTray .sbTrayLastItem {
    margin-right: 0;
    padding-right: 0;
}
.sbTray .sbTrayFirstItem {
    margin-left: 0;
    padding-left: 0;
}
.sbHCTNav {
    position: absolute;
    z-index: 10;
}
.sbHCTNav.invisibleArrows,
.sbTraySeeMore {
    display: none !important;
}
.sbHCTNavPrev,
.sbHCTNavNext {
    cursor: pointer;
}

/* Bookend (Blk) Navigation */

.sbHCTBookendBlk .sbTrayInner {
    margin-left: .5rem;
}
.sbHCTBookendBlk .sbHCTNav {
    position: static;
    display: none;
}
.sbHCTBookendBlk:hover .sbHCTNav {
    display: block;
}
.sbHCTBookendBlk .sbHCTNavPrev, .sbHCTBookendBlk .sbHCTNavNext, .sbHCTBookendBlk .sbHCTNavPrev.sbHCTNavNull, .sbHCTBookendBlk .sbHCTNavPrev.sbHCTNavNull:hover {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: -1.3rem;
    margin-top: -.5rem;
    width: 4rem;
    height: 4rem;
    background: rgba(0, 0, 0, .7) url(/dist-non-modules/content/global-includes/images/arrow.3f7ce9e5fab442efd4bb.png) center center no-repeat;
    border: .2rem solid #fff;
    border-radius: 100%;
    outline: none;
}
.sbHCTBookendBlk .sbHCTNavPrev, .sbHCTBookendBlk .sbHCTNavPrev.sbHCTNavNull, .sbHCTBookendBlk .sbHCTNavPrev.sbHCTNavNull:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.sbHCTBookendBlk .sbHCTNavNext, .sbHCTBookendBlk .sbHCTNavNext.sbHCTNavNull, .sbHCTBookendBlk .sbHCTNavNext.sbHCTNavNull:hover {
    left: auto;
    right: -1.5rem;
}
@-webkit-keyframes trayFadeIn {
    0% {
        max-height: 0;
        opacity: 0;
    }
    50% {
        max-height: 27.3rem;
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes trayFadeIn {
    0% {
        max-height: 0;
        opacity: 0;
    }
    50% {
        max-height: 27.3rem;
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Local Deals */

#zipDisplay {
    display: inline-block;
}
#zipInput {
    display: none;
    font-size: inherit;
    line-height: inherit;
    margin: 0 .2rem;
    padding: 0 .4rem;
    color: inherit;
    width: 6.4rem;
    background-color: transparent;
    border: none;
    border-bottom: .1rem solid #ccc;
    font-weight: normal;
}
.wide#zipInput, .wide#zipDisplay {
    width: 10rem;
}
.error#zipInput {
    color: red;
}
#zipSelectorBtn {
    display: inline-block;
    margin: 0.6rem 0 0 1rem;
    border: .1rem solid #ccc;
    padding: .6rem .8rem;
    border-radius: .4rem;
    font-size: 1.2rem;
    cursor: pointer;
    line-height:1.25; 
}
.inactive#zipSelectorBtn {
    color: #ccc;
    cursor: inherit;
}
.fadeTray:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1.5rem;
    right: -1.5rem;
    z-index: 9990;
    background: rgba(255, 255, 255, .8);
}

.sbTrayListItemSbEarn.sbNotAvailable {
    color: #000;
    font-weight: 400;
}

.sbTrayCalloutHidden#sbTrayCallout,
#sbTrayCalloutLink {
    display: none;
}

/* Tiny & Narrow - 300-1023px */

@media ( max-width: 63.9375em ) { /* 1023px */
    #sbTray563 {
        display: none !important;
    }

    #sbTrayCallout {
        max-width: 100%;
        margin-left: .2rem;
    }

    .sbTray.noHorizontalScrollMobile .sbTrayHeader,
    .sbTrayV4 .sbTrayHeader {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
        top: -1rem;
    }

    .trayMobileViewV2 .sbTrayV4 .sbTrayHeader {
        top: -.3rem;
        z-index: 3;
    }

    .sbTray.noHorizontalScrollMobile .sbTrayHeader.stuck,
    .sbTrayV4 .sbTrayHeader.stuck {
        border-bottom: .1rem solid #c9c9c9;
        background-color: #f2f2f2;
    }

    .trayMobileViewV2 .sbTrayV4 .sbTrayHeader.stuck {
        border-bottom: none;
    }

    /* 400px */
    @media ( max-width: 25em ) {
        #sbTrayCalloutLink {
            display: block;
        }
    }

    #sbTrayCalloutImage {
        display: block;
        max-width: 100%;
        height: auto;
    }
}

/* 570+px */

@media ( min-width: 35.625em ) { /* 570px */

    .trayMobileViewV2.sbTrayHeader {
        justify-content: flex-start;
    }

    .trayMobileViewV2 .sbTrayTitle {
        flex: 0 1 auto;
    }

    .trayMobileViewV2 .sbTrayAside {
        margin: 0 1.4rem 0 0;
    }
}

/* Narrow, Medium, Wide - 768+px */

@media ( min-width: 48em ) { /* 768px */

    /* Narrow, Medium, Wide - Tray Itself */

    .sbTray {
        margin: 1rem 0 1.9rem;
    }
    .v1.sbTray {
        margin-top: 3rem;
    }
    .v1.sbTray:first-child {
        margin-top: 1rem;
    }
    .v1.sbTray::before {
        top: -1.8rem;
        right: 0;
        left: 0;
    }

    /* Narrow, Medium, Wide - Tray Inner */

    .sbTrayNumberOfRowsIs1 .sbTrayInner {
        height: 25.3rem;
    }
    .sbTrayNumberOfRowsIs1.answerDesignV2 .sbTrayInner {
        height: 8rem;
    }
    .sbTrayNumberOfRowsIs2 .sbTrayInner {
        height: 50.6rem;
    }
    .sbTrayNumberOfRowsIs2.answerDesignV2 .sbTrayInner {
        height: 16rem;
    }
    .sbTrayNumberOfRowsIs3 .sbTrayInner {
        height: 75.9rem;
    }
    .sbTrayNumberOfRowsIs3.answerDesignV2 .sbTrayInner {
        height: 24rem;
    }
    .sbTrayNumberOfRowsIs4 .sbTrayInner {
        height: 101.2rem;
    }
    .sbTrayNumberOfRowsIs5 .sbTrayInner {
        height: 126.5rem;
    }
    .sbTrayNumberOfRowsIs1.CouponsTray .sbTrayInner { /* Featured Coupons Tray */
        height: 29rem;
    }

    /* Narrow, Medium, Wide - Tray Header */

    .sbTrayTitle {
        line-height: 1.25;
        margin: .7rem 0 1.9rem;
        padding: 0 !important;
    }
    .sbTrayAside {
        margin: 1.8rem 0 0 2rem;
    }
}

/* Tiny - 300-767px */

@media ( max-width: 47.9375em ) { /* 767px */

    /* Tiny - Tray Itself */
    #html .sbTray.noHorizontalScrollMobile .sbTrayInner {
        display: block;
        margin-right: -2rem !important;
    }

    #html .sbTray.noHorizontalScrollMobile .sbTrayInner.answerNoInitialProfilerCase {
        display: flex;
    }

    .sbTray.noHorizontalScrollMobile {
        margin-right: auto;
        margin-left: auto;
    }

    .sbTray {
        max-width: calc( 100vw - 1rem ); /* .isNotViewAllPage#cardDeck padding */
        min-width: 80vw;
    }
    .trayMobileViewV2 .sbTray {
        max-width: calc( 100vw - 3.1rem ); 
    }
    .sbTray.noHorizontalScrollMobile {
        min-width: auto;
        min-width: initial;
    }
    .isNotMobile .sbTray {
        max-width: calc( 100vw - 2.7rem ); /* .isNotViewAllPage#cardDeck padding + scrollbar width */
    }
    .v1.sbTray {
        margin-top: .7rem;
    }
    .v1.sbTray:first-child {
        margin-top: 0; /* IE11 */
        margin-top: unset;
    }
    .v1.sbTray::before {
        z-index: 2;
        top: .5rem;
        right: -1rem;
        left: -1rem;
    }

    /* Tiny - Tray Inner */

    .sbTrayNumberOfRowsIs1 .sbTrayInner {
        height: 19.2rem;
    }
    .sbTrayNumberOfRowsIs2 .sbTrayInner {
        height: 38.4rem;
    }
    .sbTrayNumberOfRowsIs3 .sbTrayInner {
        height: 57.6rem;
    }
    .sbTrayNumberOfRowsIs4 .sbTrayInner {
        height: 76.8rem;
    }
    .sbTrayNumberOfRowsIs5 .sbTrayInner {
        height: 96rem;
    }
    .sbTrayNumberOfRowsIs1.CouponsTray .sbTrayInner { /* Featured Coupons Tray */
        height: 26rem;
    }
    .sbTray.noHorizontalScrollMobile .sbTrayInner {
        overflow: hidden;
        height: auto;
        max-height: 38.2rem;
    }
    #html .sbTray.noHorizontalScrollMobile .sbTrayInner {
        margin-right: -1rem !important;
    }
    .sbTray.noHorizontalScrollMobile.sbTraySingleRowMobileTray .sbTrayInner {
        max-height: 19.1rem;
    }
    .sbTray.noHorizontalScrollMobile.seeMoreInTray .sbTrayInner {
        max-height: 76.4rem;
    }
        .sbTrayInnerContainerNextPageAvailable:after
    ,   .sbTrayInnerContainerPrevPageAvailable:after
        {
            bottom: .9rem;
        }

    /* Tiny - Tray Header */

    .sbTrayHeader {
        justify-content: space-between;
        padding-top: .4rem;
    }

    .sbTrayTitle {
        flex: 1 1 auto;
        line-height: 4.4rem;
        margin: .8rem 1rem 1.1rem 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .sbTrayTitleLink {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .sbTrayAside {
        flex: 0 0 auto;
        margin: 1.2rem 3.2rem 0 0;
    }
    .sbTrayViewAll {
        display: block;
        position: relative;
        line-height: 4.4rem;
    }
    .sbTrayViewAll:after {
        top: 0;
        bottom: 0;
        margin: auto auto auto .5rem;
    }

    /* Tiny - Tray Nav */

    .sbHCTNavNext {
        right: 0 !important;
    }
    .sbHCTNavPrev {
        left: -.8rem !important;
    }

    /* Tiny - See more */

    .sbTraySeeMore {
        height: 4.5rem;
        display: inline-block !important;
        font-size: 1.4em;
        line-height: 4.5rem;
    }

    .sbTraySeeMore:before {
        width: 2.1rem;
        height: 2.1rem;
        content: '';
        display: inline-block;
        margin-right: 1rem;
        vertical-align: middle;
        background: url(/dist-non-modules/content/components/cardstream/images/arrow-circle-icon.d6d753edaa42c8513a27.svg) center center no-repeat;
    }

    .sbTraySeeMore.active:before {
        transform: rotate(180deg);
    }

    .sbTraySeeMoreSeeLessText,
    .sbTraySeeMore.active .sbTraySeeMoreSeeMoreText{
        display: none;
    }

    .sbTraySeeMore.active .sbTraySeeMoreSeeLessText {
        display: inline-block;
        display: initial;
    }
    
    /* Limited Tiny - 300-373px */

    @media ( max-width: 23.3125em ) { /* 373px */

        /* Limited Tiny - Tray Itself */

        .v1.sbTray::before {
            right: -.5rem;
            left: -.5rem;
        }

        /* Limited Tiny - Tray Inner */

        .sbTrayNumberOfRowsIs1 .sbTrayInner {
            height: 17.7rem;
        }
        .sbTrayNumberOfRowsIs2 .sbTrayInner {
            height: 35.4rem;
        }

        .trayMobileViewV2 .sbTrayNumberOfRowsIs2 .sbTrayInner {
            height: 38.4rem;
        }

        .sbTrayNumberOfRowsIs3 .sbTrayInner {
            height: 53.1rem;
        }
        .sbTrayNumberOfRowsIs4 .sbTrayInner {
            height: 70.8rem;
        }
        .sbTrayNumberOfRowsIs5 .sbTrayInner {
            height: 88.5rem;
        }
        .sbTrayNumberOfRowsIs1.CouponsTray .sbTrayInner { /* Featured Coupons Tray */
            height: 26rem;
        }
        .sbTray.noHorizontalScrollMobile .sbTrayInner {
            max-height: 35.2rem;
        }
    }

    .sticky_sentinel {
        position: absolute;
        left: 0;
        right: 0; /* needs dimensions */
        visibility: hidden;
    }
    .sticky_sentinel--top {
        /* Adjust the height and top values based on your sticky top position.
        e.g. make the height bigger and adjust the top so observeHeaders()'s
        IntersectionObserver fires as soon as the bottom of the sentinel crosses the
        top of the intersection container. */
        height: 4rem;
        top: -2rem;
    }
}

/* 569px */

@media ( max-width: 35.5625em ) { /* 569px */

    .trayMobileViewV2 .sbTrayAside {
        margin: 0 1.4rem 0 0;
    }
}

/* 400-1023px */
@media ( min-width: 25em ) and ( max-width: 63.9375em ) {
    #sbTrayCalloutLink {
        display: flex;
        align-self: center;
        justify-content: center;
    }
}