app/addons/components/assets/scss/polling.scss

// Licensed under the Apache License, Version 2.0 (the "License"); you may not
// use this file except in compliance with the License. You may obtain a copy of
// the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
// License for the specific language governing permissions and limitations under
// the License.

.faux__polling {
  padding: 0 15px !important;
  width: 236px;

  .rc-slider-rail {
    background-color: $cf-slider-bg;
    height: 8px;
    border: 1px solid $cf-slider-border-color;
  }

  .rc-slider-track {
    background-color: $cf-slider-bg-highlight;
    height: 8px;
    border: 1px solid $cf-slider-bg-highlight;
  }

  .rc-slider-handle {
    height: 14px;
    width: 14px;
    margin-top: -3px;
    border: 1px solid $cf-slider-bg-highlight;
    border-radius: 8px;
    background-color: $cf-slider-bg-highlight;
    opacity: 1;
  }
}

.faux__polling-info {
  font-size: 14px;
}

.faux__polling-info-text {
  color: $cf-text-fonticon01;
}

.faux__polling-info-value {
  float: right;
}

.faux__polling-info-value--off {
  color: $cf-text-fonticon01;
}

.faux__polling-info-value--active {
  color: $cf-brand-highlight;
}

.faux__polling-info-slider {
  cursor: pointer;
  height: 20px;
  padding-top: 8px;
}

div.faux__refresh-btn {
  border-left: 1px solid $cf-border-color01;
  line-height: 40px;
  padding: 10px 13px;
  flex: 0 0 auto;
}

.faux__refresh-icon {
  margin-right: 4px;
  vertical-align: middle;
}

.faux__refresh-link:visited,
.faux__refresh-link:focus,
.faux__refresh-link {
  color: $cf-text-fonticon01;
  font-size: 14px;
  text-decoration: none;
}

.faux__refresh-link:hover {
  text-decoration: none;
  color: $cf-brand-hightlight-hover;
}