.ds-snapshot-date-menu {
      position: absolute;
      top: calc(100% + var(--ds-space-1));
      right: 0;
      left: auto;
      z-index: 80;
      min-width: 10.5rem;
      max-height: min(18rem, 50vh);
      overflow-y: auto;
      overscroll-behavior: contain;
      margin: 0;
      padding: var(--ds-space-1);
      list-style: none;
      background: var(--ds-surface);
      border: 1px solid var(--ds-border);
      border-radius: var(--ds-radius-sm);
      box-shadow: var(--ds-shadow-panel);
    }
    .ds-snapshot-date-menu.hidden {
      display: none;
    }
    .ds-snapshot-date-option {
      display: block;
      width: 100%;
      text-align: left;
      padding: 0.4rem 0.55rem;
      border: none;
      border-radius: calc(var(--ds-radius-sm) - 2px);
      background: transparent;
      font-family: var(--font-sans);
      font-size: var(--ds-text-caption);
      font-weight: var(--ds-weight-medium);
      line-height: 1.25;
      color: var(--ds-text-secondary);
      cursor: pointer;
    }
    .ds-snapshot-date-option:hover {
      background: var(--ds-surface-inset);
      color: var(--ds-text);
    }
    .ds-snapshot-date-option--active {
      background: var(--ds-surface-inset);
      color: var(--ds-text);
      font-weight: var(--ds-weight-semibold);
    }
    .ds-snapshot-date-option:focus-visible {
      outline: 2px solid var(--ds-accent);
      outline-offset: -1px;
    }
    .ds-snapshot-date-menu--empty {
      padding: 0.45rem 0.55rem;
      font-size: var(--ds-text-caption);
      color: var(--ds-text-muted);
    }