.ccm-fixtures{--ccm-primary:#1d4ed8;--ccm-on-primary:#fff;--ccm-secondary:#fff;--ccm-on-secondary:#111827;color:inherit;font:inherit}.ccm-fixtures *{font-family:inherit}.ccm-fixtures__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.ccm-fixtures__filters label{color:inherit}.ccm-fixtures__filters label:first-child{grid-column:span 2}.ccm-fixtures__filters label span{display:block;font-size:.8rem;font-weight:700;margin-bottom:5px}.ccm-fixtures__filters input,.ccm-fixtures__filters select{box-sizing:border-box;width:100%;min-height:42px;border:1px solid color-mix(in srgb,var(--ccm-on-secondary) 25%,transparent);border-radius:6px;padding:8px 10px;background:var(--ccm-secondary);color:var(--ccm-on-secondary)}.ccm-fixtures__scroll{overflow-x:auto;border:1px solid color-mix(in srgb,var(--ccm-on-secondary) 18%,transparent);border-radius:8px}.ccm-fixtures table{width:100%;border-collapse:collapse;min-width:820px;background:var(--ccm-secondary);color:var(--ccm-on-secondary)}.ccm-fixtures th{background-color:var(--ccm-primary)!important;background-image:none!important;color:var(--ccm-on-primary)!important;text-align:left;padding:12px}.ccm-fixtures__sortable{padding:0!important}.ccm-fixtures__sortable button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;margin:0;padding:12px;border:0;border-radius:0;background:transparent!important;color:inherit!important;font:inherit;font-weight:inherit;text-align:left;cursor:pointer}.ccm-fixtures__sortable button:hover,.ccm-fixtures__sortable button:focus-visible{background:rgba(255,255,255,.14)!important}.ccm-fixtures__sortable button:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.ccm-fixtures__sort-icon{font-size:.72em;line-height:1}.ccm-fixtures td{padding:11px 12px;border-bottom:1px solid color-mix(in srgb,var(--ccm-on-secondary) 15%,transparent)}.ccm-fixtures tbody tr:nth-child(even){background:color-mix(in srgb,var(--ccm-primary) 7%,var(--ccm-secondary))}.ccm-fixtures tbody tr:hover{background:color-mix(in srgb,var(--ccm-primary) 14%,var(--ccm-secondary))}.ccm-fixtures__empty{text-align:center;padding:20px}@media(max-width:700px){.ccm-fixtures__filters{grid-template-columns:1fr}.ccm-fixtures__filters label:first-child{grid-column:span 1}}
