/* START_SECTION:slideshow (INDEX:83) */
.hdt-slideshow[type="overlay"] .hdt-media-wrapper :where(hdt-video, img, svg) { transform: scale(1.5); filter: blur(50px); }
  .hdt-slideshow { --min-overlap-bottom: 70px; .hdt-media-overlap-content--container > :not(img, video, iframe, svg, picture, .hdt-media-wrapper, a, hdt-video) { grid-area: 2 / 2 / 3 / 3; } }
  .hdt-slideshow__controls .hdt-slider-controls { display: inline-flex; }
  .hdt-slideshow__controls--bars .hdt-slider-controls { gap: 1.8rem; > button { display: block; width: 4rem; height: .2rem; background: color-mix(in srgb, var(--color-foreground), transparent 80%); transition: background-color .3s ease; position: relative; &:before { content: ''; display: block; position: absolute; top: 0; inset-inline-start: 0; width: 0; height: 100%; background: var(--color-foreground); } &[aria-current="true"]:before { animation: slideBarAni var(--animation-duration, var(--hdt-remaining, 0)) linear var(--hdt-play-state, paused); } } }
  .hdt-slideshow:not([autoplay]) .hdt-slideshow__controls--bars .hdt-slider-controls > button[aria-current="true"]:before { width: 100%; }
  .hdt-slider-control--counter { display: inline-flex; border-radius: var(--rounded-xs); overflow: hidden; .hdt-slider-counter { color: color-mix(in srgb, var(--color-foreground), transparent 10%); background: color-mix(in srgb, var(--color-foreground), transparent 88%); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); display: grid; grid-template: 1fr / 1fr; min-width: 5rem; padding: 1rem; .hdt-slider-counter--current { grid-area: 1 / 1 / 2 / 2; place-self: start start; } .hdt-slider-counter--total { grid-area: 1 / 1 / 2 / 2; place-self: end end; } } .hdt-slider-counter--sep { grid-area: 1 / 1 / 2 / 2; place-self: center; width: 2.5rem; height: .1rem; background: color-mix(in srgb, var(--color-foreground), transparent 10%); rotate: 135deg; } .hdt-slider-nav--back-next { display: inline-flex; > button { color: color-mix(in srgb, var(--color-foreground), transparent 10%); background: color-mix(in srgb, var(--color-foreground), transparent 88%); -webkit-backdrop-filter: blur(.1rem); backdrop-filter: blur(.1rem); height: 100%; padding: 1.7rem 2rem; transition: color .3s ease, background-color .3s ease; position: relative; + button:before { content: ''; display: block; width: .1rem; height: calc(100% - 1.6rem); background: color-mix(in srgb, var(--color-foreground), transparent 88%); position: absolute; top: .8rem; inset-inline-start: -0.05rem; transition: background-color .3s ease; } } } }
  [dir="rtl"] .hdt-slider-control--counter .hdt-slider-counter--sep { rotate: -135deg; }
  .hdt-slideshow__controls--dots .hdt-slider-controls { gap: 1.2rem; > button { position: relative; &:before { content: ''; position: absolute; top: 50%; inset-inline-start: 50%; transform: translateX(-50%) translateY(-50%); width: .8rem; height: .8rem; background: color-mix(in srgb, var(--color-foreground), transparent 60%); border-radius: 50%; transition: background-color .3s ease; } &[aria-current="true"]:before { background: var(--color-foreground); } } }
  .hdt-slider-controls [aria-current="true"] .hdt-progress__path { stroke-dasharray: 1; stroke: var(--progress-active); animation: slideDotsProgressAni var(--hdt-remaining, 0) linear var(--hdt-play-state, paused) both; }
  .hdt-slideshow__controls--dots .hdt-slider-controls .hdt-icon-progress { width: 2.2rem; height: 2.2rem; }
  .hdt-slider-control--pause-play, .hdt-slider-control--counter, .hdt-slideshow .hdt-slider-controls { opacity: 0; pointer-events: none; transition: opacity .25s ease 0.15s; &[color-scheme] { pointer-events: auto; opacity: 1; } }
  .hdt-slider-control--pause-play { display: inline-flex; align-items: center; column-gap: .8rem; --stroke-width: 1px; pointer-events: auto; .hdt-slider-nav--back-next { background: color-mix(in srgb, var(--color-btn-primary), transparent 80%); border-radius: min(var(--rounded-button), 1.5rem); display: inline-flex; gap: .3rem; padding: .35rem; max-height: 3rem; border: 1px solid color-mix(in srgb, var(--color-btn-primary), transparent 80%); button { position: relative; background: var(--color-btn-primary); color: var(--color-btn-secondary); border-radius: min(var(--rounded-button), 1.05rem); width: 4rem; height: 2.1rem; display: inline-flex; justify-content: center; align-items: center; &:focus-visible { outline-offset: -0.1rem; } svg { margin-top: .7px; } } } }
  .hdt-pause-play-btn { position: relative; width: 3rem; height: 3rem; display: inline-grid; grid-template-rows: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); color: var(--color-btn-primary); background: color-mix(in srgb, var(--color-btn-primary), transparent 80%); border-radius: 50%; place-self: center; &:focus-visible { outline-offset: -0.1rem; } }
  .hdt-pause-play-btn svg { grid-area: 1 / 1 / 2 / 2; place-self: center; }
  .hdt-pause-play-btn .hdt-icon-progress { width: 100%; height: 100%; }
  .hdt-slider-play[running] .hdt-progress__path { animation: slideDotsProgressAni var(--hdt-remaining, 0) linear var(--hdt-play-state, paused) forwards; }
  .hdt-slider-play .hdt-icon-play { opacity: 1; animation: zoomInSpring 0.48s cubic-bezier(.3,1.5,.4,1) both; }
  .hdt-slider-play[playing] .hdt-icon-play { opacity: 0; animation: zoomOutSpring 0.38s cubic-bezier(.33,1.25,.56,1) both; }
  .hdt-slider-play .hdt-icon-pause { opacity: 0; animation: zoomOutSpring 0.38s cubic-bezier(.33,1.25,.56,1) both; }
  .hdt-slider-play[playing] .hdt-icon-pause { opacity: 1; animation: zoomInSpring 0.48s cubic-bezier(.3,1.5,.4,1) both; }
  @media (max-width: 767.98px) { .hdt-slideshow__mobile-content-below { .hdt-media-overlap-content { display: block; } .hdt-media-content { padding: 2.2rem 2.5rem 6.4rem; border-radius: 0; background: var(--gradient-background); } } }
  @media (min-width: 768px) { .hdt-slider .hdt-slideshow__controls { --control-padding: 3rem; --control-spacing: 3rem; max-width: var(--container-max-width-padding-lg); } }
  @media (min-width: 1150px) { .hdt-slideshow .hdt-media-overlap-content--container > :not(img, video, iframe, svg, picture, .hdt-media-wrapper, a, hdt-video) { grid-area: 2 / 2 / 3 / 5; } .hdt-slider .hdt-slideshow__controls { --control-padding: 5rem; --control-spacing: 5rem; } .hdt-slider-control--counter .hdt-slider-nav--back-next > button { padding: 2rem; } }
  @media (min-width: 1400px) { .hdt-slider .hdt-slideshow__controls { --control-padding: 10.5rem; max-width: 100%; } .hdt-slideshow .hdt-slideshow__controls { --control-padding: 5rem; } }
/* END_SECTION:slideshow */
/* START_BLOCK:image (INDEX:213) */
.hdt-image-block video {
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: var(--aspect-ratio, 1.7778);
      object-fit: cover;
      border-radius: var(--corner-radius, 0);
    }
    @media (max-width: 767px) {
      .hdt-image-block video {
        border-radius: var(--corner-radius-mb, var(--corner-radius, 0));
      }
    }
/* END_BLOCK:image */