/* Logo carousel: the arrow glyphs inherit the button colour; hidden cards are display:none. */
.pb-logos__card.hidden { display: none; }
.pb-logos__prev .pb-btn__arrow, .pb-logos__next .pb-btn__arrow { transform: none; }
/* Slide dots: a 24px touch target (WCAG 2.5.8) drawn as an 8px dot; view.js toggles the colour classes on the button. */
.pb-logos .pb-logos__dot.pb-logos__dot { position: relative; width: 24px; height: 24px; background: transparent; }
.pb-logos .pb-logos__dot::before { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 9999px; background: rgba(25, 55, 152, 0.25); transition: background-color 0.2s; }
.pb-logos .pb-logos__dot.bg-accent::before { background: #193798; }
.pb-logos .pb-logos__dot:focus-visible { outline: 2px solid #193798; outline-offset: 2px; }
.pb-logos .pb-logos__track:focus-visible { outline: 2px solid #193798; outline-offset: 4px; }
