.banner-carousel{position:relative}
.banner-carousel .banner-wrap{height:174px;background-color:#d9bcc0;background-position:center;background-size:cover;transition:opacity .25s ease}
.banner-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px;pointer-events:none}
.banner-dots button{pointer-events:auto;width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ffffff99;box-shadow:0 1px 3px #0004}
.banner-dots button.active{width:19px;border-radius:5px;background:#fff}
.banner-carousel{height:198px;overflow:hidden;background:#f2f2f4;display:flex;align-items:center;justify-content:center;perspective:900px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.banner-carousel .banner-slide{position:absolute;width:72%;height:174px;padding:18px;border:0;border-radius:16px;background-color:#d9bcc0;background-position:center;background-size:cover;box-shadow:0 7px 14px #39263c38;transition:transform .45s ease,opacity .45s ease,filter .45s ease;transform-origin:center center}
.banner-carousel .banner-slide-0{z-index:3;transform:translateX(0) scale(1);opacity:1}
.banner-carousel .banner-slide-1{z-index:2;transform:translateX(68%) scale(.84);opacity:.86;filter:saturate(.85)}
.banner-carousel .banner-slide-2{z-index:1;transform:translateX(-68%) scale(.84);opacity:.86;filter:saturate(.85)}
.banner-carousel .banner-slide:not(.banner-slide-0):not(.banner-slide-1):not(.banner-slide-2){opacity:0;transform:scale(.65)}
.banner-carousel .banner-slide-1 strong,.banner-carousel .banner-slide-1 small,.banner-carousel .banner-slide-2 strong,.banner-carousel .banner-slide-2 small{display:none}