@layer sections{
  [ui-section=multicolumn]{
    --gap:var(--spacing-32);
    --item-size:100%;
    display:flex;
    flex-direction:column;
    gap:var(--spacing-64);
    padding:var(--top-spacing) 8% var(--bottom-spacing) !important;
  }
  [ui-section=multicolumn] .content-area{
    display:flex;
    align-items:flex-end;
    justify-content:var(--text-heading-alignment-desktop);
    gap:var(--spacing-16);
  }
  [ui-section=multicolumn] .content-area .actions{
    display:flex;
    gap:var(--spacing-24);
    flex-shrink:0;
  }
  [ui-section=multicolumn] .items-area{
    display:grid;
    grid-template-columns:repeat(var(--nbr-columns-desktop), 1fr);
    align-items:flex-start;
    width:100%;
    grid-gap:var(--spacing-64);
    gap:var(--spacing-64);
  }
  [ui-section=multicolumn] .items-area [ui-block=column]{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:var(--spacing-32);
  }
  [ui-section=multicolumn] .items-area [ui-block=column] .media{
    width:var(--size);
    height:var(--size);
    overflow:hidden;
    border-radius:var(--radius-column);
  }
  [ui-section=multicolumn] .items-area [ui-block=column] .media > img{
    -o-object-fit:cover;
       object-fit:cover;
  }
  [ui-section=multicolumn] .items-area [ui-block=column] .content{
    display:grid;
    grid-gap:var(--spacing-16);
    gap:var(--spacing-16);
  }
  [ui-section=multicolumn] .items-area [ui-block=column] .content .heading{
    font:var(--font-title-md);
  }
  [ui-section=multicolumn] .items-area [ui-block=column] .content .description{
    color:var(--color-on-surface-variant);
    font:var(--font-body-lg);
  }
  [ui-section=multicolumn] .items-area [ui-block=column][data-alignment=center]{
    align-items:center;
  }
  [ui-section=multicolumn] .items-area [ui-block=column][data-alignment=center] .content{
    text-align:center;
  }
  [ui-section=multicolumn] .pagination{
    display:none;
    align-items:center;
    justify-content:center;
  }
  [ui-section=multicolumn] .pagination [ui-carousel=marker]{
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    transition:var(--transition-standard-default-spatial);
    border:none;
    background-color:transparent;
    color:var(--color-primary);
    cursor:pointer;
  }
  [ui-section=multicolumn] .pagination [ui-carousel=marker][aria-hidden=true]{
    display:none;
  }
  [ui-section=multicolumn] .pagination [ui-carousel=marker]::before{
    content:"";
    display:flex;
    width:var(--spacing-8);
    height:var(--spacing-8);
    transition:var(--transition-standard-default-spatial);
    border-radius:var(--radius-rounded);
    background-color:color-mix(in srgb, currentcolor 38%, transparent);
  }
  [ui-section=multicolumn] .pagination [ui-carousel=marker][aria-selected=true]{
    width:var(--spacing-48);
  }
  [ui-section=multicolumn] .pagination [ui-carousel=marker][aria-selected=true]::before{
    width:inherit;
    background-color:currentcolor;
  }
  @media (max-width: 1028px){
    [ui-section=multicolumn]{
      --per-page:2;
    }
    [ui-section=multicolumn] .pagination,
    [ui-section=multicolumn] .items-area{
      display:flex;
    }
  }
  @media (max-width: 769px){
    [ui-section=multicolumn]{
      --per-page:1;
    }
    [ui-section=multicolumn] .content-area{
      flex-direction:column;
      align-items:var(--text-heading-alignment-mobile);
    }
  }
}