.next-cycle-date:hover:after{content:"Next cycle date";color:#fff;border-radius:var(--border-radius-base);white-space:nowrap;pointer-events:none;z-index:50;background-color:#111827;margin-bottom:.5rem;padding:.25rem .5rem;font-size:.875rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.next-cycle-date:hover:before{content:"";pointer-events:none;z-index:50;background-color:#111827;width:.5rem;height:.5rem;position:absolute;bottom:calc(100% - .25rem);left:50%;transform:translate(-50%)rotate(45deg)}