.o-period{border-radius:var(--radius-sm);border:1px solid var(--color-gray-5);background:var(--color-light);display:flex;overflow:hidden}.o-period:hover,.o-period:focus{background-color:var(--color-primary-dark);color:var(--color-light)}.o-period__item{padding:var(--spacer-1) var(--spacer-4);margin:0;display:flex;flex-direction:column;justify-content:center;min-width:72px;min-height:72px;transition:background-color,color,200ms ease-in-out}.o-period__item--start{background:var(--color-primary-dark);color:var(--color-light)}.o-period__item--end{background:var(--color-light);color:var(--color-dark);align-items:flex-end;position:relative}.o-period__separator{position:absolute;left:0;top:calc(var(--spacer-4) + 4px);transform:translateX(-50%);color:var(--color-primary);font-size:2rem;font-weight:700;transition:color 200ms ease-in-out}.o-period__day{font-size:2.8rem;font-weight:700;letter-spacing:1.12px;line-height:.8em}.o-period__month{font-size:1.2rem;font-weight:700;letter-spacing:.24px;line-height:1.2em}/*# sourceMappingURL=period.css.map */