/* ------ buttons ----- */
/* ------ typography ----- */
:root {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}
.cds--layer-one {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}
.cds--layer-two {
  --cds-layer: var(--cds-layer-02, #ffffff);
  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
  --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
  --cds-field: var(--cds-field-02, #ffffff);
  --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
}
.cds--layer-three {
  --cds-layer: var(--cds-layer-03, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);
  --cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-03, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-03, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);
  --cds-field: var(--cds-field-03, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-03, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-03, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
}
.cds--layout--size-xs {
  --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-xs {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
}
.cds--layout-constraint--size__min-xs {
  --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
}
.cds--layout-constraint--size__max-xs {
  --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
}
.cds--layout--size-sm {
  --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-sm {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
}
.cds--layout-constraint--size__min-sm {
  --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
}
.cds--layout-constraint--size__max-sm {
  --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
}
.cds--layout--size-md {
  --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-md {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
}
.cds--layout-constraint--size__min-md {
  --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
}
.cds--layout-constraint--size__max-md {
  --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
}
.cds--layout--size-lg {
  --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-lg {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
}
.cds--layout-constraint--size__min-lg {
  --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
}
.cds--layout-constraint--size__max-lg {
  --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
}
.cds--layout--size-xl {
  --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-xl {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
}
.cds--layout-constraint--size__min-xl {
  --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
}
.cds--layout-constraint--size__max-xl {
  --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
}
.cds--layout--size-2xl {
  --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-2xl {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
}
.cds--layout-constraint--size__min-2xl {
  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
}
.cds--layout-constraint--size__max-2xl {
  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
}
.cds--layout--density-condensed {
  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
}
.cds--layout-constraint--density__default-condensed {
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
}
.cds--layout-constraint--density__min-condensed {
  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
}
.cds--layout-constraint--density__max-condensed {
  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
}
.cds--layout--density-normal {
  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
}
.cds--layout-constraint--density__default-normal {
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
}
.cds--layout-constraint--density__min-normal {
  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
}
.cds--layout-constraint--density__max-normal {
  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
}
:root {
  --cds-layout-size-height-xs: 1.5rem;
  --cds-layout-size-height-sm: 2rem;
  --cds-layout-size-height-md: 2.5rem;
  --cds-layout-size-height-lg: 3rem;
  --cds-layout-size-height-xl: 4rem;
  --cds-layout-size-height-2xl: 5rem;
  --cds-layout-size-height-min: 0px;
  --cds-layout-size-height-max: 999999999px;
  --cds-layout-density-padding-inline-condensed: 0.5rem;
  --cds-layout-density-padding-inline-normal: 1rem;
  --cds-layout-density-padding-inline-min: 0px;
  --cds-layout-density-padding-inline-max: 999999999px;
}
.cds--accordion--flush .cds--accordion__title {
  margin-left: 0;
}
.cds--accordion--flush .cds--accordion__arrow {
  margin-right: 0;
}
.cds--accordion--flush .cds--accordion__content {
  padding-left: 0;
}
.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,
.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before {
  left: -1rem;
  width: calc(100% + 32px);
}
.cds--accordion {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  width: 100%;
  list-style: none;
}
.cds--accordion *,
.cds--accordion *::before,
.cds--accordion *::after {
  box-sizing: inherit;
}
.cds--accordion__item {
  display: list-item;
  overflow: visible;
  border-top: 1px solid var(--cds-border-subtle);
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--accordion__item:last-child {
  border-bottom: 1px solid var(--cds-border-subtle);
}
.cds--accordion__heading {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  width: 100%;
  position: relative;
  display: flex;
  width: 100%;
  min-height: var(--cds-layout-size-height-local);
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}
.cds--accordion__heading *,
.cds--accordion__heading *::before,
.cds--accordion__heading *::after {
  box-sizing: inherit;
}
.cds--accordion__heading::-moz-focus-inner {
  border: 0;
}
.cds--accordion__heading:hover::before, .cds--accordion__heading:focus::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(100% + 2px);
  content: "";
}
.cds--accordion__heading:hover::before {
  background-color: var(--cds-layer-hover);
}
.cds--accordion__heading:focus {
  outline: none;
}
.cds--accordion__heading:focus::before {
  box-sizing: border-box;
  border: 2px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--accordion__heading:focus::before {
    border-style: dotted;
  }
}
.cds--accordion__heading[disabled] {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--accordion__heading[disabled] .cds--accordion__arrow {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--accordion__heading[disabled]:hover::before {
  background-color: transparent;
}
.cds--accordion__item--disabled,
.cds--accordion__item--disabled + .cds--accordion__item {
  border-top: 1px solid var(--cds-border-subtle);
}
li.cds--accordion__item--disabled:last-of-type {
  border-bottom: 1px solid var(--cds-border-subtle);
}
.cds--accordion__arrow {
  outline: 2px solid transparent;
  outline-offset: -2px;
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  margin: 0 var(--cds-layout-density-padding-inline-local) 0 0;
  fill: var(--cds-icon-primary, #161616);
  transform: rotate(-270deg) /*rtl:ignore*/;
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--accordion__title {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  z-index: 1;
  width: 100%;
  padding-right: 1rem;
  margin: 0 0 0 var(--cds-layout-density-padding-inline-local);
  text-align: left;
}
.cds--accordion__content {
  display: none;
  padding-inline: var(--cds-layout-density-padding-inline-local);
  transition: padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}
@media (min-width: 480px) {
  .cds--accordion__content {
    padding-right: 3rem;
  }
}
@media (min-width: 640px) {
  .cds--accordion__content {
    padding-right: 25%;
  }
}
.cds--accordion__content > p {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}
.cds--accordion--start .cds--accordion__heading {
  flex-direction: row;
}
.cds--accordion--start .cds--accordion__arrow {
  margin: 2px 0 0 var(--cds-layout-density-padding-inline-local);
}
.cds--accordion--start .cds--accordion__title {
  margin-right: 1rem;
}
.cds--accordion--start .cds--accordion__content {
  margin-left: calc(var(--cds-layout-density-padding-inline-local) + 1rem);
}
.cds--accordion__item--collapsing .cds--accordion__content,
.cds--accordion__item--expanding .cds--accordion__content {
  display: block;
}
@keyframes collapse-accordion {
  0% {
    height: 100%;
    opacity: 1;
    visibility: inherit;
  }
  100% {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes expand-accordion {
  0% {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
  100% {
    height: 100%;
    opacity: 1;
    visibility: inherit;
  }
}
.cds--accordion__item--collapsing .cds--accordion__content {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) collapse-accordion;
}
.cds--accordion__item--expanding .cds--accordion__content {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) expand-accordion;
}
.cds--accordion__item--active {
  overflow: visible;
}
.cds--accordion__item--active .cds--accordion__content {
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
  transition: padding-top cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-bottom cubic-bezier(0, 0, 0.38, 0.9) 110ms;
}
.cds--accordion__item--active .cds--accordion__arrow {
  fill: var(--cds-icon-primary, #161616);
  transform: rotate(-90deg) /*rtl:ignore*/;
}
.cds--accordion.cds--skeleton .cds--accordion__heading,
.cds--accordion.cds--skeleton .cds--accordion__button {
  cursor: default;
}
.cds--accordion.cds--skeleton .cds--accordion__arrow {
  cursor: default;
  fill: var(--cds-icon-primary, #161616);
  pointer-events: none;
}
.cds--accordion.cds--skeleton .cds--accordion__arrow:hover, .cds--accordion.cds--skeleton .cds--accordion__arrow:focus, .cds--accordion.cds--skeleton .cds--accordion__arrow:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before {
  background-color: transparent;
}
.cds--accordion--end.cds--skeleton .cds--accordion__arrow {
  margin-left: 1rem;
}
.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow {
  border: none;
  cursor: default;
  outline: none;
}
.cds--accordion__title.cds--skeleton__text {
  margin-bottom: 0;
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--accordion__arrow,
  .cds--accordion__item--active .cds--accordion__arrow {
    fill: ButtonText;
  }
}
.cds--accordion {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  width: 100%;
  list-style: none;
}
.cds--accordion *,
.cds--accordion *::before,
.cds--accordion *::after {
  box-sizing: inherit;
}
.cds--accordion__item {
  display: list-item;
  overflow: visible;
  border-top: 1px solid var(--cds-border-subtle);
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--accordion__item:last-child {
  border-bottom: 1px solid var(--cds-border-subtle);
}
.cds--accordion__heading {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  width: 100%;
  position: relative;
  display: flex;
  width: 100%;
  min-height: var(--cds-layout-size-height-local);
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}
.cds--accordion__heading *,
.cds--accordion__heading *::before,
.cds--accordion__heading *::after {
  box-sizing: inherit;
}
.cds--accordion__heading::-moz-focus-inner {
  border: 0;
}
.cds--accordion__heading:hover::before, .cds--accordion__heading:focus::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(100% + 2px);
  content: "";
}
.cds--accordion__heading:hover::before {
  background-color: var(--cds-layer-hover);
}
.cds--accordion__heading:focus {
  outline: none;
}
.cds--accordion__heading:focus::before {
  box-sizing: border-box;
  border: 2px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--accordion__heading:focus::before {
    border-style: dotted;
  }
}
.cds--accordion__heading[disabled] {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--accordion__heading[disabled] .cds--accordion__arrow {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--accordion__heading[disabled]:hover::before {
  background-color: transparent;
}
.cds--accordion__item--disabled,
.cds--accordion__item--disabled + .cds--accordion__item {
  border-top: 1px solid var(--cds-border-subtle);
}
li.cds--accordion__item--disabled:last-of-type {
  border-bottom: 1px solid var(--cds-border-subtle);
}
.cds--accordion__arrow {
  outline: 2px solid transparent;
  outline-offset: -2px;
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  margin: 0 var(--cds-layout-density-padding-inline-local) 0 0;
  fill: var(--cds-icon-primary, #161616);
  transform: rotate(-270deg) /*rtl:ignore*/;
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--accordion__title {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  z-index: 1;
  width: 100%;
  padding-right: 1rem;
  margin: 0 0 0 var(--cds-layout-density-padding-inline-local);
  text-align: left;
}
.cds--accordion__content {
  display: none;
  padding-inline: var(--cds-layout-density-padding-inline-local);
  transition: padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}
@media (min-width: 480px) {
  .cds--accordion__content {
    padding-right: 3rem;
  }
}
@media (min-width: 640px) {
  .cds--accordion__content {
    padding-right: 25%;
  }
}
.cds--accordion__content > p {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}
.cds--accordion--start .cds--accordion__heading {
  flex-direction: row;
}
.cds--accordion--start .cds--accordion__arrow {
  margin: 2px 0 0 var(--cds-layout-density-padding-inline-local);
}
.cds--accordion--start .cds--accordion__title {
  margin-right: 1rem;
}
.cds--accordion--start .cds--accordion__content {
  margin-left: calc(var(--cds-layout-density-padding-inline-local) + 1rem);
}
.cds--accordion__item--collapsing .cds--accordion__content,
.cds--accordion__item--expanding .cds--accordion__content {
  display: block;
}
@keyframes collapse-accordion {
  0% {
    height: 100%;
    opacity: 1;
    visibility: inherit;
  }
  100% {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes expand-accordion {
  0% {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
  100% {
    height: 100%;
    opacity: 1;
    visibility: inherit;
  }
}
.cds--accordion__item--collapsing .cds--accordion__content {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) collapse-accordion;
}
.cds--accordion__item--expanding .cds--accordion__content {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) expand-accordion;
}
.cds--accordion__item--active {
  overflow: visible;
}
.cds--accordion__item--active .cds--accordion__content {
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
  transition: padding-top cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-bottom cubic-bezier(0, 0, 0.38, 0.9) 110ms;
}
.cds--accordion__item--active .cds--accordion__arrow {
  fill: var(--cds-icon-primary, #161616);
  transform: rotate(-90deg) /*rtl:ignore*/;
}
.cds--accordion.cds--skeleton .cds--accordion__heading,
.cds--accordion.cds--skeleton .cds--accordion__button {
  cursor: default;
}
.cds--accordion.cds--skeleton .cds--accordion__arrow {
  cursor: default;
  fill: var(--cds-icon-primary, #161616);
  pointer-events: none;
}
.cds--accordion.cds--skeleton .cds--accordion__arrow:hover, .cds--accordion.cds--skeleton .cds--accordion__arrow:focus, .cds--accordion.cds--skeleton .cds--accordion__arrow:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before {
  background-color: transparent;
}
.cds--accordion--end.cds--skeleton .cds--accordion__arrow {
  margin-left: 1rem;
}
.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow {
  border: none;
  cursor: default;
  outline: none;
}
.cds--accordion__title.cds--skeleton__text {
  margin-bottom: 0;
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--accordion__arrow,
  .cds--accordion__item--active .cds--accordion__arrow {
    fill: ButtonText;
  }
}
.cds--accordion {
  --cds-border-subtle: #c1c7cd;
  --cds-layer-hover: var(--msk-color-bg-action-hover, #f2f4f8);
  --cds-focus: var(--msk-color-border-focus-outer, #000000);
  /* ----- disabled ----- */
}
.cds--accordion .cds--accordion__heading {
  --cds-text-primary: var(--msk-color-content-action, #21272a);
  --cds-icon-primary: var(--msk-color-content-action, #21272a);
}
.cds--accordion .cds--accordion__heading .cds--accordion__title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
}
.cds--accordion .cds--accordion__item--active .cds--accordion__heading {
  background-color: var(--msk-color-bg-action-hover, #f2f4f8);
}
@media (width >= 640px) {
  .cds--accordion .cds--accordion__content {
    padding-right: 1rem;
  }
}
.cds--accordion .cds--accordion__content > * {
  max-inline-size: 72ch;
}
.cds--accordion .cds--accordion__heading:hover::before,
.cds--accordion .cds--accordion__heading:focus::before {
  top: 0;
}
.cds--accordion .cds--accordion__heading:disabled {
  --cds-text-disabled: #726e6e;
  --cds-icon-disabled: #8f8b8b;
  background: #f7f3f2;
}
.msk-accordion-item--toggle-icon-only {
  position: relative;
}
.msk-accordion-item--toggle-icon-only .cds--accordion__heading {
  cursor: default;
  padding-inline-end: 0;
}
.msk-accordion-item--toggle-icon-only .cds--accordion__heading:hover {
  --cds-layer-hover: initial;
}
.msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon {
  background-color: transparent;
  border-color: transparent;
  color: var(--msk-color-content-action-secondary, #113e90);
  cursor: pointer;
  z-index: 1;
  min-block-size: 2.5rem;
}
.msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon:disabled, .msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon:hover:disabled, .msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon:focus:disabled, .msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon.msk-btn--disabled, .msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon.msk-btn--disabled:hover, .msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon.msk-btn--disabled:focus {
  border-color: var(--msk-color-bg-disabled, #f7f3f2);
  background: var(--msk-color-bg-disabled, #f7f3f2);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon:focus, .msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon:hover {
  background-color: var(--msk-color-bg-action-hover, #f2f4f8);
  color: var(--msk-color-content-action-secondary-hover, #002569);
}
.msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon:hover {
  border-color: var(--msk-color-bg-action-hover, #f2f4f8);
}
.msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon:active {
  background-color: var(--msk-color-bg-action-active, #dde1e6);
  color: var(--msk-color-content-action-secondary-active, #001641);
  border-color: var(--msk-color-bg-action-active, #dde1e6);
}
.msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon:hover {
  border-style: solid;
}
.msk-accordion-item--toggle-icon-only .msk-accordion-item--expand-icon .msk-icon--inherit {
  color: inherit;
}