.rt-grid {
  display: flex;
}

.rt-grid--fill {
  width: 100%;
}

.rt-grid--horizontal {
  flex-direction: row;
}

.rt-grid--vertical {
  flex-direction: column;
}

/* XS size */

.rt-grid-provider *[data-rt-grid='primary-xs'][data-rt-grid-position='leading'],
.rt-grid-provider[data-rt-grid='primary-xs'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='primary-xs'][data-rt-grid-position='trailing'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-first-xs
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-first-xs
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-first-xs
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-first-xs
  );
}

.rt-grid-provider
  *[data-rt-grid='primary-xs'][data-rt-grid-position='intermediate'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-intermediate-xs
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-intermediate-xs
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-intermediate-xs
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-intermediate-xs
  );
}

.rt-grid-provider
  *[data-rt-grid='primary-xs'][data-rt-grid-position='trailing'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='primary-xs'][data-rt-grid-position='leading'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-last-xs
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-last-xs
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-last-xs
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-last-xs
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-xs'][data-rt-grid-position='leading'],
.rt-grid-provider[data-rt-grid='secondary-xs'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='secondary-xs'][data-rt-grid-position='trailing'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-first-xs
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-first-xs
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-first-xs
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-first-xs
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-xs'][data-rt-grid-position='intermediate'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-intermediate-xs
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-intermediate-xs
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-intermediate-xs
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-intermediate-xs
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-xs'][data-rt-grid-position='trailing'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='secondary-xs'][data-rt-grid-position='leading'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-last-xs
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-last-xs
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-last-xs
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-last-xs
  );
}

/* SM size */

.rt-grid-provider *[data-rt-grid='primary-sm'][data-rt-grid-position='leading'],
.rt-grid-provider[data-rt-grid='primary-sm'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='primary-sm'][data-rt-grid-position='trailing'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-first-sm
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-first-sm
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-first-sm
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-first-sm
  );
}

.rt-grid-provider
  *[data-rt-grid='primary-sm'][data-rt-grid-position='intermediate'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-intermediate-sm
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-intermediate-sm
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-intermediate-sm
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-intermediate-sm
  );
}

.rt-grid-provider
  *[data-rt-grid='primary-sm'][data-rt-grid-position='trailing'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='primary-sm'][data-rt-grid-position='leading'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-last-sm
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-last-sm
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-last-sm
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-last-sm
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-sm'][data-rt-grid-position='leading'],
.rt-grid-provider[data-rt-grid='secondary-sm'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='secondary-sm'][data-rt-grid-position='trailing'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-first-sm
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-first-sm
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-first-sm
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-first-sm
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-sm'][data-rt-grid-position='intermediate'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-intermediate-sm
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-intermediate-sm
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-intermediate-sm
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-intermediate-sm
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-sm'][data-rt-grid-position='trailing'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='secondary-sm'][data-rt-grid-position='leading'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-last-sm
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-last-sm
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-last-sm
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-last-sm
  );
}

/* MD size */

.rt-grid-provider *[data-rt-grid='primary-md'][data-rt-grid-position='leading'],
.rt-grid-provider[data-rt-grid='primary-md'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='primary-md'][data-rt-grid-position='trailing'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-first-md
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-first-md
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-first-md
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-first-md
  );
}

.rt-grid-provider
  *[data-rt-grid='primary-md'][data-rt-grid-position='intermediate'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-intermediate-md
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-intermediate-md
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-intermediate-md
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-intermediate-md
  );
}

.rt-grid-provider
  *[data-rt-grid='primary-md'][data-rt-grid-position='trailing'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='primary-md'][data-rt-grid-position='leading'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-last-md
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-last-md
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-last-md
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-last-md
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-md'][data-rt-grid-position='leading'],
.rt-grid-provider[data-rt-grid='secondary-md'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='secondary-md'][data-rt-grid-position='trailing'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-first-md
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-first-md
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-first-md
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-first-md
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-md'][data-rt-grid-position='intermediate'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-intermediate-md
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-intermediate-md
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-intermediate-md
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-intermediate-md
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-md'][data-rt-grid-position='trailing'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='secondary-md'][data-rt-grid-position='leading'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-last-md
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-last-md
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-last-md
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-last-md
  );
}

/* LG size */

.rt-grid-provider *[data-rt-grid='primary-lg'][data-rt-grid-position='leading'],
.rt-grid-provider[data-rt-grid='primary-lg'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='primary-lg'][data-rt-grid-position='trailing'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-first-lg
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-first-lg
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-first-lg
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-first-lg
  );
}

.rt-grid-provider
  *[data-rt-grid='primary-lg'][data-rt-grid-position='intermediate'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-intermediate-lg
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-intermediate-lg
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-intermediate-lg
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-intermediate-lg
  );
}

.rt-grid-provider
  *[data-rt-grid='primary-lg'][data-rt-grid-position='trailing'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='primary-lg'][data-rt-grid-position='leading'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-last-lg
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-last-lg
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-last-lg
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-last-lg
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-lg'][data-rt-grid-position='leading'],
.rt-grid-provider[data-rt-grid='secondary-lg'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='secondary-lg'][data-rt-grid-position='trailing'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-first-lg
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-first-lg
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-first-lg
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-first-lg
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-lg'][data-rt-grid-position='intermediate'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-intermediate-lg
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-intermediate-lg
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-intermediate-lg
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-intermediate-lg
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-lg'][data-rt-grid-position='trailing'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='secondary-lg'][data-rt-grid-position='leading'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-last-lg
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-last-lg
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-last-lg
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-last-lg
  );
}

/* XL size */

.rt-grid-provider *[data-rt-grid='primary-xl'][data-rt-grid-position='leading'],
.rt-grid-provider[data-rt-grid='primary-xl'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='primary-xl'][data-rt-grid-position='trailing'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-first-xl
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-first-xl
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-first-xl
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-first-xl
  );
}

.rt-grid-provider
  *[data-rt-grid='primary-xl'][data-rt-grid-position='intermediate'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-intermediate-xl
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-intermediate-xl
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-intermediate-xl
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-intermediate-xl
  );
}

.rt-grid-provider
  *[data-rt-grid='primary-xl'][data-rt-grid-position='trailing'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='primary-xl'][data-rt-grid-position='leading'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-primary-top-left-last-xl
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-primary-bottom-left-last-xl
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-primary-top-right-last-xl
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-primary-bottom-right-last-xl
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-xl'][data-rt-grid-position='leading'],
.rt-grid-provider[data-rt-grid='secondary-xl'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='secondary-xl'][data-rt-grid-position='trailing'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-first-xl
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-first-xl
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-first-xl
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-first-xl
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-xl'][data-rt-grid-position='intermediate'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-intermediate-xl
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-intermediate-xl
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-intermediate-xl
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-intermediate-xl
  );
}

.rt-grid-provider
  *[data-rt-grid='secondary-xl'][data-rt-grid-position='trailing'],
*[dir='rtl']
  .rt-grid--horizontal.rt-grid-provider
  *[data-rt-grid='secondary-xl'][data-rt-grid-position='leading'] {
  --grid-child-child-border-radius-top-left: var(
    --grid-layout-child-border-radius-secondary-top-left-last-xl
  );
  --grid-child-child-border-radius-bottom-left: var(
    --grid-layout-child-border-radius-secondary-bottom-left-last-xl
  );
  --grid-child-child-border-radius-top-right: var(
    --grid-layout-child-border-radius-secondary-top-right-last-xl
  );
  --grid-child-child-border-radius-bottom-right: var(
    --grid-layout-child-border-radius-secondary-bottom-right-last-xl
  );
}