.ags-home{
  width:100%;
  padding:var(--ags-top,18px) 16px var(--ags-bottom,20px);
}
.ags-slider{
  width:min(100%,var(--ags-max,1220px));
  margin:0 auto;
  position:relative;
  overflow:hidden;
  border-radius:var(--ags-radius,18px);
  border:1px solid rgba(255,255,255,.08);
  background:#0f151a;
  box-shadow:0 18px 50px rgba(0,0,0,.22);
  aspect-ratio: 21 / 9;
}
.ags-track{
  position:absolute;
  inset:0;
}
.ags-slide-item{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .5s ease,visibility .5s ease;
}
.ags-slide-item.active{
  opacity:1;
  visibility:visible;
}
.ags-slide-item a,
.ags-slide-item picture{
  display:block;
  width:100%;
  height:100%;
}
.ags-slide-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.ags-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(4,8,11,.62);
  color:#fff;
  font-size:30px;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.ags-prev{left:14px}
.ags-next{right:14px}
.ags-arrow:hover{background:rgba(4,8,11,.9)}
.ags-dots{
  position:absolute;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:10;
}
.ags-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  border:0;
  padding:0;
  background:rgba(255,255,255,.38);
  cursor:pointer;
}
.ags-dot.active{background:#34e6b0}
@media(max-width:700px){
  .ags-home{padding-left:10px;padding-right:10px}
  .ags-slider{aspect-ratio: 16 / 9;}
  .ags-arrow{width:36px;height:36px;font-size:24px}
  .ags-prev{left:8px}
  .ags-next{right:8px}
  .ags-dots{bottom:8px}
}