.banner-controls{position:absolute;top:20px;right:20px;z-index:4;display:flex;align-items:center;gap:8px;padding:6px 8px;background:#071c35c9;border:1px solid #ffffff50;border-radius:30px;color:#fff}.banner-controls button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;padding:0;cursor:pointer;background:transparent;color:white;font:26px Arial,sans-serif;touch-action:manipulation}.banner-controls button:hover{background:#ffffff26}.banner-controls button:focus-visible{outline:2px solid #ffd43b;outline-offset:3px}.banner-dots{display:flex;align-items:center;gap:4px}.banner-dots button{width:22px;height:30px;position:relative}.banner-dots button:after{content:'';width:7px;height:7px;border-radius:50%;background:#ffffff80}.banner-dots button[aria-pressed=true]:after{background:#ffda45;width:9px;height:9px}.banner-controls .banner-pause{font-size:14px;border-left:1px solid #ffffff45;border-radius:0;padding-left:7px}.rotating-banner .vertical{top:100px}@media(max-width:600px){.banner-controls{top:14px;right:14px;gap:4px}.banner-controls button{width:30px;height:30px}.banner-dots button{width:20px}.hero.rotating-banner .banner-controls{top:auto;bottom:14px;right:14px}}