.main-wrapper .col-10{
    padding-right:0px!important;
}

.feed-suggestions-wrapper{
    margin-top:90px
}

.mobile-feed-brand-header{
    min-height: 56px;
    gap: .75rem;
}

.mobile-feed-brand-logo{
    flex: 0 1 auto;
    min-width: 0;
    max-width: 70%;
    transition: max-width .18s ease;
}

.mobile-feed-brand-logo img{
    display: block;
    width: auto;
    max-width: 160px;
    max-height: 32px;
    object-fit: contain;
}

.mobile-feed-search-button{
    border: 0;
    background: transparent;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    box-shadow: none !important;
    appearance: none;
    padding: 0;
}

.mobile-feed-search-form{
    flex: 0 0 44px;
    min-width: 44px;
    margin-left: auto;
    transition: flex-basis .18s ease;
}

.mobile-feed-search-group{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: auto;
    overflow: visible;
    border-width: 0 !important;
    transition: width .18s ease, border-width .18s ease;
}

.mobile-feed-search-input{
    display: none;
    height: 40px;
    min-width: 0;
    flex: 1 1 auto;
    border: 0 !important;
    padding-top: .45rem !important;
    padding-bottom: .45rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transition: padding .18s ease;
}

.mobile-feed-search-group .input-group-append{
    flex: 0 0 auto;
}

.mobile-feed-brand-header.is-searching .mobile-feed-brand-logo{
    max-width: 34%;
}

.mobile-feed-brand-header.is-searching .mobile-feed-search-form{
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 0;
}

.mobile-feed-brand-header.is-searching .mobile-feed-search-group{
    justify-content: flex-start;
    width: 100%;
    height: 44px;
    overflow: hidden;
    border-width: 1px !important;
}

.mobile-feed-brand-header.is-searching .mobile-feed-search-input{
    display: block;
    width: 1% !important;
    padding-left: 1rem !important;
    padding-right: .5rem !important;
}

.mobile-feed-brand-header.is-searching .mobile-feed-search-button{
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: .4rem !important;
}

@media (max-width: 767px) {
    .suggestions-wrapper {
        border:none!important;
    }
}

.user-stories-wrapper{
    overflow-y: hidden;
    overflow-x: hidden;
}


.user-stories-wrapper .user-story{
    width: 80px;
}

.user-story-avatar-holder{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.user-stories-wrapper .user-story img{
    width: 70px;
    height: 70px;
}

.story-avatar-holder{
    width:80px;
    height:80px;
}

.story-border{
    border-radius: 50%;
    z-index: 0;
    right:5px;
    bottom: 45px
}

.stream-badge-label{
    font-size:0.6rem
}

/* Swiper MUST clip its slides */
/* Only the Swiper container should clip */
#stories-swiper,
#stories-swiper.swiper-container {
    overflow: hidden !important;
}

/* DO NOT clip the wrapper */
#stories-swiper .swiper-wrapper {
    overflow: visible !important;
    align-items: flex-start;
}

/* Let rings etc. overflow inside each slide */
.story-thumb-avatar-wrap,
.story-border,
.user-story-avatar-holder {
    overflow: visible;
}