.item-page .swiper {
  --swiper-theme-color: var(--brand-primary-500, #001080);

  --swiper-pagination-bottom: 0;
  --swiper-pagination-bullet-size: var(--spacing-200, 16px);
  --swiper-pagination-bullet-inactive-color: var(--greyscale-400, #dedede);
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --outline-offset: 4px;

  --swiper-navigation-sides-offset: var(--spacing-100, 8px);

  .swiper-pagination {
    position: relative;
    margin-top: var(--spacing-100,8px);
    margin-bottom: var(--outline-offset);
    line-height: 0;
  }

  .swiper-button-disabled {
    opacity: 0;
  }

  .swiper-button-next,
  .swiper-button-prev {
    border: none;
    border-radius: 99em;

    &::after {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      content: "";
    }

    svg {
      fill: none;

      path {
        fill: none;
      }
    }
  }

  .swiper-button-prev::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23e0e2f0%22%20d%3D%22M40%2020C40%208.954%2031.046%200%2020%200S0%208.954%200%2020s8.954%2020%2020%2020%2020-8.954%2020-20%22%2F%3E%3Cpath%20fill%3D%22%23252525%22%20d%3D%22m14.5%2020%207.5%207.5%201.05-1.05L16.6%2020l6.45-6.45L22%2012.5z%22%2F%3E%3C%2Fsvg%3E");
  }
  .swiper-button-prev:hover::after,
  .swiper-button-prev:focus-visible::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40%2020C40%208.954%2031.046%200%2020%200S0%208.954%200%2020s8.954%2020%2020%2020%2020-8.954%2020-20%22%2F%3E%3Cpath%20fill%3D%22%23252525%22%20d%3D%22m14.5%2020%207.5%207.5%201.05-1.05L16.6%2020l6.45-6.45L22%2012.5z%22%2F%3E%3C%2Fsvg%3E");
  }

  .swiper-button-next::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23e0e2f0%22%20d%3D%22M0%2020C0%208.954%208.954%200%2020%200s20%208.954%2020%2020-8.954%2020-20%2020S0%2031.046%200%2020%22%2F%3E%3Cpath%20fill%3D%22%23252525%22%20d%3D%22M25.5%2020%2018%2027.5l-1.05-1.05L23.4%2020l-6.45-6.45L18%2012.5z%22%2F%3E%3C%2Fsvg%3E");
  }
  .swiper-button-next:hover::after,
  .swiper-button-next:focus-visible::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%2020C0%208.954%208.954%200%2020%200s20%208.954%2020%2020-8.954%2020-20%2020S0%2031.046%200%2020%22%2F%3E%3Cpath%20fill%3D%22%23252525%22%20d%3D%22M25.5%2020%2018%2027.5l-1.05-1.05L23.4%2020l-6.45-6.45L18%2012.5z%22%2F%3E%3C%2Fsvg%3E");
  }
}