/* Applied only by the ThoughtPrice chart-export skill. */
html[data-social-export="twitter"],
html[data-social-export="twitter"] body {
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  background: var(--bg);
}

html[data-social-export="twitter"] .shell {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  height: 100vh;
  padding: 72px 84px 64px;
}

html[data-social-export="twitter"] .topbar,
html[data-social-export="twitter"] .product-tabs,
html[data-social-export="twitter"] footer,
html[data-social-export="twitter"] .methodology-link,
html[data-social-export="twitter"] .temporary-note-row,
html[data-social-export="twitter"] .estimate-assumptions,
html[data-social-export="twitter"] .quality-chart-head,
html[data-social-export="twitter"] .benchmark-details,
html[data-social-export="twitter"] .benchmark-note,
html[data-social-export="twitter"] .custom-range,
html[data-social-export="twitter"] .secondary-button,
html[data-social-export="twitter"] .range-tabs,
html[data-social-export="twitter"] .family-cost-controls,
html[data-social-export="twitter"] .benchmark-controls {
  display: none !important;
}

html[data-social-export="twitter"] [data-public-section]:not([data-social-export-target="true"]) {
  display: none !important;
}

html[data-social-export="twitter"] [data-social-export-target="true"] {
  box-sizing: border-box;
  position: relative;
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 42px 48px 44px;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 18px 55px var(--shadow);
}

html[data-social-export="twitter"] [data-social-export-target="true"]::after {
  content: "thoughtprice.com";
  position: absolute;
  right: 42px;
  bottom: 24px;
  z-index: 5;
  color: var(--muted);
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.02em;
}

html[data-social-export="twitter"] [data-social-export-target="true"] > .section-head {
  flex: 0 0 auto;
  margin-bottom: 22px;
}

html[data-social-export="twitter"] [data-social-export-target="true"] h2 {
  margin: 0;
  font-size: 36px;
  line-height: 1.12;
  letter-spacing: -.035em;
}

html[data-social-export="twitter"] [data-social-export-target="true"] h3 {
  font-size: 23px;
}

html[data-social-export="twitter"] [data-social-export-target="true"] p {
  font-size: 18px;
}

html[data-social-export="twitter"] .series-toggles {
  flex: 0 0 auto;
  margin-bottom: 10px;
  font-size: 18px;
}

html[data-social-export="twitter"] .series-toggles span {
  font-size: 17px;
}

html[data-social-export="twitter"] .quality-chart-wrap,
html[data-social-export="twitter"] .task-mix-chart-wrap {
  flex: 1 1 auto;
  height: auto !important;
  min-height: 0;
}

html[data-social-export="twitter"] .family-chart-grid {
  flex: 1 1 auto;
  min-height: 0;
  gap: 36px;
}

html[data-social-export="twitter"] .family-plot {
  display: flex;
  min-height: 0;
  flex-direction: column;
}

html[data-social-export="twitter"] .family-plot-head {
  flex: 0 0 auto;
  min-height: 86px;
}

html[data-social-export="twitter"] .family-chart-wrap {
  flex: 1 1 auto;
  height: auto !important;
  min-height: 0;
}

html[data-social-export="twitter"] canvas {
  max-width: 100% !important;
  max-height: 100% !important;
}

html[data-social-export="twitter"][data-social-export-panel="cost"] .family-analysis-section > .section-head,
html[data-social-export="twitter"][data-social-export-panel="cost"] .family-analysis-section > .series-toggles,
html[data-social-export="twitter"][data-social-export-panel="cost"] .family-chart-grid > .family-plot:first-child {
  display: none !important;
}

html[data-social-export="twitter"][data-social-export-panel="cost"] .family-chart-grid {
  grid-template-columns: 1fr;
  gap: 0;
  overflow: hidden;
}

html[data-social-export="twitter"][data-social-export-panel="cost"] .family-plot-head {
  min-height: 74px;
}

html[data-social-export="twitter"][data-social-export-panel="cost"] .family-chart-wrap {
  flex: 0 0 590px;
}

html[data-social-export="twitter"][data-social-export-panel="cost"] .family-weight-panel {
  box-sizing: border-box;
  flex: 0 0 415px;
  min-height: 0;
  margin-top: 18px;
  padding: 20px 24px;
  overflow: hidden;
}

html[data-social-export="twitter"][data-social-export-panel="cost"] .family-weight-panel h4 {
  font-size: 20px;
}

html[data-social-export="twitter"][data-social-export-panel="cost"] .family-weight-panel > p {
  margin-bottom: 10px;
  font-size: 15px;
}

html[data-social-export="twitter"][data-social-export-panel="cost"] .weight-stack {
  height: 22px;
}

html[data-social-export="twitter"][data-social-export-panel="cost"] .weight-rows {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 36px;
  row-gap: 5px;
  margin-top: 10px;
}

html[data-social-export="twitter"][data-social-export-panel="cost"] .weight-row {
  grid-template-columns: minmax(170px, 1fr) 70px 56px 80px 90px;
  gap: 10px;
  font-size: 12px;
}

html[data-social-export="twitter"][data-social-export-panel="cost"] .weight-header,
html[data-social-export="twitter"][data-social-export-panel="cost"] .weight-total {
  grid-column: 1 / -1;
}