/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* /styles/mixins.scss */
.gio-collapsible-panel__header {
  align-items: flex-end;
  border-bottom: 1px solid #bababa;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px;
  overflow: hidden; }
  .gio-collapsible-panel__header--disabled {
    cursor: unset; }
  .gio-collapsible-panel__header__title {
    display: flex;
    flex-direction: column; }
    .gio-collapsible-panel__header__title--primary {
      font-size: 23px; }
    .gio-collapsible-panel__header__title--secondary {
      font-size: 13px; }
  .gio-collapsible-panel__header .gio-icon {
    fill: #5f5f5f; }

.gio-collapsible-panel__body {
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-height: 0;
  overflow: hidden; }
  .gio-collapsible-panel__body.open {
    max-height: 100%; }