@import “../vars.scss”;

.sk-layout__filters {

.sk-panel {
  margin-bottom: 16px;
}

}

.sk-action-bar {

.sk-panel {
  &__header {
    display: none;
  }
}

}

.sk-panel {

width: 100%;

&__header {
  color: $sk-title-color;
  margin-bottom: 5px;
  font-weight: $sk-bold-weight;
  font-size: $sk-heading-font-size;

  &.is-collapsable  {
    cursor: pointer;
    user-select: none;
    padding-left:15px;
    position: relative;

    &:after {
      content:"";
      display:block;
      position:absolute;
      top:50%;
      margin-top:-3px;
      left: -1px;
      @include sk-arrow-down(5px);
    }

    &.is-collapsed:after {
      @include sk-arrow-right(5px);
      margin-top:-5px;
      left: 0;
    }

  }

}

&__content {
  &.is-collapsed  {
    display:none;
  }
}

&.is-disabled  {
  display:none;
}

}