:root {
  --swiper-pagination-bullet-inactive-color: #78778F80;
  --swiper-pagination-color: var(--color-accent-2);
  --swiper-pagination-bullet-size: 6px; }

.swiper-pagination-horizontal.swiper-pagination-bullets {
  width: auto; }

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 17px 25px 17px 17px; }

.swiper-container {
  transition: var(--transition-delay);
  overflow: hidden; }
.swiper-initialized {
  opacity: 1; }
.swiper-pagination {
  position: static;
  width: auto;
  font-size: 0; }
  .swiper-pagination-bullet {
    opacity: 1;
    transition: var(--transition-delay);
    border-radius: 5px;
    position: relative; }
    .swiper-pagination-bullet:after {
      content: '';
      display: block;
      border-radius: 50%;
      border: 1px solid #D7D7D7;
      width: 40px;
      height: 40px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
      opacity: 0;
      transition: var(--transition-delay); }
    .swiper-pagination-bullet:hover:after {
      opacity: 0.5; }
    .swiper-pagination-bullet-active {
      opacity: 1; }
      .swiper-pagination-bullet-active:after {
        opacity: 1; }
  .swiper-pagination-lock {
    display: none; }
  .swiper-pagination:not(.swiper-pagination-horizontal) {
    display: none; }
.swiper-slide {
  height: auto; }
.swiper-nav {
  position: relative;
  bottom: auto;
  display: flex;
  z-index: 10; }
.swiper-prev {
  margin-right: 1px; }
.swiper-button:not([role]) {
  display: none; }
.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none; }
.swiper-button-lock {
  display: none; }
.swiper-control {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .swiper-control_white {
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-color: #fff; }
    .swiper-control_white .swiper-button {
      border-color: rgba(255, 255, 255, 0.5); }
      .swiper-control_white .swiper-button:before {
        filter: brightness(10); }
      .swiper-control_white .swiper-button:hover {
        background: rgba(255, 255, 255, 0.5); }
.swiper-button {
  width: 49px;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  transition: var(--transition-delay);
  position: relative; }
  .swiper-button:before {
    content: '';
    display: block;
    width: 20px;
    height: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    position: relative;
    z-index: 10;
    filter: brightness(0); }
  .swiper-button:after {
    content: '';
    display: block;
    width: calc(100% + 2px );
    height: calc(100% + 2px );
    left: -1px;
    top: -1px;
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    background: linear-gradient(136.91deg, var(--color-accent-1), var(--color-accent-2));
    opacity: 0;
    transition: var(--transition-delay); }
  .swiper-button:hover {
    border-color: transparent; }
    .swiper-button:hover:after {
      opacity: 1; }
.swiper-nav_dark .swiper-button {
  border-color: #FFFFFF1A;
  background: #2D2B2B; }
  .swiper-nav_dark .swiper-button:before {
    filter: none; }
.swiper-prev:before {
  background-image: url(../img/left.svg); }
.swiper-next {
  margin-left: 6px; }
  .swiper-next:before {
    background-image: url(../img/right.svg); }
.swiper-parent_destroyed .swiper-slide {
  flex-shrink: initial; }

.swiper-shadow .container {
  --container-padding: 20px;
  overflow: hidden; }
.swiper-shadow .swiper-container {
  overflow: visible; }
.swiper-shadow .swiper-slide {
  transition: var(--transition-delay);
  opacity: 0; }
.swiper-shadow .swiper-slide-active {
  opacity: 1; }

@media (max-width: 575px) {
  :root {
    --swiper-pagination-bullet-size: 4px; }

  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 9px 15px 9px 9px; }

  .swiper-pagination-bullet:after {
    width: 22px;
    height: 22px; } }

/*# sourceMappingURL=swiper.css.map */