/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* /styles/mixins.scss */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-scroll-toggle {
  position: relative; }
  .gio-scroll-toggle__overlay {
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 25; }
    .gio-scroll-toggle__overlay__strip {
      align-items: center;
      background-color: rgba(0, 122, 135, 0.8);
      bottom: 0;
      display: flex;
      flex-direction: column;
      height: 75px;
      justify-content: center;
      opacity: 0;
      position: absolute;
      left: 0;
      width: 100%; }
      .gio-scroll-toggle__overlay__strip .gio-icon {
        fill: #ffffff; }
    .gio-scroll-toggle__overlay__label {
      color: #ffffff;
      font-size: 17px; }
    .gio-scroll-toggle__overlay:hover .gio-scroll-toggle__overlay__strip {
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      opacity: 1; }