:host {
  cursor: pointer;
  display: block;
}

.planet-collapsible__content {
  background-color: var(--collapsible-content--background-color);
  box-sizing: border-box;
  display: block;
  padding: 16px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.planet-collapsible__header {
  transition: all 0.25s ease;
  background-color: #252525;
  color: #FFFFFF;
  color: rgba(255, 255, 255, .9);
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  padding: 16px;
  width: 100%;
}

.planet-collapsible__header:hover {
  transition: all 0.5s ease;
  background-color: #000000;
}

:host(.planet-collapsible--toggled) .planet-collapsible__header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.planet-collapsible__icon {
  line-height: 45px;
}

.planet-collapsible__title {
  flex: 1;
  font-size: 20px;
  line-height: 45px;
}