@layer sections{
  [ui-section=logo-list]{
    display:flex;
    flex-direction:column;
    gap:var(--spacing-8);
  }
  [ui-section=logo-list] .logo-list-head{
    width:100%;
    padding-inline:var(--spacing-16);
    color:var(--fg-color);
  }
  [ui-section=logo-list] .logo-list-head .description{
    opacity:0.72;
  }
  [ui-section=logo-list] .logos-container{
    --logos-container-bg:#fefefe;
    padding-block:var(--spacing-24);
    overflow:hidden;
    border-radius:var(--radius-card);
    background-color:var(--logos-container-bg);
  }
  [ui-section=logo-list] .logos-container [ui-block=logo]{
    --size:142px;
    display:block;
    width:var(--size);
    height:var(--size);
    margin:var(--spacing-8) var(--spacing-16);
  }
  [ui-section=logo-list] .logos-container [ui-block=logo] img{
    width:100%;
    height:100%;
    -o-object-fit:contain;
       object-fit:contain;
    transition:filter var(--transition-standard-default-effects), transform var(--transition-standard-default-effects);
  }
  [ui-section=logo-list] .logos-container a[ui-block=logo]{
    cursor:pointer;
  }
  [ui-section=logo-list] .logos-container a[ui-block=logo]:hover img,
  [ui-section=logo-list] .logos-container a[ui-block=logo]:focus-visible img{
    transform:scale(1.05);
  }
  @media (max-width: 769px){
    [ui-section=logo-list] .logos-container [ui-block=logo]{
      --size:80px;
    }
  }
  [ui-section=logo-list][data-list] .logos-container .logo-list{
    display:grid;
    grid-template-columns:repeat(var(--nbr-columns-desktop), minmax(80px, 1fr));
    gap:var(--spacing-40);
    justify-items:center;
    margin:0;
    padding:0;
    list-style:none;
  }
  @media (max-width: 769px){
    [ui-section=logo-list][data-list] .logos-container .logo-list{
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:var(--spacing-16);
    }
  }
  [ui-section=logo-list][data-grayscale] .logos-container [ui-block=logo] img{
    filter:grayscale(1);
  }
  [ui-section=logo-list][data-grayscale] .logos-container [ui-block=logo]:hover img{
    filter:grayscale(0);
  }
  [ui-slot=container][data-fullscreen]{
    max-width:100%;
  }
  [ui-slot=container][data-fullscreen] [ui-section=logo-list] .logos-container{
    margin-inline:var(--spacing-0);
    border-radius:var(--radius-0);
    background-color:transparent;
  }
}