const styles = "@layer base, reset, transitional-styles;\n@layer transitional-styles {\n  @layer _base, _overrides;\n  :host {\n    display: block;\n    list-style: none;\n  }\n  @layer _base {\n    .gds-list-heading {\n      background-color: var(--gds-ref-pallet-base200, #e9e9e9);\n      font-size: 0.875rem;\n      font-weight: 500;\n      padding: 0.5rem 1rem;\n    }\n    ::slotted([gds-element=gds-list-item]) {\n      all: revert;\n      border-bottom: 1px solid var(--gds-ref-pallet-base200, #e9e9e9);\n      display: flex;\n      gap: 0.25rem;\n      justify-content: space-between;\n      padding: 1rem;\n    }\n  }\n}";
export default styles;