.cycle-menstruation{font-weight:600;color:#b91c1c!important;background-color:#ef444433!important;border:none!important}.cycle-ovulation{font-weight:600;color:#15803d!important;background-color:#22c55e33!important;border:none!important}.cycle-fertile{color:#166534!important;background-color:#86efac40!important;border:none!important}.cycle-pms{color:#92400e!important;background-color:#fbbf2433!important;border:none!important}.dark .cycle-menstruation{color:#fca5a5!important;background-color:#dc262640!important;border:none!important}.dark .cycle-ovulation{color:#86efac!important;background-color:#16a34a40!important;border:none!important}.dark .cycle-fertile{color:#bbf7d0!important;background-color:#4ade8033!important;border:none!important}.dark .cycle-pms{color:#fde047!important;background-color:#f59e0b40!important;border:none!important}.cycle-calendar{--cell-size:5rem}.cycle-calendar .rdp-day{justify-content:center;align-items:center;display:flex}.cycle-calendar button{font-size:1.375rem;font-weight:600;transition:all .2s}.cycle-calendar button:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.cycle-calendar .rdp-month_caption{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.cycle-calendar .rdp-weekday{padding:.6rem;font-size:1rem;font-weight:600}.cycle-calendar .rdp-today{border-radius:none!important}.cycle-calendar.has-hovered-phase .rdp-day{opacity:.3;transition:opacity .2s}.cycle-calendar[data-hovered-phase=menstruation] .cycle-menstruation,.cycle-calendar[data-hovered-phase=ovulation] .cycle-ovulation,.cycle-calendar[data-hovered-phase=fertile] .cycle-fertile,.cycle-calendar[data-hovered-phase=fertile] .cycle-ovulation,.cycle-calendar[data-hovered-phase=pms] .cycle-pms{opacity:1!important}.cycle-calendar.has-hovered-phase .rdp-nav button,.cycle-calendar.has-hovered-phase .rdp-month_caption{opacity:1}