:root {
  --gallery-button-bg-color: transparent;
  --gallery-arrow-color: var(--color-primary);
  --gallery-btn-spacing-mob: 10px;
  --gallery-btn-spacing-tablet: 20px;
}

.glide--gallery .glide__slide--active {
  z-index: 1;
}

.glide--gallery .glide__arrow {
  background-color: var(--gallery-button-bg-color);
}

.glide--gallery .glide__arrow svg {
  color: var(--gallery-arrow-color);
  fill: var(--gallery-arrow-color);
}

.glide--gallery .glide__arrow svg,
.glide--gallery .glide__arrow .glide__arrow--bg {
  width: var(--gallery-btn-size-mob);
  height: var(--gallery-btn-size-mob);
  margin: auto;
}

.glide--gallery .glide__arrow--left {
  left: var(--gallery-btn-spacing-mob);
}

.glide--gallery .glide__arrow--left svg {
  transform: rotate(180deg);
}

.glide--gallery .glide__arrow--right {
  right: var(--gallery-btn-spacing-mob);
}

@media (min-width: 600px) {
  .glide--gallery .glide__arrow--left {
    left: var(--gallery-btn-spacing-tablet);
  }
  .glide--gallery .glide__arrow--right {
    right: var(--gallery-btn-spacing-tablet);
  }
}
@media (min-width: 768px) {
  .glide--gallery .glide__arrow {
    height: var(--gallery-btn-size-tablet);
    width: var(--gallery-btn-size-tablet);
  }
  .glide--gallery .glide__arrow svg,
  .glide--gallery .glide__arrow .glide__arrow--bg {
    width: var(--gallery-btn-size-tablet);
    height: var(--gallery-btn-size-tablet);
  }
}
.glide--gallery .glide__arrows {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.glide--gallery .glide__bullets {
  position: relative;
  left: auto;
  bottom: auto;
  transform: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.glide--gallery .glide__bullet {
  flex: 1 1 0%;
  width: 60px;
  max-width: 60px;
  min-width: 30px;
  height: 30px;
  background: transparent;
  border: none;
  margin-right: 5px;
  margin-left: 5px;
}

.glide--gallery .glide__bullet::before,
.glide--gallery .glide__bullet::after {
  display: none;
}

.glide--gallery .glide__bullet span:not(.visually-hidden) {
  display: block;
  height: 6px;
  width: 100%;
  background: var(--grey-200);
}

.glide--gallery .glide__bullet.glide__bullet--active span:not(.visually-hidden) {
  background: var(--color-primary);
}

.glide--gallery .glide__bullet:hover,
.glide--gallery .glide__bullet:focus,
.glide--gallery .glide__bullet:active {
  border: none;
}

.glide--gallery .glide__bullet:hover span,
.glide--gallery .glide__bullet:focus span,
.glide--gallery .glide__bullet:active span {
  background: var(--color-primary);
}

@media (min-width: 600px) {
  .glide--gallery .glide__arrows {
    display: block;
  }
}

/*# sourceMappingURL=/assets/application/base/glide-gallery-bff1e071.css.map */