/* eds-lib expansion-panel - generated by build.js, do not edit.
   Source: projects/finiti/eds-angular/src/lib/expansion-panel/expansion-panel.component.scss */

:root {
  --eds-expansion-panel-line-height: 1.1;
  --eds-expansion-panel-border-radius: 8px;
  --eds-expansion-panel-border-width: 1px;
  --eds-expansion-panel-padding-x-small: 12px;
  --eds-expansion-panel-padding-x-medium: 16px;
  --eds-expansion-panel-padding-y-small: 8px;
  --eds-expansion-panel-padding-y-medium: 16px;
  --eds-expansion-panel-gap: 8px;
  --eds-expansion-panel-icon-size: 24px;
  --eds-expansion-panel-transition-duration: 0.3s;
  --eds-expansion-panel-color-border: #d0d0d0;
  --eds-expansion-panel-color-border-hover: $light-primary; /* UNRESOLVED - see build.js */
  --eds-expansion-panel-color-bg: $light-surfaceContainerLowest; /* UNRESOLVED - see build.js */
  --eds-expansion-panel-color-bg-filled: $light-surfaceContainerLowest; /* UNRESOLVED - see build.js */
  --eds-expansion-panel-color-bg-elevated: $light-surfaceContainerHighest; /* UNRESOLVED - see build.js */
  --eds-expansion-panel-color-text: $light-onSurface; /* UNRESOLVED - see build.js */
  --eds-expansion-panel-color-text-disabled: $light-onSurfaceDisabled; /* UNRESOLVED - see build.js */
  --eds-expansion-panel-color-title: $light-onPrimaryContainer; /* UNRESOLVED - see build.js */
  --eds-expansion-panel-color-title-expanded: $light-onSurface; /* UNRESOLVED - see build.js */
  --eds-expansion-panel-color-subtitle: $light-onSurfaceVariant; /* UNRESOLVED - see build.js */
  --eds-expansion-panel-color-icon: $light-primary; /* UNRESOLVED - see build.js */
  --eds-expansion-panel-color-icon-expanded: $light-onSurfaceVariant; /* UNRESOLVED - see build.js */
  --eds-expansion-panel-color-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  --eds-expansion-panel-color-shadow-elevated: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.eds-expansion-panel-group {
  display: grid;
  gap: 0;
  border-radius: var(--eds-expansion-panel-border-radius);
  overflow: hidden;
  background-color: var(--eds-expansion-panel-color-bg);
  box-shadow: var(--eds-expansion-panel-color-shadow);
}

.eds-expansion-panel {
  width: 100%;
  transition: box-shadow var(--eds-expansion-panel-transition-duration) ease-in-out;
  border-top: 1px solid var(--eds-expansion-panel-color-border);
}
.eds-expansion-panel:first-child {
  border-top: 0;
}
.eds-expansion-panel.eds-expansion-panel--small .eds-expansion-panel__header {
  padding: var(--eds-expansion-panel-padding-y-small) var(--eds-expansion-panel-padding-x-small);
}
.eds-expansion-panel.eds-expansion-panel--small .eds-expansion-panel__content-inner {
  padding: var(--eds-expansion-panel-padding-y-small) var(--eds-expansion-panel-padding-x-small);
}
.eds-expansion-panel.eds-expansion-panel--small .eds-expansion-panel__title {
  font-size: 14px;
}
.eds-expansion-panel.eds-expansion-panel--small .eds-expansion-panel__subtitle {
  font-size: 12px;
}
.eds-expansion-panel.eds-expansion-panel--medium .eds-expansion-panel__header {
  padding: var(--eds-expansion-panel-padding-y-medium) var(--eds-expansion-panel-padding-x-medium);
}
.eds-expansion-panel.eds-expansion-panel--medium .eds-expansion-panel__content-inner {
  padding: var(--eds-expansion-panel-padding-y-medium) var(--eds-expansion-panel-padding-x-medium);
}
.eds-expansion-panel.eds-expansion-panel--medium .eds-expansion-panel__title {
  font-size: 16px;
}
.eds-expansion-panel.eds-expansion-panel--medium .eds-expansion-panel__subtitle {
  font-size: 14px;
}
.eds-expansion-panel.eds-expansion-panel--outlined {
  background-color: var(--eds-expansion-panel-color-bg);
}
.eds-expansion-panel.eds-expansion-panel--filled {
  background-color: var(--eds-expansion-panel-color-bg-filled);
}
.eds-expansion-panel.eds-expansion-panel--elevated {
  background-color: var(--eds-expansion-panel-color-bg-elevated);
  box-shadow: var(--eds-expansion-panel-color-shadow-elevated);
}
.eds-expansion-panel__text {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.eds-expansion-panel__title {
  font-weight: 600;
  color: #1A4975;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eds-expansion-panel__subtitle {
  color: #41484D;
  line-height: var(--eds-expansion-panel-line-height);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eds-expansion-panel__expand-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--eds-expansion-panel-icon-size);
  height: var(--eds-expansion-panel-icon-size);
  font-size: var(--eds-expansion-panel-icon-size);
  transition: transform var(--eds-expansion-panel-transition-duration) ease-in-out;
  flex-shrink: 0;
  transform-origin: center;
  color: var(--eds-expansion-panel-color-icon);
  opacity: 0.8;
}
.eds-expansion-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--eds-expansion-panel-padding-y-medium) var(--eds-expansion-panel-padding-x-medium);
  transition: background-color var(--eds-expansion-panel-transition-duration) ease-in-out;
}
.eds-expansion-panel__header:hover:not(.eds-expansion-panel__header--disabled) {
  background-color: rgba(0, 0, 0, 0.04);
}
.eds-expansion-panel__header:disabled {
  cursor: not-allowed;
}
.eds-expansion-panel__header:focus-visible {
  outline: 2px solid var(--eds-expansion-panel-color-border-hover);
  outline-offset: 2px;
}
.eds-expansion-panel__header.eds-expansion-panel__header--disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.eds-expansion-panel__header-content {
  display: flex;
  align-items: center;
  gap: var(--eds-expansion-panel-gap);
  flex: 1;
}
.eds-expansion-panel__content {
  padding: 16px 16px;
  color: #41484D;
  font-size: 16px;
}
.eds-expansion-panel__content-inner {
  color: var(--eds-expansion-panel-color-text);
}
.eds-expansion-panel__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--eds-expansion-panel-icon-size);
  height: var(--eds-expansion-panel-icon-size);
  font-size: var(--eds-expansion-panel-icon-size);
  flex-shrink: 0;
  color: #41484D;
  opacity: 0.8;
}

.eds-expansion-panel--no-icon .eds-expansion-panel__icon {
  display: none;
}

.eds-expansion-panel--expanded .eds-expansion-panel__expand-icon {
  transform: rotate(180deg);
  color: var(--eds-expansion-panel-color-icon-expanded);
}

.eds-expansion-panel__content-wrapper {
  overflow: hidden;
  transition: max-height var(--eds-expansion-panel-transition-duration) ease-in-out;
  max-height: 0;
}
.eds-expansion-panel__content-wrapper.eds-expansion-panel__content-wrapper--expanded {
  max-height: 1000px;
}