@import '../../style/variable';

.#{$namespace} {
  &-slider {
    width: 100%;
    background: rgba(0,0,0,0.05);
    border-radius: 2px;

    &__bar {
      position: relative;

      height: 4px;
      border-radius: 2px;
      background-color: #0067EE;

      transition: all 0.3s linear;

      &-button {
        position: absolute;

        top: calc(-5px);
        right: 0;

        width: 14px;
        height: 14px;
        border-radius: 7px;
        background: #FFFFFF;
        border: 2px solid #0067EE;

        transform: translate3d(50%, 0, 0);

        cursor: pointer;
      }
    }
  }
}