sort-toggle-sk {
  [data-sort-toggle-sk='up'] {
    arrow-drop-up-icon-sk {
      visibility: visible;
      display: inline-block;
    }
    arrow-drop-down-icon-sk {
      display: none;
    }
  }

  [data-sort-toggle-sk='down'] {
    arrow-drop-up-icon-sk {
      visibility: hidden;
      display: none;
    }
    arrow-drop-down-icon-sk {
      display: inline-block;
    }
  }

  arrow-drop-down-icon-sk {
    display: none;
  }
  arrow-drop-up-icon-sk {
    /* This pre-allocates the space for the arrows to go so the header doesn't have to re-layout
       (i.e. shift around) when things are toggled. */
    visibility: hidden;
    display: inline-block;
  }
}