/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-resizable-section {
  position: relative;
  height: 100%;
  min-width: 2px; }
  .gio-resizable-section__container {
    overflow: hidden;
    height: 100%;
    width: 100%; }
  .gio-resizable-section__handle-toggle {
    content: '';
    cursor: ew-resize;
    display: none;
    fill: #007a87;
    height: unset;
    position: absolute;
    right: -7px;
    top: calc(50% - 12px);
    max-height: 24px;
    max-width: 24px;
    width: 24px; }
  .gio-resizable-section__handle {
    background: linear-gradient(90deg, transparent 4px, rgba(204, 228, 231, 0.2) 4px, rgba(204, 228, 231, 0.2) 6px, transparent 6px);
    content: '';
    cursor: ew-resize;
    height: 100%;
    position: absolute;
    right: -4px;
    top: 0;
    width: 10px;
    z-index: 1; }
    .gio-resizable-section__handle:hover {
      background: linear-gradient(90deg, transparent 4px, #cce4e7 4px, #cce4e7 6px, transparent 6px); }
      .gio-resizable-section__handle:hover .gio-resizable-section__handle-toggle {
        display: block; }
    .gio-resizable-section__handle--left {
      right: unset;
      left: -4px; }
      .gio-resizable-section__handle--left .gio-resizable-section__handle-toggle {
        right: unset;
        left: -7px; }
  .gio-resizable-section.gio-resizable-section--closed .gio-resizable-section__handle .gio-resizable-section__handle-toggle {
    cursor: e-resize;
    display: block;
    right: -17px; }
  .gio-resizable-section.gio-resizable-section--closed .gio-resizable-section__handle--left .gio-resizable-section__handle-toggle {
    cursor: w-resize;
    right: unset;
    left: -17px; }