:root {
  font-size: 62.5%;
}

.backend a {
  pointer-events: none !important;
}

.block-header-slider {
  position: relative;
  width: 100%;
  isolation: isolate;
  --panel-overflow: 40px;
}
.block-header-slider__viewport {
  position: relative;
  width: 100%;
  height: clamp(440px, 40vw, 580px);
}
.block-header-slider__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  -webkit-transition: opacity 0.9s ease;
  transition: opacity 0.9s ease;
}
.block-header-slider__slide.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}
.block-header-slider__slide.is-leaving {
  opacity: 0;
  z-index: 1;
}
.block-header-slider__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: var(--panel-overflow);
  overflow: hidden;
  border-bottom-left-radius: clamp(24px, 16px + 2.5vw, 50px);
  border-bottom-right-radius: clamp(24px, 16px + 2.5vw, 50px);
}
.block-header-slider__bg-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.block-header-slider__ribbon {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}
.block-header-slider__panel-wrap {
  position: absolute;
  bottom: 0;
  left: clamp(24px, 3.0769230769px + 6.5384615385vw, 92px);
  right: clamp(24px, 3.0769230769px + 6.5384615385vw, 92px);
  max-width: 560px;
  z-index: 1;
}
.block-header-slider__panel {
  background: #4F1D46;
  color: #FFFFFF;
  border-radius: 30px;
  padding: clamp(24px, 22.1538461538px + 0.5769230769vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(16px, 14.7692307692px + 0.3846153846vw, 20px);
  -webkit-transform: rotate(calc(var(--panel-rotate, -4deg) + 3deg)) translateX(60px);
          transform: rotate(calc(var(--panel-rotate, -4deg) + 3deg)) translateX(60px);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease, -webkit-transform 0.9s cubic-bezier(0.2, 0.6, 0.2, 1);
  transition: opacity 0.6s ease, -webkit-transform 0.9s cubic-bezier(0.2, 0.6, 0.2, 1);
  transition: transform 0.9s cubic-bezier(0.2, 0.6, 0.2, 1), opacity 0.6s ease;
  transition: transform 0.9s cubic-bezier(0.2, 0.6, 0.2, 1), opacity 0.6s ease, -webkit-transform 0.9s cubic-bezier(0.2, 0.6, 0.2, 1);
}
.block-header-slider__slide.is-active .block-header-slider__panel {
  -webkit-transform: rotate(var(--panel-rotate, -4deg)) translateX(0);
          transform: rotate(var(--panel-rotate, -4deg)) translateX(0);
  opacity: 1;
}
.block-header-slider__slide.is-leaving .block-header-slider__panel {
  -webkit-transform: rotate(calc(var(--panel-rotate, -4deg) - 3deg)) translateX(-60px);
          transform: rotate(calc(var(--panel-rotate, -4deg) - 3deg)) translateX(-60px);
  opacity: 0;
}
.block-header-slider__title {
  margin: 0;
  font-size: clamp(50px, 46.9230769231px + 0.9615384615vw, 60px);
  font-weight: 600;
  line-height: 1.15;
  color: #FFFFFF;
}
.block-header-slider__description {
  margin: 0;
  font-size: clamp(18px, 16.1538461538px + 0.5769230769vw, 24px);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}
.block-header-slider__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(10px, 8.7692307692px + 0.3846153846vw, 14px);
  margin-top: 4px;
}
.block-header-slider__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 32px;
  border-radius: 999px;
  font-size: clamp(15px, 14.0769230769px + 0.2884615385vw, 18px);
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  cursor: pointer;
}
.block-header-slider__button:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
.block-header-slider__button--fill {
  background: var(--btn-bg, #FF5959);
  color: #FFFFFF;
  border: 2px solid transparent;
}
.block-header-slider__button--outline {
  background: transparent;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}
.block-header-slider__dots {
  position: absolute;
  bottom: calc(var(--panel-overflow) + clamp(20px, 16.3076923077px + 1.1538461538vw, 32px));
  right: clamp(24px, 3.0769230769px + 6.5384615385vw, 92px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  z-index: 5;
}
.block-header-slider__dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  -webkit-transition: background-color 0.25s ease, width 0.25s ease;
  transition: background-color 0.25s ease, width 0.25s ease;
}
.block-header-slider__dot:hover {
  background: rgba(255, 255, 255, 0.8);
}
.block-header-slider__dot.is-active {
  background: #FFFFFF;
  width: 28px;
}
.block-header-slider.backend .block-header-slider__slide {
  opacity: 1;
}
.block-header-slider.backend .block-header-slider__slide:not(:first-child) {
  display: none;
}
.block-header-slider.backend .block-header-slider__panel {
  -webkit-transform: rotate(var(--panel-rotate, -4deg));
          transform: rotate(var(--panel-rotate, -4deg));
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .block-header-slider__slide {
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
  }
  .block-header-slider__panel {
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    -webkit-transform: rotate(var(--panel-rotate, -4deg));
            transform: rotate(var(--panel-rotate, -4deg));
  }
}