@layer components{:root{--twentyone--group--margin: var(--twentyone--spacing--32) 0}.twentyone-group{list-style:none;padding:0;margin:var(--twentyone--group--margin);--gap: var(--gap-mobile, var(--twentyone--spacing--16));--columns: var(--columns-mobile, 1)}@media(min-width: 48.01em){.twentyone-group{--gap: var(--gap-tablet, var(--twentyone--spacing--24));--columns: var(--columns-tablet, 2)}}@media(min-width: 80.01em){.twentyone-group{--gap: var(--gap-desktop, var(--twentyone--spacing--32));--columns: var(--columns-desktop, 3)}}.twentyone-group.width--responsive{--width: var(--width-mobile, 100%)}@media(min-width: 48.01em){.twentyone-group.width--responsive{--width: var(--width-tablet, var(--width-mobile, 100%))}}@media(min-width: 80.01em){.twentyone-group.width--responsive{--width: var(--width-desktop, var(--width-tablet, var(--width-mobile, 100%)))}}.twentyone-group:first-child{margin-top:0}.twentyone-group:last-child{margin-bottom:0}.twentyone-group.is--column{display:flex;flex-direction:column}.twentyone-group.is--row{display:flex;align-items:start;flex-wrap:wrap}.twentyone-group.is--row>li:has(>.width--custom){display:contents}.twentyone-group.is--row>li>.width--custom{width:auto;flex:0 1 calc(var(--width, 100%) - var(--gap)*(var(--columns) - 1)/var(--columns))}.twentyone-group.is--column,.twentyone-group.is--row,.twentyone-group.is--grid{gap:var(--gap)}.twentyone-group.is--grid{display:grid;grid-template-columns:repeat(var(--columns), minmax(0, 1fr))}.twentyone-group.is--masonry{column-count:var(--columns)}.twentyone-group.is--masonry>li{margin-bottom:var(--gap) !important}}