/* The calendar flips once on entry and rests on the payout date. */
.calendar-day-host{position:relative;min-width:1.35em;text-align:center;font-variant-numeric:tabular-nums;isolation:isolate}
.calendar-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.calendar-face{display:block;position:relative;perspective:550px;min-width:1.35em;line-height:1.06}
.calendar-current{display:block;position:relative;padding:.05em .08em .08em;border:1px solid #73dbe63b;border-radius:.07em;background:linear-gradient(180deg,#174f60,#0b3549 49%,#164756 50%,#0a2f42);box-shadow:0 .04em .03em #00111a44;letter-spacing:-.055em}
.calendar-current:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#03172277;box-shadow:0 1px #74d3df22}
.calendar-turn{position:absolute;inset:0;display:block;padding:.05em .08em .08em;transform-origin:50% 0;backface-visibility:hidden;border:1px solid #73dbe63b;border-radius:.07em;background:linear-gradient(180deg,#174f60,#0b3549 49%,#164756 50%,#0a2f42);box-shadow:0 .04em .06em #00111a77;letter-spacing:-.055em;animation:calendar-page-turn 90ms ease-in forwards}
.calendar-ready .calendar-pulse{display:none}
.calendar-ready[data-calendar-state="complete"] .calendar-current{border-color:#5fe8e18c;box-shadow:0 .04em .03em #00111a44,0 0 30px #23d5db21}
@keyframes calendar-page-turn{0%{transform:rotateX(0);opacity:1}65%{opacity:.85}100%{transform:rotateX(-105deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.calendar-turn{display:none}}
body.motion-paused .calendar-turn{display:none}