.slider{--btn-gap: 0;--dots-bg: #dfdfdf;--dots-current-bg: #c1c1c1;--slide-width: 100%;position:relative;max-width:100%;margin:0 auto;overflow:hidden}.slider .slides{position:relative;display:flex;transition:transform .5s ease-in-out;min-height:100px}.slider .slides>.slide{min-width:var(--slide-width);height:auto;position:relative;max-height:80vh;object-fit:cover;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.slider .slides>.slide>img{height:100%;width:100%;object-fit:cover}.slider .slides>.slide>.caption{position:absolute;bottom:0;left:0;right:0;background:#00000057;color:#fff;padding:.7rem;margin:0}.slider:hover>.prev,.slider:hover>.next{visibility:visible}.slider .prev,.slider .next{position:absolute;visibility:hidden;top:50%;transform:translateY(-50%);line-height:0;border:none;background-color:transparent;cursor:pointer}:is(.slider .prev,.slider .next):before{font-size:28px;background:#0006;border-radius:100%;width:40px;margin:0;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;color:#fff}.slider .prev{inset-inline-start:0}.slider .prev:before{content:"<"}.slider .next{inset-inline-end:0}.slider .next:before{content:">"}.slider .dots{display:flex;gap:2px;align-items:center;justify-content:center;padding:.25rem}.slider .dots>span{background-color:var(--dots-bg);display:block;width:15px;aspect-ratio:1;border-radius:100%;cursor:pointer}.slider .dots>span.current{background-color:var(--dots-current-bg)}