:root {
  --expandcollapse-trigger-background-color: transparent;
  --expandcollapse-trigger-color: var(--gray-90);
  --expandcollapse-panel-background-color: transparent;
  --expandcollapse-panel-color: var(--gray-90);
}

.ExpandCollapse__trigger {
  font-size: inherit;
  display: flex;
  align-items: center;
  background-color: var(--expandcollapse-trigger-background-color);
  color: var(--expandcollapse-trigger-color);
}

.fullWidth {
  width: 100%;
}

.ExpandCollapse__trigger-title {
  flex-grow: 1;
  text-align: left;
}

.ExpandCollapse__panel {
  color: var(--expandcollapse-panel-color);
}

/* Dark Theme */

.cauldron--theme-dark {
  --expandcollapse-trigger-color: var(--white);
  --expandcollapse-panel-color: var(--accent-light);
}

@media (prefers-reduced-motion: reduce) {
  .ExpandCollapse__panel {
    animation: none !important;
  }
}

a.Button--primary,
a.Button--secondary,
a.Button--thin {
  font-weight: var(--font-weight-medium);
}

a.Button--primary,
a.Button--secondary {
  text-decoration: none;
}

a.Button--thin {
  padding: 0 var(--space-small);
}

.Icon {
  display: inline-block;
  vertical-align: middle;
}

.Icon svg {
  display: block;
  height: var(--icon-size);
  width: var(--icon-size);
}

/* Icon--down is the default orientation */

.Icon__down {
}

.Icon__up {
  transform: scaleY(-1);
}

.Icon__left {
  transform: rotate(90deg);
}

.Icon__right {
  transform: rotate(-90deg);
}