.rating-line{--rating-midline:24px;--rating-thumb:30px}.rating-line__track{touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-14);height:64px;margin:40px 4px 0;position:relative}.rating-line__track:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.rating-line__marks{height:calc(var(--rating-midline) * 2);pointer-events:none;position:absolute;inset:0 0 auto}.rating-line__rail,.rating-line__fill{border-radius:var(--radius-pill);height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rating-line__rail{background:var(--color-fill);right:0}.rating-line__fill{background:var(--color-accent)}.rating-line__tick{background:var(--color-label-3);border-radius:1px;width:2px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.rating-line__tick--whole{background:var(--color-label-2)}.rating-line__number{color:var(--color-label-2);position:absolute;top:40px;transform:translate(-50%)}.rating-line__thumb{width:var(--rating-thumb);height:var(--rating-thumb);background:var(--color-thumb);box-shadow:var(--shadow-thumb);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.rating-line__bubble{left:var(--rating-x);bottom:calc(100% - var(--rating-midline) + var(--rating-thumb) / 2 + 8px);border-radius:var(--radius-14);background:var(--color-inverse);color:var(--color-on-inverse);white-space:nowrap;pointer-events:none;opacity:0;transform-origin:50% 100%;padding:8px 12px;transition:opacity .12s cubic-bezier(.2,.9,.3,1),transform .2s cubic-bezier(.2,.9,.3,1);position:absolute;transform:translateY(8px)scale(.9)}.rating-line__bubble[data-on=true]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.rating-line__bubble{transform:none}}.rating-sheet{padding:4px 0 8px}.rating-sheet__readout{text-align:center;min-height:92px}.rating-sheet__value--unset{color:var(--color-label-3)}.rating-sheet__phrase{color:var(--color-label-2)}.rating-sheet__date{text-align:center;color:var(--color-label-2);margin:16px 0 0}.rating-sheet__date-row{cursor:pointer;align-items:center;gap:16px;min-height:44px;margin:16px 4px 0;display:flex}.rating-sheet__date-field{flex:1;justify-content:flex-end;min-width:0;display:flex;position:relative}.rating-sheet__date-now{color:var(--color-accent);pointer-events:none}.rating-sheet__date-input{min-width:0;max-width:100%;color:var(--color-accent);font:inherit;text-align:end;background:0 0;border:0;font-size:max(17px,1rem)}.rating-sheet__date-input::-webkit-date-and-time-value{text-align:end}.rating-sheet__date-input[data-empty=true]{opacity:0;width:100%;position:absolute;inset:0}.rating-sheet__date-input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-14)}.rating-sheet__date-row:has(.rating-sheet__date-input[data-empty=true]:focus-visible) .rating-sheet__date-now{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-14)}.landmark-line{height:24px;margin:0 8px;position:relative}.landmark-line__rail,.landmark-line__tick,.landmark-line__dot{position:absolute;top:50%}.landmark-line__rail{border-radius:var(--radius-pill);background:var(--color-fill);height:4px;left:0;right:0;transform:translateY(-50%)}.landmark-line__tick{background:var(--color-label-3);border-radius:1px;width:2px;height:8px;transform:translate(-50%,-50%)}.landmark-line__dot{background:var(--color-label);width:16px;height:16px;box-shadow:0 0 0 4px var(--color-grouped-2);border-radius:50%;transform:translate(-50%,-50%)}.rating-history{width:100%;color:inherit;font:inherit;text-align:inherit;background:0 0;border:0;padding:0;display:block}.rating-history--button{cursor:pointer;border-radius:var(--radius-14)}.rating-history--button:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.rating-history__chart{aspect-ratio:320/64;width:100%;height:auto;display:block;overflow:visible}.rating-history__grid{stroke:var(--color-label-3);stroke-width:.5px}.rating-history__line{fill:none;stroke:var(--color-label);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.rating-history__dot{fill:var(--color-label)}.rating-history__labels{color:var(--color-label-2);justify-content:space-between;gap:8px;margin-top:4px;display:flex}