32 lines
3.1 KiB
CSS
32 lines
3.1 KiB
CSS
.hockey-match-access-trigger{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #42546d;border-radius:8px;background:#17283e;color:#e9eef6;padding:7px 10px;font:600 12px/1.3 system-ui,sans-serif;cursor:pointer}
|
|
.hockey-match-access-trigger[hidden],.hockey-match-access [hidden]{display:none!important}
|
|
.hockey-match-access-trigger:hover{background:#243a55;border-color:#7189a7}
|
|
.hockey-match-access-trigger small{font-size:10px;font-weight:500;color:#f0cd8a}
|
|
.hockey-access-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#e4bb67}
|
|
.hockey-match-access-trigger[data-role="controller"] .hockey-access-dot{background:#51c795}
|
|
.hockey-match-access-trigger[data-role="controller"] small{color:#88dfb8}
|
|
dialog.hockey-match-access{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:24px;border:1px solid #42546d;border-radius:16px;background:#122033;color:#e9eef6;box-shadow:0 24px 80px #0009;font:14px/1.5 system-ui,sans-serif}
|
|
dialog.hockey-match-access:not([open]){display:none}
|
|
.hockey-match-access::backdrop{background:#030a14b3;backdrop-filter:blur(3px)}
|
|
.hockey-match-access header{display:flex;align-items:center;justify-content:space-between;gap:16px}
|
|
.hockey-match-access h2{margin:0;font-size:20px;font-weight:700}
|
|
.hockey-match-access p{margin:14px 0 20px;color:#aebfd2}
|
|
.hockey-access-status{display:grid;gap:5px;border-left:3px solid #e4bb67;border-radius:5px;padding:12px 14px;background:#1a2b40}
|
|
.hockey-match-access[data-role="controller"] .hockey-access-status{border-left-color:#51c795}
|
|
.hockey-access-status span{color:#b9c9da;font-size:13px;overflow-wrap:anywhere}
|
|
.hockey-access-actions{display:grid;gap:10px;margin-top:20px}
|
|
.hockey-match-access button,.hockey-match-access select{box-sizing:border-box;font:inherit;min-height:38px;border:1px solid #506681;border-radius:8px;background:#233751;color:#fff;padding:8px 12px}
|
|
.hockey-match-access select{width:100%;min-width:0}
|
|
.hockey-match-access button{cursor:pointer}
|
|
.hockey-match-access button:hover:not(:disabled){background:#304c6c}
|
|
.hockey-match-access [data-access-close]{padding:0;min-height:32px;width:32px;font-size:24px;line-height:1;background:transparent;border-color:transparent}
|
|
.hockey-match-access [data-access-claim],.hockey-match-access [data-access-resume],.hockey-match-access [data-access-transfer]{background:#24684e;border-color:#448e70}
|
|
.hockey-match-access [data-access-release]{background:transparent;color:#b9c9da}
|
|
.hockey-match-access button:disabled{opacity:.5;cursor:default}
|
|
.hockey-match-access button:focus-visible,.hockey-match-access select:focus-visible,.hockey-match-access-trigger:focus-visible{outline:2px solid #96caff;outline-offset:3px}
|
|
.hockey-match-access [data-access-message]{display:block;margin-top:14px;color:#f5cf84;overflow-wrap:anywhere}
|
|
.hockey-match-access [data-access-message]:empty{display:none}
|
|
.hockey-view-only [data-access-disabled]{opacity:.5;cursor:default!important}
|
|
.hockey-view-only [data-match-write]{pointer-events:none}
|
|
@media(max-width:700px){.hockey-match-access-trigger{padding:6px}.hockey-match-access-trigger small{display:none}}
|