.ug-lightbox .ug-lightbox-overlay {
  backdrop-filter: blur(10px);
  background: rgba(54, 60, 83, 0.55) !important;
  opacity: 1 !important;
}

.ug-button-tile-navigation.ug-button-tile-right,
.ug-button-tile-navigation.ug-button-tile-left {
  width: 46px;
  height: 46px;
}

.ug-button-tile-navigation {
  background-image: url('/img/arrow.svg') !important;
  background-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--ruby);
  border-radius: 5px;
}

.ug-button-tile-navigation.ug-button-tile-left {
  transform: scale(-1, 1);
}

.ug-button-tile-navigation:hover,
.ug-button-tile-navigation.ug-button-disabled:hover,
.ug-lightbox .ug-lightbox-button-close.ug-button-hover,
.ug-lightbox .ug-lightbox-arrow-left.ug-arrow-hover,
.ug-lightbox .ug-lightbox-arrow-right.ug-arrow-hover {
  background-position: center;
}

.ug-lightbox .ug-lightbox-button-close {
  width: 31px;
  height: 31px;
  background-image: url('/img/close-blue.svg');
  top: 40px !important;
  left: unset !important;
  right: 40px;
}

.ug-lightbox .ug-lightbox-arrow-left,
.ug-lightbox .ug-lightbox-arrow-right {
  background-image: url('/img/album-arrow.svg');
  background-position: center;
  background-size: 14px 24px;
  width: 50px;
  height: 50px;
  background-color: var(--ruby);
  border-radius: 5px;
  transition: 0.2s;
}

.ug-lightbox .ug-lightbox-arrow-left:hover,
.ug-lightbox .ug-lightbox-arrow-right:hover {
  background-color: var(--carmine);
  transition: 0.2s;
}

.ug-lightbox .ug-lightbox-arrow-right {
  left: unset !important;
  right: 40px !important;
}

.ug-lightbox .ug-lightbox-arrow-left {
  left: 40px !important;
  transform: scale(-1, 1);
}

.ug-slider-wrapper .ug-item-wrapper img {
  border-radius: 15px;
}

@media (max-width: 960px) {
  .ug-lightbox .ug-lightbox-button-close {
    top: 14px !important;
    right: 14px !important;
    width: 20px;
    height: 20px;
    background-size: cover;
  }

  .ug-lightbox .ug-lightbox-arrow-left,
  .ug-lightbox .ug-lightbox-arrow-right {
    background-size: 8px 14px;
    width: 35px;
    height: 35px;
    background-color: var(--ruby);
    border-radius: 5px;
    transition: 0.2s;
  }

  .ug-lightbox .ug-lightbox-arrow-right {
    right: 0 !important;
  }

  .ug-lightbox .ug-lightbox-arrow-left {
    left: 0 !important;
  }
}