/* Tithi, phase and paksha explainers. Panels, controls and readouts come from learn-retrograde.css. */
.tt-small { fill: #b5c5da; font-size: 14px; letter-spacing: .02em; }
.tt-label { fill: #e4edf8; font-size: 15px; font-weight: 550; }
.tt-tick { fill: #b5c5da; font-size: 13px; }
.tt-num { fill: #b5c5da; font-size: 11px; }
.tt-faint { fill: #8ea3bd; }
.tt-ring { fill: none; stroke: #8eabc366; stroke-width: 1.5; }
.tt-spoke { stroke: #8eabc355; }
.tt-wedge { fill: #f4bf54; fill-opacity: .35; }
.tt-earth { fill: #3a8da4; stroke: #a3d2c2; stroke-width: 1.5; }
.tt-sun { fill: #f4bf54; }
.tt-sunline { stroke: #f4bf54; stroke-width: 2; stroke-dasharray: 4 4; }
.tt-ray { stroke: #e8dcc1; stroke-width: 1.5; stroke-dasharray: 4 4; }
.tt-moon-dark { fill: #2a3446; stroke: #5c6b80; stroke-width: 1; }
.tt-moon-lit { fill: #e8dcc1; }
.tt-bar.tt-alt-0 { fill: #e8dcc1; } .tt-bar.tt-alt-1 { fill: #c8bba0; }
.tt-bar-text { fill: #0d1729; font-size: 11px; font-weight: 650; }
.tt-rise { stroke: #70d6c0; stroke-width: 2; stroke-dasharray: 3 3; }
.tt-cursor { stroke: #e0715a; stroke-width: 2.5; }
.tt-range { fill: #e2b967; fill-opacity: .7; }
.tt-mean { stroke: #e8dcc1; stroke-width: 2.5; }
.tt-day { stroke: #70d6c0; stroke-width: 2; stroke-dasharray: 5 4; }
.tt-day-text { fill: #ffd08b; }
.tt-full-mark { stroke: #f4bf54; stroke-width: 2.5; }
.tt-band { fill: #f4bf54; fill-opacity: .14; }
.tt-purnima { fill: #f4bf54; }
.tt-axis { stroke: #8eabc3; stroke-width: 1.5; }
.tt-curve-line { fill: none; stroke: #e8dcc1; stroke-width: 3; }
.tt-grid { stroke: #8eabc322; }
.tt-shukla { fill: #e8dcc1; fill-opacity: .07; }
.tt-krishna { fill: #5c6b80; fill-opacity: .14; }
.tt-shukla-text { fill: #e8dcc1; }
.tt-krishna-text { fill: #a9c4ff; }
.tt-shukla-dot { fill: #e8dcc1; }
.tt-krishna-dot { fill: #a9c4ff; }
@media (max-width: 40rem) {
  .tt-small, .tt-tick { font-size: 17px; }
  .tt-label { font-size: 18px; }
}