@layer ddsweb-molecules {
  @layer ddsweb-accordion {
    .UKSL9q_container {
      --ddsweb-accordion-spacing: var(--ddsweb-tc-accordion-spacing-xs, var(--dds-spacing-space-8));
      border-top: 1px solid var(--dds-line-colour-border-primary);
      border-bottom: 1px solid var(--dds-line-colour-border-primary);
    }

    .UKSL9q_item + .UKSL9q_item {
      border-top: 1px solid var(--dds-line-colour-border-primary);
    }

    .UKSL9q_button {
      padding: calc(var(--ddsweb-accordion-spacing)  + 2px) 12px calc(var(--ddsweb-accordion-spacing)  + 1px) 12px;
      --ddsweb-text-color: var(--dds-typography-colour-text-header-secondary);
      --ddsweb-text-font-weight: 700;
      width: 100%;
      min-height: var(--ddsweb-tc-accordion-min-height, 44px);
      line-height: var(--ddsweb-theme-line-height-text-xs);
      text-align: left;
      --ddsweb-tc-button-border-width: var(--ddsweb-tc-accordion-icon-border-width);
      --ddsweb-button-icon-container-size: var(--ddsweb-tc-accordion-icon-size, var(--dds-sizing-size-24));
      justify-content: space-between;
      align-items: center;
      display: flex;
    }

    .UKSL9q_button:focus-visible .ddsweb-button__icon-container:after {
      display: unset;
      opacity: 1;
    }

    .UKSL9q_button .ddsweb-button__icon-container {
      margin: var(--ddsweb-tc-accordion-icon-vertical-margin, var(--dds-spacing-space-0)) var(--dds-spacing-space-0);
      flex-shrink: 0;
      align-self: baseline;
    }

    .UKSL9q_button .ddsweb-icon {
      transition: transform var(--ddsweb-theme-base-transition-duration);
      transform: rotate(0);
    }

    .UKSL9q_accordionSubText {
      --ddsweb-text-font-weight: 400;
      --ddsweb-text-color: var(--dds-typography-colour-text-body);
    }

    .UKSL9q_expandedButton .ddsweb-icon {
      transform: rotate(180deg);
    }

    .UKSL9q_panel {
      color: var(--dds-typography-colour-text-body);
      line-height: var(--ddsweb-theme-line-height-next-text-md);
      transition: grid-template-rows var(--ddsweb-theme-base-transition-duration) ease-in-out, padding var(--ddsweb-theme-base-transition-duration) ease-in-out;
      grid-template-rows: 0fr;
      display: grid;
      overflow: hidden;
    }

    .UKSL9q_expanded .UKSL9q_panel {
      grid-template-rows: 1fr;
      padding-bottom: 24px;
    }

    .UKSL9q_content {
      box-sizing: border-box;
      visibility: hidden;
      min-height: 0;
      font-size: var(--dds-typography-tokens-size-fontsize-16);
      line-height: var(--ddsweb-theme-base-line-height);
      transition: padding var(--ddsweb-theme-base-transition-duration) ease-in-out, visibility var(--ddsweb-theme-base-transition-duration) ease-in-out;
      padding: 0 12px;
      position: relative;
      top: 8px;
    }

    .UKSL9q_expanded .UKSL9q_content {
      visibility: visible;
    }

    .UKSL9q_flush {
      padding-left: 0;
      padding-right: 0;
    }
  }
}


/*# sourceMappingURL=ef4576a11743b2265157.css.map*/