.banner-carousel-block{box-sizing:border-box;width:100%;padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right))}.banner-carousel{--peek:clamp(1.5rem, 6vw, 3rem);--gap:clamp(.25rem, 1.5vw, .5rem);--radius:clamp(1rem, 2.5vw, 1.75rem);box-sizing:border-box;width:100%;max-width:min(100%,52rem);margin-inline:auto}.banner-carousel__viewport{touch-action:pan-y pinch-zoom;overflow:hidden}.banner-carousel__container{align-items:stretch;display:flex}.banner-carousel__slide{flex:0 0 calc(100% - var(--peek));min-width:0;padding-inline:var(--gap)}.banner-carousel__card{aspect-ratio:402/224;border-radius:var(--radius);background:#3a1818;width:100%;position:relative;overflow:hidden;box-shadow:0 1rem 2rem #200e0a2e,0 .25rem .75rem #200e0a1a}.banner-carousel__media{width:100%;height:100%;position:relative}.banner-carousel__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.banner-carousel__pagination{justify-content:center;align-items:center;gap:.5rem;padding-top:.75rem;display:flex}.banner-carousel__dot{box-sizing:content-box;cursor:pointer;background:#14141440 padding-box content-box;border:0;border-radius:999px;width:.5rem;height:.5rem;padding:.625rem}.banner-carousel__dot:hover,.banner-carousel__dot:focus-visible{background-color:#14141473}.banner-carousel__dot:focus-visible{outline-offset:2px;outline:2px solid #14141473}.banner-carousel__dot--is-selected{background-color:#141414d9}@media (min-width:48rem){.banner-carousel{--peek:clamp(2rem, 5vw, 3.25rem)}}