.pfm-power-map,
.pfm-power-map * {
box-sizing: border-box;
}
.pfm-power-map {
--pfm-map-navy: #071a3a;
--pfm-map-blue: #143566;
--pfm-map-red: #a10f1b;
--pfm-map-red-dark: #7e0b15;
--pfm-map-gold: #d6a313;
--pfm-map-ink: #172033;
--pfm-map-muted: #5f6d82;
--pfm-map-border: #dfe5ee;
--pfm-map-soft: #f7f9fc;
--pfm-map-green: #177245;
width: min(100%, 1240px);
margin: 0 auto;
color: var(--pfm-map-ink);
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.pfm-power-map a {
color: inherit;
text-decoration: none;
}
.pfm-power-map img {
max-width: 100%;
}
.pfm-power-map-hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
gap: 34px;
align-items: center;
min-height: 310px;
margin: 0 0 24px;
padding: 42px 44px;
overflow: hidden;
border: 1px solid rgba(255,255,255,.13);
border-radius: 22px;
background:
radial-gradient(circle at 88% 12%, rgba(214,163,19,.19), transparent 28%),
radial-gradient(circle at 74% 82%, rgba(161,15,27,.24), transparent 34%),
linear-gradient(135deg, #06162f 0%, #0b2854 58%, #091b38 100%);
box-shadow: 0 22px 48px rgba(7,26,58,.18);
color: #fff;
}
.pfm-power-map-hero::before,
.pfm-power-map-hero::after {
content: "";
position: absolute;
pointer-events: none;
border-radius: 50%;
}
.pfm-power-map-hero::before {
right: -94px;
top: -120px;
width: 310px;
height: 310px;
border: 38px solid rgba(255,255,255,.045);
}
.pfm-power-map-hero::after {
right: 190px;
bottom: -150px;
width: 270px;
height: 270px;
border: 2px solid rgba(255,255,255,.08);
}
.pfm-power-map-hero-copy,
.pfm-power-map-hero-stats {
position: relative;
z-index: 1;
}
.pfm-power-map-eyebrow,
.pfm-power-map-stage-head > div > span,
.pfm-power-map-section-head > span,
.pfm-power-map-methodology > div > span,
.pfm-power-map-detail-copy > span,
.pfm-power-map-insight-card > span {
display: block;
margin: 0 0 9px;
color: #ffb8bf;
font-size: 12px;
line-height: 1.2;
font-weight: 900;
letter-spacing: .105em;
text-transform: uppercase;
}
.pfm-power-map-hero h1 {
max-width: 780px;
margin: 0;
color: #fff;
font-size: clamp(36px, 5vw, 58px);
line-height: 1.01;
font-weight: 950;
letter-spacing: -.045em;
text-transform: none;
}
.pfm-power-map-hero-copy > p {
max-width: 760px;
margin: 20px 0 0;
color: rgba(255,255,255,.78);
font-size: 18px;
line-height: 1.58;
font-weight: 560;
}
.pfm-power-map-updated {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 22px;
padding: 9px 13px;
border: 1px solid rgba(255,255,255,.13);
border-radius: 999px;
background: rgba(255,255,255,.07);
color: rgba(255,255,255,.85);
font-size: 12px;
line-height: 1.2;
font-weight: 800;
}
.pfm-power-map-updated::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #61d393;
box-shadow: 0 0 0 5px rgba(97,211,147,.12);
}
.pfm-power-map-hero-stats {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
.pfm-power-map-hero-stats > div {
display: grid;
grid-template-columns: 74px minmax(0,1fr);
align-items: center;
gap: 13px;
min-height: 78px;
padding: 14px 17px;
border: 1px solid rgba(255,255,255,.12);
border-radius: 15px;
background: rgba(255,255,255,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
backdrop-filter: blur(8px);
}
.pfm-power-map-hero-stats strong {
color: #fff;
font-size: 32px;
line-height: 1;
font-weight: 950;
text-align: center;
}
.pfm-power-map-hero-stats span {
color: rgba(255,255,255,.72);
font-size: 13px;
line-height: 1.25;
font-weight: 800;
letter-spacing: .035em;
text-transform: uppercase;
}
.pfm-power-map-controls {
display: grid;
grid-template-columns: minmax(230px,1.2fr) minmax(210px,1fr) minmax(190px,.85fr) auto auto;
gap: 12px;
align-items: end;
margin: 0 0 18px;
padding: 18px;
border: 1px solid var(--pfm-map-border);
border-radius: 16px;
background: #fff;
box-shadow: 0 10px 28px rgba(15,23,42,.07);
}
.pfm-power-map-control label {
display: block;
margin: 0 0 7px;
color: #354258;
font-size: 11px;
line-height: 1.2;
font-weight: 900;
letter-spacing: .065em;
text-transform: uppercase;
}
.pfm-power-map-control select {
width: 100%;
height: 45px;
margin: 0;
padding: 0 38px 0 12px;
border: 1px solid #cfd7e3;
border-radius: 10px;
background-color: #fff;
color: var(--pfm-map-navy);
font: inherit;
font-size: 14px;
font-weight: 800;
box-shadow: none;
}
.pfm-power-map-control select:focus {
border-color: var(--pfm-map-red);
outline: 3px solid rgba(161,15,27,.13);
}
.pfm-power-map-conference-buttons {
display: inline-flex;
align-items: center;
height: 45px;
padding: 4px;
border: 1px solid #cfd7e3;
border-radius: 10px;
background: #f5f7fa;
}
.pfm-power-map-conference-buttons button,
.pfm-power-map-reset,
.pfm-power-map-detail-actions button {
appearance: none;
border: 0;
font: inherit;
cursor: pointer;
}
.pfm-power-map-conference-buttons button {
min-width: 48px;
height: 35px;
padding: 0 10px;
border-radius: 7px;
background: transparent;
color: #526176;
font-size: 12px;
line-height: 1;
font-weight: 900;
}
.pfm-power-map-conference-buttons button.is-active {
background: var(--pfm-map-navy);
color: #fff;
box-shadow: 0 4px 10px rgba(7,26,58,.16);
}
.pfm-power-map-reset {
height: 45px;
padding: 0 15px;
border-radius: 10px;
background: #fff1f2;
color: var(--pfm-map-red);
font-size: 12px;
line-height: 1;
font-weight: 900;
white-space: nowrap;
}
.pfm-power-map-reset:hover,
.pfm-power-map-reset:focus-visible {
background: var(--pfm-map-red);
color: #fff;
outline: none;
}
.pfm-power-map-stage-card,
.pfm-power-map-team-detail,
.pfm-power-map-group-card,
.pfm-power-map-insight-card,
.pfm-power-map-methodology {
border: 1px solid var(--pfm-map-border);
background: #fff;
box-shadow: 0 12px 30px rgba(15,23,42,.065);
}
.pfm-power-map-stage-card {
margin: 0 0 20px;
overflow: hidden;
border-radius: 18px;
}
.pfm-power-map-stage-head {
display: flex;
justify-content: space-between;
gap: 24px;
align-items: flex-start;
padding: 24px 26px 18px;
border-bottom: 1px solid #e8edf4;
}
.pfm-power-map-stage-head > div:first-child {
max-width: 720px;
}
.pfm-power-map-stage-head > div > span,
.pfm-power-map-section-head > span,
.pfm-power-map-methodology > div > span,
.pfm-power-map-detail-copy > span,
.pfm-power-map-insight-card > span {
color: var(--pfm-map-red);
}
.pfm-power-map-stage-head h2,
.pfm-power-map-section-head h2,
.pfm-power-map-methodology h2,
.pfm-power-map-detail-copy h2 {
margin: 0;
color: var(--pfm-map-navy);
font-size: clamp(25px, 3vw, 34px);
line-height: 1.12;
font-weight: 950;
letter-spacing: -.025em;
text-transform: none;
}
.pfm-power-map-stage-head p,
.pfm-power-map-section-head p,
.pfm-power-map-methodology p,
.pfm-power-map-detail-copy > p,
.pfm-power-map-insight-card > p {
margin: 9px 0 0;
color: var(--pfm-map-muted);
font-size: 14px;
line-height: 1.55;
font-weight: 560;
}
.pfm-power-map-average-key {
display: grid;
gap: 9px;
min-width: 230px;
padding: 12px 14px;
border: 1px solid #e1e7ef;
border-radius: 11px;
background: var(--pfm-map-soft);
}
.pfm-power-map-average-key span {
display: flex;
align-items: center;
gap: 9px;
color: #4a5870;
font-size: 11px;
line-height: 1.25;
font-weight: 850;
}
.pfm-power-map-average-key i {
width: 22px;
height: 0;
border-top: 2px dashed var(--pfm-map-red);
}
.pfm-power-map-average-key i.is-y {
border-top-color: var(--pfm-map-gold);
}
.pfm-power-map-chart-scroll {
width: 100%;
padding: 8px 12px 0;
overflow-x: auto;
overflow-y: hidden;
scrollbar-color: #aab6c6 #eef2f7;
scrollbar-width: thin;
overscroll-behavior-inline: contain;
}
.pfm-power-map-chart {
display: block;
width: 100%;
min-width: 880px;
height: auto;
min-height: 570px;
}
.pfm-map-quadrant-backgrounds rect {
stroke: none;
}
.pfm-map-quadrant-backgrounds .q-high-high { fill: #effaf4; }
.pfm-map-quadrant-backgrounds .q-low-high { fill: #f0f6ff; }
.pfm-map-quadrant-backgrounds .q-high-low { fill: #fff8ea; }
.pfm-map-quadrant-backgrounds .q-low-low { fill: #fff3f3; }
.pfm-map-grid line {
stroke: #dfe6ef;
stroke-width: 1;
}
.pfm-map-tick {
fill: #69768a;
font-size: 11px;
font-weight: 800;
}
.pfm-map-axis line {
stroke: #526176;
stroke-width: 1.4;
}
.pfm-map-axis-title {
fill: var(--pfm-map-navy);
font-size: 14px;
font-weight: 950;
letter-spacing: .02em;
text-transform: uppercase;
}
.pfm-map-average-lines line {
stroke-width: 2.25;
stroke-dasharray: 8 7;
pointer-events: none;
}
.pfm-map-average-lines .is-x { stroke: var(--pfm-map-red); }
.pfm-map-average-lines .is-y { stroke: var(--pfm-map-gold); }
.pfm-map-quadrant-labels text {
fill: rgba(7,26,58,.54);
font-size: 12px;
font-weight: 950;
letter-spacing: .075em;
text-transform: uppercase;
pointer-events: none;
}
.pfm-map-displacement-lines line {
stroke: #a6b2c2;
stroke-width: 1;
stroke-dasharray: 3 3;
pointer-events: none;
}
.pfm-map-displacement-lines circle {
fill: #7c899b;
pointer-events: none;
}
.pfm-map-selected-guides line {
stroke: rgba(7,26,58,.42);
stroke-width: 1.2;
stroke-dasharray: 4 5;
pointer-events: none;
}
.pfm-map-team-node {
cursor: pointer;
outline: none;
}
.pfm-map-team-node-bg {
fill: #fff;
stroke: var(--team-primary, #8b0f1a);
stroke-width: 2.5;
filter: drop-shadow(0 5px 7px rgba(15,23,42,.18));
transition: r .16s ease, stroke-width .16s ease;
}
.pfm-map-team-node:hover .pfm-map-team-node-bg,
.pfm-map-team-node:focus .pfm-map-team-node-bg {
r: 27px;
stroke-width: 4;
}
.pfm-map-team-node.is-selected .pfm-map-team-node-bg {
stroke: var(--pfm-map-red);
stroke-width: 5;
filter: drop-shadow(0 7px 10px rgba(161,15,27,.28));
}
.pfm-map-team-logo {
pointer-events: none;
}
.pfm-map-team-abbr {
fill: #27344a;
font-size: 10px;
font-weight: 950;
letter-spacing: .035em;
pointer-events: none;
}
.pfm-power-map-chart-help {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 11px 24px;
padding: 14px 20px 18px;
border-top: 1px solid #edf1f6;
color: #617087;
font-size: 11px;
line-height: 1.3;
font-weight: 760;
}
.pfm-power-map-chart-help span {
display: inline-flex;
align-items: center;
gap: 7px;
}
.pfm-power-map-chart-help span::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--pfm-map-red);
}
.pfm-power-map-chart-help span:last-child::before {
background: var(--pfm-map-gold);
}
.pfm-power-map-noscript {
margin: 0 20px 20px;
padding: 13px 15px;
border-radius: 10px;
background: #fff8e8;
color: #7d5412;
font-size: 13px;
font-weight: 700;
}
.pfm-power-map-team-detail {
display: grid;
grid-template-columns: 88px minmax(0,1fr) auto;
gap: 22px;
align-items: center;
margin: 0 0 28px;
padding: 22px 24px;
border-left: 5px solid var(--pfm-map-red);
border-radius: 16px;
}
.pfm-power-map-team-detail[hidden] {
display: none;
}
.pfm-power-map-detail-logo {
display: flex;
align-items: center;
justify-content: center;
width: 84px;
height: 84px;
padding: 8px;
border: 1px solid #e1e7ef;
border-radius: 16px;
background: var(--pfm-map-soft);
}
.pfm-power-map-detail-logo img {
display: block;
width: 68px;
height: 68px;
object-fit: contain;
}
.pfm-power-map-detail-copy > span {
margin-bottom: 5px;
}
.pfm-power-map-detail-copy h2 {
font-size: 27px;
}
.pfm-power-map-detail-copy > p {
max-width: 760px;
}
.pfm-power-map-detail-scores {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 14px;
}
.pfm-power-map-detail-scores > span {
display: inline-flex;
align-items: baseline;
gap: 7px;
padding: 8px 11px;
border: 1px solid #e0e6ee;
border-radius: 9px;
background: var(--pfm-map-soft);
}
.pfm-power-map-detail-scores small {
color: #69778c;
font-size: 10px;
font-weight: 900;
letter-spacing: .045em;
text-transform: uppercase;
}
.pfm-power-map-detail-scores strong {
color: var(--pfm-map-navy);
font-size: 16px;
font-weight: 950;
}
.pfm-power-map-detail-actions {
display: grid;
gap: 8px;
min-width: 196px;
}
.pfm-power-map-detail-actions a,
.pfm-power-map-detail-actions button {
display: flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 9px 13px;
border: 1px solid var(--pfm-map-red);
border-radius: 9px;
background: var(--pfm-map-red);
color: #fff;
font-size: 12px;
line-height: 1.2;
font-weight: 900;
text-align: center;
}
.pfm-power-map-detail-actions a:nth-child(2),
.pfm-power-map-detail-actions button {
border-color: #d8dfe9;
background: #fff;
color: var(--pfm-map-navy);
}
.pfm-power-map-detail-actions a:hover,
.pfm-power-map-detail-actions a:focus-visible,
.pfm-power-map-detail-actions button:hover,
.pfm-power-map-detail-actions button:focus-visible {
border-color: var(--pfm-map-red-dark);
background: var(--pfm-map-red-dark);
color: #fff;
outline: none;
}
.pfm-power-map-groups,
.pfm-power-map-insights {
margin: 0 0 30px;
}
.pfm-power-map-section-head {
margin: 0 0 17px;
}
.pfm-power-map-section-head h2 {
font-size: 30px;
}
.pfm-power-map-section-head p {
max-width: 720px;
}
.pfm-power-map-group-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 16px;
}
.pfm-power-map-group-card {
overflow: hidden;
border-radius: 14px;
}
.pfm-power-map-group-card[data-quadrant="high-high"] { border-top: 4px solid #2d9b68; }
.pfm-power-map-group-card[data-quadrant="low-high"] { border-top: 4px solid #3f73bd; }
.pfm-power-map-group-card[data-quadrant="high-low"] { border-top: 4px solid #d69b22; }
.pfm-power-map-group-card[data-quadrant="low-low"] { border-top: 4px solid #c5545d; }
.pfm-power-map-group-head {
display: grid;
grid-template-columns: 38px minmax(0,1fr) auto;
gap: 12px;
align-items: start;
padding: 17px 18px 14px;
border-bottom: 1px solid #e8edf4;
background: #fbfcfe;
}
.pfm-power-map-quadrant-icon {
position: relative;
display: block;
width: 36px;
height: 36px;
border: 1px solid #dfe5ed;
border-radius: 9px;
background:
linear-gradient(90deg, transparent 48%, #c6d0dd 48%, #c6d0dd 52%, transparent 52%),
linear-gradient(transparent 48%, #c6d0dd 48%, #c6d0dd 52%, transparent 52%),
#fff;
}
.pfm-power-map-quadrant-icon::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--pfm-map-red);
}
[data-quadrant="high-high"] .pfm-power-map-quadrant-icon::after { right: 6px; top: 6px; background: #2d9b68; }
[data-quadrant="low-high"] .pfm-power-map-quadrant-icon::after { left: 6px; top: 6px; background: #3f73bd; }
[data-quadrant="high-low"] .pfm-power-map-quadrant-icon::after { right: 6px; bottom: 6px; background: #d69b22; }
[data-quadrant="low-low"] .pfm-power-map-quadrant-icon::after { left: 6px; bottom: 6px; background: #c5545d; }
.pfm-power-map-group-head h3 {
margin: 0;
color: var(--pfm-map-navy);
font-size: 18px;
line-height: 1.2;
font-weight: 950;
text-transform: none;
}
.pfm-power-map-group-head p {
margin: 4px 0 0;
color: #68768a;
font-size: 12px;
line-height: 1.4;
font-weight: 580;
}
.pfm-power-map-group-head > b {
display: flex;
align-items: center;
justify-content: center;
min-width: 34px;
height: 34px;
padding: 0 8px;
border-radius: 999px;
background: #e9eef5;
color: var(--pfm-map-navy);
font-size: 13px;
font-weight: 950;
}
.pfm-power-map-group-card ul {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 0;
margin: 0;
padding: 5px 14px 12px;
list-style: none;
}
.pfm-power-map-group-card li {
min-width: 0;
margin: 0;
padding: 0;
border-bottom: 1px solid #edf1f6;
}
.pfm-power-map-group-card li:nth-last-child(-n+2) {
border-bottom: 0;
}
.pfm-power-map-group-card li a {
display: grid;
grid-template-columns: 38px minmax(0,1fr);
gap: 9px;
align-items: center;
min-height: 58px;
padding: 8px 6px;
border-radius: 8px;
}
.pfm-power-map-group-card li a:hover,
.pfm-power-map-group-card li a:focus-visible {
background: #f4f7fb;
outline: none;
}
.pfm-power-map-group-card li img {
width: 34px;
height: 34px;
object-fit: contain;
}
.pfm-power-map-group-card li span {
min-width: 0;
}
.pfm-power-map-group-card li strong {
display: block;
overflow: hidden;
color: #1c2a40;
font-size: 12px;
line-height: 1.25;
font-weight: 900;
text-overflow: ellipsis;
white-space: nowrap;
}
.pfm-power-map-group-card li small {
display: block;
margin-top: 3px;
color: #738095;
font-size: 9.5px;
line-height: 1.25;
font-weight: 760;
}
.pfm-power-map-group-card li.pfm-power-map-empty {
grid-column: 1 / -1;
padding: 18px 8px;
border-bottom: 0;
color: #758297;
font-size: 12px;
font-weight: 700;
}
.pfm-power-map-insight-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 15px;
}
.pfm-power-map-insight-card {
padding: 18px;
border-radius: 14px;
}
.pfm-power-map-insight-card > span {
margin-bottom: 13px;
font-size: 10px;
}
.pfm-power-map-insight-team {
display: grid;
grid-template-columns: 54px minmax(0,1fr);
gap: 12px;
align-items: center;
}
.pfm-power-map-insight-team img {
width: 50px;
height: 50px;
object-fit: contain;
}
.pfm-power-map-insight-team h3 {
margin: 0;
color: var(--pfm-map-navy);
font-size: 18px;
line-height: 1.2;
font-weight: 950;
text-transform: none;
}
.pfm-power-map-insight-team a:hover,
.pfm-power-map-insight-team a:focus-visible {
color: var(--pfm-map-red);
outline: none;
}
.pfm-power-map-methodology {
display: flex;
justify-content: space-between;
gap: 30px;
align-items: center;
margin: 0 0 10px;
padding: 24px 26px;
border-radius: 16px;
background: linear-gradient(135deg, #fff 0%, #f7f9fc 100%);
}
.pfm-power-map-methodology > div {
max-width: 800px;
}
.pfm-power-map-methodology h2 {
font-size: 25px;
}
.pfm-power-map-methodology > a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 210px;
min-height: 46px;
padding: 11px 16px;
border-radius: 10px;
background: var(--pfm-map-red);
color: #fff;
font-size: 12px;
line-height: 1.2;
font-weight: 900;
text-align: center;
}
.pfm-power-map-methodology > a:hover,
.pfm-power-map-methodology > a:focus-visible {
background: var(--pfm-map-red-dark);
color: #fff;
outline: none;
}
.pfm-power-map .pfm-sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}
@media (max-width: 1080px) {
.pfm-power-map-controls {
grid-template-columns: repeat(3, minmax(0,1fr));
}
.pfm-power-map-conference-buttons,
.pfm-power-map-reset {
width: 100%;
}
.pfm-power-map-conference-buttons {
justify-content: stretch;
}
.pfm-power-map-conference-buttons button {
flex: 1;
}
}
@media (max-width: 900px) {
.pfm-power-map-hero {
grid-template-columns: 1fr;
min-height: 0;
padding: 34px 30px;
}
.pfm-power-map-hero-stats {
grid-template-columns: repeat(3, minmax(0,1fr));
}
.pfm-power-map-hero-stats > div {
grid-template-columns: 1fr;
gap: 7px;
min-height: 92px;
text-align: center;
}
.pfm-power-map-team-detail {
grid-template-columns: 76px minmax(0,1fr);
}
.pfm-power-map-detail-logo {
width: 72px;
height: 72px;
}
.pfm-power-map-detail-logo img {
width: 58px;
height: 58px;
}
.pfm-power-map-detail-actions {
grid-column: 1 / -1;
grid-template-columns: repeat(3, minmax(0,1fr));
}
.pfm-power-map-insight-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.pfm-power-map-hero {
margin-left: -4px;
margin-right: -4px;
padding: 29px 22px;
border-radius: 17px;
}
.pfm-power-map-hero h1 {
font-size: 37px;
line-height: 1.04;
}
.pfm-power-map-hero-copy > p {
margin-top: 15px;
font-size: 15px;
line-height: 1.55;
}
.pfm-power-map-hero-stats {
gap: 8px;
}
.pfm-power-map-hero-stats > div {
min-height: 82px;
padding: 10px 7px;
}
.pfm-power-map-hero-stats strong {
font-size: 25px;
}
.pfm-power-map-hero-stats span {
font-size: 9px;
}
.pfm-power-map-controls {
grid-template-columns: 1fr 1fr;
padding: 14px;
}
.pfm-power-map-view-control,
.pfm-power-map-team-control {
grid-column: 1 / -1;
}
.pfm-power-map-division-control {
grid-column: 1 / -1;
}
.pfm-power-map-stage-head {
display: block;
padding: 20px 18px 15px;
}
.pfm-power-map-stage-head h2,
.pfm-power-map-section-head h2 {
font-size: 25px;
}
.pfm-power-map-average-key {
margin-top: 14px;
min-width: 0;
}
.pfm-power-map-chart-scroll {
padding-left: 0;
padding-right: 0;
}
.pfm-power-map-chart {
min-width: 820px;
min-height: 535px;
}
.pfm-power-map-chart-help {
justify-content: flex-start;
padding: 12px 16px 15px;
}
.pfm-power-map-team-detail {
grid-template-columns: 64px minmax(0,1fr);
gap: 14px;
padding: 18px 16px;
}
.pfm-power-map-detail-logo {
width: 62px;
height: 62px;
border-radius: 12px;
}
.pfm-power-map-detail-logo img {
width: 50px;
height: 50px;
}
.pfm-power-map-detail-copy h2 {
font-size: 22px;
}
.pfm-power-map-detail-copy > p {
font-size: 13px;
}
.pfm-power-map-detail-actions {
grid-template-columns: 1fr;
}
.pfm-power-map-group-grid {
grid-template-columns: 1fr;
}
.pfm-power-map-group-card ul {
grid-template-columns: 1fr;
}
.pfm-power-map-group-card li:nth-last-child(-n+2) {
border-bottom: 1px solid #edf1f6;
}
.pfm-power-map-group-card li:last-child {
border-bottom: 0;
}
.pfm-power-map-methodology {
display: block;
padding: 21px 18px;
}
.pfm-power-map-methodology > a {
width: 100%;
margin-top: 17px;
}
}
@media (max-width: 430px) {
.pfm-power-map-controls {
grid-template-columns: 1fr;
}
.pfm-power-map-view-control,
.pfm-power-map-team-control,
.pfm-power-map-division-control {
grid-column: auto;
}
.pfm-power-map-updated {
align-items: flex-start;
border-radius: 11px;
}
.pfm-power-map-section-head h2 {
font-size: 23px;
}
}
@media (prefers-reduced-motion: reduce) {
.pfm-power-map *,
.pfm-power-map *::before,
.pfm-power-map *::after {
scroll-behavior: auto !important;
transition-duration: .001ms !important;
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
}
} .pfm-power-map {
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.pfm-power-map-hero h1,
.pfm-power-map-hero-copy > p,
.pfm-power-map-updated,
.pfm-power-map-updated time,
.pfm-power-map-hero-stats strong,
.pfm-power-map-hero-stats span,
.pfm-power-map-eyebrow {
-webkit-text-fill-color: currentColor !important;
}
.pfm-power-map-hero h1,
.pfm-power-map-hero-stats strong {
color: #fff !important;
}
.pfm-power-map-hero-copy > p,
.pfm-power-map-hero-stats span {
color: rgba(255,255,255,.78) !important;
}
.pfm-power-map-updated,
.pfm-power-map-updated time {
color: rgba(255,255,255,.88) !important;
}
.pfm-power-map-controls,
.pfm-power-map-stage-card,
.pfm-power-map-team-detail,
.pfm-power-map-group-card,
.pfm-power-map-insight-card,
.pfm-power-map-methodology {
position: relative !important;
overflow: hidden !important;
border: 1px solid #dfe4ec !important;
border-top: 4px solid #8b0f1a !important;
border-radius: 14px !important;
background: linear-gradient(145deg,#fff 0%,#fbf7f7 100%) !important;
box-shadow: 0 10px 24px rgba(15,23,42,.06) !important;
}
.pfm-power-map-controls::after,
.pfm-power-map-team-detail::after,
.pfm-power-map-group-card::after,
.pfm-power-map-insight-card::after,
.pfm-power-map-methodology::after {
content: "";
position: absolute;
right: -30px;
bottom: -32px;
width: 86px;
height: 86px;
border-radius: 50%;
background: rgba(139,15,26,.04);
pointer-events: none;
}
.pfm-power-map-stage-card {
background: #fff !important;
}
.pfm-power-map-team-detail {
border-left: 1px solid #dfe4ec !important;
}
.pfm-power-map-group-card[data-quadrant] {
border-top-color: #8b0f1a !important;
}
.pfm-power-map-control,
.pfm-power-map-control select,
.pfm-power-map-conference-buttons,
.pfm-power-map-reset {
min-width: 0 !important;
}
.pfm-power-map-control label {
color: #354258 !important;
-webkit-text-fill-color: #354258 !important;
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 950 !important;
letter-spacing: .065em !important;
text-transform: uppercase !important;
}
.pfm-power-map-control select {
display: block !important;
width: 100% !important;
height: 46px !important;
min-height: 46px !important;
margin: 0 !important;
padding: 0 42px 0 13px !important;
border: 1px solid #cfd7e3 !important;
border-radius: 10px !important;
background-color: #fff !important;
color: #071a3a !important;
-webkit-text-fill-color: #071a3a !important;
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 14px !important;
line-height: 46px !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: none !important;
}
.pfm-power-map-conference-buttons {
display: inline-flex !important;
height: 46px !important;
padding: 4px !important;
border: 1px solid #cfd7e3 !important;
border-radius: 10px !important;
background: #f5f7fa !important;
}
.pfm-power-map-conference-buttons button,
.pfm-power-map-reset,
.pfm-power-map-detail-actions a,
.pfm-power-map-detail-actions button,
.pfm-power-map-share-actions button {
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
text-transform: none !important;
letter-spacing: 0 !important;
opacity: 1 !important;
}
.pfm-power-map-conference-buttons button {
min-width: 48px !important;
height: 36px !important;
margin: 0 !important;
padding: 0 10px !important;
border: 0 !important;
border-radius: 7px !important;
background: transparent !important;
color: #526176 !important;
-webkit-text-fill-color: #526176 !important;
font-size: 12px !important;
line-height: 36px !important;
font-weight: 950 !important;
box-shadow: none !important;
}
.pfm-power-map-conference-buttons button.is-active {
background: #071a3a !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
box-shadow: 0 4px 10px rgba(7,26,58,.16) !important;
}
.pfm-power-map-reset {
height: 46px !important;
min-height: 46px !important;
margin: 0 !important;
padding: 0 15px !important;
border: 1px solid #f0cfd3 !important;
border-radius: 10px !important;
background: #fff1f2 !important;
color: #8b0f1a !important;
-webkit-text-fill-color: #8b0f1a !important;
font-size: 12px !important;
line-height: 44px !important;
font-weight: 950 !important;
box-shadow: none !important;
}
.pfm-power-map-reset:hover,
.pfm-power-map-reset:focus-visible {
border-color: #8b0f1a !important;
background: #8b0f1a !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.pfm-power-map-stage-head h2,
.pfm-power-map-section-head h2,
.pfm-power-map-methodology h2,
.pfm-power-map-detail-copy h2,
.pfm-power-map-group-head h3,
.pfm-power-map-insight-team h3 {
color: #111827 !important;
-webkit-text-fill-color: #111827 !important;
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.pfm-power-map-stage-head p,
.pfm-power-map-section-head p,
.pfm-power-map-methodology p,
.pfm-power-map-detail-copy > p,
.pfm-power-map-insight-card > p,
.pfm-power-map-group-head p {
color: #4b5563 !important;
-webkit-text-fill-color: #4b5563 !important;
}
.pfm-power-map-stage-tools {
display: grid;
gap: 10px;
width: min(100%, 285px);
min-width: 250px;
}
.pfm-power-map-average-key {
min-width: 0 !important;
}
.pfm-power-map-share-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.pfm-power-map-share-actions button {
appearance: none !important;
min-height: 42px !important;
margin: 0 !important;
padding: 9px 11px !important;
border: 1px solid #8b0f1a !important;
border-radius: 9px !important;
background: #8b0f1a !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: 11px !important;
line-height: 1.15 !important;
font-weight: 950 !important;
text-align: center !important;
cursor: pointer !important;
box-shadow: none !important;
}
.pfm-power-map-share-actions .pfm-power-map-share {
border-color: #cfd7e3 !important;
background: #fff !important;
color: #071a3a !important;
-webkit-text-fill-color: #071a3a !important;
}
.pfm-power-map-share-actions button:hover,
.pfm-power-map-share-actions button:focus-visible {
border-color: #7e0b15 !important;
background: #7e0b15 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
outline: none !important;
}
.pfm-power-map-share-actions button:disabled {
cursor: wait !important;
opacity: .65 !important;
}
.pfm-power-map-share-status {
grid-column: 1 / -1;
display: block;
min-height: 16px;
color: #5f6d82 !important;
-webkit-text-fill-color: #5f6d82 !important;
font-size: 10px !important;
line-height: 1.35 !important;
font-weight: 800 !important;
}
.pfm-power-map-share-status:empty {
display: none;
}
.pfm-power-map-share-status.is-error {
color: #8b0f1a !important;
-webkit-text-fill-color: #8b0f1a !important;
}
.pfm-power-map-detail-actions a,
.pfm-power-map-detail-actions button {
min-height: 44px !important;
margin: 0 !important;
border-radius: 9px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 950 !important;
}
.pfm-power-map-detail-actions a:first-child {
border-color: #8b0f1a !important;
background: #8b0f1a !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.pfm-power-map-detail-actions a:nth-child(2),
.pfm-power-map-detail-actions button {
border-color: #d8dfe9 !important;
background: #fff !important;
color: #071a3a !important;
-webkit-text-fill-color: #071a3a !important;
}
.pfm-power-map-detail-actions a:hover,
.pfm-power-map-detail-actions a:focus-visible,
.pfm-power-map-detail-actions button:hover,
.pfm-power-map-detail-actions button:focus-visible {
border-color: #7e0b15 !important;
background: #7e0b15 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.pfm-power-map-methodology > a {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
@media (max-width: 900px) {
.pfm-power-map-stage-tools {
width: 100%;
min-width: 0;
}
}
@media (max-width: 720px) {
.pfm-power-map-controls {
gap: 11px !important;
padding: 15px !important;
}
.pfm-power-map-control select {
font-size: 13px !important;
}
.pfm-power-map-stage-head {
padding: 20px 18px 16px !important;
}
.pfm-power-map-stage-tools {
margin-top: 15px;
}
.pfm-power-map-share-actions {
grid-template-columns: 1fr;
}
.pfm-power-map-share-actions button {
min-height: 44px !important;
font-size: 12px !important;
}
.pfm-power-map-team-detail {
border-left: 1px solid #dfe4ec !important;
}
}
@media (max-width: 430px) {
.pfm-power-map-hero {
padding: 26px 20px !important;
}
.pfm-power-map-hero h1 {
font-size: 34px !important;
}
.pfm-power-map-hero-stats > div {
min-height: 76px !important;
padding: 9px 5px !important;
}
.pfm-power-map-control select {
font-size: 12.5px !important;
}
.pfm-power-map-conference-buttons,
.pfm-power-map-reset {
width: 100% !important;
}
.pfm-power-map-detail-scores > span {
width: 100%;
justify-content: space-between;
}
} .pfm-power-map-hero{position:relative!important;display:block!important;min-height:0!important;height:auto!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:24px!important;padding:38px!important;background:linear-gradient(145deg,#4b0911 0%,#8b0f1a 100%)!important;color:#fff!important;box-shadow:0 16px 34px rgba(139,15,26,.18)!important}
.pfm-power-map-hero::before,.pfm-power-map-hero::after{content:""!important;position:absolute!important;pointer-events:none!important;border-radius:50%!important}
.pfm-power-map-hero::before{right:-120px!important;top:-140px!important;width:340px!important;height:340px!important;border:40px solid rgba(255,255,255,.06)!important}
.pfm-power-map-hero::after{left:-70px!important;bottom:-120px!important;width:250px!important;height:250px!important;border:2px solid rgba(255,255,255,.09)!important}
.pfm-power-map-hero-copy,.pfm-power-map-hero-stats{position:relative!important;z-index:2!important}
.pfm-power-map-eyebrow{display:block!important;color:#ffd9dd!important;font-size:12px!important;font-weight:950!important;line-height:1.35!important;letter-spacing:.11em!important;text-transform:uppercase!important}
.pfm-power-map-hero h1{max-width:900px!important;margin:8px 0 12px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;font-family:Roboto,"Helvetica Neue",Arial,sans-serif!important;font-size:clamp(38px,5vw,56px)!important;line-height:1.02!important;font-weight:950!important;letter-spacing:-.04em!important;text-shadow:none!important;overflow-wrap:anywhere!important}
.pfm-power-map-hero-copy>p{max-width:760px!important;margin:0!important;color:rgba(255,255,255,.9)!important;-webkit-text-fill-color:rgba(255,255,255,.9)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:19px!important;line-height:1.55!important;font-weight:400!important}
.pfm-power-map-updated{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-top:18px!important;padding:12px 16px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:Roboto,"Helvetica Neue",Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;line-height:1.4!important}
.pfm-power-map-hero-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:30px!important}
.pfm-power-map-hero-stats>div{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:136px!important;padding:18px 14px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;background:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:none!important}
.pfm-power-map-hero-stats strong{color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:Roboto,"Helvetica Neue",Arial,sans-serif!important;font-size:54px!important;line-height:1!important;font-weight:950!important;text-align:center!important}
.pfm-power-map-hero-stats span{margin-top:10px!important;color:rgba(255,255,255,.82)!important;-webkit-text-fill-color:rgba(255,255,255,.82)!important;font-family:Roboto,"Helvetica Neue",Arial,sans-serif!important;font-size:13px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;text-align:center!important}
.pfm-power-map-stage-head{align-items:flex-end!important}
.pfm-power-map-stage-tools{display:block!important;width:auto!important;min-width:230px!important}
.pfm-power-map-share-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0 20px 18px!important;border-top:1px solid #edf1f6!important;background:#fff!important}
.pfm-power-map-share-actions button{min-height:48px!important;font-size:13px!important;border-radius:10px!important}
.pfm-power-map-share-status{grid-column:1/-1!important;padding-top:2px!important}
@media(max-width:900px){.pfm-power-map-hero{padding:30px 22px!important}.pfm-power-map-hero-copy>p{font-size:17px!important}.pfm-power-map-hero-stats strong{font-size:42px!important}.pfm-power-map-stage-tools{width:100%!important;min-width:0!important}.pfm-power-map-share-actions{padding:0 18px 16px!important}}
@media(max-width:620px){.pfm-power-map-hero h1{font-size:39px!important;line-height:1.06!important}.pfm-power-map-hero-copy>p{font-size:16px!important;line-height:1.5!important}.pfm-power-map-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.pfm-power-map-hero-stats>div{min-height:112px!important;padding:14px 10px!important;border-radius:16px!important}.pfm-power-map-hero-stats strong{font-size:34px!important}.pfm-power-map-hero-stats span{font-size:11px!important}.pfm-power-map-share-actions{grid-template-columns:1fr!important}}
@media(max-width:380px){.pfm-power-map-hero{padding:26px 18px!important}.pfm-power-map-hero h1{font-size:34px!important}.pfm-power-map-hero-stats strong{font-size:30px!important}} .pfm-power-map-hero::before{
content:""!important;
position:absolute!important;
inset:0!important;
width:auto!important;
height:auto!important;
border:0!important;
border-radius:0!important;
background-image:url(//profootballmania.com/wp-content/plugins/pfm-data-plugin/assets/pfm-team-logo-watermark-desktop.webp)!important;
background-repeat:no-repeat!important;
background-position:center bottom!important;
background-size:94% auto!important;
opacity:.10!important;
pointer-events:none!important;
}
.pfm-power-map-hero::after{display:none!important;content:none!important}
.pfm-power-map-share-actions button{
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
padding-left:16px!important;
padding-right:16px!important;
}
@media(max-width:620px){
.pfm-power-map-hero::before{
background-image:url(//profootballmania.com/wp-content/plugins/pfm-data-plugin/assets/pfm-team-logo-watermark-mobile.webp)!important;
background-position:center center!important;
background-size:100% auto!important;
opacity:.09!important;
}
} .pfm-power-map-conference-buttons{border-color:#e3c6ca!important;background:#fff7f8!important}
.pfm-power-map-conference-buttons button{color:#7b4b52!important;-webkit-text-fill-color:#7b4b52!important;background:transparent!important}
.pfm-power-map-conference-buttons button:hover,.pfm-power-map-conference-buttons button:focus-visible{background:#f3dfe2!important;color:#8b0f1a!important;-webkit-text-fill-color:#8b0f1a!important;outline:none!important}
.pfm-power-map-conference-buttons button.is-active{background:#8b0f1a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 4px 10px rgba(139,15,26,.2)!important} @media(min-width:621px){
.pfm-power-map-hero::before{
background-position:center center!important;
background-size:contain!important;
opacity:.10!important;
}
} html body main.pfm-power-map .pfm-power-map-team-detail .pfm-power-map-detail-actions a:hover,
html body main.pfm-power-map .pfm-power-map-team-detail .pfm-power-map-detail-actions a:focus,
html body main.pfm-power-map .pfm-power-map-team-detail .pfm-power-map-detail-actions a:focus-visible,
html body main.pfm-power-map .pfm-power-map-team-detail .pfm-power-map-detail-actions a:active,
html body main.pfm-power-map .pfm-power-map-team-detail .pfm-power-map-detail-actions button:hover,
html body main.pfm-power-map .pfm-power-map-team-detail .pfm-power-map-detail-actions button:focus,
html body main.pfm-power-map .pfm-power-map-team-detail .pfm-power-map-detail-actions button:focus-visible,
html body main.pfm-power-map .pfm-power-map-team-detail .pfm-power-map-detail-actions button:active {
border-color: #7e0b15 !important;
background: #7e0b15 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
text-decoration-color: #fff !important;
}