.breadcrumbs {
  margin: var(--rs-spacing-24) var(--rs-spacing-0);
  padding-left: var(--rs-spacing-0) !important;
  padding-right: var(--rs-spacing-0) !important;
}
.breadcrumbs .items {
  font-size: var(--rs-font-body-size-small);
}
.breadcrumbs .items .home a {
  position: relative;
}
.breadcrumbs .items span {
  color: var(--rs-color-text-subtlest);
}
.breadcrumbs .item a:hover {
  color: var(--rs-color-background-link-default);
}
.breadcrumbs .item a:hover span {
  color: var(--rs-color-background-link-default);
}
.breadcrumbs .item:not(:last-child)::after {
  content: '/';
  font-size: var(--rs-font-body-size-small);
  font-family: 'Inter';
  display: unset;
  vertical-align: baseline;
}
.breadcrumbs .item:not(:last-child) span {
  color: var(--rs-color-text-default);
}
/**
 * Hidden breadcumbs search result page
 */
.catalogsearch-result-index .page-main {
  padding-top: 60px;
}
.catalogsearch-result-index .breadcrumbs {
  display: none;
}
@media (max-width: 768px) {
  .breadcrumbs .container {
    position: relative;
  }
  .breadcrumbs .container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
    pointer-events: none;
  }
  .breadcrumbs .container ul.items {
    overflow-x: scroll;
    list-style: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    scrollbar-width: none;
  }
}