@layer sections{
  [ui-section=feature-list]{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:var(--spacing-64);
    padding:var(--top-spacing) 8% var(--bottom-spacing) !important;
  }
  [ui-section=feature-list] .items-area{
    display:grid;
    grid-template-columns:repeat(var(--nbr-columns-desktop), 1fr);
  }
  [ui-section=feature-list] .items-area [ui-block=feature-item]{
    display:flex;
    align-items:center;
    padding:var(--spacing-16);
    gap:var(--spacing-12);
    overflow:hidden;
  }
  [ui-section=feature-list] .items-area [ui-block=feature-item] .icon{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:calc(var(--size) * 2);
    height:calc(var(--size) * 2);
    border-radius:var(--radius-feature-item);
    background-color:var(--color-surface-container-low);
  }
  [ui-section=feature-list] .items-area [ui-block=feature-item] .label{
    overflow:hidden;
    font:var(--font-body-lg);
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  @media (max-width: 1028px){
    [ui-section=feature-list] .items-area{
      grid-template-columns:repeat(2, 1fr);
    }
  }
  @media (max-width: 769px){
    [ui-section=feature-list]{
      gap:var(--spacing-48);
    }
    [ui-section=feature-list] .items-area{
      gap:var(--spacing-32);
      grid-template-columns:1fr;
    }
    [ui-section=feature-list] .items-area [ui-block=feature-item]{
      padding:var(--spacing-0);
    }
  }
}