/* Одна длительность и кривая для календарей и новых дочерних листов. */
:root { --calendar-duration: 280ms; --calendar-ease: cubic-bezier(.2,.8,.2,1); }
@media (prefers-reduced-motion: no-preference) {
  .calendar-turn-next { animation: calendar-turn-next var(--calendar-duration) var(--calendar-ease); }
  .calendar-turn-prev { animation: calendar-turn-prev var(--calendar-duration) var(--calendar-ease); }
  .calendar-turn-up { animation: calendar-turn-up var(--calendar-duration) var(--calendar-ease); }
}
@keyframes calendar-turn-next { from { opacity: .35; transform: translate3d(36px,0,0); } to { opacity: 1; transform: none; } }
@keyframes calendar-turn-prev { from { opacity: .35; transform: translate3d(-36px,0,0); } to { opacity: 1; transform: none; } }
@keyframes calendar-turn-up { from { opacity: .35; transform: translate3d(0,24px,0); } to { opacity: 1; transform: none; } }
#taskChild[data-view=calendar] .draft-calendar { touch-action: pan-y; }
.calendar-mode .cal-range-thumb { transition: transform var(--calendar-duration) var(--calendar-ease); }
.calendar-mode.is-week-settling .cal-week-sheet { transition: transform var(--calendar-duration) var(--calendar-ease); }
@media (prefers-reduced-motion: reduce) {
  .calendar-mode .cal-range-thumb, .calendar-mode.is-week-settling .cal-week-sheet { transition: none; }
}