.starship-v2 {
  .starship-slider {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    .ant-slider-handle {
      background-color: var(--base-800) !important;
      border: 1px solid var(--base-800);
      box-shadow: none;
      position: absolute;
      width: 10px;
      height: 10px;
      inset-block-start: 0 !important;
      border-radius: 50%;
      top: 1px !important;
      &::after,
      &::after {
        display: none;
      }
      &:focus {
        border-color: var(--base-800);
        box-shadow: none;
      }
      &:hover::after,
      &:active::after,
      &:focus::after {
        box-shadow: none !important;
        width: 10px;
        height: 10px;
      }
    }
    .ant-slider-rail {
      background-color: var(--base-500) !important;
    }
    .ant-slider-track {
      background-color: var(--base-700);
    }
    &:hover {
      .ant-slider-track {
        background-color: var(--base-700);
      }
    }
    &:hover {
      .ant-slider-rail {
        background-color: var(--base-500) !important;
        opacity: 1;
      }
    }
    .ant-slider-dot {
      background-color: var(--base-100) !important;
      border: 2px solid var(--base-500) !important;
      width: 8px;
      height: 8px;

      border-radius: 50%;
      &.ant-slider-dot-active {
        background-color: var(--base-100) !important;
        border: 2px solid var(--base-700) !important;
      }
    }

    &:hover {
      .ant-slider-handle::after {
        box-shadow: none !important;
      }
    }
    .ant-slider-mark-text {
      color: var(--base-700);
      font-size: 10px;
      font-weight: 500;
      line-height: 12px;
      margin-top: 4px;
    }
  }

  /*Tool Tip*/
  @mixin tooltip-slide($tip_bg_color, $tip_color) {
    .ant-tooltip-inner {
      background-color: $tip_bg_color;
      color: $tip_color;
      box-shadow: 0px 6px 4px 0px rgba(0, 0, 0, 0.04),
        0px 8px 8px 0px rgba(0, 0, 0, 0.04), 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
      backdrop-filter: blur(8px);
    }
  }
  .ant-slider-tooltip {
    @include tooltip-slide(var(--base-translucent), var(--base-700));
    .ant-tooltip-inner {
      min-width: 17px;
      padding: 2px 3px;
      min-height: 16px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      font-weight: 500;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: -0.01em;
      font-feature-settings: "salt" on, "ss01" on, "ss02" on, "ss03" on,
        "ss04" on;
    }
    .ant-tooltip-arrow {
      display: none;
      &::before {
        background: var(--base-translucent);
        background-color: var(--base-translucent);
      }
    }
  }
  /*Tool Tip*/
}