.hockey-match-access {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 16px;background:#152337;border-bottom:1px solid #33445b;color:#e9eef6;font:13px/1.4 system-ui,sans-serif;flex-shrink:0;z-index:30} .hockey-match-access[hidden],.hockey-match-access [hidden] {display:none!important} .hockey-match-access[data-role="controller"] {border-left:4px solid #51c795} .hockey-match-access[data-role="viewer"] {border-left:4px solid #e4bb67} .hockey-match-access button,.hockey-match-access select {font:inherit;min-height:30px;border:1px solid #516683;border-radius:6px;background:#233751;color:#fff;padding:4px 9px} .hockey-match-access button {cursor:pointer} .hockey-match-access button:focus-visible,.hockey-match-access select:focus-visible {outline:2px solid #96caff;outline-offset:2px} .hockey-match-access [data-access-message] {color:#f5cf84;flex-basis:100%} .hockey-match-access [data-access-message]:empty {display:none} .hockey-match-access[aria-busy="true"] button {pointer-events:none;opacity:.6} .hockey-view-only [data-access-disabled] {opacity:.5;cursor:default!important} .hockey-view-only [data-match-write] {pointer-events:none}