.banner-carousel{position:relative;aspect-ratio:8/3}.banner-slide{display:block;width:100%;height:100%}.banner-slide[hidden]{display:none!important}.banner-slide img{display:block;width:100%;height:100%;object-fit:contain}.banner-controls{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;gap:0}.banner-controls button{border:0;width:16px;height:22px;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center}.banner-controls button:before{content:"";width:8px;height:8px;border-radius:50%;background:#ffffff80}.banner-controls button[aria-pressed=true]:before{background:#0878d1}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:64px;display:grid;place-items:center;border:0;background:transparent;color:white;cursor:pointer;padding:0}.banner-prev{left:2px}.banner-next{right:2px}.banner-arrow span{display:block;width:28px;height:28px;border-top:3px solid currentColor;border-right:3px solid currentColor;filter:drop-shadow(0 1px 2px #0003)}.banner-prev span{transform:rotate(-135deg)}.banner-next span{transform:rotate(45deg)}.banner-carousel button:focus-visible{outline:2px solid white;outline-offset:-2px}.banner-pause-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}.banner-pause-accessible:focus{clip-path:none;width:auto;height:auto;top:5px;left:50%;background:white;color:#123;padding:5px;z-index:2}@media(max-width:580px){.banner-arrow{width:36px;height:52px}.banner-arrow span{width:22px;height:22px;border-width:2px}.banner-controls{bottom:2px}}