@keyframes hrAnimHorizontal {
  0% {
    width: 0px;
  }
  100% {
  }
}

@keyframes dropdownAnim {
  0% {
    transform: translateY(-10px) scaleY(0.8);
    opacity: 0;
  }
  60% {
    transform: translateY(2px) scaleY(1.05);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scaleY(1);
  }
}

.carousel-inner {
  border-radius: 30px;
  box-shadow: 0px 0px 7px rgba(0,0,0,0.24);
}

.pill-style {
  border-radius: 30px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.12);
  background: rgba(248,249,250,0.51);
}

@media (min-width: 300px) {
  .sdfgedghdh {
    width: 100%!important;
  }
}

@media (min-width: 992px) {
  .sdfgedghdh {
    width: 50%!important;
  }
}

.sjidfbsidhfvbisdjf {
  height: 101%;
  position: absolute;
  z-index: 4;
  background: linear-gradient(rgba(33,37,41,0.7), rgba(0,0,0,0.7)), rgba(0,0,0,0);
}

@media (min-width: 300px) {
  .sm-index-trailer {
    height: 140vw;
  }
}

@media (min-width: 576px) {
  .sm-index-trailer {
    height: 110vw;
  }
}

@media (min-width: 768px) {
  .sm-index-trailer {
    height: 100vw;
  }
}

.tab-link {
  border-radius: 127px 30px 0px 0px;
  border-width: 5px;
  border-style: solid;
}

.reflow-product-list.ref-cards .ref-products .ref-product {
  border-style: solid!important;
  border-width: 1px!important;
  border-color: var(--bs-light);
  border-radius: 15px!important;
}

.vertical-ratio {
  --bs-aspect-ratio: 177.78%;
}

#toast-1 {
}