.stories-masonary-feed {
/*   background: var(--gradient); */
  overflow: hidden
}
.stories-masonary-feed:not(.stories-masonary-feed-dotcom)::before {
  content: "";
  background: rgba(0,0,0,.09);
  width: 75.4vw;
  height: 100%;
  max-height: 144.9rem;
  position: absolute;
  z-index: 0;
  top: 0;
  margin: auto
}
.stories-masonary-feed__top-rt-animation, .stories-masonary-feed__bottom-lt-animation {
	filter: hue-rotate(45deg) contrast(2.5);
}
.stories-masonary-feed__top-rt-animation {
  height: 160.4rem;
  width: 186rem;
  -webkit-transform: translate(37%,2%) rotate(-15deg);
  -ms-transform: translate(37%,2%) rotate(-15deg);
  transform: translate(37%,2%) rotate(-15deg);
  mix-blend-mode: screen;
  opacity: .8
}
.stories-masonary-feed__top-rt-bg {
  right: 0;
  top: -11.3rem
}
.stories-masonary-feed__button-group {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0
}
.stories-masonary-feed__button {
  font-size: var(--buttons-distilled-fs);
  line-height: var(--buttons-distilled-lh);
  font-weight: 700;
  padding: 1.2rem 1.6rem 1rem;
  border-radius: 10rem;
  background: rgba(255,255,255,.3);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--white);
  gap: var(--sm-4)
}
.stories-masonary-feed__button.is-active,
.stories-masonary-feed__button:hover {
  color: var(--text-color);
  background: var(--white)
}
.stories-masonary-feed .grid::after {
  content: "";
  display: block;
  clear: both
}
.stories-masonary-feed .feed-card {
 overflow: hidden;
}
.stories-masonary-feed .feed-card__image {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--white); 
}
.stories-masonary-feed .feed-card__new-label {
  position: absolute;
  top: 0;
  z-index: 1;
  color: var(--white);
  background: var(--mid-tone);
  padding: var(--xs-2) var(--sm-3);
  text-transform: uppercase
}
.stories-masonary-feed .feed-card__head-wrap {
  row-gap: 0
}
.stories-masonary-feed .feed-card__video-popup {
  position: absolute;
  right: var(--sm-2);
  top: var(--sm-2)
}
.stories-masonary-feed .feed-card__content {
  position: absolute;
  bottom: 0;
  z-index: 1;
  color: var(--text-color);
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
  padding: var(--sm-2);
  right: 0;
  left: 0
}
.stories-masonary-feed .feed-card__content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.7);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  -webkit-transition: transform  .5s ease-in-out;
  transition: transform .5s ease-in-out;
  z-index: -1;
  opacity: 1
}
.stories-masonary-feed .feed-card--small {
  height: 22rem
}
.stories-masonary-feed .feed-card--tall {
  height: 51.4rem
}
.stories-masonary-feed .feed-card--medium {
  height: 38.2rem
}
.stories-masonary-feed .grid-sizer {
  width: 100%
}
.stories-masonary-feed .grid-item {
  width: 100%;
  margin-bottom: var(--md-4)
}
.stories-masonary-feed .grid-item:last-child {
  margin-bottom: 0
}
@media (min-width:768px) {
  .stories-masonary-feed__bottom-lt-bg {
    left: 0;
    bottom: 0
  }
  .stories-masonary-feed__bottom-lt-animation {
    height: 90.7rem;
    width: 105.2rem;
    -webkit-transform: translate(-52%,-4%) rotate(-15deg);
    -ms-transform: translate(-52%,-4%) rotate(-15deg);
    transform: translate(-52%,-4%) rotate(-15deg);
    mix-blend-mode: screen;
    opacity: .8
  }
  .stories-masonary-feed__button {
    padding: 1.3rem 2.9rem 1.2rem
  }
  .stories-masonary-feed .feed-card__wrapper:hover::before {
    opacity: 1
  }
  .stories-masonary-feed .feed-card__wrapper:hover .feed-card__content,.stories-masonary-feed .feed-card__wrapper:focus-visible .feed-card__content {
    transform: translateY(0)
  }
  .stories-masonary-feed .feed-card__content {
    transform: translateY(100%);
    transition: all .5s ease-in-out !important;
  }
  .stories-masonary-feed .grid-sizer {
    width: 39rem
  }
  .stories-masonary-feed .grid-item {
    width: 39.3rem;
    margin-bottom: var(--sm-1);
    float: left
  }
}

.feed-card__title-wrap{gap: var(--xs-1);}
.feed-card__vertical-line{height: 1.4rem; width: .1rem; background-color: var(--text-color);}
.no-complete{opacity: 0 !important;}
.complete{opacity: 1 !important;}

/*=== MASONARY STORIES FOR DOT COM ===*/
.stories-masonary-feed-dotcom .card__title{font-family: var(--font-urw-medium); font-weight: 500;}
.stories-masonary-feed-dotcom .card__wrapper:hover{color: inherit;}

.stories-masonary-feed-dotcom .stories-masonary-feed__tab{position: relative;width: fit-content;backdrop-filter: blur(25px);background: var(--theme-brown);}
.stories-masonary-feed-dotcom .stories-masonary-feed__button-group{gap: 0; padding: var(--xs-1);}
.stories-masonary-feed-dotcom .stories-masonary-feed__button-group .button.is-active{color: var(--white); background-color: var(--black);}
.stories-masonary-feed-dotcom .button:hover{color: var(--black);background-color: var(--white);}
.stories-masonary-feed-dotcom .stories-masonary-feed__button-group .button{color: var(--black);padding: var(--xs-2) var(--sm-3);border-radius: 0; display: flex; align-items: center;}
.stories-masonary__mobi-tabs{display: none;}
.stories-masonary__desk-tabs{display: block;}

@media all and (max-width: 767.98px){
 .stories-masonary-feed-dotcom .stories-masonary-feed__button-group{flex-direction: column; transition: all .3s ease-in-out; position: absolute;width: 100%;}
 .stories-masonary-feed-dotcom .stories-masonary-feed__tab{width: 100%; z-index: 1;}
 .stories-masonary-feed-dotcom .stories-masonary-feed__button-group .button{width: 100%;padding: var(--sm-3) var(--sm-2);
        background: var(--black);
        color: var(--white);}
 
  .stories-masonary-feed-dotcom .stories-masonary-feed__button-group .button:hover{background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), var(--black, #000);}
.stories-masonary-feed-dotcom .stories-masonary__mobi-tabs{display: block;}
.stories-masonary-feed-dotcom .stories-masonary__desk-tabs{display: none;}

.stories-masonary-feed-dotcom #stories-masonary--mobi-btn{width: 100%; display: flex; align-items: center; justify-content: space-between; padding: var(--sm-3) var(--sm-2); border: 1px solid var(--black);}

.stories-masonary-feed-dotcom .stories-masonary__mobi-tabs:not(.active-dropdown) .stories-masonary-feed__button-group{max-height: 0; overflow: hidden; padding: unset; opacity: 0;}
.stories-masonary-feed-dotcom .stories-masonary__mobi-tabs.active-dropdown .stories-masonary-feed__button-group{max-height: 500px; overflow: visible; padding: 0; opacity: 1;}
.stories-masonary-feed-dotcom .stories-masonary-feed__button-group li{width: 100%;}
#stories-masonary--mobi-btn .nav-icon{transition: all .3s ease-in-out;}
  .active-dropdown  #stories-masonary--mobi-btn .nav-icon{    display: block;scale: -1;}
  .stories-masonary-feed-dotcom .stories-masonary-feed__button-group .button.is-active{background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), var(--black, #000);}
}