.date-slider-block { margin-bottom: 10px; }
.date-slider-label { font-weight: bold; display: block; margin-bottom: 5px; }
.slider-inputs { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.slider-year-input { width: 70px; padding: 2px 4px; text-align: center; font-size: 13px; border: 1px solid #ccc; border-radius: 3px; }
.slider-separator { color: #666; font-size: 13px; }
.slider-bar { position: relative; height: 20px; cursor: pointer; user-select: none; }
.slider-bar-background { position: absolute; top: 8px; left: 0; right: 0; height: 4px; background: #e0e0e0; border-radius: 2px; }
.slider-bar-active { position: absolute; top: 8px; height: 4px; background: #888; border-radius: 2px; }
.slider-thumb { position: absolute; top: 4px; width: 12px; height: 12px; background: #555; border-radius: 50%; transform: translateX(-50%); cursor: grab; }
.slider-thumb:active { cursor: grabbing; }
.slider-reset-button { margin-top: 8px; font-size: 12px; padding: 2px 8px; cursor: pointer; background: none; border: 1px solid #ccc; border-radius: 3px; }
.slider-reset-button:hover { background: #f0f0f0; }