.expander-animate-on {
  filter: var(--aura-content-expander-filter);
  background: var(--aura-expansion-animation-bg);
  color: var(--aura-expansion-animation-color);
  /* Below if for animation */
  display: var(--aura-display-grid);
  grid-template-rows: var(--aura-fraction-0);
  transition: grid-template-rows var(--aura-transition-time-point-five);
}

.expander-animate-off {
  filter: var(--aura-content-expander-filter);
  background: var(--aura-expansion-animation-bg);
  color: var(--aura-expansion-animation-color);
  /* Below if for animation */
  display: var(--aura-display-grid);
  grid-template-rows: var(--aura-fraction-0);
}

.expander-show-content {
  grid-template-rows: var(--aura-fraction-1);
}

.expander-inject {
  overflow: var(--aura-overflow-hidden);
  position: var(--aura-position-relative);
}

.expander-content-after::after {
  content: '';
  width: var(--aura-unit-0-px);
  border-left: var(--aura-unit-12-px) var(--aura-border-type-solid)
    var(--aura-background-transparent);
  border-right: var(--aura-unit-12-px) var(--aura-border-type-solid)
    var(--aura-background-transparent);
  border-bottom: var(--aura-unit-12-px) var(--aura-border-type-solid)
    var(--aura-white);
  position: var(--aura-position-absolute);
  left: var(--pointer-position, 0);
  bottom: var(--aura-unit-100-percent);
  opacity: var(--aura-opacity-one);
  height: var(--aura-unit-10-px);
  transition:
    opacity var(--aura-transition-time-three) var(--aura-transition-ease),
    height var(--aura-transition-time-three) var(--aura-transition-ease);
}

remove::after {
  content: var(--aura-none);
  opacity: var(--aura-opacity-0);
  height: var(--aura-unit-0-px);
}