.sl-eg{display:block;position:relative;min-width:0;--sl-eg-gap:16px;--sl-eg-pad:var(--sl-gutter,24px)}
.sl-eg__bar{display:flex;justify-content:flex-end;gap:8px;min-height:44px;margin:0 0 12px;visibility:hidden}
.sl-eg[data-overflow="true"] .sl-eg__bar{visibility:visible}
.sl-eg__arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--sl-border);border-radius:var(--sl-radius-pill,999px);background:var(--sl-surface);color:var(--sl-primary);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,opacity .2s}
.sl-eg__arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sl-eg__arrow:hover:not(:disabled){background:var(--sl-primary);border-color:var(--sl-primary);color:var(--sl-on-primary)}
.sl-eg__arrow:disabled{opacity:.35;cursor:default}
.sl-eg__arrow:focus-visible,.sl-eg__track:focus-visible{outline:2px solid var(--sl-focus);outline-offset:3px}

.sl-eg__track{position:relative;display:flex;gap:var(--sl-eg-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(var(--sl-eg-pad) * -1);padding:6px var(--sl-eg-pad);scroll-padding-inline:var(--sl-eg-pad)}
.sl-eg__track::-webkit-scrollbar{display:none}

.sl-eg-card{position:relative;flex:0 0 85%;aspect-ratio:4 / 5;border-radius:var(--sl-radius,20px);overflow:hidden;isolation:isolate;scroll-snap-align:start;background:var(--sl-dark);color:var(--sl-on-dark)}
.sl-eg-card:focus-within{outline:2px solid var(--sl-focus);outline-offset:3px}
.sl-eg-card__bg,.sl-eg-card__img{position:absolute;inset:0;width:100%;height:100%}
.sl-eg-card__img{object-fit:cover;transition:transform .6s var(--sl-ease,ease)}
.sl-eg-card__bg{background:linear-gradient(155deg,var(--sl-primary) 0%,var(--sl-primary-hover) 100%)}
.sl-eg-card:nth-child(4n+2) .sl-eg-card__bg{background:linear-gradient(155deg,var(--sl-primary-hover) 0%,var(--sl-dark) 100%)}
.sl-eg-card:nth-child(4n+3) .sl-eg-card__bg{background:linear-gradient(155deg,var(--sl-active) 0%,var(--sl-primary-hover) 100%)}
.sl-eg-card:nth-child(4n+4) .sl-eg-card__bg{background:linear-gradient(155deg,var(--sl-dark) 0%,var(--sl-primary-hover) 100%)}
.sl-eg-card__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(var(--sl-navy-rgb),.92) 0%,rgba(var(--sl-navy-rgb),.74) 34%,rgba(var(--sl-navy-rgb),.25) 62%,rgba(var(--sl-navy-rgb),0) 82%)}
.sl-eg-card__body{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 20px 22px}
.sl-eg-card__title{margin:0;font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.01em;color:var(--sl-on-dark)}
.sl-eg-card__text{margin:0;font-size:14px;line-height:1.45;color:rgba(var(--sl-bg-rgb),.9)}
.sl-eg-card__btn{position:static;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:6px;padding:0 22px;border-radius:var(--sl-radius-pill,999px);background:var(--sl-on-dark);color:var(--sl-text);font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}
.sl-eg-card__btn::after{content:"";position:absolute;inset:0;z-index:3}
.sl-eg-card__btn:hover{background:var(--sl-bg-secondary)}
.sl-eg-card__btn:focus-visible{outline:2px solid var(--sl-on-dark);outline-offset:3px;box-shadow:0 0 0 5px var(--sl-primary)}

@media (hover:hover){.sl-eg-card:hover .sl-eg-card__img{transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.sl-eg-card__img,.sl-eg__arrow,.sl-eg-card__btn{transition:none}.sl-eg-card:hover .sl-eg-card__img{transform:none}}

@media (min-width:750px){
  .sl-eg-card{flex-basis:calc((100% - (var(--sl-eg-gap) * 2)) / 2.4);aspect-ratio:3 / 4}
}
@media (min-width:990px){
  .sl-eg{--sl-eg-gap:20px}
  .sl-eg__bar{display:none}
  .sl-eg[data-overflow="true"] .sl-eg__bar{display:flex}
  .sl-eg__track{margin-inline:0;padding-inline:0;scroll-padding-inline:0}
  .sl-eg-card{flex-basis:calc((100% - (var(--sl-eg-gap) * 3)) / 4)}
  .sl-eg-card__body{padding:22px 22px 24px}
}