.date-badge{align-items:center;align-self:stretch;background:var(--semantic-color-brand-primary-10);border-radius:8px 0 0 8px;color:var(--semantic-color-brand-interaction-100);display:flex;flex-direction:column;flex-shrink:0;font-weight:700;height:100%;justify-content:center;padding:.5rem;width:6rem}.date-badge__day.h2{line-height:var(--typography-headline-headline-2-line-height);margin-bottom:0}.date-badge__month{font-size:var(--typography-headline-headline-2-font-size)}@media only screen and (min-width:40rem){.date-badge__month{font-size:var(--typography-copy-small-font-size)}}