.bazi-chart{grid-column:2 / -2;font-family:var(--chinese-font);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-template-areas:"hourpillar-heavenlystem daypillar-heavenlystem monthpillar-heavenlystem yearpillar-heavenlystem" "hourpillar-earthlybranch daypillar-earthlybranch monthpillar-earthlybranch yearpillar-earthlybranch";grid-column-gap:.5em;grid-row-gap:.375em}.hourpillar-heavenlystem{grid-area:hourpillar-heavenlystem}.daypillar-heavenlystem{grid-area:daypillar-heavenlystem}.monthpillar-heavenlystem{grid-area:monthpillar-heavenlystem}.yearpillar-heavenlystem{grid-area:yearpillar-heavenlystem}.hourpillar-earthlybranch{grid-area:hourpillar-earthlybranch}.daypillar-earthlybranch{grid-area:daypillar-earthlybranch}.monthpillar-earthlybranch{grid-area:monthpillar-earthlybranch}.yearpillar-earthlybranch{grid-area:yearpillar-earthlybranch}.bazi-chart-cell{border-radius:6px;display:flex;align-items:center;justify-content:center;padding:2px 2px 4px}.empty-cell{background-color:var(--empty-by-day-color)}.bazi-chart-element{font-size:2.125rem;line-height:100%}@media (min-width: 900px){.bazi-chart{margin-top:24px;width:100%;border:1px solid var(--grey-color);border-radius:16px;padding:14px 0 16px}.bazi-chart-cell{border-radius:12px}.bazi-chart-element{font-size:4vh}}@media (min-width: 1200px){.bazi-chart{padding:18px 0 20px}.bazi-chart-element{font-size:5vh}}@media (min-width: 1400px){.bazi-chart{padding:22px 0 24px}.bazi-chart-element{font-size:6vh}}