/**
 * Copyright 2020 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.accordion {
  --focus-background: var(
    --accordion-focus-background,
    var(--fire-color-input-borders)
  );
  --border-size: var(--accordion-border-size, 1px);
  --horizontal-spacing: var(--accordion-horizontal-spacing, 40px);
  --vertical-spacing: var(--accordion-vertical-spacing, 8px);
  --header-justification: var(--accordion-header-justification, space-between);
  border-top: var(--border-size) var(--fire-color-input-borders) solid;
}

.header {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: var(--header-justification);
  padding: var(--vertical-spacing) var(--horizontal-spacing);
}

.expandHeader {
  display: flex;
  align-items: center;
}

.header:focus {
  background: var(--focus-background);
}

.content {
  padding: 8px var(--horizontal-spacing) var(--horizontal-spacing)
    var(--horizontal-spacing);
}

.icon {
  padding-right: 12px;
}

.expansionLabel {
  color: var(--mdc-theme-primary);
  text-decoration: underline;
  margin-left: 8px;
}

.collapsed {
  .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
