@layer components{.ds-list{--ds-list-order-title:1;--ds-list-order-subtitle:2;--ds-list-order-content:3;gap:var(--ds-space-5);flex-direction:column;display:flex}.ds-list__header{gap:var(--ds-space-4);flex-direction:column;display:flex}.ds-list__header-title{order:var(--ds-list-order-title);font-size:var(--ds-heading-200);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-body-lg);letter-spacing:var(--ds-letter-spacing-base);font-weight:var(--ds-font-weight-medium);margin:0}.ds-list__header-subtitle{order:var(--ds-list-order-subtitle);font-size:var(--ds-heading-200);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-body-lg);letter-spacing:var(--ds-letter-spacing-base);font-weight:var(--ds-font-weight-light);margin:0}.ds-list__header-description{order:var(--ds-list-order-content);margin-top:var(--ds-space-3);font-size:var(--ds-body-100);font-weight:var(--ds-font-weight-normal);line-height:var(--ds-line-height-body-sm);letter-spacing:var(--ds-letter-spacing-looser)}.ds-list__header-actions{flex-wrap:wrap;align-items:center;display:flex}.ds-list__body{width:100%}.ds-list__body>*{flex-direction:column;display:flex}@media (min-width:768px){.ds-list__header{flex-flow:wrap;align-items:flex-start}.ds-list__header-content{flex:40%}.ds-list__header-actions{justify-content:flex-end}}.ds-list.variant-white .ds-list__header-title,.ds-list.variant-white .ds-list__header-subtitle,.ds-list.variant-white .ds-list__header-description,.ds-list.variant-white .ds-list__header-description>*,.ds-list.variant-white .ds-button-group .ds-button-group__text{color:var(--ds-c-grey-0)}}