:root{--grid-scrollable-col-size: 90%;--grid-column-gap-min: var(--layout-mixed-column-gap-min);--grid-column-gap-max: var(--layout-mixed-column-gap-max);--grid-row-gap-min: var(--layout-mixed-row-gap-min);--grid-row-gap-max: var(--layout-mixed-row-gap-max)}.grid{--max-col-count: 3;--min-col-size: 300px;--col-size-calc: calc((100% - var(--column-gap) * var(--max-col-count)) / var(--max-col-count));--grid-col-min-size-calc: min(max(var(--min-col-size), var(--col-size-calc)), 100%);display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--grid-col-min-size-calc), 1fr));--column-gap:clamp(var(--grid-column-gap-min)*1px,(var(--grid-column-gap-max) - var(--grid-column-gap-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--grid-column-gap-min) - (var(--grid-column-gap-max) - var(--grid-column-gap-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--grid-column-gap-max)*1px);--row-gap:clamp(var(--grid-row-gap-min)*1px,(var(--grid-row-gap-max) - var(--grid-row-gap-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--grid-row-gap-min) - (var(--grid-row-gap-max) - var(--grid-row-gap-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--grid-row-gap-max)*1px);gap:var(--row-gap) var(--column-gap)}@media screen and (max-width: 767px){.grid.scrollable{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.grid.scrollable::-webkit-scrollbar{display:none}.grid.scrollable>*{flex:0 0 auto;flex-basis:var(--grid-scrollable-col-size, 90%)}}.grid.has-1-columns{--max-col-count: 1}.grid.has-2-columns{--max-col-count: 2}.grid.has-3-columns{--max-col-count: 3}.grid.has-4-columns{--max-col-count: 4}.grid.has-5-columns{--max-col-count: 5}.grid.has-6-columns{--max-col-count: 6}.grid.item-width-xxs{--min-col-size: 100px}.grid.item-width-xs{--min-col-size: 200px}.grid.item-width-sm{--min-col-size: 300px}.grid.item-width-md{--min-col-size: 400px}@media screen and (max-width: 420px){.grid.item-width-md{--max-col-count: 1;grid-template-columns:1fr}}.grid.item-width-lg{--min-col-size: 500px}@media screen and (max-width: 525px){.grid.item-width-lg{--max-col-count: 1;grid-template-columns:1fr}}.grid.item-width-xl{--min-col-size: 600px}@media screen and (max-width: 640px){.grid.item-width-xl{--max-col-count: 1;grid-template-columns:1fr}}.grid.item-width-xxl{--min-col-size: 700px}@media screen and (max-width: 768px){.grid.item-width-xxl{--max-col-count: 1;grid-template-columns:1fr}}.grid>.grid-item,.grid>*{max-width:100% !important}.grid--buttons>*{width:auto}