@bulmil/core/dist/collection/core/components/panel/panel.css


/* Bulma Utilities */
.panel {
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  font-size: 1rem;
}
.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}
.panel.is-white .panel-heading {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.panel.is-white .panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 100%);
}
.panel.is-white .panel-block.is-active .panel-icon {
  color: hsl(0, 0%, 100%);
}
.panel.is-black .panel-heading {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.panel.is-black .panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 4%);
}
.panel.is-black .panel-block.is-active .panel-icon {
  color: hsl(0, 0%, 4%);
}
.panel.is-light .panel-heading {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.panel.is-light .panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 96%);
}
.panel.is-light .panel-block.is-active .panel-icon {
  color: hsl(0, 0%, 96%);
}
.panel.is-dark .panel-heading {
  background-color: hsl(0, 0%, 21%);
  color: #fff;
}
.panel.is-dark .panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 21%);
}
.panel.is-dark .panel-block.is-active .panel-icon {
  color: hsl(0, 0%, 21%);
}
.panel.is-primary .panel-heading {
  background-color: #5851ff;
  color: #fff;
}
.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: #5851ff;
}
.panel.is-primary .panel-block.is-active .panel-icon {
  color: #5851ff;
}
.panel.is-link .panel-heading {
  background-color: #5851ff;
  color: #fff;
}
.panel.is-link .panel-tabs a.is-active {
  border-bottom-color: #5851ff;
}
.panel.is-link .panel-block.is-active .panel-icon {
  color: #5851ff;
}
.panel.is-info .panel-heading {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.panel.is-info .panel-tabs a.is-active {
  border-bottom-color: hsl(207, 61%, 53%);
}
.panel.is-info .panel-block.is-active .panel-icon {
  color: hsl(207, 61%, 53%);
}
.panel.is-success .panel-heading {
  background-color: hsl(153, 53%, 53%);
  color: #fff;
}
.panel.is-success .panel-tabs a.is-active {
  border-bottom-color: hsl(153, 53%, 53%);
}
.panel.is-success .panel-block.is-active .panel-icon {
  color: hsl(153, 53%, 53%);
}
.panel.is-warning .panel-heading {
  background-color: hsl(44, 100%, 77%);
  color: rgba(0, 0, 0, 0.7);
}
.panel.is-warning .panel-tabs a.is-active {
  border-bottom-color: hsl(44, 100%, 77%);
}
.panel.is-warning .panel-block.is-active .panel-icon {
  color: hsl(44, 100%, 77%);
}
.panel.is-danger .panel-heading {
  background-color: hsl(348, 86%, 61%);
  color: #fff;
}
.panel.is-danger .panel-tabs a.is-active {
  border-bottom-color: hsl(348, 86%, 61%);
}
.panel.is-danger .panel-block.is-active .panel-icon {
  color: hsl(348, 86%, 61%);
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
  border-bottom: 1px solid hsl(0, 0%, 93%);
}

.panel-heading {
  background-color: hsl(0, 0%, 93%);
  border-radius: 6px 6px 0 0;
  color: hsl(0, 0%, 21%);
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.75em 1em;
}

.panel-tabs {
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875em;
  -ms-flex-pack: center;
      justify-content: center;
}
.panel-tabs a {
  border-bottom: 1px solid hsl(0, 0%, 86%);
  margin-bottom: -1px;
  padding: 0.5em;
}
.panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 29%);
  color: hsl(0, 0%, 21%);
}

.panel-list a {
  color: hsl(0, 0%, 29%);
}
.panel-list a:hover {
  color: #5851ff;
}

.panel-block {
  -ms-flex-align: center;
      align-items: center;
  color: hsl(0, 0%, 21%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 0.5em 0.75em;
}
.panel-block input[type=checkbox] {
  margin-right: 0.75em;
}
.panel-block > .control {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 100%;
}
.panel-block.is-wrapped {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.panel-block.is-active {
  border-left-color: #5851ff;
  color: hsl(0, 0%, 21%);
}
.panel-block.is-active .panel-icon {
  color: #5851ff;
}
.panel-block:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

a.panel-block,
label.panel-block {
  cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
  background-color: hsl(0, 0%, 96%);
}

.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: hsl(0, 0%, 48%);
  margin-right: 0.75em;
}
.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}

bm-panel:not(:last-child) {
  margin-bottom: 1.5rem;
}