.period-chrome-header{background-color:var(--ui-bg,var(--background-color-default));width:100%;min-width:0;padding:1.25rem 1rem .75rem;container:period-chrome/inline-size}@media (width>=640px){.period-chrome-header{padding:1.75rem 2rem 1rem}}.period-chrome-header__grid{-moz-column-gap:1rem;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left heading right";align-items:center;gap:.5rem 1rem;min-width:0;display:grid}.period-chrome-header--title-only .period-chrome-header__grid{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading right"}.period-chrome-header__left{-moz-column-gap:.5rem;flex-wrap:nowrap;grid-area:left;align-items:center;column-gap:.5rem;display:flex}.period-chrome-header__right{flex-wrap:nowrap;grid-area:right;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.period-chrome-header__nav,.period-chrome-header__today{flex-shrink:0}.period-chrome-header__heading{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ui-text-highlighted,var(--text-color-highlighted));grid-area:heading;margin:0;font-size:1.5rem;font-weight:600;line-height:2rem;display:block;overflow:hidden}.period-chrome-header__view{flex-shrink:0}.period-chrome-header__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.period-chrome-header__sheet-trailing{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@container period-chrome (width<=48rem){.period-chrome-header:not(.period-chrome-header--title-only) .period-chrome-header__grid{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"heading heading""left right"}.period-chrome-header:not(.period-chrome-header--title-only) .period-chrome-header__right{justify-self:end}}@container period-chrome (width<=36rem){.period-chrome-header:not(.period-chrome-header--title-only) .period-chrome-header__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""left""right"}.period-chrome-header:not(.period-chrome-header--title-only) .period-chrome-header__right{flex-wrap:wrap;justify-content:flex-start;justify-self:stretch}}