/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-toggle {
  cursor: pointer; }
  .gio-toggle.disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  .gio-toggle.switch {
    display: flex;
    align-items: flex-start;
    height: 100%; }
    .gio-toggle.switch .gio-toggle__track {
      margin: 0px auto; }
    .gio-toggle.switch .gio-toggle__switch {
      position: relative;
      transition-property: left, background-color, box-shadow;
      transition-duration: 100ms;
      transition-timing-function: ease-in; }
    .gio-toggle.switch.sm .gio-toggle__track {
      height: 14px;
      width: 40px;
      border-radius: 7px;
      margin-top: 3px;
      margin-bottom: 3px; }
    .gio-toggle.switch.sm .gio-toggle__switch {
      height: 20px;
      width: 20px;
      border-radius: 10px;
      top: -3px; }
    .gio-toggle.switch.sm.on .gio-toggle__switch {
      left: 20px; }
    .gio-toggle.switch.sm.processing .gio-toggle__switch {
      left: 10px; }
    .gio-toggle.switch.off .gio-toggle__track {
      background-color: #e8e8e8; }
    .gio-toggle.switch.off .gio-toggle__switch {
      background-color: #8d8d8d;
      box-shadow: 1px 0px 2px 0px #a3a3a3;
      left: 0px; }
    .gio-toggle.switch.on .gio-toggle__track {
      background-color: #99cacf; }
    .gio-toggle.switch.on .gio-toggle__switch {
      background-color: #33959f;
      box-shadow: -1px 0px 2px 0px #085d66; }
    .gio-toggle.switch.processing .gio-toggle__track {
      background-color: #b3d7db; }
    .gio-toggle.switch.processing .gio-toggle__switch {
      background-color: #99cacf;
      animation: en-toggle-switch-pulsate 1s infinite alternate; }
  .gio-toggle.star .gio-toggle__switch {
    height: 16px;
    width: 16px; }
  .gio-toggle.star.off .gio-toggle__switch {
    fill: #e8e8e8; }
  .gio-toggle.star.on .gio-toggle__switch {
    fill: #007a87; }