.pfm-injuries,
.pfm-injuries *,
.pfm-injury-dashboard-context,
.pfm-injury-dashboard-context *,
.pfm-fantasy-injury-watch,
.pfm-fantasy-injury-watch * {
box-sizing: border-box;
}
.pfm-injuries {
--pfm-navy: #0f2742;
--pfm-red: #8b0f1a;
--pfm-gold: #d6a313;
--pfm-ink: #111827;
--pfm-copy: #334155;
--pfm-muted: #64748b;
--pfm-line: #dfe4ec;
--pfm-soft: #f8fafc;
width: 100%;
max-width: 1180px;
min-width: 0;
margin: 0 auto;
color: var(--pfm-copy) !important;
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 17px !important;
line-height: 1.68 !important;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.pfm-injuries.pfm-injury-player {
max-width: 980px;
} .pfm-injuries h1,
.pfm-injuries h2,
.pfm-injuries h3,
.pfm-injuries p,
.pfm-injuries li,
.pfm-injuries label,
.pfm-injuries input,
.pfm-injuries select,
.pfm-injuries table,
.pfm-injuries th,
.pfm-injuries td,
.pfm-injuries a,
.pfm-injuries span,
.pfm-injuries strong,
.pfm-injuries small,
.pfm-injuries time,
.pfm-injuries summary {
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.pfm-injuries p,
.pfm-injuries li {
color: var(--pfm-copy) !important;
font-size: 17px !important;
line-height: 1.68 !important;
}
.pfm-injury-hero {
margin: 0 0 24px !important;
padding: 28px 30px !important;
border: 1px solid var(--pfm-line) !important;
border-top: 2px solid var(--pfm-red) !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: none !important;
}
.pfm-injury-hero h1 {
margin: 5px 0 10px !important;
color: var(--pfm-navy) !important;
-webkit-text-fill-color: var(--pfm-navy) !important;
font-size: clamp(32px, 5vw, 48px) !important;
font-weight: 950 !important;
letter-spacing: -.025em !important;
line-height: 1.08 !important;
}
.pfm-injury-hero p {
margin: 8px 0 !important;
}
.pfm-injury-player-meta {
margin: 0 0 10px !important;
color: var(--pfm-muted) !important;
-webkit-text-fill-color: var(--pfm-muted) !important;
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: .01em !important;
}
.pfm-injury-player-team-meta {
display: flex !important;
min-width: 0 !important;
align-items: center !important;
gap: 8px !important;
}
.pfm-injury-player-team-meta .pfm-injury-team {
color: var(--pfm-muted) !important;
-webkit-text-fill-color: var(--pfm-muted) !important;
}
.pfm-injury-player-team-meta .pfm-injury-team img {
width: 36px !important;
max-width: 36px !important;
height: 36px !important;
max-height: 36px !important;
flex-basis: 36px !important;
}
.pfm-injury-updated {
color: var(--pfm-muted) !important;
-webkit-text-fill-color: var(--pfm-muted) !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.pfm-injury-controls {
display: grid !important;
grid-template-columns: minmax(0, 2fr) minmax(170px, 1fr) !important;
gap: 12px !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 0 18px !important;
}
.pfm-injury-controls label {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
gap: 7px !important;
margin: 0 !important;
color: var(--pfm-navy) !important;
-webkit-text-fill-color: var(--pfm-navy) !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 1.25 !important;
}
.pfm-injury-controls input,
.pfm-injury-controls select,
.pfm-injuries.pfm-ui-scope input.pfm-ui-input {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 46px !important;
height: auto !important;
margin: 0 !important;
padding: 10px 12px !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
background: #fff !important;
color: var(--pfm-ink) !important;
-webkit-text-fill-color: var(--pfm-ink) !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: none !important;
}
.pfm-injury-controls input:focus,
.pfm-injury-controls select:focus {
border-color: var(--pfm-red) !important;
outline: 3px solid rgba(139, 15, 26, .12) !important;
outline-offset: 1px !important;
}
.pfm-injury-table-wrap,
.pfm-injury-current,
.pfm-injury-impact,
.pfm-injury-history,
.pfm-injury-links,
.pfm-injury-method,
.pfm-injury-empty-state,
.pfm-injury-explainer,
.pfm-injury-next {
width: 100% !important;
min-width: 0 !important;
margin: 0 0 24px !important;
padding: 22px !important;
border: 1px solid var(--pfm-line) !important;
border-radius: 10px !important;
background: #fff !important;
box-shadow: none !important;
}
.pfm-injury-table-wrap {
overflow: hidden !important;
} .pfm-injury-impact {
border-top: 2px solid var(--pfm-gold) !important;
}
.pfm-injury-impact-head {
display: flex !important;
min-width: 0 !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 16px !important;
margin: 0 0 14px !important;
}
.pfm-injury-impact-head h2 {
margin: 0 !important;
}
.pfm-injury-impact-level {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
min-height: 30px !important;
padding: 5px 10px !important;
border: 1px solid var(--pfm-line) !important;
border-radius: 999px !important;
background: var(--pfm-soft) !important;
color: #475569 !important;
-webkit-text-fill-color: #475569 !important;
font-size: 12px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
.pfm-injury-impact-level--major {
border-color: #e4b4b8 !important;
background: #fff1f2 !important;
color: var(--pfm-red) !important;
-webkit-text-fill-color: var(--pfm-red) !important;
}
.pfm-injury-impact-level--meaningful {
border-color: #e8c18d !important;
background: #fff4e5 !important;
color: #8a4b00 !important;
-webkit-text-fill-color: #8a4b00 !important;
}
.pfm-injury-impact-level--watch {
border-color: #eadca6 !important;
background: #fff9e8 !important;
color: #6f5200 !important;
-webkit-text-fill-color: #6f5200 !important;
}
.pfm-injury-impact-area-group {
margin: 0 0 14px !important;
}
.pfm-injury-impact-area-label {
display: block !important;
margin: 0 0 6px !important;
color: var(--pfm-muted) !important;
-webkit-text-fill-color: var(--pfm-muted) !important;
font-size: 10px !important;
font-weight: 900 !important;
letter-spacing: .08em !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
.pfm-injury-impact-areas {
display: flex !important;
min-width: 0 !important;
flex-wrap: wrap !important;
gap: 7px !important;
margin: 0 !important;
}
.pfm-injury-impact-areas span {
display: inline-flex !important;
align-items: center !important;
min-height: 28px !important;
padding: 4px 9px !important;
border: 1px solid var(--pfm-line) !important;
border-radius: 999px !important;
background: var(--pfm-soft) !important;
color: #475569 !important;
-webkit-text-fill-color: #475569 !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
.pfm-injury-impact-copy {
margin: 0 !important;
}
.pfm-injury-impact-link {
margin: 13px 0 0 !important;
}
.pfm-injury-impact-link a {
color: var(--pfm-red) !important;
-webkit-text-fill-color: var(--pfm-red) !important;
font-size: 14px !important;
font-weight: 900 !important;
text-decoration: none !important;
}
.pfm-injury-impact-link a:hover,
.pfm-injury-impact-link a:focus-visible {
text-decoration: underline !important;
}
.pfm-injury-explainer-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px !important;
min-width: 0 !important;
}
.pfm-injury-explainer {
margin-bottom: 24px !important;
}
.pfm-injury-next {
background: var(--pfm-soft) !important;
}
.pfm-injuries h2 {
margin: 0 0 14px !important;
color: var(--pfm-navy) !important;
-webkit-text-fill-color: var(--pfm-navy) !important;
font-size: 26px !important;
font-weight: 950 !important;
letter-spacing: -.02em !important;
line-height: 1.18 !important;
}
.pfm-injury-explainer h2 {
font-size: 23px !important;
}
.pfm-injury-explainer p,
.pfm-injury-next p {
margin: 9px 0 !important;
} .pfm-injury-table-wrap {
padding: 0 !important;
overflow: hidden !important;
}
.pfm-injury-table-heading {
display: flex !important;
min-width: 0 !important;
align-items: baseline !important;
justify-content: space-between !important;
gap: 16px !important;
padding: 20px 22px 14px !important;
border-bottom: 1px solid var(--pfm-line) !important;
}
.pfm-injury-table-heading h2 {
margin: 0 !important;
}
.pfm-injury-table-heading p {
margin: 0 !important;
color: var(--pfm-muted) !important;
-webkit-text-fill-color: var(--pfm-muted) !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
text-align: right !important;
white-space: nowrap !important;
}
.pfm-injuries .pfm-injury-table {
display: table !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
border: 0 !important;
border-collapse: collapse !important;
border-spacing: 0 !important;
table-layout: fixed !important;
background: #fff !important;
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 13px !important;
}
.pfm-injuries .pfm-injury-table::before,
.pfm-injuries .pfm-injury-table::after {
display: none !important;
content: none !important;
}
.pfm-injuries .pfm-injury-table caption.screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
.pfm-injuries .pfm-injury-table > colgroup {
display: table-column-group !important;
}
.pfm-injuries .pfm-injury-table > colgroup > col {
display: table-column !important;
}
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-player { width: 24% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-team { width: 12% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-position { width: 7% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-injury { width: 14% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-practice { width: 12% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-status { width: 15% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-updated { width: 16% !important; }
.pfm-injuries .pfm-injury-table > thead { display: table-header-group !important; }
.pfm-injuries .pfm-injury-table > tbody { display: table-row-group !important; }
.pfm-injuries .pfm-injury-table > thead > tr,
.pfm-injuries .pfm-injury-table > tbody > tr { display: table-row !important; }
.pfm-injuries .pfm-injury-table > tbody > tr[hidden] { display: none !important; }
.pfm-injuries .pfm-injury-table th,
.pfm-injuries .pfm-injury-table td {
display: table-cell !important;
float: none !important;
box-sizing: border-box !important;
width: auto !important;
min-width: 0 !important;
height: 58px !important;
padding: 10px 11px !important;
border: 0 !important;
border-bottom: 1px solid #e5e7eb !important;
border-right: 0 !important;
background: #fff !important;
color: var(--pfm-ink) !important;
-webkit-text-fill-color: var(--pfm-ink) !important;
font-size: 13px !important;
line-height: 1.3 !important;
text-align: left !important;
vertical-align: middle !important;
overflow-wrap: normal !important;
word-break: normal !important;
}
.pfm-injuries .pfm-injury-table th {
height: 44px !important;
padding-top: 9px !important;
padding-bottom: 9px !important;
background: var(--pfm-soft) !important;
color: #475569 !important;
-webkit-text-fill-color: #475569 !important;
font-size: 10px !important;
font-weight: 950 !important;
letter-spacing: .065em !important;
line-height: 1.15 !important;
text-transform: uppercase !important;
}
.pfm-injuries .pfm-injury-table > tbody > tr:nth-child(even) > td {
background: var(--pfm-soft) !important;
}
.pfm-injuries .pfm-injury-table > tbody > tr:last-child > td {
border-bottom: 0 !important;
}
.pfm-injury-mobile-only {
display: none !important;
}
.pfm-injury-player-link,
.pfm-injury-player-link:link,
.pfm-injury-player-link:visited {
display: inline-flex !important;
min-width: 0 !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 3px !important;
color: var(--pfm-navy) !important;
-webkit-text-fill-color: var(--pfm-navy) !important;
text-decoration: none !important;
}
.pfm-injury-player-link-main {
display: inline-flex !important;
min-width: 0 !important;
align-items: center !important;
gap: 5px !important;
}
.pfm-injury-player-link strong {
color: var(--pfm-navy) !important;
-webkit-text-fill-color: var(--pfm-navy) !important;
font-size: 14px !important;
font-weight: 950 !important;
line-height: 1.25 !important;
text-decoration: underline !important;
text-decoration-color: rgba(139,15,26,.42) !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px !important;
}
.pfm-injury-player-link-arrow {
color: var(--pfm-red) !important;
-webkit-text-fill-color: var(--pfm-red) !important;
font-size: 18px !important;
font-weight: 950 !important;
line-height: 1 !important;
text-decoration: none !important;
}
.pfm-injury-player-link:hover strong,
.pfm-injury-player-link:focus-visible strong {
color: var(--pfm-red) !important;
-webkit-text-fill-color: var(--pfm-red) !important;
text-decoration-color: var(--pfm-red) !important;
}
.pfm-injury-status-cell > strong {
color: var(--pfm-ink) !important;
-webkit-text-fill-color: var(--pfm-ink) !important;
font-size: 12px !important;
font-weight: 900 !important;
line-height: 1.25 !important;
}
.pfm-injury-team {
display: inline-flex !important;
min-width: 0 !important;
align-items: center !important;
gap: 8px !important;
color: var(--pfm-ink) !important;
-webkit-text-fill-color: var(--pfm-ink) !important;
font-weight: 850 !important;
white-space: nowrap !important;
}
.pfm-injury-team img {
display: block !important;
width: 30px !important;
max-width: 30px !important;
height: 30px !important;
max-height: 30px !important;
flex: 0 0 30px !important;
margin: 0 !important;
object-fit: contain !important;
}
.pfm-injury-team-abbr {
color: inherit !important;
-webkit-text-fill-color: inherit !important;
font-size: 13px !important;
font-weight: 900 !important;
}
.pfm-injury-pagination {
display: grid !important;
grid-template-columns: minmax(128px, auto) 1fr minmax(128px, auto) !important;
gap: 14px !important;
align-items: center !important;
margin: 16px 18px 18px !important;
}
.pfm-injury-pagination[hidden] {
display: none !important;
}
.pfm-injury-pagination p {
margin: 0 !important;
color: var(--pfm-muted) !important;
-webkit-text-fill-color: var(--pfm-muted) !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
text-align: center !important;
}
.pfm-injury-pagination p strong {
color: var(--pfm-navy) !important;
-webkit-text-fill-color: var(--pfm-navy) !important;
font-weight: 950 !important;
}
.pfm-injury-page-button {
display: inline-flex !important;
min-height: 42px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
border: 1px solid var(--pfm-red) !important;
border-radius: 8px !important;
padding: 9px 14px !important;
background: #fff !important;
color: var(--pfm-red) !important;
-webkit-text-fill-color: var(--pfm-red) !important;
font-size: 12px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
text-transform: none !important;
box-shadow: none !important;
cursor: pointer !important;
}
.pfm-injury-page-button:hover,
.pfm-injury-page-button:focus-visible {
background: var(--pfm-red) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.pfm-injury-page-button:disabled {
border-color: #cbd5e1 !important;
background: var(--pfm-soft) !important;
color: #94a3b8 !important;
-webkit-text-fill-color: #94a3b8 !important;
cursor: default !important;
}
.pfm-injury-noscript {
margin: 0 18px 18px !important;
color: var(--pfm-muted) !important;
font-size: 12px !important;
text-align: center !important;
}
.pfm-injury-empty-filter {
margin: 14px 0 0 !important;
color: var(--pfm-muted) !important;
text-align: center !important;
}
.pfm-injury-lead p {
font-size: 18px !important;
line-height: 1.65 !important;
}
.pfm-injury-stat-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.pfm-injury-stat-grid > div {
min-width: 0 !important;
padding: 14px !important;
border: 1px solid var(--pfm-line) !important;
border-radius: 8px !important;
background: var(--pfm-soft) !important;
}
.pfm-injury-stat-grid span {
display: block !important;
margin-bottom: 4px !important;
color: var(--pfm-muted) !important;
-webkit-text-fill-color: var(--pfm-muted) !important;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: .05em !important;
text-transform: uppercase !important;
}
.pfm-injury-stat-grid strong {
display: block !important;
color: var(--pfm-ink) !important;
-webkit-text-fill-color: var(--pfm-ink) !important;
font-size: 16px !important;
line-height: 1.3 !important;
}
.pfm-injury-timeline {
position: relative !important;
}
.pfm-injury-event {
display: grid !important;
grid-template-columns: 135px minmax(0, 1fr) !important;
gap: 18px !important;
padding: 19px 0 !important;
border-bottom: 1px solid var(--pfm-line) !important;
}
.pfm-injury-event:last-child {
border-bottom: 0 !important;
}
.pfm-injury-event-date {
color: var(--pfm-muted) !important;
-webkit-text-fill-color: var(--pfm-muted) !important;
font-size: 14px !important;
font-weight: 800 !important;
}
.pfm-injury-event h3 {
margin: 0 0 5px !important;
color: var(--pfm-ink) !important;
-webkit-text-fill-color: var(--pfm-ink) !important;
font-size: 20px !important;
font-weight: 900 !important;
line-height: 1.25 !important;
}
.pfm-injury-event-meta {
margin: 0 0 9px !important;
color: var(--pfm-muted) !important;
-webkit-text-fill-color: var(--pfm-muted) !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.pfm-injury-event-body p {
margin: 8px 0 !important;
}
.pfm-injury-sources {
margin-top: 10px !important;
}
.pfm-injury-sources summary {
cursor: pointer !important;
color: var(--pfm-navy) !important;
-webkit-text-fill-color: var(--pfm-navy) !important;
font-weight: 800 !important;
}
.pfm-injury-sources ul {
margin: 8px 0 0 !important;
padding-left: 20px !important;
}
.pfm-injury-sources span {
color: var(--pfm-muted) !important;
-webkit-text-fill-color: var(--pfm-muted) !important;
font-size: 13px !important;
}
.pfm-injury-link-row {
display: flex !important;
flex-wrap: wrap !important;
gap: 9px !important;
}
.pfm-injury-link-row a,
.pfm-fantasy-injury-watch-more {
display: inline-flex !important;
min-height: 42px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 9px 12px !important;
border: 1px solid var(--pfm-line) !important;
border-radius: 8px !important;
background: #fff !important;
color: var(--pfm-navy) !important;
-webkit-text-fill-color: var(--pfm-navy) !important;
font-size: 14px !important;
font-weight: 850 !important;
line-height: 1.25 !important;
text-decoration: none !important;
box-shadow: none !important;
}
.pfm-injury-link-row a:hover,
.pfm-fantasy-injury-watch-more:hover {
border-color: var(--pfm-navy) !important;
}
.pfm-injury-method {
background: var(--pfm-soft) !important;
}
.pfm-injury-method-small {
font-size: 15px !important;
}
.pfm-injury-dashboard-context {
margin: 22px 0 0;
padding: 18px;
border: 1px solid #dfe4ec;
border-radius: 10px;
background: #fff;
color: #334155;
font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
box-shadow: none;
}
.pfm-injury-dashboard-head {
display: flex;
justify-content: space-between;
gap: 14px;
align-items: center;
margin-bottom: 10px;
}
.pfm-injury-dashboard-head h2 {
margin: 2px 0 0;
color: #0f2742;
font-size: 22px;
}
.pfm-injury-dashboard-head a {
color: #8b0f1a !important;
font-weight: 700;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px;
}
.pfm-injury-dashboard-list {
display: grid;
gap: 8px;
}
.pfm-injury-dashboard-row {
display: flex;
justify-content: space-between;
gap: 12px;
padding: 10px 12px;
border: 1px solid #e5e7eb;
border-radius: 7px;
color: #111827 !important;
text-decoration: none !important;
}
.pfm-injury-dashboard-row span {
color: #64748b;
font-size: 14px;
text-align: right;
}
.pfm-injury-dashboard-row .pfm-injury-dashboard-player-link {
color: #8b0f1a !important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px;
}
.pfm-injury-dashboard-row .pfm-injury-dashboard-player-link > span {
margin-left: 4px;
color: #8b0f1a !important;
font-size: inherit;
text-decoration: none !important;
}
.pfm-injury-dashboard-row:hover .pfm-injury-dashboard-player-link,
.pfm-injury-dashboard-row:focus-visible .pfm-injury-dashboard-player-link {
color: #690b13 !important;
}
.pfm-fantasy-injury-watch {
max-width: 980px;
margin: 24px auto;
padding: 22px;
border: 1px solid #dfe4ec;
border-radius: 10px;
background: #f8fafc;
color: #334155;
font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
box-shadow: none;
}
.pfm-fantasy-injury-watch h2 {
margin: 4px 0 6px;
color: #0f2742;
}
.pfm-fantasy-injury-watch > div > p {
margin: 0;
}
.pfm-fantasy-injury-watch-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin: 16px 0;
}
.pfm-fantasy-injury-watch-grid a {
display: flex;
min-width: 0;
flex-direction: column;
gap: 3px;
padding: 13px;
border: 1px solid #dfe4ec;
border-radius: 8px;
background: #fff;
color: #111827 !important;
text-decoration: none !important;
box-shadow: none;
}
.pfm-fantasy-injury-watch-grid span,
.pfm-fantasy-injury-watch-grid small {
color: #64748b;
}
.pfm-fantasy-injury-watch-more {
margin-top: 2px !important;
}
.pfm-injuries a:focus-visible,
.pfm-injuries input:focus-visible,
.pfm-injuries select:focus-visible,
.pfm-injuries summary:focus-visible,
.pfm-injury-dashboard-context a:focus-visible,
.pfm-fantasy-injury-watch a:focus-visible {
outline: 3px solid rgba(139, 15, 26, .24) !important;
outline-offset: 3px !important;
border-radius: 4px !important;
}
@media (max-width: 760px) {
.pfm-injury-hero {
padding: 22px 18px !important;
}
.pfm-injury-controls {
grid-template-columns: 1fr !important;
}
.pfm-injury-explainer-grid {
grid-template-columns: 1fr !important;
gap: 0 !important;
}
.pfm-injury-table-wrap {
padding: 17px !important;
overflow: visible !important;
} .pfm-injury-table-wrap {
padding: 0 !important;
overflow: hidden !important;
}
.pfm-injury-table-heading {
align-items: flex-start !important;
flex-direction: column !important;
gap: 4px !important;
padding: 17px 16px 12px !important;
}
.pfm-injury-table-heading h2 {
font-size: 23px !important;
}
.pfm-injury-table-heading p {
font-size: 11px !important;
text-align: left !important;
white-space: normal !important;
}
.pfm-injury-pagination {
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
margin: 14px 12px 16px !important;
}
.pfm-injury-pagination p {
grid-column: 1 / -1 !important;
grid-row: 1 !important;
}
.pfm-injury-page-button {
width: 100% !important;
}
.pfm-injuries .pfm-injury-table {
display: table !important;
width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
}
.pfm-injuries .pfm-injury-table > thead {
display: table-header-group !important;
visibility: visible !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
}
.pfm-injuries .pfm-injury-table > tbody {
display: table-row-group !important;
width: auto !important;
}
.pfm-injuries .pfm-injury-table > thead > tr,
.pfm-injuries .pfm-injury-table > tbody > tr {
display: table-row !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.pfm-injuries .pfm-injury-table > tbody > tr[hidden] {
display: none !important;
}
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-player { width: 40% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-team { width: 18% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-injury { width: 19% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-status { width: 23% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-position,
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-practice,
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-updated {
display: none !important;
width: 0 !important;
}
.pfm-injuries .pfm-injury-table th:nth-child(3),
.pfm-injuries .pfm-injury-table td:nth-child(3),
.pfm-injuries .pfm-injury-table th:nth-child(5),
.pfm-injuries .pfm-injury-table td:nth-child(5),
.pfm-injuries .pfm-injury-table th:nth-child(7),
.pfm-injuries .pfm-injury-table td:nth-child(7) {
display: none !important;
}
.pfm-injuries .pfm-injury-table th,
.pfm-injuries .pfm-injury-table td {
display: table-cell !important;
width: auto !important;
min-width: 0 !important;
height: 58px !important;
margin: 0 !important;
padding: 8px 6px !important;
border: 0 !important;
border-bottom: 1px solid #e5e7eb !important;
background: #fff !important;
color: var(--pfm-ink) !important;
-webkit-text-fill-color: var(--pfm-ink) !important;
font-size: 11px !important;
line-height: 1.25 !important;
vertical-align: middle !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
.pfm-injuries .pfm-injury-table th {
height: 42px !important;
padding: 8px 5px !important;
background: var(--pfm-soft) !important;
color: #475569 !important;
-webkit-text-fill-color: #475569 !important;
font-size: 9px !important;
line-height: 1.1 !important;
letter-spacing: .045em !important;
white-space: nowrap !important;
}
.pfm-injuries .pfm-injury-table > tbody > tr:nth-child(even) > td {
background: var(--pfm-soft) !important;
}
.pfm-injury-mobile-only {
display: block !important;
margin-top: 3px !important;
color: var(--pfm-muted) !important;
-webkit-text-fill-color: var(--pfm-muted) !important;
font-size: 9px !important;
font-weight: 750 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.pfm-injury-player-link {
width: 100% !important;
max-width: 100% !important;
}
.pfm-injury-player-link-main {
width: 100% !important;
max-width: 100% !important;
gap: 3px !important;
}
.pfm-injury-player-link strong {
min-width: 0 !important;
font-size: 12px !important;
line-height: 1.2 !important;
overflow-wrap: break-word !important;
}
.pfm-injury-player-link-arrow {
flex: 0 0 auto !important;
font-size: 15px !important;
}
.pfm-injury-team {
display: flex !important;
gap: 3px !important;
white-space: nowrap !important;
}
.pfm-injury-team img {
width: 22px !important;
max-width: 22px !important;
height: 22px !important;
max-height: 22px !important;
flex-basis: 22px !important;
}
.pfm-injury-team-abbr {
font-size: 10px !important;
}
.pfm-injury-injury-cell {
font-size: 11px !important;
}
.pfm-injury-status-cell > strong {
display: block !important;
font-size: 10px !important;
line-height: 1.2 !important;
}
.pfm-injury-stat-grid {
grid-template-columns: 1fr 1fr !important;
}
.pfm-injury-event {
grid-template-columns: 1fr !important;
gap: 5px !important;
}
.pfm-fantasy-injury-watch-grid {
grid-template-columns: 1fr 1fr;
}
.pfm-injury-dashboard-row {
flex-direction: column;
}
.pfm-injury-dashboard-row span {
text-align: left;
}
}
@media (max-width: 390px) {
.pfm-injuries {
font-size: 16px !important;
}
.pfm-injuries p,
.pfm-injuries li {
font-size: 16px !important;
}
.pfm-injury-hero h1 {
font-size: 32px !important;
}
.pfm-injury-current,
.pfm-injury-impact,
.pfm-injury-history,
.pfm-injury-links,
.pfm-injury-method,
.pfm-injury-empty-state,
.pfm-injury-explainer,
.pfm-injury-next {
padding: 16px !important;
}
.pfm-injury-table-wrap {
padding: 0 !important;
}
.pfm-injury-impact-head {
flex-direction: column !important;
gap: 9px !important;
}
.pfm-injury-impact-level {
white-space: normal !important;
}
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-player { width: 42% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-team { width: 17% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-injury { width: 18% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-status { width: 23% !important; }
.pfm-injuries .pfm-injury-table th,
.pfm-injuries .pfm-injury-table td {
padding-left: 5px !important;
padding-right: 5px !important;
}
.pfm-injury-stat-grid,
.pfm-fantasy-injury-watch-grid {
grid-template-columns: 1fr;
}
.pfm-injury-dashboard-head {
align-items: flex-start;
flex-direction: column;
}
.pfm-injury-link-row a {
width: 100% !important;
justify-content: center !important;
}
}
@media (max-width: 320px) {
.pfm-injury-hero {
padding: 18px 14px !important;
}
.pfm-injury-current,
.pfm-injury-impact,
.pfm-injury-history,
.pfm-injury-links,
.pfm-injury-method,
.pfm-injury-empty-state,
.pfm-injury-explainer,
.pfm-injury-next {
padding: 14px !important;
}
.pfm-injury-table-wrap {
padding: 0 !important;
}
.pfm-injury-table-heading {
padding-left: 12px !important;
padding-right: 12px !important;
}
.pfm-injury-table-heading h2 {
font-size: 21px !important;
}
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-player { width: 43% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-team { width: 16% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-injury { width: 18% !important; }
.pfm-injuries .pfm-injury-table > colgroup > .pfm-injury-col-status { width: 23% !important; }
.pfm-injuries .pfm-injury-table th {
padding-left: 3px !important;
padding-right: 3px !important;
font-size: 8px !important;
}
.pfm-injuries .pfm-injury-table td {
height: 56px !important;
padding-left: 4px !important;
padding-right: 4px !important;
font-size: 10px !important;
}
.pfm-injury-player-link strong { font-size: 11px !important; }
.pfm-injury-team img { width: 19px !important; max-width: 19px !important; height: 19px !important; max-height: 19px !important; flex-basis: 19px !important; }
.pfm-injury-team-abbr { font-size: 9px !important; }
.pfm-injury-injury-cell { font-size: 10px !important; }
.pfm-injury-status-cell > strong { font-size: 9px !important; }
.pfm-injury-mobile-only { font-size: 8px !important; }
}