.enzo-slider{touch-action:pan-y pinch-zoom;position:relative;isolation:isolate;width:100%;overflow:hidden;background:#101828;color:#fff}.enzo-slider *{box-sizing:border-box}.enzo-track,.enzo-slide{position:absolute;inset:0}.enzo-slide[hidden]{display:none!important}.enzo-slide picture,.enzo-slide img,.enzo-overlay{position:absolute;inset:0;width:100%;height:100%}.enzo-slide img{object-fit:cover;object-position:var(--fx,50%) var(--fy,50%)}.enzo-content{position:absolute;margin:auto;pointer-events:none}.enzo-layer{position:absolute;width:max-content;max-width:100%;margin:0!important;white-space:pre-line;overflow-wrap:anywhere;transform:translate(var(--sx),var(--sy)) translate(var(--x),var(--y));pointer-events:auto;text-decoration:none}.enzo-mobile{display:none}.enzo-controls{position:absolute;inset:auto 12px 12px;display:flex;gap:8px;justify-content:center;align-items:center;z-index:4}.enzo-controls[hidden]{display:none}.enzo-controls button{display:grid;place-items:center;min-width:36px;min-height:36px;border:1px solid #ffffff80;border-radius:50%;padding:6px;background:#101828cc;color:#fff;cursor:pointer}.enzo-controls button[aria-current=true]{background:#fff;color:#101828}.enzo-controls button:disabled{opacity:.4;cursor:default}.enzo-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.enzo-slider :focus-visible{outline:3px solid #ffdc61;outline-offset:3px}.enzo-slider .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.enzo-slider[data-ready="1"] .enzo-slide.is-active .enzo-layer[data-animation]:not([data-animation=none]){animation:enzo-layer-in var(--ad) ease var(--delay) both}.enzo-layer[data-animation=up]{--ax:0px;--ay:25px}.enzo-layer[data-animation=down]{--ax:0px;--ay:-25px}.enzo-layer[data-animation=left]{--ax:25px;--ay:0px}.enzo-layer[data-animation=right]{--ax:-25px;--ay:0px}@keyframes enzo-layer-in{from{opacity:0;transform:translate(var(--sx),var(--sy)) translate(calc(var(--x) + var(--ax,0px)),calc(var(--y) + var(--ay,0px)))}to{opacity:1;transform:translate(var(--sx),var(--sy)) translate(var(--x),var(--y))}}@media(prefers-reduced-motion:reduce){.enzo-slider .enzo-layer{animation:none!important;transition:none!important}}
/* Arrow controls: the same DOM and variables are used by the live editor. */
.enzo-arrow-rail{position:absolute;inset:0;z-index:4;pointer-events:none}.enzo-arrow-rail[hidden]{display:none!important}.enzo-slider .enzo-arrow{position:absolute;display:grid;place-items:center;box-sizing:border-box;margin:0;padding:0;min-width:0;min-height:0;width:min(var(--ea-hit),calc(50% - 2px));height:min(var(--ea-hit),100%);color:var(--ea-color);background:var(--ea-background);border:var(--ea-border) solid var(--ea-border-color);border-radius:50%;box-shadow:none;cursor:pointer;pointer-events:auto;line-height:1}.enzo-slider .enzo-arrow svg{width:min(var(--ea-icon),calc(100% - 8px));height:min(var(--ea-icon),calc(100% - 8px));fill:none;stroke:currentColor;stroke-width:2}.enzo-arrow-rail .enzo-prev{left:min(var(--ea-gap),max(0px,calc(50% - var(--ea-hit))))}.enzo-arrow-rail .enzo-next{right:min(var(--ea-gap),max(0px,calc(50% - var(--ea-hit))))}.enzo-arrow-rail[data-position=middle] .enzo-arrow{top:50%;transform:translateY(-50%)}.enzo-arrow-rail[data-position=top] .enzo-arrow{top:min(var(--ea-gap),max(0px,calc(100% - var(--ea-hit))))}.enzo-arrow-rail[data-position=bottom] .enzo-arrow{bottom:min(var(--ea-gap),max(0px,calc(100% - var(--ea-hit))))}.enzo-arrow-rail[data-design=square] .enzo-arrow{border-radius:6px}.enzo-arrow-rail[data-design=outline] .enzo-arrow{border-radius:6px;background:transparent}.enzo-arrow-rail[data-design=minimal] .enzo-arrow,.enzo-arrow-rail[data-design=long] .enzo-arrow{border:0;border-radius:0;background:transparent}.enzo-arrow-rail[data-design=minimal] svg{stroke-width:1.5}.enzo-slider .enzo-arrow:hover{color:var(--ea-hover)}.enzo-slider .enzo-arrow:disabled{opacity:.4;cursor:default}.enzo-arrow-rail[data-legacy="1"]{position:sticky;inset:auto;left:0;display:flex;gap:8px;flex-shrink:0;align-self:center;pointer-events:auto}.enzo-slider .enzo-arrow-rail[data-legacy="1"] .enzo-arrow{position:relative;inset:auto;transform:none;width:36px;height:36px;min-width:36px;min-height:36px;border:1px solid #ffffff80;background:#101828cc;color:#fff;border-radius:50%;padding:6px}.enzo-slider .enzo-arrow-rail[data-legacy="1"] svg{width:18px;height:18px}.enzo-arrow-rail[data-legacy="1"] .enzo-arrow::after{content:"";position:absolute;inset:-4px}.enzo-slider:focus-visible{outline:3px solid #ffdc61;outline-offset:2px}

.enzo-controls{inset:auto 6px 6px;padding:6px;overflow-x:auto;justify-content:safe center}
.enzo-navigation,.enzo-play{position:absolute;z-index:5;bottom:min(var(--ec-bottom),calc(100% - 48px));color:var(--ec-color);gap:var(--ec-gap)}.enzo-navigation{display:flex;align-items:center;max-width:calc(100% - 100px);overflow-x:auto;padding:4px;scrollbar-width:thin}.enzo-navigation[hidden]{display:none}.enzo-navigation[data-position=left],.enzo-play[data-position=left]{left:12px}.enzo-navigation[data-position=right],.enzo-play[data-position=right]{right:12px}.enzo-navigation[data-position=center],.enzo-play[data-position=center]{left:50%;transform:translateX(-50%)}.enzo-slider .enzo-navigation button,.enzo-slider .enzo-play{flex-shrink:0;display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border:0;background:transparent;color:var(--ec-color);cursor:pointer}.enzo-navigation button:after{content:'';display:block;width:var(--ec-size);height:var(--ec-size);border-radius:50%;background:currentColor}.enzo-navigation[data-design=dots] button:after,.enzo-navigation[data-design=capsule] button:after{width:calc(var(--ec-size)/3);height:calc(var(--ec-size)/3)}.enzo-navigation[data-design=capsule] button[aria-current=true]:after{width:var(--ec-size)}.enzo-navigation[data-design=lines] button:after{height:3px;border-radius:2px}.enzo-navigation[data-design=classic] button:after,.enzo-navigation[data-design=numbers] button:after,.enzo-navigation[data-design=outline] button:after{display:none}.enzo-slider .enzo-navigation[data-design=classic] button,.enzo-slider .enzo-navigation[data-design=numbers] button{background:var(--ec-background);border-radius:50%;width:var(--ec-size);height:var(--ec-size)}.enzo-slider .enzo-navigation[data-design=outline] button{border:1px solid var(--ec-borderColor);border-radius:50%;width:var(--ec-size);height:var(--ec-size)}.enzo-slider .enzo-navigation button[aria-current=true]{color:var(--ec-activeColor)}.enzo-slider .enzo-navigation button:hover,.enzo-slider .enzo-play:hover{color:var(--ec-hoverColor)}.enzo-slider .enzo-play{width:var(--ec-size);height:var(--ec-size);background:var(--ec-background);border-radius:50%}.enzo-play svg{width:60%;height:60%}.enzo-focus-control:not(:focus){clip-path:inset(50%);width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;overflow:hidden}.enzo-slider[data-custom-controls=true] .enzo-content{bottom:max(var(--enzo-control-reserve,72px),var(--enzo-content-pad,24px))!important}
.enzo-navigation[data-legacy=true],.enzo-slider .enzo-play[data-legacy=true]{position:static;transform:none;bottom:auto;max-width:none}.enzo-navigation[data-legacy=true]{padding:0;gap:8px;overflow:visible}.enzo-slider .enzo-navigation[data-legacy=true] button,.enzo-slider .enzo-play[data-legacy=true]{min-width:36px;min-height:36px}.enzo-play[data-legacy=true] svg{width:18px;height:18px}.enzo-navigation[data-legacy=true] button[aria-current=true]{background:var(--ec-activeColor)!important;color:var(--ec-color)!important}.enzo-slider:focus-visible,.enzo-slider button:focus-visible{outline:3px solid #facc15;outline-offset:2px}


.enzo-slider .enzo-navigation[data-design=numbers] button[aria-current=true]{background:var(--ec-activeColor);color:var(--ec-color)}.enzo-slider .enzo-navigation[data-design=outline] button[aria-current=true]{border-color:var(--ec-activeColor)}
.enzo-slider .enzo-focus-control:focus{min-width:44px;min-height:44px;clip-path:none;outline:3px solid #facc15}

.enzo-navigation[data-legacy=true] button{position:relative}.enzo-navigation[data-legacy=true] button:before{content:"";position:absolute;inset:-4px}
.enzo-slider .enzo-slide img{max-width:none;height:100%;width:100%;object-fit:var(--enzo-fit,var(--fit,cover));object-position:var(--fx,50%) var(--fy,50%)}
