.dds-accordion{position:relative}.dds-accordion__item{border-bottom:solid;border-bottom-width:var(--border-width-accordion-default);border-bottom-color:var(--color-accordion-primary-border);&.dds-accordion--secondary{border-bottom-color:var(--color-accordion-secondary-border)}}.dds-accordion--closed{display:none}.dds-accordion--expanded{display:block}.dds-accordion--padded{padding-left:var(--spacing-accordion-x-padding);padding-right:var(--spacing-accordion-x-padding)}.dds-accordion__button{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:transparent;border:none;color:var(--color-accordion-primary-text);font:var(--typography-accordion-l);height:var(--dimension-accordion-l);.dds-accordion__icon{fill:var(--color-accordion-primary-icon)}&.dds-accordion--secondary{color:var(--color-accordion-secondary-text);.dds-accordion__icon{fill:var(--color-accordion-secondary-icon)}}&.dds-accordion--medium{font:var(--typography-accordion-m);height:var(--dimension-accordion-m)}&.dds-accordion--unpadded{padding:0}}