:root {
    --xs: 576px;
    --sm: 768px;
    --md: 992px;
    --lg: 1200px;
    --xl: 1471px;
    --xxl: 1920px;
    --shadow: 0 4px 20px 0 rgba(46, 46, 48, 0.10);
    --transition: all 900ms cubic-bezier(0.19, 1, 0.155, 1.01) 0s;
    --transition2: all 0.4s cubic-bezier(0.4, 0, 1, 1);

    --radius-24: 24px;

    /* Container widths */
    --container-xxl-max-width: 1400px;
    --container-xl-max-width: 1250px;
    --container-lg-max-width: 1145px;
    --container-md-max-width: 962px;
    --container-sm-max-width: 768px;

    --padding: 20px;
    --paddingx: 20px 0;

    --Spacing-64: 20px;
    --Spacing-96: 20px;

    --legal-layout-gutter: 4rem;
    --legal-layout-none-max-width: 576px;
    --legal-layout-md-max-width: 720px;
    --legal-layout-lg-max-width: 960px;
    --legal-layout-xl-max-width: 1128px;
    --legal-layout-sidebar-width: minmax(0, 300px);
    --legal-layout-sidebar-narrow-width: minmax(0, 395px);
    --legal-layout-main-width: minmax(0, auto);
    --legal-layout-aside-width: minmax(0, 300px);
}

@media (min-width: 992px ) {
  :root {
    --padding: 64px;
    --paddingx: 64px 0;
    --Spacing-64: 64px;
    --Spacing-96: 96px;
  }
}