.internal-menu-swiper {
  --_linear-gradient-deg: 90deg;
  width: calc(100% + 0.5rem);
  margin-inline: -0.25rem;
  position: relative;

  .swiper-button {
    --swiper-theme-color: var(--theme-color-black);
    top: 0;
    height: 100%;
    margin: unset;
    display: flex;
    align-items: center;
    justify-items: center;

    &.swiper-button-disabled {
      display: none;
    }

    &.swiper-button-prev {
      left: 0;
    }

    &.swiper-button-next {
      right: 0;
    }
  }

  &::before,
  &::after {
    background: linear-gradient(
      var(--_linear-gradient-deg),
      var(--theme-color-grey-1) 32%,
      transparent 100%
    );
    content: "";
    display: none;
    position: absolute;
    top: 0;
    width: 32%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
  }

  &::before {
    left: 0;
  }

  &::after {
    --_linear-gradient-deg: 270deg;
    right: 0;
  }

  &:has(.swiper-button-prev:not(.swiper-button-disabled)) {
    &::before {
      display: block;
    }
  }
  &:has(.swiper-button-next:not(.swiper-button-disabled)) {
    &::after {
      display: block;
    }
  }

  &.is-sticky-toolbar {
    .swiper-button {
      background: var(--theme-color-white);
      border: 1px solid var(--theme-color-grey-1);
      width: 2rem;
      height: 2rem;
      top: 50%;
      transform: translateY(-50%);
      transition: border-color 0.2s ease-in-out;

      &:hover,
      &:focus {
        border-color: var(--theme-color-black);
      }
    }

    &::after,
    &::before {
      content: none;
    }
  }
}

.internal-menu-collection-wrapper {
  display: flex;

  &:not(.swiper-wrapper) {
    gap: 4px;
    width: fit-content;
    justify-content: center;
    flex-wrap: wrap;
  }

  ~ .internal-menu-collection-wrapper {
    padding-bottom: 96px;

    ~ .breadcrumbs {
      margin-top: -96px;
      padding-bottom: 96px;
    }
  }

  .internal-menu-collection-item,
  .internal-menu-collection-item a {
    display: flex;
    justify-content: center;
    width: fit-content;
    height: auto;
    background: var(--theme-color-white);
    backdrop-filter: blur(35px);
    border-radius: 8px;
    padding: 8px 16px;
    gap: 8px;
    align-items: center;
    transition: border 0.3s linear;
    border: 1px solid transparent;

    .yman-icon {
      display: none;
    }

    &:has(> img) {
      padding-left: 8px;
    }

    img {
      max-height: 1.75rem;
      width: auto;
    }
  }

  .internal-menu-collection-item a {
    height: 100%;

    &[aria-current="page"],
    &:hover,
    &:focus {
      border: 1px solid var(--theme-color-black);
    }

    &:focus {
      background: var(--theme-color-grey-1);
    }
  }

  .internal-menu-collection-item:has(a) {
    padding: 0;
  }

  .internal-menu-collection-title {
    padding-top: 32px;
    padding-bottom: 64px;
  }
}

body:has(.yman-page) .internal-menu-collection-item:has(.yman-icon) {
  .yamamay-icon {
    display: none;
  }

  .yman-icon {
    display: block;
  }
}

@media screen and (max-width: 1000px) {
  .internal-menu-collection-title {
    margin-top: -32px;
  }
}