.aci-content-slider{
  --aci-cslider-width:100%;
  --aci-cslider-gap:12px;
  --aci-cslider-radius:18px;
  --aci-cslider-ratio:16 / 9;
  --aci-cslider-height-d:440px;
  --aci-cslider-height-t:340px;
  --aci-cslider-height-m:260px;
  --aci-cslider-fit:cover;
  position:relative;
  width:var(--aci-cslider-width);
  max-width:100%;
  margin:28px auto;
  outline:none;
}
.aci-content-slider-viewport{position:relative;overflow:hidden;border-radius:var(--aci-cslider-radius);touch-action:pan-y;cursor:grab}
.aci-content-slider-viewport.is-dragging{cursor:grabbing}
.aci-content-slider-track{display:flex;align-items:stretch;gap:var(--aci-cslider-gap);will-change:transform}
.aci-content-slide{
  flex:0 0 calc((100% - (var(--aci-cslider-gap) * (var(--aci-cslider-visible,1) - 1))) / var(--aci-cslider-visible,1));
  margin:0;min-width:0;overflow:hidden;border-radius:var(--aci-cslider-radius);background:#eef1f5;
  aspect-ratio:var(--aci-cslider-ratio);
}
.aci-content-slider[data-ratio-mode="custom"] .aci-content-slide{aspect-ratio:auto;height:var(--aci-cslider-height-d)}
.aci-content-slide-image{display:block;width:100%;height:100%;object-fit:var(--aci-cslider-fit);user-select:none;-webkit-user-drag:none}
.aci-content-slider{--aci-cslider-visible:var(--aci-cslider-visible-d,1)}
.aci-content-slider-arrow{
  position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;padding:0;line-height:0;background:rgba(8,22,46,.84);color:#fff;cursor:pointer;
  box-shadow:0 10px 26px rgba(8,22,46,.22);backdrop-filter:blur(6px);transition:.2s ease
}
.aci-content-slider-arrow svg{display:block;width:22px;height:22px;pointer-events:none}
.aci-content-slider-arrow:hover,.aci-content-slider-arrow:focus-visible{background:#d71920;transform:translateY(-50%) scale(1.04)}
.aci-content-slider-arrow:disabled{opacity:.35;cursor:default}
.aci-content-slider-arrow.is-prev{left:14px}.aci-content-slider-arrow.is-next{right:14px}
.aci-content-slider-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}
.aci-content-slider-dots button{width:8px;height:8px;border:0;border-radius:999px;padding:0;background:#b7bec9;cursor:pointer;transition:.22s ease}
.aci-content-slider-dots button.is-active{width:24px;background:#d71920}
.aci-content-slider:focus-visible{outline:3px solid rgba(47,128,237,.42);outline-offset:4px}

.aci-content-slider[data-visible-desktop="2"]{--aci-cslider-visible-d:2}
.aci-content-slider[data-visible-desktop="3"]{--aci-cslider-visible-d:3}
@media(max-width:1120px){
  .aci-content-slider{--aci-cslider-visible:var(--aci-cslider-visible-t,1)}
  .aci-content-slider[data-visible-tablet="2"]{--aci-cslider-visible-t:2}
  .aci-content-slider[data-ratio-mode="custom"] .aci-content-slide{height:var(--aci-cslider-height-t)}
}
@media(max-width:767px){
  .aci-content-slider{width:100%;--aci-cslider-visible:1}
  .aci-content-slider[data-ratio-mode="custom"] .aci-content-slide{height:var(--aci-cslider-height-m)}
  .aci-content-slider-arrow{width:38px;height:38px}.aci-content-slider-arrow svg{width:19px;height:19px}.aci-content-slider-arrow.is-prev{left:8px}.aci-content-slider-arrow.is-next{right:8px}
}
@media(prefers-reduced-motion:reduce){
  .aci-content-slider-track,.aci-content-slider-arrow,.aci-content-slider-dots button{transition:none!important}
}

/* Gutenberg editor preview */
.aci-content-slider-editor-shell{border:1px solid #dfe3e8;border-radius:16px;padding:14px;background:#fff;box-shadow:0 8px 24px rgba(16,43,78,.06)}
.aci-content-slider-editor-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#102b4e}
.aci-content-slider-editor-title strong{font-weight:800}.aci-content-slider-editor-title span{font-size:12px;color:#667085;text-align:right}
.aci-content-slider-editor-preview{position:relative;overflow:visible}
.aci-content-slider-editor-stage{position:relative;display:grid;gap:var(--aci-editor-gap,12px);overflow:hidden;border-radius:var(--aci-editor-radius,18px);background:#eef1f5;transition:height .22s ease,aspect-ratio .22s ease}
.aci-content-slider-editor-slide{position:relative;min-width:0;height:100%;margin:0;overflow:hidden;border-radius:var(--aci-editor-radius,18px);background:#eef1f5}
.aci-content-slider-editor-slide img{display:block;width:100%;height:100%;object-fit:var(--aci-editor-fit,cover);user-select:none;-webkit-user-drag:none}
.aci-content-slider-editor-index{position:absolute;right:8px;bottom:8px;min-width:26px;height:26px;padding:0 7px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(8,22,46,.78);color:#fff;font:800 11px/1 system-ui,sans-serif;backdrop-filter:blur(4px)}
.aci-content-slider-editor-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:42px;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:0;background:rgba(8,22,46,.86);color:#fff;cursor:pointer;box-shadow:0 9px 24px rgba(8,22,46,.24)}
.aci-content-slider-editor-arrow svg{display:block;width:21px;height:21px;pointer-events:none}.aci-content-slider-editor-arrow.is-prev{left:10px}.aci-content-slider-editor-arrow.is-next{right:10px}.aci-content-slider-editor-arrow:hover{background:#d71920}
.aci-content-slider-editor-dots{display:flex;justify-content:center;gap:6px;margin:11px 0 5px}.aci-content-slider-editor-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#bbc3ce;cursor:pointer}.aci-content-slider-editor-dots button.is-active{width:23px;background:#d71920}
.aci-content-slider-editor-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:12px}
.aci-content-slider-editor-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;padding:0;border:2px solid transparent;border-radius:9px;background:#eef1f5;cursor:pointer}.aci-content-slider-editor-thumb.is-current{border-color:#d71920}.aci-content-slider-editor-thumb img{width:100%;height:100%;object-fit:cover}.aci-content-slider-editor-thumb span{position:absolute;right:4px;bottom:4px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(8,22,46,.82);color:#fff;font-size:10px;font-weight:800}
.aci-content-slider-editor-empty{padding:28px;text-align:center;border:1px dashed #c9ced6;border-radius:10px;background:#f8fafc}
@media(max-width:900px){.aci-content-slider-editor-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.aci-content-slider-editor-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.aci-content-slider-editor-arrow{width:36px;height:36px}.aci-content-slider-editor-arrow svg{width:18px;height:18px}}