@media(max-width:1320px){ .meta-four-donuts{grid-template-columns:repeat(2,minmax(0,1fr))} .meta-filter-grid,.meta-filter-grid.is-custom-date-range{grid-template-columns:repeat(3,minmax(150px,1fr))} .meta-filter-actions{grid-column:1/-1;justify-content:flex-end} .meta-card-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))} .meta-card-filter-bar>.btn{grid-column:1/-1} } @media(max-width:1080px){ .meta-heading{grid-template-columns:1fr} .meta-heading-snapshot{max-width:none} .meta-filter-grid,.meta-filter-grid.is-custom-date-range{grid-template-columns:repeat(2,minmax(180px,1fr))} .meta-filter-actions{grid-column:1/-1;justify-content:flex-end} .meta-leader-strategy-pie{width:76px;height:76px} } @media(max-width:980px){ .meta-two-column{grid-template-columns:1fr} .meta-section-heading{align-items:flex-start;flex-direction:column} .meta-section-heading>p{text-align:left} .meta-section-heading-tools{align-items:flex-start;justify-content:space-between;width:100%;max-width:none} .meta-section-heading-tools>p{text-align:left} } @media(max-width:760px){ .meta-donut{width:min(100%,220px)} .meta-filter-grid,.meta-filter-grid.is-custom-date-range{grid-template-columns:1fr} .meta-filter-actions{grid-column:auto;justify-content:stretch} .meta-filter-actions>*{flex:1} .meta-filter-panel>.search-help{align-items:flex-start;flex-direction:column} .meta-filter-panel>.search-help span:last-child{text-align:left} .meta-section-nav{top:calc(var(--header-height,60px) + .25rem);margin-inline:-.15rem} .meta-section-nav a{flex:initial} .meta-four-donuts,.meta-card-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))} .meta-card-filter-bar>.btn{grid-column:1/-1} .meta-archetype-groups,.meta-leader-list{grid-template-columns:1fr} } @media(max-width:560px){ .meta-donut{width:min(100%,180px)} .meta-heading-snapshot{grid-template-columns:1fr} .meta-heading-snapshot>span{text-align:left} .meta-section-heading-tools{align-items:stretch;flex-direction:column} .meta-page .meta-section-heading-tools .view-controls{display:flex;align-self:flex-start} .meta-four-donuts,.meta-card-filter-bar{grid-template-columns:1fr} .meta-card-filter-bar>.btn{grid-column:auto} .meta-donut-layout{grid-template-columns:120px minmax(0,1fr)} .meta-four-donuts .meta-donut-layout{grid-template-columns:120px minmax(0,1fr)} .meta-four-donuts .meta-donut{justify-self:start} .meta-shell[data-meta-card-size="large"] .meta-card-usage-grid,.meta-shell[data-meta-category-size="large"] .meta-category-card-grid{grid-template-columns:1fr} .meta-shell[data-meta-card-size="medium"] .meta-card-usage-grid,.meta-shell[data-meta-category-size="medium"] .meta-category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .meta-shell[data-meta-card-size="small"] .meta-card-usage-grid,.meta-shell[data-meta-category-size="small"] .meta-category-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .meta-leader-card{grid-template-columns:20px 64px minmax(0,1fr);gap:.5rem;padding:.5rem} .meta-leader-card>.meta-usage-thumb{width:64px;height:89px} .meta-leader-strategy-pie{width:64px;height:64px} .meta-leader-copy>header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.meta-leader-copy>header>div{grid-column:1}.meta-leader-strategy-pie{grid-column:2;grid-row:1/3}.meta-leader-copy>header>b{grid-column:1;justify-items:start}.meta-leader-copy>header strong{font-size:.8rem}.meta-leader-copy>header>b{font-size:.88rem} } @media(max-width:390px){ .meta-donut{width:min(100%,160px)} .meta-donut-layout,.meta-four-donuts .meta-donut-layout{grid-template-columns:1fr} .meta-donut,.meta-four-donuts .meta-donut{justify-self:center} .meta-archetype-groups section>div{grid-template-columns:minmax(90px,1fr) 38px auto 24px} .meta-shell[data-meta-card-size="small"] .meta-card-usage-grid,.meta-shell[data-meta-category-size="small"] .meta-category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .meta-leader-card{grid-template-columns:18px 54px minmax(0,1fr)} .meta-leader-card>.meta-usage-thumb{width:54px;height:75px} .meta-leader-strategy-pie{width:50px;height:50px} } @media(hover:none),(pointer:coarse){ .meta-donut .stats-pie-chart:hover .stats-pie-slice{opacity:1} .meta-donut .stats-pie-chart .stats-pie-slice:hover{transform:none;filter:none} }