.nid-main-slides__wrap {
  padding: var(--pd-base, 30px);
}
.nid-main-slides {
  border-radius: 30px;
  overflow: hidden;
}
.nid-main-slides [data-mode='dark'] {
  --color: #333;
}
.nid-main-slides [data-mode='light'] {
  --color: #fff;
}
.nid-main-slides__list {
  list-style: none;
  padding: 0 !important;
  margin: 0;
}
.nid-main-slides__item {
  border-radius: 30px;
  overflow: hidden;
  list-style: none;
  position: relative;
}
.nid-main-slides__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.nid-main-slides__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nid-main-slides__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  max-width: 1400px;
  height: calc(100lvh - var(--pd-base, 30px) - var(--pd-base, 30px) - var(--wp-admin--admin-bar--height, 0px));
  padding: var(--h-header) 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.nid-main-slides__title {
  line-height: 1.2;
  color: var(--color);
  font-size: clamp(1.5rem, 3.4375vw, 4.125rem);
  font-weight: bold;
}
.nid-main-slides__description {
  line-height: 1.4;
  color: var(--color);
  font-size: clamp(1.25rem, 1.875vw, 2.25rem);
}
.nid-main-slides__link {
  display: inline-block;
  padding: 12px 24px;
  border: 1px solid var(--color);
  border-radius: 10em;
  margin-top: 3em;
  color: var(--color);
  font-size: 18px;
  transition-property: background, border;
  transition-duration: 300ms;
}
.nid-main-slides__link:hover {
  border-color: var(--color-primary, #1ab1ff);
  background-color: var(--color-primary, #1ab1ff);
}
.nid-main-slides__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  background-color: #fff;
  border-start-start-radius: 30px;
  position: absolute;
  bottom: calc(var(--pd-base, 30px) - 1px);
  right: calc(var(--pd-base, 30px) - 1px);
  z-index: 10;
}
.nid-main-slides__actions button {
  cursor: pointer;
}
.nid-main-slides__actions:before,
.nid-main-slides__actions:after {
  content: '';
  width: 30px;
  height: 30px;
  background: no-repeat right bottom/contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 30 30'%3E%3Cpath fill='%23fff' d='M30,30H0c8,0,15.6-3.2,21.2-8.8C26.8,15.6,30,8,30,0v30Z'/%3E%3C/svg%3E");
  position: absolute;
}
.nid-main-slides__actions:before {
  bottom: calc(100% - 1px);
  right: -1px;
}
.nid-main-slides__actions:after {
  bottom: -1px;
  right: calc(100% - 1px);
}
.nid-main-slides__pagination {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #333;
}
.nid-main-slides__pagination p {
  font-size: 1rem;
  width: 1rem;
  padding: 0;
}
.nid-main-slides__pagination .current {
  text-align: right;
}
.nid-main-slides__pagination .process {
  width: 52px;
  height: 1px;
  background-color: rgba(112, 112, 112, 0.5);
}
.nid-main-slides__pagination .bar {
  display: block;
  width: 0%;
  height: 100%;
  background-color: #333;
  transition: width 300ms;
}
.nid-main-slides__pagination .total {
  opacity: 0.5;
}
.nid-main-slides__pause,
.nid-main-slides__play {
  width: 12px;
  height: 20px;
  background: #fff no-repeat center;
  border: none;
}
.nid-main-slides__pause:hover,
.nid-main-slides__play:hover {
  opacity: 0.5;
}
.nid-main-slides__pause {
  background-size: auto 10px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 5 10'%3E%3Cg fill='none' stroke='%23333'%3E%3Cline x1='.5' x2='.5' y2='10'/%3E%3Cline x1='4.5' x2='4.5' y2='10'/%3E%3C/g%3E%3C/svg%3E");
}
.nid-main-slides__pause.active {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 5 10'%3E%3Cg fill='none' stroke='%231AB1FF'%3E%3Cline x1='.5' x2='.5' y2='10'/%3E%3Cline x1='4.5' x2='4.5' y2='10'/%3E%3C/g%3E%3C/svg%3E");
}
.nid-main-slides__play {
  background-size: 10px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 8 10'%3E%3Cpath fill='%23333' d='M8,5L0,10V0l8,5Z'/%3E%3C/svg%3E");
}
.nid-main-slides__play.active {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 8 10'%3E%3Cpath fill='%231AB1FF' d='M8,5L0,10V0l8,5Z'/%3E%3C/svg%3E");
}
[class*='nid-main-slides__button'] {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  background-color: #fff;
  padding: 0;
  border: 1px solid #333;
  border-radius: 50%;
  overflow: hidden;
  transition-property: background, border;
  transition-duration: 300ms;
}
[class*='nid-main-slides__button']:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat center / 16px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 16 12'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='1' y1='6' x2='15' y2='6'/%3E%3Cpolyline points='6 11 1 6 6 1'/%3E%3C/g%3E%3C/svg%3E");
}
[class*='nid-main-slides__button']:hover {
  border-color: var(--color-primary, #1ab1ff);
  background-color: var(--color-primary, #1ab1ff);
}
[class*='nid-main-slides__button']:hover:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 16 12'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='1' y1='6' x2='15' y2='6'/%3E%3Cpolyline points='6 11 1 6 6 1'/%3E%3C/g%3E%3C/svg%3E");
}
.nid-main-slides__button--prev {
  margin-left: 16px;
}
.nid-main-slides__button--next::before {
  transform: scaleX(-1);
}
@media all and (max-width: 768px) {
  .nid-main-slides__content {
    height: calc(100vh - var(--pd-base, 16px) - var(--pd-base, 16px) - var(--wp-admin--admin-bar--height, 0px));
  }
  .nid-main-slides__pagination,
  .nid-main-slides__pause,
  .nid-main-slides__play,
  .nid-main-slides__actions:has(.swiper-button-lock):before,
  .nid-main-slides__actions:has(.swiper-button-lock):after {
    display: none;
  }

  .nid-main-slides__wrap {
    padding: var(--pd-base, 16px);
  }
  .nid-main-slides__actions {
    bottom: calc(var(--pd-base, 16px) - 1px);
    right: calc(var(--pd-base, 16px) - 1px);
    padding: 16px;
  }
  [class*='nid-main-slides__button'] {
    width: 44px;
    height: 44px;
  }
  .nid-main-slides__button--prev {
    margin-left: 0;
  }
}