.ui-period{display:flex;align-items:center;gap:var(--hx-space-2);min-inline-size:0}.ui-period__label{flex:1 1 auto;min-inline-size:0;margin:0;color:var(--hx-text);font-size:var(--hx-type-body-size);font-weight:var(--hx-weight-semibold);line-height:var(--hx-type-body-leading);font-variant-numeric:tabular-nums;text-align:center;overflow-wrap:anywhere}.ui-period__glyph[data-direction=next],[dir=rtl] .ui-period__glyph{transform:scaleX(-1)}[dir=rtl] .ui-period__glyph[data-direction=next]{transform:none}@media (width >= 48rem){.ui-period{inline-size:fit-content}.ui-period__label{min-inline-size:14rem}}@media (forced-colors:active){.ui-period__label{color:CanvasText}}