/*
  center.css
*/

[data-br-center] {
  --max-width: initial;
  box-sizing: content-box;

  max-inline-size: var(--max-width, 100%);
}
[data-br-center][data-br-center] {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

[data-br-center~="maxWidth:sizeContent1"] {
  --max-width: 20ch;
}
[data-br-center~="maxWidth:sizeContent2"] {
  --max-width: 45ch;
}
[data-br-center~="maxWidth:sizeContent3"] {
  --max-width: 60ch;
}
[data-br-center~="maxWidth:sizeHeader1"] {
  --max-width: 20ch;
}
[data-br-center~="maxWidth:sizeHeader2"] {
  --max-width: 25ch;
}
[data-br-center~="maxWidth:sizeHeader3"] {
  --max-width: 35ch;
}
[data-br-center~="maxWidth:sizeXxs"] {
  --max-width: 240px;
}
[data-br-center~="maxWidth:sizeXs"] {
  --max-width: 360px;
}
[data-br-center~="maxWidth:sizeSm"] {
  --max-width: 480px;
}
[data-br-center~="maxWidth:sizeMd"] {
  --max-width: 768px;
}
[data-br-center~="maxWidth:sizeLg"] {
  --max-width: 1024px;
}
[data-br-center~="maxWidth:sizeXl"] {
  --max-width: 1440px;
}
[data-br-center~="maxWidth:sizeXxl"] {
  --max-width: 1920px;
}

/* Padding styles from padbox.css */
[data-br-center~="padding:size000"] {
  padding: 0;
}
[data-br-center~="padding:size00"] {
  padding: 0;
}
[data-br-center~="padding:size1"] {
  padding: 0.25rem;
}
[data-br-center~="padding:size2"] {
  padding: 0.5rem;
}
[data-br-center~="padding:size3"] {
  padding: 1rem;
}
[data-br-center~="padding:size4"] {
  padding: 1.25rem;
}
[data-br-center~="padding:size5"] {
  padding: 1.5rem;
}
[data-br-center~="padding:size6"] {
  padding: 1.75rem;
}
[data-br-center~="padding:size7"] {
  padding: 2rem;
}
[data-br-center~="padding:size8"] {
  padding: 3rem;
}
[data-br-center~="padding:size9"] {
  padding: 4rem;
}
[data-br-center~="padding:size10"] {
  padding: 5rem;
}
[data-br-center~="padding:size11"] {
  padding: 7.5rem;
}
[data-br-center~="padding:size12"] {
  padding: 10rem;
}
[data-br-center~="padding:size13"] {
  padding: 15rem;
}
[data-br-center~="padding:size14"] {
  padding: 20rem;
}
[data-br-center~="padding:size15"] {
  padding: 30rem;
}
[data-br-center~="paddingInline:size000"] {
  padding-inline: 0;
}
[data-br-center~="paddingInline:size00"] {
  padding-inline: 0;
}
[data-br-center~="paddingInline:size1"] {
  padding-inline: 0.25rem;
}
[data-br-center~="paddingInline:size2"] {
  padding-inline: 0.5rem;
}
[data-br-center~="paddingInline:size3"] {
  padding-inline: 1rem;
}
[data-br-center~="paddingInline:size4"] {
  padding-inline: 1.25rem;
}
[data-br-center~="paddingInline:size5"] {
  padding-inline: 1.5rem;
}
[data-br-center~="paddingInline:size6"] {
  padding-inline: 1.75rem;
}
[data-br-center~="paddingInline:size7"] {
  padding-inline: 2rem;
}
[data-br-center~="paddingInline:size8"] {
  padding-inline: 3rem;
}
[data-br-center~="paddingInline:size9"] {
  padding-inline: 4rem;
}
[data-br-center~="paddingInline:size10"] {
  padding-inline: 5rem;
}
[data-br-center~="paddingInline:size11"] {
  padding-inline: 7.5rem;
}
[data-br-center~="paddingInline:size12"] {
  padding-inline: 10rem;
}
[data-br-center~="paddingInline:size13"] {
  padding-inline: 15rem;
}
[data-br-center~="paddingInline:size14"] {
  padding-inline: 20rem;
}
[data-br-center~="paddingInline:size15"] {
  padding-inline: 30rem;
}
[data-br-center~="paddingInlineStart:size000"] {
  padding-inline-start: 0;
}
[data-br-center~="paddingInlineStart:size00"] {
  padding-inline-start: 0;
}
[data-br-center~="paddingInlineStart:size1"] {
  padding-inline-start: 0.25rem;
}
[data-br-center~="paddingInlineStart:size2"] {
  padding-inline-start: 0.5rem;
}
[data-br-center~="paddingInlineStart:size3"] {
  padding-inline-start: 1rem;
}
[data-br-center~="paddingInlineStart:size4"] {
  padding-inline-start: 1.25rem;
}
[data-br-center~="paddingInlineStart:size5"] {
  padding-inline-start: 1.5rem;
}
[data-br-center~="paddingInlineStart:size6"] {
  padding-inline-start: 1.75rem;
}
[data-br-center~="paddingInlineStart:size7"] {
  padding-inline-start: 2rem;
}
[data-br-center~="paddingInlineStart:size8"] {
  padding-inline-start: 3rem;
}
[data-br-center~="paddingInlineStart:size9"] {
  padding-inline-start: 4rem;
}
[data-br-center~="paddingInlineStart:size10"] {
  padding-inline-start: 5rem;
}
[data-br-center~="paddingInlineStart:size11"] {
  padding-inline-start: 7.5rem;
}
[data-br-center~="paddingInlineStart:size12"] {
  padding-inline-start: 10rem;
}
[data-br-center~="paddingInlineStart:size13"] {
  padding-inline-start: 15rem;
}
[data-br-center~="paddingInlineStart:size14"] {
  padding-inline-start: 20rem;
}
[data-br-center~="paddingInlineStart:size15"] {
  padding-inline-start: 30rem;
}
[data-br-center~="paddingInlineEnd:size000"] {
  padding-inline-end: 0;
}
[data-br-center~="paddingInlineEnd:size00"] {
  padding-inline-end: 0;
}
[data-br-center~="paddingInlineEnd:size1"] {
  padding-inline-end: 0.25rem;
}
[data-br-center~="paddingInlineEnd:size2"] {
  padding-inline-end: 0.5rem;
}
[data-br-center~="paddingInlineEnd:size3"] {
  padding-inline-end: 1rem;
}
[data-br-center~="paddingInlineEnd:size4"] {
  padding-inline-end: 1.25rem;
}
[data-br-center~="paddingInlineEnd:size5"] {
  padding-inline-end: 1.5rem;
}
[data-br-center~="paddingInlineEnd:size6"] {
  padding-inline-end: 1.75rem;
}
[data-br-center~="paddingInlineEnd:size7"] {
  padding-inline-end: 2rem;
}
[data-br-center~="paddingInlineEnd:size8"] {
  padding-inline-end: 3rem;
}
[data-br-center~="paddingInlineEnd:size9"] {
  padding-inline-end: 4rem;
}
[data-br-center~="paddingInlineEnd:size10"] {
  padding-inline-end: 5rem;
}
[data-br-center~="paddingInlineEnd:size11"] {
  padding-inline-end: 7.5rem;
}
[data-br-center~="paddingInlineEnd:size12"] {
  padding-inline-end: 10rem;
}
[data-br-center~="paddingInlineEnd:size13"] {
  padding-inline-end: 15rem;
}
[data-br-center~="paddingInlineEnd:size14"] {
  padding-inline-end: 20rem;
}
[data-br-center~="paddingInlineEnd:size15"] {
  padding-inline-end: 30rem;
}
[data-br-center~="paddingBlock:size000"] {
  padding-block: 0;
}
[data-br-center~="paddingBlock:size00"] {
  padding-block: 0;
}
[data-br-center~="paddingBlock:size1"] {
  padding-block: 0.25rem;
}
[data-br-center~="paddingBlock:size2"] {
  padding-block: 0.5rem;
}
[data-br-center~="paddingBlock:size3"] {
  padding-block: 1rem;
}
[data-br-center~="paddingBlock:size4"] {
  padding-block: 1.25rem;
}
[data-br-center~="paddingBlock:size5"] {
  padding-block: 1.5rem;
}
[data-br-center~="paddingBlock:size6"] {
  padding-block: 1.75rem;
}
[data-br-center~="paddingBlock:size7"] {
  padding-block: 2rem;
}
[data-br-center~="paddingBlock:size8"] {
  padding-block: 3rem;
}
[data-br-center~="paddingBlock:size9"] {
  padding-block: 4rem;
}
[data-br-center~="paddingBlock:size10"] {
  padding-block: 5rem;
}
[data-br-center~="paddingBlock:size11"] {
  padding-block: 7.5rem;
}
[data-br-center~="paddingBlock:size12"] {
  padding-block: 10rem;
}
[data-br-center~="paddingBlock:size13"] {
  padding-block: 15rem;
}
[data-br-center~="paddingBlock:size14"] {
  padding-block: 20rem;
}
[data-br-center~="paddingBlock:size15"] {
  padding-block: 30rem;
}
[data-br-center~="paddingBlockStart:size000"] {
  padding-block-start: 0;
}
[data-br-center~="paddingBlockStart:size00"] {
  padding-block-start: 0;
}
[data-br-center~="paddingBlockStart:size1"] {
  padding-block-start: 0.25rem;
}
[data-br-center~="paddingBlockStart:size2"] {
  padding-block-start: 0.5rem;
}
[data-br-center~="paddingBlockStart:size3"] {
  padding-block-start: 1rem;
}
[data-br-center~="paddingBlockStart:size4"] {
  padding-block-start: 1.25rem;
}
[data-br-center~="paddingBlockStart:size5"] {
  padding-block-start: 1.5rem;
}
[data-br-center~="paddingBlockStart:size6"] {
  padding-block-start: 1.75rem;
}
[data-br-center~="paddingBlockStart:size7"] {
  padding-block-start: 2rem;
}
[data-br-center~="paddingBlockStart:size8"] {
  padding-block-start: 3rem;
}
[data-br-center~="paddingBlockStart:size9"] {
  padding-block-start: 4rem;
}
[data-br-center~="paddingBlockStart:size10"] {
  padding-block-start: 5rem;
}
[data-br-center~="paddingBlockStart:size11"] {
  padding-block-start: 7.5rem;
}
[data-br-center~="paddingBlockStart:size12"] {
  padding-block-start: 10rem;
}
[data-br-center~="paddingBlockStart:size13"] {
  padding-block-start: 15rem;
}
[data-br-center~="paddingBlockStart:size14"] {
  padding-block-start: 20rem;
}
[data-br-center~="paddingBlockStart:size15"] {
  padding-block-start: 30rem;
}
[data-br-center~="paddingBlockEnd:size000"] {
  padding-block-end: 0;
}
[data-br-center~="paddingBlockEnd:size00"] {
  padding-block-end: 0;
}
[data-br-center~="paddingBlockEnd:size1"] {
  padding-block-end: 0.25rem;
}
[data-br-center~="paddingBlockEnd:size2"] {
  padding-block-end: 0.5rem;
}
[data-br-center~="paddingBlockEnd:size3"] {
  padding-block-end: 1rem;
}
[data-br-center~="paddingBlockEnd:size4"] {
  padding-block-end: 1.25rem;
}
[data-br-center~="paddingBlockEnd:size5"] {
  padding-block-end: 1.5rem;
}
[data-br-center~="paddingBlockEnd:size6"] {
  padding-block-end: 1.75rem;
}
[data-br-center~="paddingBlockEnd:size7"] {
  padding-block-end: 2rem;
}
[data-br-center~="paddingBlockEnd:size8"] {
  padding-block-end: 3rem;
}
[data-br-center~="paddingBlockEnd:size9"] {
  padding-block-end: 4rem;
}
[data-br-center~="paddingBlockEnd:size10"] {
  padding-block-end: 5rem;
}
[data-br-center~="paddingBlockEnd:size11"] {
  padding-block-end: 7.5rem;
}
[data-br-center~="paddingBlockEnd:size12"] {
  padding-block-end: 10rem;
}
[data-br-center~="paddingBlockEnd:size13"] {
  padding-block-end: 15rem;
}
[data-br-center~="paddingBlockEnd:size14"] {
  padding-block-end: 20rem;
}
[data-br-center~="paddingBlockEnd:size15"] {
  padding-block-end: 30rem;
}

/*
  column-drop.css
*/

[data-br-column-drop] {
  --gap: initial;
  --min-item-width: initial;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap, 0);
}

[data-br-column-drop] > * {
  margin: 0;
  flex-basis: var(--min-item-width, 159px);
  flex-grow: 1;
  flex-shrink: 1;
}

[data-br-column-drop~="variant:centered"] > * {
  flex-grow: 0;
}

/* Padding styles from padbox.css */
[data-br-column-drop~="padding:size000"] {
  padding: 0;
}
[data-br-column-drop~="padding:size00"] {
  padding: 0;
}
[data-br-column-drop~="padding:size1"] {
  padding: 0.25rem;
}
[data-br-column-drop~="padding:size2"] {
  padding: 0.5rem;
}
[data-br-column-drop~="padding:size3"] {
  padding: 1rem;
}
[data-br-column-drop~="padding:size4"] {
  padding: 1.25rem;
}
[data-br-column-drop~="padding:size5"] {
  padding: 1.5rem;
}
[data-br-column-drop~="padding:size6"] {
  padding: 1.75rem;
}
[data-br-column-drop~="padding:size7"] {
  padding: 2rem;
}
[data-br-column-drop~="padding:size8"] {
  padding: 3rem;
}
[data-br-column-drop~="padding:size9"] {
  padding: 4rem;
}
[data-br-column-drop~="padding:size10"] {
  padding: 5rem;
}
[data-br-column-drop~="padding:size11"] {
  padding: 7.5rem;
}
[data-br-column-drop~="padding:size12"] {
  padding: 10rem;
}
[data-br-column-drop~="padding:size13"] {
  padding: 15rem;
}
[data-br-column-drop~="padding:size14"] {
  padding: 20rem;
}
[data-br-column-drop~="padding:size15"] {
  padding: 30rem;
}
[data-br-column-drop~="paddingInline:size000"] {
  padding-inline: 0;
}
[data-br-column-drop~="paddingInline:size00"] {
  padding-inline: 0;
}
[data-br-column-drop~="paddingInline:size1"] {
  padding-inline: 0.25rem;
}
[data-br-column-drop~="paddingInline:size2"] {
  padding-inline: 0.5rem;
}
[data-br-column-drop~="paddingInline:size3"] {
  padding-inline: 1rem;
}
[data-br-column-drop~="paddingInline:size4"] {
  padding-inline: 1.25rem;
}
[data-br-column-drop~="paddingInline:size5"] {
  padding-inline: 1.5rem;
}
[data-br-column-drop~="paddingInline:size6"] {
  padding-inline: 1.75rem;
}
[data-br-column-drop~="paddingInline:size7"] {
  padding-inline: 2rem;
}
[data-br-column-drop~="paddingInline:size8"] {
  padding-inline: 3rem;
}
[data-br-column-drop~="paddingInline:size9"] {
  padding-inline: 4rem;
}
[data-br-column-drop~="paddingInline:size10"] {
  padding-inline: 5rem;
}
[data-br-column-drop~="paddingInline:size11"] {
  padding-inline: 7.5rem;
}
[data-br-column-drop~="paddingInline:size12"] {
  padding-inline: 10rem;
}
[data-br-column-drop~="paddingInline:size13"] {
  padding-inline: 15rem;
}
[data-br-column-drop~="paddingInline:size14"] {
  padding-inline: 20rem;
}
[data-br-column-drop~="paddingInline:size15"] {
  padding-inline: 30rem;
}
[data-br-column-drop~="paddingInlineStart:size000"] {
  padding-inline-start: 0;
}
[data-br-column-drop~="paddingInlineStart:size00"] {
  padding-inline-start: 0;
}
[data-br-column-drop~="paddingInlineStart:size1"] {
  padding-inline-start: 0.25rem;
}
[data-br-column-drop~="paddingInlineStart:size2"] {
  padding-inline-start: 0.5rem;
}
[data-br-column-drop~="paddingInlineStart:size3"] {
  padding-inline-start: 1rem;
}
[data-br-column-drop~="paddingInlineStart:size4"] {
  padding-inline-start: 1.25rem;
}
[data-br-column-drop~="paddingInlineStart:size5"] {
  padding-inline-start: 1.5rem;
}
[data-br-column-drop~="paddingInlineStart:size6"] {
  padding-inline-start: 1.75rem;
}
[data-br-column-drop~="paddingInlineStart:size7"] {
  padding-inline-start: 2rem;
}
[data-br-column-drop~="paddingInlineStart:size8"] {
  padding-inline-start: 3rem;
}
[data-br-column-drop~="paddingInlineStart:size9"] {
  padding-inline-start: 4rem;
}
[data-br-column-drop~="paddingInlineStart:size10"] {
  padding-inline-start: 5rem;
}
[data-br-column-drop~="paddingInlineStart:size11"] {
  padding-inline-start: 7.5rem;
}
[data-br-column-drop~="paddingInlineStart:size12"] {
  padding-inline-start: 10rem;
}
[data-br-column-drop~="paddingInlineStart:size13"] {
  padding-inline-start: 15rem;
}
[data-br-column-drop~="paddingInlineStart:size14"] {
  padding-inline-start: 20rem;
}
[data-br-column-drop~="paddingInlineStart:size15"] {
  padding-inline-start: 30rem;
}
[data-br-column-drop~="paddingInlineEnd:size000"] {
  padding-inline-end: 0;
}
[data-br-column-drop~="paddingInlineEnd:size00"] {
  padding-inline-end: 0;
}
[data-br-column-drop~="paddingInlineEnd:size1"] {
  padding-inline-end: 0.25rem;
}
[data-br-column-drop~="paddingInlineEnd:size2"] {
  padding-inline-end: 0.5rem;
}
[data-br-column-drop~="paddingInlineEnd:size3"] {
  padding-inline-end: 1rem;
}
[data-br-column-drop~="paddingInlineEnd:size4"] {
  padding-inline-end: 1.25rem;
}
[data-br-column-drop~="paddingInlineEnd:size5"] {
  padding-inline-end: 1.5rem;
}
[data-br-column-drop~="paddingInlineEnd:size6"] {
  padding-inline-end: 1.75rem;
}
[data-br-column-drop~="paddingInlineEnd:size7"] {
  padding-inline-end: 2rem;
}
[data-br-column-drop~="paddingInlineEnd:size8"] {
  padding-inline-end: 3rem;
}
[data-br-column-drop~="paddingInlineEnd:size9"] {
  padding-inline-end: 4rem;
}
[data-br-column-drop~="paddingInlineEnd:size10"] {
  padding-inline-end: 5rem;
}
[data-br-column-drop~="paddingInlineEnd:size11"] {
  padding-inline-end: 7.5rem;
}
[data-br-column-drop~="paddingInlineEnd:size12"] {
  padding-inline-end: 10rem;
}
[data-br-column-drop~="paddingInlineEnd:size13"] {
  padding-inline-end: 15rem;
}
[data-br-column-drop~="paddingInlineEnd:size14"] {
  padding-inline-end: 20rem;
}
[data-br-column-drop~="paddingInlineEnd:size15"] {
  padding-inline-end: 30rem;
}
[data-br-column-drop~="paddingBlock:size000"] {
  padding-block: 0;
}
[data-br-column-drop~="paddingBlock:size00"] {
  padding-block: 0;
}
[data-br-column-drop~="paddingBlock:size1"] {
  padding-block: 0.25rem;
}
[data-br-column-drop~="paddingBlock:size2"] {
  padding-block: 0.5rem;
}
[data-br-column-drop~="paddingBlock:size3"] {
  padding-block: 1rem;
}
[data-br-column-drop~="paddingBlock:size4"] {
  padding-block: 1.25rem;
}
[data-br-column-drop~="paddingBlock:size5"] {
  padding-block: 1.5rem;
}
[data-br-column-drop~="paddingBlock:size6"] {
  padding-block: 1.75rem;
}
[data-br-column-drop~="paddingBlock:size7"] {
  padding-block: 2rem;
}
[data-br-column-drop~="paddingBlock:size8"] {
  padding-block: 3rem;
}
[data-br-column-drop~="paddingBlock:size9"] {
  padding-block: 4rem;
}
[data-br-column-drop~="paddingBlock:size10"] {
  padding-block: 5rem;
}
[data-br-column-drop~="paddingBlock:size11"] {
  padding-block: 7.5rem;
}
[data-br-column-drop~="paddingBlock:size12"] {
  padding-block: 10rem;
}
[data-br-column-drop~="paddingBlock:size13"] {
  padding-block: 15rem;
}
[data-br-column-drop~="paddingBlock:size14"] {
  padding-block: 20rem;
}
[data-br-column-drop~="paddingBlock:size15"] {
  padding-block: 30rem;
}
[data-br-column-drop~="paddingBlockStart:size000"] {
  padding-block-start: 0;
}
[data-br-column-drop~="paddingBlockStart:size00"] {
  padding-block-start: 0;
}
[data-br-column-drop~="paddingBlockStart:size1"] {
  padding-block-start: 0.25rem;
}
[data-br-column-drop~="paddingBlockStart:size2"] {
  padding-block-start: 0.5rem;
}
[data-br-column-drop~="paddingBlockStart:size3"] {
  padding-block-start: 1rem;
}
[data-br-column-drop~="paddingBlockStart:size4"] {
  padding-block-start: 1.25rem;
}
[data-br-column-drop~="paddingBlockStart:size5"] {
  padding-block-start: 1.5rem;
}
[data-br-column-drop~="paddingBlockStart:size6"] {
  padding-block-start: 1.75rem;
}
[data-br-column-drop~="paddingBlockStart:size7"] {
  padding-block-start: 2rem;
}
[data-br-column-drop~="paddingBlockStart:size8"] {
  padding-block-start: 3rem;
}
[data-br-column-drop~="paddingBlockStart:size9"] {
  padding-block-start: 4rem;
}
[data-br-column-drop~="paddingBlockStart:size10"] {
  padding-block-start: 5rem;
}
[data-br-column-drop~="paddingBlockStart:size11"] {
  padding-block-start: 7.5rem;
}
[data-br-column-drop~="paddingBlockStart:size12"] {
  padding-block-start: 10rem;
}
[data-br-column-drop~="paddingBlockStart:size13"] {
  padding-block-start: 15rem;
}
[data-br-column-drop~="paddingBlockStart:size14"] {
  padding-block-start: 20rem;
}
[data-br-column-drop~="paddingBlockStart:size15"] {
  padding-block-start: 30rem;
}
[data-br-column-drop~="paddingBlockEnd:size000"] {
  padding-block-end: 0;
}
[data-br-column-drop~="paddingBlockEnd:size00"] {
  padding-block-end: 0;
}
[data-br-column-drop~="paddingBlockEnd:size1"] {
  padding-block-end: 0.25rem;
}
[data-br-column-drop~="paddingBlockEnd:size2"] {
  padding-block-end: 0.5rem;
}
[data-br-column-drop~="paddingBlockEnd:size3"] {
  padding-block-end: 1rem;
}
[data-br-column-drop~="paddingBlockEnd:size4"] {
  padding-block-end: 1.25rem;
}
[data-br-column-drop~="paddingBlockEnd:size5"] {
  padding-block-end: 1.5rem;
}
[data-br-column-drop~="paddingBlockEnd:size6"] {
  padding-block-end: 1.75rem;
}
[data-br-column-drop~="paddingBlockEnd:size7"] {
  padding-block-end: 2rem;
}
[data-br-column-drop~="paddingBlockEnd:size8"] {
  padding-block-end: 3rem;
}
[data-br-column-drop~="paddingBlockEnd:size9"] {
  padding-block-end: 4rem;
}
[data-br-column-drop~="paddingBlockEnd:size10"] {
  padding-block-end: 5rem;
}
[data-br-column-drop~="paddingBlockEnd:size11"] {
  padding-block-end: 7.5rem;
}
[data-br-column-drop~="paddingBlockEnd:size12"] {
  padding-block-end: 10rem;
}
[data-br-column-drop~="paddingBlockEnd:size13"] {
  padding-block-end: 15rem;
}
[data-br-column-drop~="paddingBlockEnd:size14"] {
  padding-block-end: 20rem;
}
[data-br-column-drop~="paddingBlockEnd:size15"] {
  padding-block-end: 30rem;
}

/*
  columns.css
*/

/*
  columns component
*/

[data-br-columns] {
  --gap: initial;
  --switch-at: initial;
  --safeColumns: var(--col-count, 1);
  --numberOfGutters: calc(var(--safeColumns) - 1);
  --largestWidth: calc(
    100% - max(var(--gap, 0px) * var(--numberOfGutters), 0px)
  );
  --columnWidth: calc(var(--largestWidth) / var(--safeColumns));
  --basis: calc(
    (var(--switch-at, var(--largestWidth)) - (var(--largestWidth) + 1px)) * 999
  );
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap, 0px);
}

[data-br-columns][data-br-columns] > * {
  margin: 0;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: var(--basis);
  min-inline-size: min(min(var(--columnWidth), 100%), 100%);
  max-inline-size: min(max(var(--basis), var(--columnWidth)), 100%);
}

/* gap sizes */
[data-br-columns~="gap:size000"] {
  --gap: -0.5rem;
}
[data-br-columns~="gap:size00"] {
  --gap: -0.25rem;
}
[data-br-columns~="gap:size1"] {
  --gap: 0.25rem;
}
[data-br-columns~="gap:size2"] {
  --gap: 0.5rem;
}
[data-br-columns~="gap:size3"] {
  --gap: 1rem;
}
[data-br-columns~="gap:size4"] {
  --gap: 1.25rem;
}
[data-br-columns~="gap:size5"] {
  --gap: 1.5rem;
}
[data-br-columns~="gap:size6"] {
  --gap: 1.75rem;
}
[data-br-columns~="gap:size7"] {
  --gap: 2rem;
}
[data-br-columns~="gap:size8"] {
  --gap: 3rem;
}
[data-br-columns~="gap:size9"] {
  --gap: 4rem;
}
[data-br-columns~="gap:size10"] {
  --gap: 5rem;
}
[data-br-columns~="gap:size11"] {
  --gap: 7.5rem;
}
[data-br-columns~="gap:size12"] {
  --gap: 10rem;
}
[data-br-columns~="gap:size13"] {
  --gap: 15rem;
}
[data-br-columns~="gap:size14"] {
  --gap: 20rem;
}
[data-br-columns~="gap:size15"] {
  --gap: 30rem;
}

/* Switch at Widths */
[data-br-columns~="switchAt:sizeContent1"] {
  --switch-at: 20ch;
}
[data-br-columns~="switchAt:sizeContent2"] {
  --switch-at: 45ch;
}
[data-br-columns~="switchAt:sizeContent3"] {
  --switch-at: 60ch;
}
[data-br-columns~="switchAt:sizeHeader1"] {
  --switch-at: 20ch;
}
[data-br-columns~="switchAt:sizeHeader2"] {
  --switch-at: 25ch;
}
[data-br-columns~="switchAt:sizeHeader3"] {
  --switch-at: 35ch;
}
[data-br-columns~="switchAt:sizeXxs"] {
  --switch-at: 240px;
}
[data-br-columns~="switchAt:sizeXs"] {
  --switch-at: 360px;
}
[data-br-columns~="switchAt:sizeSm"] {
  --switch-at: 480px;
}
[data-br-columns~="switchAt:sizeMd"] {
  --switch-at: 768px;
}
[data-br-columns~="switchAt:sizeLg"] {
  --switch-at: 1024px;
}
[data-br-columns~="switchAt:sizeXl"] {
  --switch-at: 1440px;
}
[data-br-columns~="switchAt:sizeXxl"] {
  --switch-at: 1920px;
}

/*
  column component
*/

[data-br-column~="span:1"] {
  --col-span: 1;
}
[data-br-column~="span:2"] {
  --col-span: 2;
}
[data-br-column~="span:3"] {
  --col-span: 3;
}
[data-br-column~="span:4"] {
  --col-span: 4;
}
[data-br-column~="span:5"] {
  --col-span: 5;
}
[data-br-column~="span:6"] {
  --col-span: 6;
}
[data-br-column~="span:7"] {
  --col-span: 7;
}
[data-br-column~="span:8"] {
  --col-span: 8;
}
[data-br-column~="span:9"] {
  --col-span: 9;
}
[data-br-column~="span:10"] {
  --col-span: 10;
}
[data-br-column~="span:11"] {
  --col-span: 11;
}
[data-br-column~="span:12"] {
  --col-span: 12;
}

:is([data-br-column][style*="--col-span"], [data-br-column*="span"]) {
  --maxSpan: min(var(--col-span, 1), var(--safeColumns));
  --guttersToAdd: calc(var(--maxSpan, 1) - 1);
  --gutterSize: calc(var(--gap, 0px) * var(--guttersToAdd));
  --columnWidth: calc(
    ((var(--largestWidth) / var(--safeColumns)) * var(--maxSpan, 1)) +
      var(--gutterSize)
  );
}

[data-br-column~="offsetStart:1"] {
  --offset-start: 1;
}
[data-br-column~="offsetStart:2"] {
  --offset-start: 2;
}
[data-br-column~="offsetStart:3"] {
  --offset-start: 3;
}
[data-br-column~="offsetStart:4"] {
  --offset-start: 4;
}
[data-br-column~="offsetStart:5"] {
  --offset-start: 5;
}
[data-br-column~="offsetStart:6"] {
  --offset-start: 6;
}
[data-br-column~="offsetStart:7"] {
  --offset-start: 7;
}
[data-br-column~="offsetStart:8"] {
  --offset-start: 8;
}
[data-br-column~="offsetStart:9"] {
  --offset-start: 9;
}
[data-br-column~="offsetStart:10"] {
  --offset-start: 10;
}
[data-br-column~="offsetStart:11"] {
  --offset-start: 11;
}
[data-br-column~="offsetStart:12"] {
  --offset-start: 12;
}

:is(
  [data-br-column][style*="--offset-start"],
  [data-br-column*="offsetStart"]
) {
  --maxOffsetStart: min(var(--offset-start, 1), var(--safeColumns));
  --marginOffsetStartGutters: calc(var(--gap, 0px) * var(--maxOffsetStart));
  --marginOffsetStart: calc(
    (var(--largestWidth) / var(--safeColumns)) * var(--maxOffsetStart, 1) +
      var(--marginOffsetStartGutters)
  );
  --basisSwitcher: max(var(--basis) * -1, 0px);
  margin-inline-start: min(var(--marginOffsetStart), var(--basisSwitcher));
}

[data-br-column~="offsetEnd:1"] {
  --offset-end: 1;
}
[data-br-column~="offsetEnd:2"] {
  --offset-end: 2;
}
[data-br-column~="offsetEnd:3"] {
  --offset-end: 3;
}
[data-br-column~="offsetEnd:4"] {
  --offset-end: 4;
}
[data-br-column~="offsetEnd:5"] {
  --offset-end: 5;
}
[data-br-column~="offsetEnd:6"] {
  --offset-end: 6;
}
[data-br-column~="offsetEnd:7"] {
  --offset-end: 7;
}
[data-br-column~="offsetEnd:8"] {
  --offset-end: 8;
}
[data-br-column~="offsetEnd:9"] {
  --offset-end: 9;
}
[data-br-column~="offsetEnd:10"] {
  --offset-end: 10;
}
[data-br-column~="offsetEnd:11"] {
  --offset-end: 11;
}
[data-br-column~="offsetEnd:12"] {
  --offset-end: 12;
}

:is([data-br-column][style*="--offset-end"], [data-br-column*="offsetEnd"]) {
  --maxOffsetEnd: min(var(--offset-end, 1), var(--safeColumns));
  --marginOffsetEndGutters: calc(var(--gap, 0px) * var(--maxOffsetEnd));
  --marginOffsetEnd: calc(
    (var(--largestWidth) / var(--safeColumns)) * var(--maxOffsetEnd, 1) +
      var(--marginOffsetEndGutters)
  );
  --basisSwitcher: max(var(--basis) * -1, 0px);
  margin-inline-end: min(var(--marginOffsetEnd), var(--basisSwitcher));
}

:is([data-br-columns~="padding:size000"], [data-br-column~="padding:size000"]) {
  padding: 0;
}
:is([data-br-columns~="padding:size00"], [data-br-column~="padding:size00"]) {
  padding: 0;
}
:is([data-br-columns~="padding:size1"], [data-br-column~="padding:size1"]) {
  padding: 0.25rem;
}
:is([data-br-columns~="padding:size2"], [data-br-column~="padding:size2"]) {
  padding: 0.5rem;
}
:is([data-br-columns~="padding:size3"], [data-br-column~="padding:size3"]) {
  padding: 1rem;
}
:is([data-br-columns~="padding:size4"], [data-br-column~="padding:size4"]) {
  padding: 1.25rem;
}
:is([data-br-columns~="padding:size5"], [data-br-column~="padding:size5"]) {
  padding: 1.5rem;
}
:is([data-br-columns~="padding:size6"], [data-br-column~="padding:size6"]) {
  padding: 1.75rem;
}
:is([data-br-columns~="padding:size7"], [data-br-column~="padding:size7"]) {
  padding: 2rem;
}
:is([data-br-columns~="padding:size8"], [data-br-column~="padding:size8"]) {
  padding: 3rem;
}
:is([data-br-columns~="padding:size9"], [data-br-column~="padding:size9"]) {
  padding: 4rem;
}
:is([data-br-columns~="padding:size10"], [data-br-column~="padding:size10"]) {
  padding: 5rem;
}
:is([data-br-columns~="padding:size11"], [data-br-column~="padding:size11"]) {
  padding: 7.5rem;
}
:is([data-br-columns~="padding:size12"], [data-br-column~="padding:size12"]) {
  padding: 10rem;
}
:is([data-br-columns~="padding:size13"], [data-br-column~="padding:size13"]) {
  padding: 15rem;
}
:is([data-br-columns~="padding:size14"], [data-br-column~="padding:size14"]) {
  padding: 20rem;
}
:is([data-br-columns~="padding:size15"], [data-br-column~="padding:size15"]) {
  padding: 30rem;
}
:is(
  [data-br-columns~="paddingInline:size000"],
  [data-br-column~="paddingInline:size000"]
) {
  padding-inline: 0;
}
:is(
  [data-br-columns~="paddingInline:size00"],
  [data-br-column~="paddingInline:size00"]
) {
  padding-inline: 0;
}
:is(
  [data-br-columns~="paddingInline:size1"],
  [data-br-column~="paddingInline:size1"]
) {
  padding-inline: 0.25rem;
}
:is(
  [data-br-columns~="paddingInline:size2"],
  [data-br-column~="paddingInline:size2"]
) {
  padding-inline: 0.5rem;
}
:is(
  [data-br-columns~="paddingInline:size3"],
  [data-br-column~="paddingInline:size3"]
) {
  padding-inline: 1rem;
}
:is(
  [data-br-columns~="paddingInline:size4"],
  [data-br-column~="paddingInline:size4"]
) {
  padding-inline: 1.25rem;
}
:is(
  [data-br-columns~="paddingInline:size5"],
  [data-br-column~="paddingInline:size5"]
) {
  padding-inline: 1.5rem;
}
:is(
  [data-br-columns~="paddingInline:size6"],
  [data-br-column~="paddingInline:size6"]
) {
  padding-inline: 1.75rem;
}
:is(
  [data-br-columns~="paddingInline:size7"],
  [data-br-column~="paddingInline:size7"]
) {
  padding-inline: 2rem;
}
:is(
  [data-br-columns~="paddingInline:size8"],
  [data-br-column~="paddingInline:size8"]
) {
  padding-inline: 3rem;
}
:is(
  [data-br-columns~="paddingInline:size9"],
  [data-br-column~="paddingInline:size9"]
) {
  padding-inline: 4rem;
}
:is(
  [data-br-columns~="paddingInline:size10"],
  [data-br-column~="paddingInline:size10"]
) {
  padding-inline: 5rem;
}
:is(
  [data-br-columns~="paddingInline:size11"],
  [data-br-column~="paddingInline:size11"]
) {
  padding-inline: 7.5rem;
}
:is(
  [data-br-columns~="paddingInline:size12"],
  [data-br-column~="paddingInline:size12"]
) {
  padding-inline: 10rem;
}
:is(
  [data-br-columns~="paddingInline:size13"],
  [data-br-column~="paddingInline:size13"]
) {
  padding-inline: 15rem;
}
:is(
  [data-br-columns~="paddingInline:size14"],
  [data-br-column~="paddingInline:size14"]
) {
  padding-inline: 20rem;
}
:is(
  [data-br-columns~="paddingInline:size15"],
  [data-br-column~="paddingInline:size15"]
) {
  padding-inline: 30rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size000"],
  [data-br-column~="paddingInlineStart:size000"]
) {
  padding-inline-start: 0;
}
:is(
  [data-br-columns~="paddingInlineStart:size00"],
  [data-br-column~="paddingInlineStart:size00"]
) {
  padding-inline-start: 0;
}
:is(
  [data-br-columns~="paddingInlineStart:size1"],
  [data-br-column~="paddingInlineStart:size1"]
) {
  padding-inline-start: 0.25rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size2"],
  [data-br-column~="paddingInlineStart:size2"]
) {
  padding-inline-start: 0.5rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size3"],
  [data-br-column~="paddingInlineStart:size3"]
) {
  padding-inline-start: 1rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size4"],
  [data-br-column~="paddingInlineStart:size4"]
) {
  padding-inline-start: 1.25rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size5"],
  [data-br-column~="paddingInlineStart:size5"]
) {
  padding-inline-start: 1.5rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size6"],
  [data-br-column~="paddingInlineStart:size6"]
) {
  padding-inline-start: 1.75rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size7"],
  [data-br-column~="paddingInlineStart:size7"]
) {
  padding-inline-start: 2rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size8"],
  [data-br-column~="paddingInlineStart:size8"]
) {
  padding-inline-start: 3rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size9"],
  [data-br-column~="paddingInlineStart:size9"]
) {
  padding-inline-start: 4rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size10"],
  [data-br-column~="paddingInlineStart:size10"]
) {
  padding-inline-start: 5rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size11"],
  [data-br-column~="paddingInlineStart:size11"]
) {
  padding-inline-start: 7.5rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size12"],
  [data-br-column~="paddingInlineStart:size12"]
) {
  padding-inline-start: 10rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size13"],
  [data-br-column~="paddingInlineStart:size13"]
) {
  padding-inline-start: 15rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size14"],
  [data-br-column~="paddingInlineStart:size14"]
) {
  padding-inline-start: 20rem;
}
:is(
  [data-br-columns~="paddingInlineStart:size15"],
  [data-br-column~="paddingInlineStart:size15"]
) {
  padding-inline-start: 30rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size000"],
  [data-br-column~="paddingInlineEnd:size000"]
) {
  padding-inline-end: 0;
}
:is(
  [data-br-columns~="paddingInlineEnd:size00"],
  [data-br-column~="paddingInlineEnd:size00"]
) {
  padding-inline-end: 0;
}
:is(
  [data-br-columns~="paddingInlineEnd:size1"],
  [data-br-column~="paddingInlineEnd:size1"]
) {
  padding-inline-end: 0.25rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size2"],
  [data-br-column~="paddingInlineEnd:size2"]
) {
  padding-inline-end: 0.5rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size3"],
  [data-br-column~="paddingInlineEnd:size3"]
) {
  padding-inline-end: 1rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size4"],
  [data-br-column~="paddingInlineEnd:size4"]
) {
  padding-inline-end: 1.25rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size5"],
  [data-br-column~="paddingInlineEnd:size5"]
) {
  padding-inline-end: 1.5rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size6"],
  [data-br-column~="paddingInlineEnd:size6"]
) {
  padding-inline-end: 1.75rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size7"],
  [data-br-column~="paddingInlineEnd:size7"]
) {
  padding-inline-end: 2rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size8"],
  [data-br-column~="paddingInlineEnd:size8"]
) {
  padding-inline-end: 3rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size9"],
  [data-br-column~="paddingInlineEnd:size9"]
) {
  padding-inline-end: 4rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size10"],
  [data-br-column~="paddingInlineEnd:size10"]
) {
  padding-inline-end: 5rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size11"],
  [data-br-column~="paddingInlineEnd:size11"]
) {
  padding-inline-end: 7.5rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size12"],
  [data-br-column~="paddingInlineEnd:size12"]
) {
  padding-inline-end: 10rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size13"],
  [data-br-column~="paddingInlineEnd:size13"]
) {
  padding-inline-end: 15rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size14"],
  [data-br-column~="paddingInlineEnd:size14"]
) {
  padding-inline-end: 20rem;
}
:is(
  [data-br-columns~="paddingInlineEnd:size15"],
  [data-br-column~="paddingInlineEnd:size15"]
) {
  padding-inline-end: 30rem;
}
:is(
  [data-br-columns~="paddingBlock:size000"],
  [data-br-column~="paddingBlock:size000"]
) {
  padding-block: 0;
}
:is(
  [data-br-columns~="paddingBlock:size00"],
  [data-br-column~="paddingBlock:size00"]
) {
  padding-block: 0;
}
:is(
  [data-br-columns~="paddingBlock:size1"],
  [data-br-column~="paddingBlock:size1"]
) {
  padding-block: 0.25rem;
}
:is(
  [data-br-columns~="paddingBlock:size2"],
  [data-br-column~="paddingBlock:size2"]
) {
  padding-block: 0.5rem;
}
:is(
  [data-br-columns~="paddingBlock:size3"],
  [data-br-column~="paddingBlock:size3"]
) {
  padding-block: 1rem;
}
:is(
  [data-br-columns~="paddingBlock:size4"],
  [data-br-column~="paddingBlock:size4"]
) {
  padding-block: 1.25rem;
}
:is(
  [data-br-columns~="paddingBlock:size5"],
  [data-br-column~="paddingBlock:size5"]
) {
  padding-block: 1.5rem;
}
:is(
  [data-br-columns~="paddingBlock:size6"],
  [data-br-column~="paddingBlock:size6"]
) {
  padding-block: 1.75rem;
}
:is(
  [data-br-columns~="paddingBlock:size7"],
  [data-br-column~="paddingBlock:size7"]
) {
  padding-block: 2rem;
}
:is(
  [data-br-columns~="paddingBlock:size8"],
  [data-br-column~="paddingBlock:size8"]
) {
  padding-block: 3rem;
}
:is(
  [data-br-columns~="paddingBlock:size9"],
  [data-br-column~="paddingBlock:size9"]
) {
  padding-block: 4rem;
}
:is(
  [data-br-columns~="paddingBlock:size10"],
  [data-br-column~="paddingBlock:size10"]
) {
  padding-block: 5rem;
}
:is(
  [data-br-columns~="paddingBlock:size11"],
  [data-br-column~="paddingBlock:size11"]
) {
  padding-block: 7.5rem;
}
:is(
  [data-br-columns~="paddingBlock:size12"],
  [data-br-column~="paddingBlock:size12"]
) {
  padding-block: 10rem;
}
:is(
  [data-br-columns~="paddingBlock:size13"],
  [data-br-column~="paddingBlock:size13"]
) {
  padding-block: 15rem;
}
:is(
  [data-br-columns~="paddingBlock:size14"],
  [data-br-column~="paddingBlock:size14"]
) {
  padding-block: 20rem;
}
:is(
  [data-br-columns~="paddingBlock:size15"],
  [data-br-column~="paddingBlock:size15"]
) {
  padding-block: 30rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size000"],
  [data-br-column~="paddingBlockStart:size000"]
) {
  padding-block-start: 0;
}
:is(
  [data-br-columns~="paddingBlockStart:size00"],
  [data-br-column~="paddingBlockStart:size00"]
) {
  padding-block-start: 0;
}
:is(
  [data-br-columns~="paddingBlockStart:size1"],
  [data-br-column~="paddingBlockStart:size1"]
) {
  padding-block-start: 0.25rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size2"],
  [data-br-column~="paddingBlockStart:size2"]
) {
  padding-block-start: 0.5rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size3"],
  [data-br-column~="paddingBlockStart:size3"]
) {
  padding-block-start: 1rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size4"],
  [data-br-column~="paddingBlockStart:size4"]
) {
  padding-block-start: 1.25rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size5"],
  [data-br-column~="paddingBlockStart:size5"]
) {
  padding-block-start: 1.5rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size6"],
  [data-br-column~="paddingBlockStart:size6"]
) {
  padding-block-start: 1.75rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size7"],
  [data-br-column~="paddingBlockStart:size7"]
) {
  padding-block-start: 2rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size8"],
  [data-br-column~="paddingBlockStart:size8"]
) {
  padding-block-start: 3rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size9"],
  [data-br-column~="paddingBlockStart:size9"]
) {
  padding-block-start: 4rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size10"],
  [data-br-column~="paddingBlockStart:size10"]
) {
  padding-block-start: 5rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size11"],
  [data-br-column~="paddingBlockStart:size11"]
) {
  padding-block-start: 7.5rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size12"],
  [data-br-column~="paddingBlockStart:size12"]
) {
  padding-block-start: 10rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size13"],
  [data-br-column~="paddingBlockStart:size13"]
) {
  padding-block-start: 15rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size14"],
  [data-br-column~="paddingBlockStart:size14"]
) {
  padding-block-start: 20rem;
}
:is(
  [data-br-columns~="paddingBlockStart:size15"],
  [data-br-column~="paddingBlockStart:size15"]
) {
  padding-block-start: 30rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size000"],
  [data-br-column~="paddingBlockEnd:size000"]
) {
  padding-block-end: 0;
}
:is(
  [data-br-columns~="paddingBlockEnd:size00"],
  [data-br-column~="paddingBlockEnd:size00"]
) {
  padding-block-end: 0;
}
:is(
  [data-br-columns~="paddingBlockEnd:size1"],
  [data-br-column~="paddingBlockEnd:size1"]
) {
  padding-block-end: 0.25rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size2"],
  [data-br-column~="paddingBlockEnd:size2"]
) {
  padding-block-end: 0.5rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size3"],
  [data-br-column~="paddingBlockEnd:size3"]
) {
  padding-block-end: 1rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size4"],
  [data-br-column~="paddingBlockEnd:size4"]
) {
  padding-block-end: 1.25rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size5"],
  [data-br-column~="paddingBlockEnd:size5"]
) {
  padding-block-end: 1.5rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size6"],
  [data-br-column~="paddingBlockEnd:size6"]
) {
  padding-block-end: 1.75rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size7"],
  [data-br-column~="paddingBlockEnd:size7"]
) {
  padding-block-end: 2rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size8"],
  [data-br-column~="paddingBlockEnd:size8"]
) {
  padding-block-end: 3rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size9"],
  [data-br-column~="paddingBlockEnd:size9"]
) {
  padding-block-end: 4rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size10"],
  [data-br-column~="paddingBlockEnd:size10"]
) {
  padding-block-end: 5rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size11"],
  [data-br-column~="paddingBlockEnd:size11"]
) {
  padding-block-end: 7.5rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size12"],
  [data-br-column~="paddingBlockEnd:size12"]
) {
  padding-block-end: 10rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size13"],
  [data-br-column~="paddingBlockEnd:size13"]
) {
  padding-block-end: 15rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size14"],
  [data-br-column~="paddingBlockEnd:size14"]
) {
  padding-block-end: 20rem;
}
:is(
  [data-br-columns~="paddingBlockEnd:size15"],
  [data-br-column~="paddingBlockEnd:size15"]
) {
  padding-block-end: 30rem;
}

/*
  cover.css
*/

[data-br-cover] {
  --gap: initial;
  --min-height: initial;
  display: flex;
  flex-direction: column;
  gap: var(--gap, 0px);

  min-block-size: var(--min-height, 100%);
}

[data-br-cover] > * {
  margin: 0;
}

[data-br-cover] > [data-br-cover-centered] {
  margin-block-start: auto;
  margin-block-end: auto;
}

[data-br-cover~="stretch-content"] > [data-br-cover-centered] {
  flex: 1;
  display: flex;
  flex-direction: column;
}

[data-br-cover~="stretch-content"] > [data-br-cover-centered] > * {
  flex: 1;
}

/* Gutter Sizes */

/* gap sizes */
[data-br-cover~="gap:size000"] {
  --gap: -0.5rem;
}
[data-br-cover~="gap:size00"] {
  --gap: -0.25rem;
}
[data-br-cover~="gap:size1"] {
  --gap: 0.25rem;
}
[data-br-cover~="gap:size2"] {
  --gap: 0.5rem;
}
[data-br-cover~="gap:size3"] {
  --gap: 1rem;
}
[data-br-cover~="gap:size4"] {
  --gap: 1.25rem;
}
[data-br-cover~="gap:size5"] {
  --gap: 1.5rem;
}
[data-br-cover~="gap:size6"] {
  --gap: 1.75rem;
}
[data-br-cover~="gap:size7"] {
  --gap: 2rem;
}
[data-br-cover~="gap:size8"] {
  --gap: 3rem;
}
[data-br-cover~="gap:size9"] {
  --gap: 4rem;
}
[data-br-cover~="gap:size10"] {
  --gap: 5rem;
}
[data-br-cover~="gap:size11"] {
  --gap: 7.5rem;
}
[data-br-cover~="gap:size12"] {
  --gap: 10rem;
}
[data-br-cover~="gap:size13"] {
  --gap: 15rem;
}
[data-br-cover~="gap:size14"] {
  --gap: 20rem;
}
[data-br-cover~="gap:size15"] {
  --gap: 30rem;
}

/* Padding styles from padbox.css */
:is(
  [data-br-cover~="padding:size000"],
  [data-br-cover-centered~="padding:size000"]
) {
  padding: 0;
}
:is(
  [data-br-cover~="padding:size00"],
  [data-br-cover-centered~="padding:size00"]
) {
  padding: 0;
}
:is(
  [data-br-cover~="padding:size1"],
  [data-br-cover-centered~="padding:size1"]
) {
  padding: 0.25rem;
}
:is(
  [data-br-cover~="padding:size2"],
  [data-br-cover-centered~="padding:size2"]
) {
  padding: 0.5rem;
}
:is(
  [data-br-cover~="padding:size3"],
  [data-br-cover-centered~="padding:size3"]
) {
  padding: 1rem;
}
:is(
  [data-br-cover~="padding:size4"],
  [data-br-cover-centered~="padding:size4"]
) {
  padding: 1.25rem;
}
:is(
  [data-br-cover~="padding:size5"],
  [data-br-cover-centered~="padding:size5"]
) {
  padding: 1.5rem;
}
:is(
  [data-br-cover~="padding:size6"],
  [data-br-cover-centered~="padding:size6"]
) {
  padding: 1.75rem;
}
:is(
  [data-br-cover~="padding:size7"],
  [data-br-cover-centered~="padding:size7"]
) {
  padding: 2rem;
}
:is(
  [data-br-cover~="padding:size8"],
  [data-br-cover-centered~="padding:size8"]
) {
  padding: 3rem;
}
:is(
  [data-br-cover~="padding:size9"],
  [data-br-cover-centered~="padding:size9"]
) {
  padding: 4rem;
}
:is(
  [data-br-cover~="padding:size10"],
  [data-br-cover-centered~="padding:size10"]
) {
  padding: 5rem;
}
:is(
  [data-br-cover~="padding:size11"],
  [data-br-cover-centered~="padding:size11"]
) {
  padding: 7.5rem;
}
:is(
  [data-br-cover~="padding:size12"],
  [data-br-cover-centered~="padding:size12"]
) {
  padding: 10rem;
}
:is(
  [data-br-cover~="padding:size13"],
  [data-br-cover-centered~="padding:size13"]
) {
  padding: 15rem;
}
:is(
  [data-br-cover~="padding:size14"],
  [data-br-cover-centered~="padding:size14"]
) {
  padding: 20rem;
}
:is(
  [data-br-cover~="padding:size15"],
  [data-br-cover-centered~="padding:size15"]
) {
  padding: 30rem;
}
:is(
  [data-br-cover~="paddingInline:size000"],
  [data-br-cover-centered~="paddingInline:size000"]
) {
  padding-inline: 0;
}
:is(
  [data-br-cover~="paddingInline:size00"],
  [data-br-cover-centered~="paddingInline:size00"]
) {
  padding-inline: 0;
}
:is(
  [data-br-cover~="paddingInline:size1"],
  [data-br-cover-centered~="paddingInline:size1"]
) {
  padding-inline: 0.25rem;
}
:is(
  [data-br-cover~="paddingInline:size2"],
  [data-br-cover-centered~="paddingInline:size2"]
) {
  padding-inline: 0.5rem;
}
:is(
  [data-br-cover~="paddingInline:size3"],
  [data-br-cover-centered~="paddingInline:size3"]
) {
  padding-inline: 1rem;
}
:is(
  [data-br-cover~="paddingInline:size4"],
  [data-br-cover-centered~="paddingInline:size4"]
) {
  padding-inline: 1.25rem;
}
:is(
  [data-br-cover~="paddingInline:size5"],
  [data-br-cover-centered~="paddingInline:size5"]
) {
  padding-inline: 1.5rem;
}
:is(
  [data-br-cover~="paddingInline:size6"],
  [data-br-cover-centered~="paddingInline:size6"]
) {
  padding-inline: 1.75rem;
}
:is(
  [data-br-cover~="paddingInline:size7"],
  [data-br-cover-centered~="paddingInline:size7"]
) {
  padding-inline: 2rem;
}
:is(
  [data-br-cover~="paddingInline:size8"],
  [data-br-cover-centered~="paddingInline:size8"]
) {
  padding-inline: 3rem;
}
:is(
  [data-br-cover~="paddingInline:size9"],
  [data-br-cover-centered~="paddingInline:size9"]
) {
  padding-inline: 4rem;
}
:is(
  [data-br-cover~="paddingInline:size10"],
  [data-br-cover-centered~="paddingInline:size10"]
) {
  padding-inline: 5rem;
}
:is(
  [data-br-cover~="paddingInline:size11"],
  [data-br-cover-centered~="paddingInline:size11"]
) {
  padding-inline: 7.5rem;
}
:is(
  [data-br-cover~="paddingInline:size12"],
  [data-br-cover-centered~="paddingInline:size12"]
) {
  padding-inline: 10rem;
}
:is(
  [data-br-cover~="paddingInline:size13"],
  [data-br-cover-centered~="paddingInline:size13"]
) {
  padding-inline: 15rem;
}
:is(
  [data-br-cover~="paddingInline:size14"],
  [data-br-cover-centered~="paddingInline:size14"]
) {
  padding-inline: 20rem;
}
:is(
  [data-br-cover~="paddingInline:size15"],
  [data-br-cover-centered~="paddingInline:size15"]
) {
  padding-inline: 30rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size000"],
  [data-br-cover-centered~="paddingInlineStart:size000"]
) {
  padding-inline-start: 0;
}
:is(
  [data-br-cover~="paddingInlineStart:size00"],
  [data-br-cover-centered~="paddingInlineStart:size00"]
) {
  padding-inline-start: 0;
}
:is(
  [data-br-cover~="paddingInlineStart:size1"],
  [data-br-cover-centered~="paddingInlineStart:size1"]
) {
  padding-inline-start: 0.25rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size2"],
  [data-br-cover-centered~="paddingInlineStart:size2"]
) {
  padding-inline-start: 0.5rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size3"],
  [data-br-cover-centered~="paddingInlineStart:size3"]
) {
  padding-inline-start: 1rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size4"],
  [data-br-cover-centered~="paddingInlineStart:size4"]
) {
  padding-inline-start: 1.25rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size5"],
  [data-br-cover-centered~="paddingInlineStart:size5"]
) {
  padding-inline-start: 1.5rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size6"],
  [data-br-cover-centered~="paddingInlineStart:size6"]
) {
  padding-inline-start: 1.75rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size7"],
  [data-br-cover-centered~="paddingInlineStart:size7"]
) {
  padding-inline-start: 2rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size8"],
  [data-br-cover-centered~="paddingInlineStart:size8"]
) {
  padding-inline-start: 3rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size9"],
  [data-br-cover-centered~="paddingInlineStart:size9"]
) {
  padding-inline-start: 4rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size10"],
  [data-br-cover-centered~="paddingInlineStart:size10"]
) {
  padding-inline-start: 5rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size11"],
  [data-br-cover-centered~="paddingInlineStart:size11"]
) {
  padding-inline-start: 7.5rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size12"],
  [data-br-cover-centered~="paddingInlineStart:size12"]
) {
  padding-inline-start: 10rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size13"],
  [data-br-cover-centered~="paddingInlineStart:size13"]
) {
  padding-inline-start: 15rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size14"],
  [data-br-cover-centered~="paddingInlineStart:size14"]
) {
  padding-inline-start: 20rem;
}
:is(
  [data-br-cover~="paddingInlineStart:size15"],
  [data-br-cover-centered~="paddingInlineStart:size15"]
) {
  padding-inline-start: 30rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size000"],
  [data-br-cover-centered~="paddingInlineEnd:size000"]
) {
  padding-inline-end: 0;
}
:is(
  [data-br-cover~="paddingInlineEnd:size00"],
  [data-br-cover-centered~="paddingInlineEnd:size00"]
) {
  padding-inline-end: 0;
}
:is(
  [data-br-cover~="paddingInlineEnd:size1"],
  [data-br-cover-centered~="paddingInlineEnd:size1"]
) {
  padding-inline-end: 0.25rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size2"],
  [data-br-cover-centered~="paddingInlineEnd:size2"]
) {
  padding-inline-end: 0.5rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size3"],
  [data-br-cover-centered~="paddingInlineEnd:size3"]
) {
  padding-inline-end: 1rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size4"],
  [data-br-cover-centered~="paddingInlineEnd:size4"]
) {
  padding-inline-end: 1.25rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size5"],
  [data-br-cover-centered~="paddingInlineEnd:size5"]
) {
  padding-inline-end: 1.5rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size6"],
  [data-br-cover-centered~="paddingInlineEnd:size6"]
) {
  padding-inline-end: 1.75rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size7"],
  [data-br-cover-centered~="paddingInlineEnd:size7"]
) {
  padding-inline-end: 2rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size8"],
  [data-br-cover-centered~="paddingInlineEnd:size8"]
) {
  padding-inline-end: 3rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size9"],
  [data-br-cover-centered~="paddingInlineEnd:size9"]
) {
  padding-inline-end: 4rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size10"],
  [data-br-cover-centered~="paddingInlineEnd:size10"]
) {
  padding-inline-end: 5rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size11"],
  [data-br-cover-centered~="paddingInlineEnd:size11"]
) {
  padding-inline-end: 7.5rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size12"],
  [data-br-cover-centered~="paddingInlineEnd:size12"]
) {
  padding-inline-end: 10rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size13"],
  [data-br-cover-centered~="paddingInlineEnd:size13"]
) {
  padding-inline-end: 15rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size14"],
  [data-br-cover-centered~="paddingInlineEnd:size14"]
) {
  padding-inline-end: 20rem;
}
:is(
  [data-br-cover~="paddingInlineEnd:size15"],
  [data-br-cover-centered~="paddingInlineEnd:size15"]
) {
  padding-inline-end: 30rem;
}
:is(
  [data-br-cover~="paddingBlock:size000"],
  [data-br-cover-centered~="paddingBlock:size000"]
) {
  padding-block: 0;
}
:is(
  [data-br-cover~="paddingBlock:size00"],
  [data-br-cover-centered~="paddingBlock:size00"]
) {
  padding-block: 0;
}
:is(
  [data-br-cover~="paddingBlock:size1"],
  [data-br-cover-centered~="paddingBlock:size1"]
) {
  padding-block: 0.25rem;
}
:is(
  [data-br-cover~="paddingBlock:size2"],
  [data-br-cover-centered~="paddingBlock:size2"]
) {
  padding-block: 0.5rem;
}
:is(
  [data-br-cover~="paddingBlock:size3"],
  [data-br-cover-centered~="paddingBlock:size3"]
) {
  padding-block: 1rem;
}
:is(
  [data-br-cover~="paddingBlock:size4"],
  [data-br-cover-centered~="paddingBlock:size4"]
) {
  padding-block: 1.25rem;
}
:is(
  [data-br-cover~="paddingBlock:size5"],
  [data-br-cover-centered~="paddingBlock:size5"]
) {
  padding-block: 1.5rem;
}
:is(
  [data-br-cover~="paddingBlock:size6"],
  [data-br-cover-centered~="paddingBlock:size6"]
) {
  padding-block: 1.75rem;
}
:is(
  [data-br-cover~="paddingBlock:size7"],
  [data-br-cover-centered~="paddingBlock:size7"]
) {
  padding-block: 2rem;
}
:is(
  [data-br-cover~="paddingBlock:size8"],
  [data-br-cover-centered~="paddingBlock:size8"]
) {
  padding-block: 3rem;
}
:is(
  [data-br-cover~="paddingBlock:size9"],
  [data-br-cover-centered~="paddingBlock:size9"]
) {
  padding-block: 4rem;
}
:is(
  [data-br-cover~="paddingBlock:size10"],
  [data-br-cover-centered~="paddingBlock:size10"]
) {
  padding-block: 5rem;
}
:is(
  [data-br-cover~="paddingBlock:size11"],
  [data-br-cover-centered~="paddingBlock:size11"]
) {
  padding-block: 7.5rem;
}
:is(
  [data-br-cover~="paddingBlock:size12"],
  [data-br-cover-centered~="paddingBlock:size12"]
) {
  padding-block: 10rem;
}
:is(
  [data-br-cover~="paddingBlock:size13"],
  [data-br-cover-centered~="paddingBlock:size13"]
) {
  padding-block: 15rem;
}
:is(
  [data-br-cover~="paddingBlock:size14"],
  [data-br-cover-centered~="paddingBlock:size14"]
) {
  padding-block: 20rem;
}
:is(
  [data-br-cover~="paddingBlock:size15"],
  [data-br-cover-centered~="paddingBlock:size15"]
) {
  padding-block: 30rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size000"],
  [data-br-cover-centered~="paddingBlockStart:size000"]
) {
  padding-block-start: 0;
}
:is(
  [data-br-cover~="paddingBlockStart:size00"],
  [data-br-cover-centered~="paddingBlockStart:size00"]
) {
  padding-block-start: 0;
}
:is(
  [data-br-cover~="paddingBlockStart:size1"],
  [data-br-cover-centered~="paddingBlockStart:size1"]
) {
  padding-block-start: 0.25rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size2"],
  [data-br-cover-centered~="paddingBlockStart:size2"]
) {
  padding-block-start: 0.5rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size3"],
  [data-br-cover-centered~="paddingBlockStart:size3"]
) {
  padding-block-start: 1rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size4"],
  [data-br-cover-centered~="paddingBlockStart:size4"]
) {
  padding-block-start: 1.25rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size5"],
  [data-br-cover-centered~="paddingBlockStart:size5"]
) {
  padding-block-start: 1.5rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size6"],
  [data-br-cover-centered~="paddingBlockStart:size6"]
) {
  padding-block-start: 1.75rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size7"],
  [data-br-cover-centered~="paddingBlockStart:size7"]
) {
  padding-block-start: 2rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size8"],
  [data-br-cover-centered~="paddingBlockStart:size8"]
) {
  padding-block-start: 3rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size9"],
  [data-br-cover-centered~="paddingBlockStart:size9"]
) {
  padding-block-start: 4rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size10"],
  [data-br-cover-centered~="paddingBlockStart:size10"]
) {
  padding-block-start: 5rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size11"],
  [data-br-cover-centered~="paddingBlockStart:size11"]
) {
  padding-block-start: 7.5rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size12"],
  [data-br-cover-centered~="paddingBlockStart:size12"]
) {
  padding-block-start: 10rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size13"],
  [data-br-cover-centered~="paddingBlockStart:size13"]
) {
  padding-block-start: 15rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size14"],
  [data-br-cover-centered~="paddingBlockStart:size14"]
) {
  padding-block-start: 20rem;
}
:is(
  [data-br-cover~="paddingBlockStart:size15"],
  [data-br-cover-centered~="paddingBlockStart:size15"]
) {
  padding-block-start: 30rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size000"],
  [data-br-cover-centered~="paddingBlockEnd:size000"]
) {
  padding-block-end: 0;
}
:is(
  [data-br-cover~="paddingBlockEnd:size00"],
  [data-br-cover-centered~="paddingBlockEnd:size00"]
) {
  padding-block-end: 0;
}
:is(
  [data-br-cover~="paddingBlockEnd:size1"],
  [data-br-cover-centered~="paddingBlockEnd:size1"]
) {
  padding-block-end: 0.25rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size2"],
  [data-br-cover-centered~="paddingBlockEnd:size2"]
) {
  padding-block-end: 0.5rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size3"],
  [data-br-cover-centered~="paddingBlockEnd:size3"]
) {
  padding-block-end: 1rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size4"],
  [data-br-cover-centered~="paddingBlockEnd:size4"]
) {
  padding-block-end: 1.25rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size5"],
  [data-br-cover-centered~="paddingBlockEnd:size5"]
) {
  padding-block-end: 1.5rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size6"],
  [data-br-cover-centered~="paddingBlockEnd:size6"]
) {
  padding-block-end: 1.75rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size7"],
  [data-br-cover-centered~="paddingBlockEnd:size7"]
) {
  padding-block-end: 2rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size8"],
  [data-br-cover-centered~="paddingBlockEnd:size8"]
) {
  padding-block-end: 3rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size9"],
  [data-br-cover-centered~="paddingBlockEnd:size9"]
) {
  padding-block-end: 4rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size10"],
  [data-br-cover-centered~="paddingBlockEnd:size10"]
) {
  padding-block-end: 5rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size11"],
  [data-br-cover-centered~="paddingBlockEnd:size11"]
) {
  padding-block-end: 7.5rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size12"],
  [data-br-cover-centered~="paddingBlockEnd:size12"]
) {
  padding-block-end: 10rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size13"],
  [data-br-cover-centered~="paddingBlockEnd:size13"]
) {
  padding-block-end: 15rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size14"],
  [data-br-cover-centered~="paddingBlockEnd:size14"]
) {
  padding-block-end: 20rem;
}
:is(
  [data-br-cover~="paddingBlockEnd:size15"],
  [data-br-cover-centered~="paddingBlockEnd:size15"]
) {
  padding-block-end: 30rem;
}

/*
  frame.css
*/

[data-br-frame] {
  box-sizing: border-box;
  display: block;
  inline-size: 100%;
  position: relative;
  overflow: hidden;
}

[data-br-frame] > * {
  position: absolute;

  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;

  display: flex;
  justify-content: center;
  align-items: center;
}

[data-br-frame] > :is(img, video) {
  inline-size: 100%;
  block-size: 100%;
  size: 100%;

  object-fit: cover;

  object-position: var(--position, "50%");
}

[data-br-frame][style*="--ratio"] {
  aspect-ratio: var(--ratio);
}

/* Padding styles from padbox.css */
:is([data-br-frame~="padding:size000"]) {
  padding: 0;
}
:is([data-br-frame~="padding:size00"]) {
  padding: 0;
}
:is([data-br-frame~="padding:size1"]) {
  padding: 0.25rem;
}
:is([data-br-frame~="padding:size2"]) {
  padding: 0.5rem;
}
:is([data-br-frame~="padding:size3"]) {
  padding: 1rem;
}
:is([data-br-frame~="padding:size4"]) {
  padding: 1.25rem;
}
:is([data-br-frame~="padding:size5"]) {
  padding: 1.5rem;
}
:is([data-br-frame~="padding:size6"]) {
  padding: 1.75rem;
}
:is([data-br-frame~="padding:size7"]) {
  padding: 2rem;
}
:is([data-br-frame~="padding:size8"]) {
  padding: 3rem;
}
:is([data-br-frame~="padding:size9"]) {
  padding: 4rem;
}
:is([data-br-frame~="padding:size10"]) {
  padding: 5rem;
}
:is([data-br-frame~="padding:size11"]) {
  padding: 7.5rem;
}
:is([data-br-frame~="padding:size12"]) {
  padding: 10rem;
}
:is([data-br-frame~="padding:size13"]) {
  padding: 15rem;
}
:is([data-br-frame~="padding:size14"]) {
  padding: 20rem;
}
:is([data-br-frame~="padding:size15"]) {
  padding: 30rem;
}
:is([data-br-frame~="paddingInline:size000"]) {
  padding-inline: 0;
}
:is([data-br-frame~="paddingInline:size00"]) {
  padding-inline: 0;
}
:is([data-br-frame~="paddingInline:size1"]) {
  padding-inline: 0.25rem;
}
:is([data-br-frame~="paddingInline:size2"]) {
  padding-inline: 0.5rem;
}
:is([data-br-frame~="paddingInline:size3"]) {
  padding-inline: 1rem;
}
:is([data-br-frame~="paddingInline:size4"]) {
  padding-inline: 1.25rem;
}
:is([data-br-frame~="paddingInline:size5"]) {
  padding-inline: 1.5rem;
}
:is([data-br-frame~="paddingInline:size6"]) {
  padding-inline: 1.75rem;
}
:is([data-br-frame~="paddingInline:size7"]) {
  padding-inline: 2rem;
}
:is([data-br-frame~="paddingInline:size8"]) {
  padding-inline: 3rem;
}
:is([data-br-frame~="paddingInline:size9"]) {
  padding-inline: 4rem;
}
:is([data-br-frame~="paddingInline:size10"]) {
  padding-inline: 5rem;
}
:is([data-br-frame~="paddingInline:size11"]) {
  padding-inline: 7.5rem;
}
:is([data-br-frame~="paddingInline:size12"]) {
  padding-inline: 10rem;
}
:is([data-br-frame~="paddingInline:size13"]) {
  padding-inline: 15rem;
}
:is([data-br-frame~="paddingInline:size14"]) {
  padding-inline: 20rem;
}
:is([data-br-frame~="paddingInline:size15"]) {
  padding-inline: 30rem;
}
:is([data-br-frame~="paddingInlineStart:size000"]) {
  padding-inline-start: 0;
}
:is([data-br-frame~="paddingInlineStart:size00"]) {
  padding-inline-start: 0;
}
:is([data-br-frame~="paddingInlineStart:size1"]) {
  padding-inline-start: 0.25rem;
}
:is([data-br-frame~="paddingInlineStart:size2"]) {
  padding-inline-start: 0.5rem;
}
:is([data-br-frame~="paddingInlineStart:size3"]) {
  padding-inline-start: 1rem;
}
:is([data-br-frame~="paddingInlineStart:size4"]) {
  padding-inline-start: 1.25rem;
}
:is([data-br-frame~="paddingInlineStart:size5"]) {
  padding-inline-start: 1.5rem;
}
:is([data-br-frame~="paddingInlineStart:size6"]) {
  padding-inline-start: 1.75rem;
}
:is([data-br-frame~="paddingInlineStart:size7"]) {
  padding-inline-start: 2rem;
}
:is([data-br-frame~="paddingInlineStart:size8"]) {
  padding-inline-start: 3rem;
}
:is([data-br-frame~="paddingInlineStart:size9"]) {
  padding-inline-start: 4rem;
}
:is([data-br-frame~="paddingInlineStart:size10"]) {
  padding-inline-start: 5rem;
}
:is([data-br-frame~="paddingInlineStart:size11"]) {
  padding-inline-start: 7.5rem;
}
:is([data-br-frame~="paddingInlineStart:size12"]) {
  padding-inline-start: 10rem;
}
:is([data-br-frame~="paddingInlineStart:size13"]) {
  padding-inline-start: 15rem;
}
:is([data-br-frame~="paddingInlineStart:size14"]) {
  padding-inline-start: 20rem;
}
:is([data-br-frame~="paddingInlineStart:size15"]) {
  padding-inline-start: 30rem;
}
:is([data-br-frame~="paddingInlineEnd:size000"]) {
  padding-inline-end: 0;
}
:is([data-br-frame~="paddingInlineEnd:size00"]) {
  padding-inline-end: 0;
}
:is([data-br-frame~="paddingInlineEnd:size1"]) {
  padding-inline-end: 0.25rem;
}
:is([data-br-frame~="paddingInlineEnd:size2"]) {
  padding-inline-end: 0.5rem;
}
:is([data-br-frame~="paddingInlineEnd:size3"]) {
  padding-inline-end: 1rem;
}
:is([data-br-frame~="paddingInlineEnd:size4"]) {
  padding-inline-end: 1.25rem;
}
:is([data-br-frame~="paddingInlineEnd:size5"]) {
  padding-inline-end: 1.5rem;
}
:is([data-br-frame~="paddingInlineEnd:size6"]) {
  padding-inline-end: 1.75rem;
}
:is([data-br-frame~="paddingInlineEnd:size7"]) {
  padding-inline-end: 2rem;
}
:is([data-br-frame~="paddingInlineEnd:size8"]) {
  padding-inline-end: 3rem;
}
:is([data-br-frame~="paddingInlineEnd:size9"]) {
  padding-inline-end: 4rem;
}
:is([data-br-frame~="paddingInlineEnd:size10"]) {
  padding-inline-end: 5rem;
}
:is([data-br-frame~="paddingInlineEnd:size11"]) {
  padding-inline-end: 7.5rem;
}
:is([data-br-frame~="paddingInlineEnd:size12"]) {
  padding-inline-end: 10rem;
}
:is([data-br-frame~="paddingInlineEnd:size13"]) {
  padding-inline-end: 15rem;
}
:is([data-br-frame~="paddingInlineEnd:size14"]) {
  padding-inline-end: 20rem;
}
:is([data-br-frame~="paddingInlineEnd:size15"]) {
  padding-inline-end: 30rem;
}
:is([data-br-frame~="paddingBlock:size000"]) {
  padding-block: 0;
}
:is([data-br-frame~="paddingBlock:size00"]) {
  padding-block: 0;
}
:is([data-br-frame~="paddingBlock:size1"]) {
  padding-block: 0.25rem;
}
:is([data-br-frame~="paddingBlock:size2"]) {
  padding-block: 0.5rem;
}
:is([data-br-frame~="paddingBlock:size3"]) {
  padding-block: 1rem;
}
:is([data-br-frame~="paddingBlock:size4"]) {
  padding-block: 1.25rem;
}
:is([data-br-frame~="paddingBlock:size5"]) {
  padding-block: 1.5rem;
}
:is([data-br-frame~="paddingBlock:size6"]) {
  padding-block: 1.75rem;
}
:is([data-br-frame~="paddingBlock:size7"]) {
  padding-block: 2rem;
}
:is([data-br-frame~="paddingBlock:size8"]) {
  padding-block: 3rem;
}
:is([data-br-frame~="paddingBlock:size9"]) {
  padding-block: 4rem;
}
:is([data-br-frame~="paddingBlock:size10"]) {
  padding-block: 5rem;
}
:is([data-br-frame~="paddingBlock:size11"]) {
  padding-block: 7.5rem;
}
:is([data-br-frame~="paddingBlock:size12"]) {
  padding-block: 10rem;
}
:is([data-br-frame~="paddingBlock:size13"]) {
  padding-block: 15rem;
}
:is([data-br-frame~="paddingBlock:size14"]) {
  padding-block: 20rem;
}
:is([data-br-frame~="paddingBlock:size15"]) {
  padding-block: 30rem;
}
:is([data-br-frame~="paddingBlockStart:size000"]) {
  padding-block-start: 0;
}
:is([data-br-frame~="paddingBlockStart:size00"]) {
  padding-block-start: 0;
}
:is([data-br-frame~="paddingBlockStart:size1"]) {
  padding-block-start: 0.25rem;
}
:is([data-br-frame~="paddingBlockStart:size2"]) {
  padding-block-start: 0.5rem;
}
:is([data-br-frame~="paddingBlockStart:size3"]) {
  padding-block-start: 1rem;
}
:is([data-br-frame~="paddingBlockStart:size4"]) {
  padding-block-start: 1.25rem;
}
:is([data-br-frame~="paddingBlockStart:size5"]) {
  padding-block-start: 1.5rem;
}
:is([data-br-frame~="paddingBlockStart:size6"]) {
  padding-block-start: 1.75rem;
}
:is([data-br-frame~="paddingBlockStart:size7"]) {
  padding-block-start: 2rem;
}
:is([data-br-frame~="paddingBlockStart:size8"]) {
  padding-block-start: 3rem;
}
:is([data-br-frame~="paddingBlockStart:size9"]) {
  padding-block-start: 4rem;
}
:is([data-br-frame~="paddingBlockStart:size10"]) {
  padding-block-start: 5rem;
}
:is([data-br-frame~="paddingBlockStart:size11"]) {
  padding-block-start: 7.5rem;
}
:is([data-br-frame~="paddingBlockStart:size12"]) {
  padding-block-start: 10rem;
}
:is([data-br-frame~="paddingBlockStart:size13"]) {
  padding-block-start: 15rem;
}
:is([data-br-frame~="paddingBlockStart:size14"]) {
  padding-block-start: 20rem;
}
:is([data-br-frame~="paddingBlockStart:size15"]) {
  padding-block-start: 30rem;
}
:is([data-br-frame~="paddingBlockEnd:size000"]) {
  padding-block-end: 0;
}
:is([data-br-frame~="paddingBlockEnd:size00"]) {
  padding-block-end: 0;
}
:is([data-br-frame~="paddingBlockEnd:size1"]) {
  padding-block-end: 0.25rem;
}
:is([data-br-frame~="paddingBlockEnd:size2"]) {
  padding-block-end: 0.5rem;
}
:is([data-br-frame~="paddingBlockEnd:size3"]) {
  padding-block-end: 1rem;
}
:is([data-br-frame~="paddingBlockEnd:size4"]) {
  padding-block-end: 1.25rem;
}
:is([data-br-frame~="paddingBlockEnd:size5"]) {
  padding-block-end: 1.5rem;
}
:is([data-br-frame~="paddingBlockEnd:size6"]) {
  padding-block-end: 1.75rem;
}
:is([data-br-frame~="paddingBlockEnd:size7"]) {
  padding-block-end: 2rem;
}
:is([data-br-frame~="paddingBlockEnd:size8"]) {
  padding-block-end: 3rem;
}
:is([data-br-frame~="paddingBlockEnd:size9"]) {
  padding-block-end: 4rem;
}
:is([data-br-frame~="paddingBlockEnd:size10"]) {
  padding-block-end: 5rem;
}
:is([data-br-frame~="paddingBlockEnd:size11"]) {
  padding-block-end: 7.5rem;
}
:is([data-br-frame~="paddingBlockEnd:size12"]) {
  padding-block-end: 10rem;
}
:is([data-br-frame~="paddingBlockEnd:size13"]) {
  padding-block-end: 15rem;
}
:is([data-br-frame~="paddingBlockEnd:size14"]) {
  padding-block-end: 20rem;
}
:is([data-br-frame~="paddingBlockEnd:size15"]) {
  padding-block-end: 30rem;
}

/*
  grid.css
*/

[data-br-grid] {
  --gap: initial;
  --min-item-width: initial;
  box-sizing: border-box;
  display: grid;
  gap: var(--gap, 0px);
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(var(--min-item-width, 639px), 100%), 1fr)
  );
}

[data-br-grid] > * {
  margin: 0;
}

[data-br-grid~="variant:masonry"] {
  grid-template-rows: masonry;
  masonry-auto-flow: next;
}

/* gap sizes */
[data-br-grid~="gap:size000"] {
  --gap: -0.5rem;
}
[data-br-grid~="gap:size00"] {
  --gap: -0.25rem;
}
[data-br-grid~="gap:size1"] {
  --gap: 0.25rem;
}
[data-br-grid~="gap:size2"] {
  --gap: 0.5rem;
}
[data-br-grid~="gap:size3"] {
  --gap: 1rem;
}
[data-br-grid~="gap:size4"] {
  --gap: 1.25rem;
}
[data-br-grid~="gap:size5"] {
  --gap: 1.5rem;
}
[data-br-grid~="gap:size6"] {
  --gap: 1.75rem;
}
[data-br-grid~="gap:size7"] {
  --gap: 2rem;
}
[data-br-grid~="gap:size8"] {
  --gap: 3rem;
}
[data-br-grid~="gap:size9"] {
  --gap: 4rem;
}
[data-br-grid~="gap:size10"] {
  --gap: 5rem;
}
[data-br-grid~="gap:size11"] {
  --gap: 7.5rem;
}
[data-br-grid~="gap:size12"] {
  --gap: 10rem;
}
[data-br-grid~="gap:size13"] {
  --gap: 15rem;
}
[data-br-grid~="gap:size14"] {
  --gap: 20rem;
}
[data-br-grid~="gap:size15"] {
  --gap: 30rem;
}

/* Min Item Widths */
[data-br-grid~="minItemWidth:sizeContent1"] {
  --min-item-width: 20ch;
}
[data-br-grid~="minItemWidth:sizeContent2"] {
  --min-item-width: 45ch;
}
[data-br-grid~="minItemWidth:sizeContent3"] {
  --min-item-width: 60ch;
}
[data-br-grid~="minItemWidth:sizeHeader1"] {
  --min-item-width: 20ch;
}
[data-br-grid~="minItemWidth:sizeHeader2"] {
  --min-item-width: 25ch;
}
[data-br-grid~="minItemWidth:sizeHeader3"] {
  --min-item-width: 35ch;
}
[data-br-grid~="minItemWidth:sizeXxs"] {
  --min-item-width: 240px;
}
[data-br-grid~="minItemWidth:sizeXs"] {
  --min-item-width: 360px;
}
[data-br-grid~="minItemWidth:sizeSm"] {
  --min-item-width: 480px;
}
[data-br-grid~="minItemWidth:sizeMd"] {
  --min-item-width: 768px;
}
[data-br-grid~="minItemWidth:sizeLg"] {
  --min-item-width: 1024px;
}
[data-br-grid~="minItemWidth:sizeXl"] {
  --min-item-width: 1440px;
}
[data-br-grid~="minItemWidth:sizeXxl"] {
  --min-item-width: 1920px;
}

/*
  inline-cluster.css
*/

[data-br-inline-cluster] {
  --gap: initial;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap, 0px);
  justify-content: flex-start;
  align-items: flex-start;
}

[data-br-inline-cluster] > * {
  margin: 0;
}

[data-br-inline-cluster~="justify:start"] {
  justify-content: flex-start;
}
[data-br-inline-cluster~="justify:center"] {
  justify-content: center;
}
[data-br-inline-cluster~="justify:end"] {
  justify-content: flex-end;
}
[data-br-inline-cluster~="justify:space-between"] {
  justify-content: space-between;
}
[data-br-inline-cluster~="justify:space-around"] {
  justify-content: space-around;
}

[data-br-inline-cluster~="align:start"] {
  align-items: flex-start;
}
[data-br-inline-cluster~="align:center"] {
  align-items: center;
}
[data-br-inline-cluster~="align:end"] {
  align-items: flex-end;
}
[data-br-inline-cluster~="align:stretch"] {
  align-items: stretch;
}

/* Gutter Sizes */

/* gap sizes */
[data-br-inline-cluster~="gap:size000"] {
  --gap: -0.5rem;
}
[data-br-inline-cluster~="gap:size00"] {
  --gap: -0.25rem;
}
[data-br-inline-cluster~="gap:size1"] {
  --gap: 0.25rem;
}
[data-br-inline-cluster~="gap:size2"] {
  --gap: 0.5rem;
}
[data-br-inline-cluster~="gap:size3"] {
  --gap: 1rem;
}
[data-br-inline-cluster~="gap:size4"] {
  --gap: 1.25rem;
}
[data-br-inline-cluster~="gap:size5"] {
  --gap: 1.5rem;
}
[data-br-inline-cluster~="gap:size6"] {
  --gap: 1.75rem;
}
[data-br-inline-cluster~="gap:size7"] {
  --gap: 2rem;
}
[data-br-inline-cluster~="gap:size8"] {
  --gap: 3rem;
}
[data-br-inline-cluster~="gap:size9"] {
  --gap: 4rem;
}
[data-br-inline-cluster~="gap:size10"] {
  --gap: 5rem;
}
[data-br-inline-cluster~="gap:size11"] {
  --gap: 7.5rem;
}
[data-br-inline-cluster~="gap:size12"] {
  --gap: 10rem;
}
[data-br-inline-cluster~="gap:size13"] {
  --gap: 15rem;
}
[data-br-inline-cluster~="gap:size14"] {
  --gap: 20rem;
}
[data-br-inline-cluster~="gap:size15"] {
  --gap: 30rem;
}

/* Padding styles from padbox.css */
:is([data-br-inline-cluster~="padding:size000"]) {
  padding: 0;
}
:is([data-br-inline-cluster~="padding:size00"]) {
  padding: 0;
}
:is([data-br-inline-cluster~="padding:size1"]) {
  padding: 0.25rem;
}
:is([data-br-inline-cluster~="padding:size2"]) {
  padding: 0.5rem;
}
:is([data-br-inline-cluster~="padding:size3"]) {
  padding: 1rem;
}
:is([data-br-inline-cluster~="padding:size4"]) {
  padding: 1.25rem;
}
:is([data-br-inline-cluster~="padding:size5"]) {
  padding: 1.5rem;
}
:is([data-br-inline-cluster~="padding:size6"]) {
  padding: 1.75rem;
}
:is([data-br-inline-cluster~="padding:size7"]) {
  padding: 2rem;
}
:is([data-br-inline-cluster~="padding:size8"]) {
  padding: 3rem;
}
:is([data-br-inline-cluster~="padding:size9"]) {
  padding: 4rem;
}
:is([data-br-inline-cluster~="padding:size10"]) {
  padding: 5rem;
}
:is([data-br-inline-cluster~="padding:size11"]) {
  padding: 7.5rem;
}
:is([data-br-inline-cluster~="padding:size12"]) {
  padding: 10rem;
}
:is([data-br-inline-cluster~="padding:size13"]) {
  padding: 15rem;
}
:is([data-br-inline-cluster~="padding:size14"]) {
  padding: 20rem;
}
:is([data-br-inline-cluster~="padding:size15"]) {
  padding: 30rem;
}
:is([data-br-inline-cluster~="paddingInline:size000"]) {
  padding-inline: 0;
}
:is([data-br-inline-cluster~="paddingInline:size00"]) {
  padding-inline: 0;
}
:is([data-br-inline-cluster~="paddingInline:size1"]) {
  padding-inline: 0.25rem;
}
:is([data-br-inline-cluster~="paddingInline:size2"]) {
  padding-inline: 0.5rem;
}
:is([data-br-inline-cluster~="paddingInline:size3"]) {
  padding-inline: 1rem;
}
:is([data-br-inline-cluster~="paddingInline:size4"]) {
  padding-inline: 1.25rem;
}
:is([data-br-inline-cluster~="paddingInline:size5"]) {
  padding-inline: 1.5rem;
}
:is([data-br-inline-cluster~="paddingInline:size6"]) {
  padding-inline: 1.75rem;
}
:is([data-br-inline-cluster~="paddingInline:size7"]) {
  padding-inline: 2rem;
}
:is([data-br-inline-cluster~="paddingInline:size8"]) {
  padding-inline: 3rem;
}
:is([data-br-inline-cluster~="paddingInline:size9"]) {
  padding-inline: 4rem;
}
:is([data-br-inline-cluster~="paddingInline:size10"]) {
  padding-inline: 5rem;
}
:is([data-br-inline-cluster~="paddingInline:size11"]) {
  padding-inline: 7.5rem;
}
:is([data-br-inline-cluster~="paddingInline:size12"]) {
  padding-inline: 10rem;
}
:is([data-br-inline-cluster~="paddingInline:size13"]) {
  padding-inline: 15rem;
}
:is([data-br-inline-cluster~="paddingInline:size14"]) {
  padding-inline: 20rem;
}
:is([data-br-inline-cluster~="paddingInline:size15"]) {
  padding-inline: 30rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size000"]) {
  padding-inline-start: 0;
}
:is([data-br-inline-cluster~="paddingInlineStart:size00"]) {
  padding-inline-start: 0;
}
:is([data-br-inline-cluster~="paddingInlineStart:size1"]) {
  padding-inline-start: 0.25rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size2"]) {
  padding-inline-start: 0.5rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size3"]) {
  padding-inline-start: 1rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size4"]) {
  padding-inline-start: 1.25rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size5"]) {
  padding-inline-start: 1.5rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size6"]) {
  padding-inline-start: 1.75rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size7"]) {
  padding-inline-start: 2rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size8"]) {
  padding-inline-start: 3rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size9"]) {
  padding-inline-start: 4rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size10"]) {
  padding-inline-start: 5rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size11"]) {
  padding-inline-start: 7.5rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size12"]) {
  padding-inline-start: 10rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size13"]) {
  padding-inline-start: 15rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size14"]) {
  padding-inline-start: 20rem;
}
:is([data-br-inline-cluster~="paddingInlineStart:size15"]) {
  padding-inline-start: 30rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size000"]) {
  padding-inline-end: 0;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size00"]) {
  padding-inline-end: 0;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size1"]) {
  padding-inline-end: 0.25rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size2"]) {
  padding-inline-end: 0.5rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size3"]) {
  padding-inline-end: 1rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size4"]) {
  padding-inline-end: 1.25rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size5"]) {
  padding-inline-end: 1.5rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size6"]) {
  padding-inline-end: 1.75rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size7"]) {
  padding-inline-end: 2rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size8"]) {
  padding-inline-end: 3rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size9"]) {
  padding-inline-end: 4rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size10"]) {
  padding-inline-end: 5rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size11"]) {
  padding-inline-end: 7.5rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size12"]) {
  padding-inline-end: 10rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size13"]) {
  padding-inline-end: 15rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size14"]) {
  padding-inline-end: 20rem;
}
:is([data-br-inline-cluster~="paddingInlineEnd:size15"]) {
  padding-inline-end: 30rem;
}
:is([data-br-inline-cluster~="paddingBlock:size000"]) {
  padding-block: 0;
}
:is([data-br-inline-cluster~="paddingBlock:size00"]) {
  padding-block: 0;
}
:is([data-br-inline-cluster~="paddingBlock:size1"]) {
  padding-block: 0.25rem;
}
:is([data-br-inline-cluster~="paddingBlock:size2"]) {
  padding-block: 0.5rem;
}
:is([data-br-inline-cluster~="paddingBlock:size3"]) {
  padding-block: 1rem;
}
:is([data-br-inline-cluster~="paddingBlock:size4"]) {
  padding-block: 1.25rem;
}
:is([data-br-inline-cluster~="paddingBlock:size5"]) {
  padding-block: 1.5rem;
}
:is([data-br-inline-cluster~="paddingBlock:size6"]) {
  padding-block: 1.75rem;
}
:is([data-br-inline-cluster~="paddingBlock:size7"]) {
  padding-block: 2rem;
}
:is([data-br-inline-cluster~="paddingBlock:size8"]) {
  padding-block: 3rem;
}
:is([data-br-inline-cluster~="paddingBlock:size9"]) {
  padding-block: 4rem;
}
:is([data-br-inline-cluster~="paddingBlock:size10"]) {
  padding-block: 5rem;
}
:is([data-br-inline-cluster~="paddingBlock:size11"]) {
  padding-block: 7.5rem;
}
:is([data-br-inline-cluster~="paddingBlock:size12"]) {
  padding-block: 10rem;
}
:is([data-br-inline-cluster~="paddingBlock:size13"]) {
  padding-block: 15rem;
}
:is([data-br-inline-cluster~="paddingBlock:size14"]) {
  padding-block: 20rem;
}
:is([data-br-inline-cluster~="paddingBlock:size15"]) {
  padding-block: 30rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size000"]) {
  padding-block-start: 0;
}
:is([data-br-inline-cluster~="paddingBlockStart:size00"]) {
  padding-block-start: 0;
}
:is([data-br-inline-cluster~="paddingBlockStart:size1"]) {
  padding-block-start: 0.25rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size2"]) {
  padding-block-start: 0.5rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size3"]) {
  padding-block-start: 1rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size4"]) {
  padding-block-start: 1.25rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size5"]) {
  padding-block-start: 1.5rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size6"]) {
  padding-block-start: 1.75rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size7"]) {
  padding-block-start: 2rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size8"]) {
  padding-block-start: 3rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size9"]) {
  padding-block-start: 4rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size10"]) {
  padding-block-start: 5rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size11"]) {
  padding-block-start: 7.5rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size12"]) {
  padding-block-start: 10rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size13"]) {
  padding-block-start: 15rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size14"]) {
  padding-block-start: 20rem;
}
:is([data-br-inline-cluster~="paddingBlockStart:size15"]) {
  padding-block-start: 30rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size000"]) {
  padding-block-end: 0;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size00"]) {
  padding-block-end: 0;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size1"]) {
  padding-block-end: 0.25rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size2"]) {
  padding-block-end: 0.5rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size3"]) {
  padding-block-end: 1rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size4"]) {
  padding-block-end: 1.25rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size5"]) {
  padding-block-end: 1.5rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size6"]) {
  padding-block-end: 1.75rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size7"]) {
  padding-block-end: 2rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size8"]) {
  padding-block-end: 3rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size9"]) {
  padding-block-end: 4rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size10"]) {
  padding-block-end: 5rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size11"]) {
  padding-block-end: 7.5rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size12"]) {
  padding-block-end: 10rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size13"]) {
  padding-block-end: 15rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size14"]) {
  padding-block-end: 20rem;
}
:is([data-br-inline-cluster~="paddingBlockEnd:size15"]) {
  padding-block-end: 30rem;
}

/*
  inline.css
*/

[data-br-inline] {
  --gap: initial;
  --switch-at: initial;
  --min-item-width: initial;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--gap, 0px);
  justify-content: flex-start;
  align-items: flex-start;
}

[data-br-inline] > * {
  margin: 0;
}

:is(
  [data-br-inline][style*="--switchAt"],
  [data-br-inline][style*="--switch-at"],
  [data-br-inline*="--switchAt"]
) {
  flex-wrap: wrap;
}

[data-br-inline]:is(
    [style*="--switchAt"],
    [style*="--switch-at"],
    [data-br-inline*="--switchAt"]
  )
  > * {
  flex-basis: calc((var(--switch-at) - (100% - var(--gap, 0px))) * 999);
}

[data-br-inline][style*="--min-item-width"] > * {
  min-inline-size: var(--min-item-width, 0);
}

[data-br-inline~="justify:start"] {
  justify-content: flex-start;
}
[data-br-inline~="justify:center"] {
  justify-content: center;
}
[data-br-inline~="justify:end"] {
  justify-content: flex-end;
}
[data-br-inline~="justify:space-between"] {
  justify-content: space-between;
}
[data-br-inline~="justify:space-around"] {
  justify-content: space-around;
}

[data-br-inline~="align:start"] {
  align-items: flex-start;
}
[data-br-inline~="align:center"] {
  align-items: center;
}
[data-br-inline~="align:end"] {
  align-items: flex-end;
}
[data-br-inline~="align:stretch"] {
  align-items: stretch;
}

[data-br-inline~="stretch:all"] > * {
  flex: 1;
}
[data-br-inline~="stretch:start"] > :first-child {
  flex: 1;
}
[data-br-inline~="stretch:end"] > :last-child {
  flex: 1;
}

[data-br-inline~="stretch:0"] > :nth-child(1) {
  flex: 1;
}
[data-br-inline~="stretch:1"] > :nth-child(2) {
  flex: 1;
}
[data-br-inline~="stretch:2"] > :nth-child(3) {
  flex: 1;
}
[data-br-inline~="stretch:3"] > :nth-child(4) {
  flex: 1;
}
[data-br-inline~="stretch:4"] > :nth-child(5) {
  flex: 1;
}

/* Gutter Sizes */

/* gap sizes */
[data-br-inline~="gap:size000"] {
  --gap: -0.5rem;
}
[data-br-inline~="gap:size00"] {
  --gap: -0.25rem;
}
[data-br-inline~="gap:size1"] {
  --gap: 0.25rem;
}
[data-br-inline~="gap:size2"] {
  --gap: 0.5rem;
}
[data-br-inline~="gap:size3"] {
  --gap: 1rem;
}
[data-br-inline~="gap:size4"] {
  --gap: 1.25rem;
}
[data-br-inline~="gap:size5"] {
  --gap: 1.5rem;
}
[data-br-inline~="gap:size6"] {
  --gap: 1.75rem;
}
[data-br-inline~="gap:size7"] {
  --gap: 2rem;
}
[data-br-inline~="gap:size8"] {
  --gap: 3rem;
}
[data-br-inline~="gap:size9"] {
  --gap: 4rem;
}
[data-br-inline~="gap:size10"] {
  --gap: 5rem;
}
[data-br-inline~="gap:size11"] {
  --gap: 7.5rem;
}
[data-br-inline~="gap:size12"] {
  --gap: 10rem;
}
[data-br-inline~="gap:size13"] {
  --gap: 15rem;
}
[data-br-inline~="gap:size14"] {
  --gap: 20rem;
}
[data-br-inline~="gap:size15"] {
  --gap: 30rem;
}

/* Min Item Widths */
[data-br-inline~="minItemWidth:sizeContent1"] {
  --min-item-width: 20ch;
}
[data-br-inline~="minItemWidth:sizeContent2"] {
  --min-item-width: 45ch;
}
[data-br-inline~="minItemWidth:sizeContent3"] {
  --min-item-width: 60ch;
}
[data-br-inline~="minItemWidth:sizeHeader1"] {
  --min-item-width: 20ch;
}
[data-br-inline~="minItemWidth:sizeHeader2"] {
  --min-item-width: 25ch;
}
[data-br-inline~="minItemWidth:sizeHeader3"] {
  --min-item-width: 35ch;
}
[data-br-inline~="minItemWidth:sizeXxs"] {
  --min-item-width: 240px;
}
[data-br-inline~="minItemWidth:sizeXs"] {
  --min-item-width: 360px;
}
[data-br-inline~="minItemWidth:sizeSm"] {
  --min-item-width: 480px;
}
[data-br-inline~="minItemWidth:sizeMd"] {
  --min-item-width: 768px;
}
[data-br-inline~="minItemWidth:sizeLg"] {
  --min-item-width: 1024px;
}
[data-br-inline~="minItemWidth:sizeXl"] {
  --min-item-width: 1440px;
}
[data-br-inline~="minItemWidth:sizeXxl"] {
  --min-item-width: 1920px;
}

/* Switch at Widths */
[data-br-inline~="switchAt:sizeContent1"] {
  --switch-at: 20ch;
}
[data-br-inline~="switchAt:sizeContent2"] {
  --switch-at: 45ch;
}
[data-br-inline~="switchAt:sizeContent3"] {
  --switch-at: 60ch;
}
[data-br-inline~="switchAt:sizeHeader1"] {
  --switch-at: 20ch;
}
[data-br-inline~="switchAt:sizeHeader2"] {
  --switch-at: 25ch;
}
[data-br-inline~="switchAt:sizeHeader3"] {
  --switch-at: 35ch;
}
[data-br-inline~="switchAt:sizeXxs"] {
  --switch-at: 240px;
}
[data-br-inline~="switchAt:sizeXs"] {
  --switch-at: 360px;
}
[data-br-inline~="switchAt:sizeSm"] {
  --switch-at: 480px;
}
[data-br-inline~="switchAt:sizeMd"] {
  --switch-at: 768px;
}
[data-br-inline~="switchAt:sizeLg"] {
  --switch-at: 1024px;
}
[data-br-inline~="switchAt:sizeXl"] {
  --switch-at: 1440px;
}
[data-br-inline~="switchAt:sizeXxl"] {
  --switch-at: 1920px;
}

/* Padding styles from padbox.css */
[data-br-inline~="padding:size000"] {
  padding: 0;
}
[data-br-inline~="padding:size00"] {
  padding: 0;
}
[data-br-inline~="padding:size1"] {
  padding: 0.25rem;
}
[data-br-inline~="padding:size2"] {
  padding: 0.5rem;
}
[data-br-inline~="padding:size3"] {
  padding: 1rem;
}
[data-br-inline~="padding:size4"] {
  padding: 1.25rem;
}
[data-br-inline~="padding:size5"] {
  padding: 1.5rem;
}
[data-br-inline~="padding:size6"] {
  padding: 1.75rem;
}
[data-br-inline~="padding:size7"] {
  padding: 2rem;
}
[data-br-inline~="padding:size8"] {
  padding: 3rem;
}
[data-br-inline~="padding:size9"] {
  padding: 4rem;
}
[data-br-inline~="padding:size10"] {
  padding: 5rem;
}
[data-br-inline~="padding:size11"] {
  padding: 7.5rem;
}
[data-br-inline~="padding:size12"] {
  padding: 10rem;
}
[data-br-inline~="padding:size13"] {
  padding: 15rem;
}
[data-br-inline~="padding:size14"] {
  padding: 20rem;
}
[data-br-inline~="padding:size15"] {
  padding: 30rem;
}
[data-br-inline~="paddingInline:size000"] {
  padding-inline: 0;
}
[data-br-inline~="paddingInline:size00"] {
  padding-inline: 0;
}
[data-br-inline~="paddingInline:size1"] {
  padding-inline: 0.25rem;
}
[data-br-inline~="paddingInline:size2"] {
  padding-inline: 0.5rem;
}
[data-br-inline~="paddingInline:size3"] {
  padding-inline: 1rem;
}
[data-br-inline~="paddingInline:size4"] {
  padding-inline: 1.25rem;
}
[data-br-inline~="paddingInline:size5"] {
  padding-inline: 1.5rem;
}
[data-br-inline~="paddingInline:size6"] {
  padding-inline: 1.75rem;
}
[data-br-inline~="paddingInline:size7"] {
  padding-inline: 2rem;
}
[data-br-inline~="paddingInline:size8"] {
  padding-inline: 3rem;
}
[data-br-inline~="paddingInline:size9"] {
  padding-inline: 4rem;
}
[data-br-inline~="paddingInline:size10"] {
  padding-inline: 5rem;
}
[data-br-inline~="paddingInline:size11"] {
  padding-inline: 7.5rem;
}
[data-br-inline~="paddingInline:size12"] {
  padding-inline: 10rem;
}
[data-br-inline~="paddingInline:size13"] {
  padding-inline: 15rem;
}
[data-br-inline~="paddingInline:size14"] {
  padding-inline: 20rem;
}
[data-br-inline~="paddingInline:size15"] {
  padding-inline: 30rem;
}
[data-br-inline~="paddingInlineStart:size000"] {
  padding-inline-start: 0;
}
[data-br-inline~="paddingInlineStart:size00"] {
  padding-inline-start: 0;
}
[data-br-inline~="paddingInlineStart:size1"] {
  padding-inline-start: 0.25rem;
}
[data-br-inline~="paddingInlineStart:size2"] {
  padding-inline-start: 0.5rem;
}
[data-br-inline~="paddingInlineStart:size3"] {
  padding-inline-start: 1rem;
}
[data-br-inline~="paddingInlineStart:size4"] {
  padding-inline-start: 1.25rem;
}
[data-br-inline~="paddingInlineStart:size5"] {
  padding-inline-start: 1.5rem;
}
[data-br-inline~="paddingInlineStart:size6"] {
  padding-inline-start: 1.75rem;
}
[data-br-inline~="paddingInlineStart:size7"] {
  padding-inline-start: 2rem;
}
[data-br-inline~="paddingInlineStart:size8"] {
  padding-inline-start: 3rem;
}
[data-br-inline~="paddingInlineStart:size9"] {
  padding-inline-start: 4rem;
}
[data-br-inline~="paddingInlineStart:size10"] {
  padding-inline-start: 5rem;
}
[data-br-inline~="paddingInlineStart:size11"] {
  padding-inline-start: 7.5rem;
}
[data-br-inline~="paddingInlineStart:size12"] {
  padding-inline-start: 10rem;
}
[data-br-inline~="paddingInlineStart:size13"] {
  padding-inline-start: 15rem;
}
[data-br-inline~="paddingInlineStart:size14"] {
  padding-inline-start: 20rem;
}
[data-br-inline~="paddingInlineStart:size15"] {
  padding-inline-start: 30rem;
}
[data-br-inline~="paddingInlineEnd:size000"] {
  padding-inline-end: 0;
}
[data-br-inline~="paddingInlineEnd:size00"] {
  padding-inline-end: 0;
}
[data-br-inline~="paddingInlineEnd:size1"] {
  padding-inline-end: 0.25rem;
}
[data-br-inline~="paddingInlineEnd:size2"] {
  padding-inline-end: 0.5rem;
}
[data-br-inline~="paddingInlineEnd:size3"] {
  padding-inline-end: 1rem;
}
[data-br-inline~="paddingInlineEnd:size4"] {
  padding-inline-end: 1.25rem;
}
[data-br-inline~="paddingInlineEnd:size5"] {
  padding-inline-end: 1.5rem;
}
[data-br-inline~="paddingInlineEnd:size6"] {
  padding-inline-end: 1.75rem;
}
[data-br-inline~="paddingInlineEnd:size7"] {
  padding-inline-end: 2rem;
}
[data-br-inline~="paddingInlineEnd:size8"] {
  padding-inline-end: 3rem;
}
[data-br-inline~="paddingInlineEnd:size9"] {
  padding-inline-end: 4rem;
}
[data-br-inline~="paddingInlineEnd:size10"] {
  padding-inline-end: 5rem;
}
[data-br-inline~="paddingInlineEnd:size11"] {
  padding-inline-end: 7.5rem;
}
[data-br-inline~="paddingInlineEnd:size12"] {
  padding-inline-end: 10rem;
}
[data-br-inline~="paddingInlineEnd:size13"] {
  padding-inline-end: 15rem;
}
[data-br-inline~="paddingInlineEnd:size14"] {
  padding-inline-end: 20rem;
}
[data-br-inline~="paddingInlineEnd:size15"] {
  padding-inline-end: 30rem;
}
[data-br-inline~="paddingBlock:size000"] {
  padding-block: 0;
}
[data-br-inline~="paddingBlock:size00"] {
  padding-block: 0;
}
[data-br-inline~="paddingBlock:size1"] {
  padding-block: 0.25rem;
}
[data-br-inline~="paddingBlock:size2"] {
  padding-block: 0.5rem;
}
[data-br-inline~="paddingBlock:size3"] {
  padding-block: 1rem;
}
[data-br-inline~="paddingBlock:size4"] {
  padding-block: 1.25rem;
}
[data-br-inline~="paddingBlock:size5"] {
  padding-block: 1.5rem;
}
[data-br-inline~="paddingBlock:size6"] {
  padding-block: 1.75rem;
}
[data-br-inline~="paddingBlock:size7"] {
  padding-block: 2rem;
}
[data-br-inline~="paddingBlock:size8"] {
  padding-block: 3rem;
}
[data-br-inline~="paddingBlock:size9"] {
  padding-block: 4rem;
}
[data-br-inline~="paddingBlock:size10"] {
  padding-block: 5rem;
}
[data-br-inline~="paddingBlock:size11"] {
  padding-block: 7.5rem;
}
[data-br-inline~="paddingBlock:size12"] {
  padding-block: 10rem;
}
[data-br-inline~="paddingBlock:size13"] {
  padding-block: 15rem;
}
[data-br-inline~="paddingBlock:size14"] {
  padding-block: 20rem;
}
[data-br-inline~="paddingBlock:size15"] {
  padding-block: 30rem;
}
[data-br-inline~="paddingBlockStart:size000"] {
  padding-block-start: 0;
}
[data-br-inline~="paddingBlockStart:size00"] {
  padding-block-start: 0;
}
[data-br-inline~="paddingBlockStart:size1"] {
  padding-block-start: 0.25rem;
}
[data-br-inline~="paddingBlockStart:size2"] {
  padding-block-start: 0.5rem;
}
[data-br-inline~="paddingBlockStart:size3"] {
  padding-block-start: 1rem;
}
[data-br-inline~="paddingBlockStart:size4"] {
  padding-block-start: 1.25rem;
}
[data-br-inline~="paddingBlockStart:size5"] {
  padding-block-start: 1.5rem;
}
[data-br-inline~="paddingBlockStart:size6"] {
  padding-block-start: 1.75rem;
}
[data-br-inline~="paddingBlockStart:size7"] {
  padding-block-start: 2rem;
}
[data-br-inline~="paddingBlockStart:size8"] {
  padding-block-start: 3rem;
}
[data-br-inline~="paddingBlockStart:size9"] {
  padding-block-start: 4rem;
}
[data-br-inline~="paddingBlockStart:size10"] {
  padding-block-start: 5rem;
}
[data-br-inline~="paddingBlockStart:size11"] {
  padding-block-start: 7.5rem;
}
[data-br-inline~="paddingBlockStart:size12"] {
  padding-block-start: 10rem;
}
[data-br-inline~="paddingBlockStart:size13"] {
  padding-block-start: 15rem;
}
[data-br-inline~="paddingBlockStart:size14"] {
  padding-block-start: 20rem;
}
[data-br-inline~="paddingBlockStart:size15"] {
  padding-block-start: 30rem;
}
[data-br-inline~="paddingBlockEnd:size000"] {
  padding-block-end: 0;
}
[data-br-inline~="paddingBlockEnd:size00"] {
  padding-block-end: 0;
}
[data-br-inline~="paddingBlockEnd:size1"] {
  padding-block-end: 0.25rem;
}
[data-br-inline~="paddingBlockEnd:size2"] {
  padding-block-end: 0.5rem;
}
[data-br-inline~="paddingBlockEnd:size3"] {
  padding-block-end: 1rem;
}
[data-br-inline~="paddingBlockEnd:size4"] {
  padding-block-end: 1.25rem;
}
[data-br-inline~="paddingBlockEnd:size5"] {
  padding-block-end: 1.5rem;
}
[data-br-inline~="paddingBlockEnd:size6"] {
  padding-block-end: 1.75rem;
}
[data-br-inline~="paddingBlockEnd:size7"] {
  padding-block-end: 2rem;
}
[data-br-inline~="paddingBlockEnd:size8"] {
  padding-block-end: 3rem;
}
[data-br-inline~="paddingBlockEnd:size9"] {
  padding-block-end: 4rem;
}
[data-br-inline~="paddingBlockEnd:size10"] {
  padding-block-end: 5rem;
}
[data-br-inline~="paddingBlockEnd:size11"] {
  padding-block-end: 7.5rem;
}
[data-br-inline~="paddingBlockEnd:size12"] {
  padding-block-end: 10rem;
}
[data-br-inline~="paddingBlockEnd:size13"] {
  padding-block-end: 15rem;
}
[data-br-inline~="paddingBlockEnd:size14"] {
  padding-block-end: 20rem;
}
[data-br-inline~="paddingBlockEnd:size15"] {
  padding-block-end: 30rem;
}

/*
  reel.css
*/

[data-br-reel] {
  --gap: initial;
  display: flex;
  gap: var(--gap, 0px);
  overflow-x: auto;
  scroll-snap-type: none;
}

[data-br-reel] > * {
  margin: 0;
  scroll-snap-align: start;
}

[data-br-reel~="snapType:none"] {
  scroll-snap-type: none;
}
[data-br-reel~="snapType:proximity"] {
  scroll-snap-type: x proximity;
}
[data-br-reel~="snapType:mandatory"] {
  scroll-snap-type: x mandatory;
}

/* gap sizes */
[data-br-reel~="gap:size000"] {
  --gap: -0.5rem;
}
[data-br-reel~="gap:size00"] {
  --gap: -0.25rem;
}
[data-br-reel~="gap:size1"] {
  --gap: 0.25rem;
}
[data-br-reel~="gap:size2"] {
  --gap: 0.5rem;
}
[data-br-reel~="gap:size3"] {
  --gap: 1rem;
}
[data-br-reel~="gap:size4"] {
  --gap: 1.25rem;
}
[data-br-reel~="gap:size5"] {
  --gap: 1.5rem;
}
[data-br-reel~="gap:size6"] {
  --gap: 1.75rem;
}
[data-br-reel~="gap:size7"] {
  --gap: 2rem;
}
[data-br-reel~="gap:size8"] {
  --gap: 3rem;
}
[data-br-reel~="gap:size9"] {
  --gap: 4rem;
}
[data-br-reel~="gap:size10"] {
  --gap: 5rem;
}
[data-br-reel~="gap:size11"] {
  --gap: 7.5rem;
}
[data-br-reel~="gap:size12"] {
  --gap: 10rem;
}
[data-br-reel~="gap:size13"] {
  --gap: 15rem;
}
[data-br-reel~="gap:size14"] {
  --gap: 20rem;
}
[data-br-reel~="gap:size15"] {
  --gap: 30rem;
}

/* Padding styles from padbox.css */
:is([data-br-reel~="padding:size000"]) {
  padding: 0;
}
:is([data-br-reel~="padding:size00"]) {
  padding: 0;
}
:is([data-br-reel~="padding:size1"]) {
  padding: 0.25rem;
}
:is([data-br-reel~="padding:size2"]) {
  padding: 0.5rem;
}
:is([data-br-reel~="padding:size3"]) {
  padding: 1rem;
}
:is([data-br-reel~="padding:size4"]) {
  padding: 1.25rem;
}
:is([data-br-reel~="padding:size5"]) {
  padding: 1.5rem;
}
:is([data-br-reel~="padding:size6"]) {
  padding: 1.75rem;
}
:is([data-br-reel~="padding:size7"]) {
  padding: 2rem;
}
:is([data-br-reel~="padding:size8"]) {
  padding: 3rem;
}
:is([data-br-reel~="padding:size9"]) {
  padding: 4rem;
}
:is([data-br-reel~="padding:size10"]) {
  padding: 5rem;
}
:is([data-br-reel~="padding:size11"]) {
  padding: 7.5rem;
}
:is([data-br-reel~="padding:size12"]) {
  padding: 10rem;
}
:is([data-br-reel~="padding:size13"]) {
  padding: 15rem;
}
:is([data-br-reel~="padding:size14"]) {
  padding: 20rem;
}
:is([data-br-reel~="padding:size15"]) {
  padding: 30rem;
}
:is([data-br-reel~="paddingInline:size000"]) {
  padding-inline: 0;
}
:is([data-br-reel~="paddingInline:size00"]) {
  padding-inline: 0;
}
:is([data-br-reel~="paddingInline:size1"]) {
  padding-inline: 0.25rem;
}
:is([data-br-reel~="paddingInline:size2"]) {
  padding-inline: 0.5rem;
}
:is([data-br-reel~="paddingInline:size3"]) {
  padding-inline: 1rem;
}
:is([data-br-reel~="paddingInline:size4"]) {
  padding-inline: 1.25rem;
}
:is([data-br-reel~="paddingInline:size5"]) {
  padding-inline: 1.5rem;
}
:is([data-br-reel~="paddingInline:size6"]) {
  padding-inline: 1.75rem;
}
:is([data-br-reel~="paddingInline:size7"]) {
  padding-inline: 2rem;
}
:is([data-br-reel~="paddingInline:size8"]) {
  padding-inline: 3rem;
}
:is([data-br-reel~="paddingInline:size9"]) {
  padding-inline: 4rem;
}
:is([data-br-reel~="paddingInline:size10"]) {
  padding-inline: 5rem;
}
:is([data-br-reel~="paddingInline:size11"]) {
  padding-inline: 7.5rem;
}
:is([data-br-reel~="paddingInline:size12"]) {
  padding-inline: 10rem;
}
:is([data-br-reel~="paddingInline:size13"]) {
  padding-inline: 15rem;
}
:is([data-br-reel~="paddingInline:size14"]) {
  padding-inline: 20rem;
}
:is([data-br-reel~="paddingInline:size15"]) {
  padding-inline: 30rem;
}
:is([data-br-reel~="paddingInlineStart:size000"]) {
  padding-inline-start: 0;
}
:is([data-br-reel~="paddingInlineStart:size00"]) {
  padding-inline-start: 0;
}
:is([data-br-reel~="paddingInlineStart:size1"]) {
  padding-inline-start: 0.25rem;
}
:is([data-br-reel~="paddingInlineStart:size2"]) {
  padding-inline-start: 0.5rem;
}
:is([data-br-reel~="paddingInlineStart:size3"]) {
  padding-inline-start: 1rem;
}
:is([data-br-reel~="paddingInlineStart:size4"]) {
  padding-inline-start: 1.25rem;
}
:is([data-br-reel~="paddingInlineStart:size5"]) {
  padding-inline-start: 1.5rem;
}
:is([data-br-reel~="paddingInlineStart:size6"]) {
  padding-inline-start: 1.75rem;
}
:is([data-br-reel~="paddingInlineStart:size7"]) {
  padding-inline-start: 2rem;
}
:is([data-br-reel~="paddingInlineStart:size8"]) {
  padding-inline-start: 3rem;
}
:is([data-br-reel~="paddingInlineStart:size9"]) {
  padding-inline-start: 4rem;
}
:is([data-br-reel~="paddingInlineStart:size10"]) {
  padding-inline-start: 5rem;
}
:is([data-br-reel~="paddingInlineStart:size11"]) {
  padding-inline-start: 7.5rem;
}
:is([data-br-reel~="paddingInlineStart:size12"]) {
  padding-inline-start: 10rem;
}
:is([data-br-reel~="paddingInlineStart:size13"]) {
  padding-inline-start: 15rem;
}
:is([data-br-reel~="paddingInlineStart:size14"]) {
  padding-inline-start: 20rem;
}
:is([data-br-reel~="paddingInlineStart:size15"]) {
  padding-inline-start: 30rem;
}
:is([data-br-reel~="paddingInlineEnd:size000"]) {
  padding-inline-end: 0;
}
:is([data-br-reel~="paddingInlineEnd:size00"]) {
  padding-inline-end: 0;
}
:is([data-br-reel~="paddingInlineEnd:size1"]) {
  padding-inline-end: 0.25rem;
}
:is([data-br-reel~="paddingInlineEnd:size2"]) {
  padding-inline-end: 0.5rem;
}
:is([data-br-reel~="paddingInlineEnd:size3"]) {
  padding-inline-end: 1rem;
}
:is([data-br-reel~="paddingInlineEnd:size4"]) {
  padding-inline-end: 1.25rem;
}
:is([data-br-reel~="paddingInlineEnd:size5"]) {
  padding-inline-end: 1.5rem;
}
:is([data-br-reel~="paddingInlineEnd:size6"]) {
  padding-inline-end: 1.75rem;
}
:is([data-br-reel~="paddingInlineEnd:size7"]) {
  padding-inline-end: 2rem;
}
:is([data-br-reel~="paddingInlineEnd:size8"]) {
  padding-inline-end: 3rem;
}
:is([data-br-reel~="paddingInlineEnd:size9"]) {
  padding-inline-end: 4rem;
}
:is([data-br-reel~="paddingInlineEnd:size10"]) {
  padding-inline-end: 5rem;
}
:is([data-br-reel~="paddingInlineEnd:size11"]) {
  padding-inline-end: 7.5rem;
}
:is([data-br-reel~="paddingInlineEnd:size12"]) {
  padding-inline-end: 10rem;
}
:is([data-br-reel~="paddingInlineEnd:size13"]) {
  padding-inline-end: 15rem;
}
:is([data-br-reel~="paddingInlineEnd:size14"]) {
  padding-inline-end: 20rem;
}
:is([data-br-reel~="paddingInlineEnd:size15"]) {
  padding-inline-end: 30rem;
}
:is([data-br-reel~="paddingBlock:size000"]) {
  padding-block: 0;
}
:is([data-br-reel~="paddingBlock:size00"]) {
  padding-block: 0;
}
:is([data-br-reel~="paddingBlock:size1"]) {
  padding-block: 0.25rem;
}
:is([data-br-reel~="paddingBlock:size2"]) {
  padding-block: 0.5rem;
}
:is([data-br-reel~="paddingBlock:size3"]) {
  padding-block: 1rem;
}
:is([data-br-reel~="paddingBlock:size4"]) {
  padding-block: 1.25rem;
}
:is([data-br-reel~="paddingBlock:size5"]) {
  padding-block: 1.5rem;
}
:is([data-br-reel~="paddingBlock:size6"]) {
  padding-block: 1.75rem;
}
:is([data-br-reel~="paddingBlock:size7"]) {
  padding-block: 2rem;
}
:is([data-br-reel~="paddingBlock:size8"]) {
  padding-block: 3rem;
}
:is([data-br-reel~="paddingBlock:size9"]) {
  padding-block: 4rem;
}
:is([data-br-reel~="paddingBlock:size10"]) {
  padding-block: 5rem;
}
:is([data-br-reel~="paddingBlock:size11"]) {
  padding-block: 7.5rem;
}
:is([data-br-reel~="paddingBlock:size12"]) {
  padding-block: 10rem;
}
:is([data-br-reel~="paddingBlock:size13"]) {
  padding-block: 15rem;
}
:is([data-br-reel~="paddingBlock:size14"]) {
  padding-block: 20rem;
}
:is([data-br-reel~="paddingBlock:size15"]) {
  padding-block: 30rem;
}
:is([data-br-reel~="paddingBlockStart:size000"]) {
  padding-block-start: 0;
}
:is([data-br-reel~="paddingBlockStart:size00"]) {
  padding-block-start: 0;
}
:is([data-br-reel~="paddingBlockStart:size1"]) {
  padding-block-start: 0.25rem;
}
:is([data-br-reel~="paddingBlockStart:size2"]) {
  padding-block-start: 0.5rem;
}
:is([data-br-reel~="paddingBlockStart:size3"]) {
  padding-block-start: 1rem;
}
:is([data-br-reel~="paddingBlockStart:size4"]) {
  padding-block-start: 1.25rem;
}
:is([data-br-reel~="paddingBlockStart:size5"]) {
  padding-block-start: 1.5rem;
}
:is([data-br-reel~="paddingBlockStart:size6"]) {
  padding-block-start: 1.75rem;
}
:is([data-br-reel~="paddingBlockStart:size7"]) {
  padding-block-start: 2rem;
}
:is([data-br-reel~="paddingBlockStart:size8"]) {
  padding-block-start: 3rem;
}
:is([data-br-reel~="paddingBlockStart:size9"]) {
  padding-block-start: 4rem;
}
:is([data-br-reel~="paddingBlockStart:size10"]) {
  padding-block-start: 5rem;
}
:is([data-br-reel~="paddingBlockStart:size11"]) {
  padding-block-start: 7.5rem;
}
:is([data-br-reel~="paddingBlockStart:size12"]) {
  padding-block-start: 10rem;
}
:is([data-br-reel~="paddingBlockStart:size13"]) {
  padding-block-start: 15rem;
}
:is([data-br-reel~="paddingBlockStart:size14"]) {
  padding-block-start: 20rem;
}
:is([data-br-reel~="paddingBlockStart:size15"]) {
  padding-block-start: 30rem;
}
:is([data-br-reel~="paddingBlockEnd:size000"]) {
  padding-block-end: 0;
}
:is([data-br-reel~="paddingBlockEnd:size00"]) {
  padding-block-end: 0;
}
:is([data-br-reel~="paddingBlockEnd:size1"]) {
  padding-block-end: 0.25rem;
}
:is([data-br-reel~="paddingBlockEnd:size2"]) {
  padding-block-end: 0.5rem;
}
:is([data-br-reel~="paddingBlockEnd:size3"]) {
  padding-block-end: 1rem;
}
:is([data-br-reel~="paddingBlockEnd:size4"]) {
  padding-block-end: 1.25rem;
}
:is([data-br-reel~="paddingBlockEnd:size5"]) {
  padding-block-end: 1.5rem;
}
:is([data-br-reel~="paddingBlockEnd:size6"]) {
  padding-block-end: 1.75rem;
}
:is([data-br-reel~="paddingBlockEnd:size7"]) {
  padding-block-end: 2rem;
}
:is([data-br-reel~="paddingBlockEnd:size8"]) {
  padding-block-end: 3rem;
}
:is([data-br-reel~="paddingBlockEnd:size9"]) {
  padding-block-end: 4rem;
}
:is([data-br-reel~="paddingBlockEnd:size10"]) {
  padding-block-end: 5rem;
}
:is([data-br-reel~="paddingBlockEnd:size11"]) {
  padding-block-end: 7.5rem;
}
:is([data-br-reel~="paddingBlockEnd:size12"]) {
  padding-block-end: 10rem;
}
:is([data-br-reel~="paddingBlockEnd:size13"]) {
  padding-block-end: 15rem;
}
:is([data-br-reel~="paddingBlockEnd:size14"]) {
  padding-block-end: 20rem;
}
:is([data-br-reel~="paddingBlockEnd:size15"]) {
  padding-block-end: 30rem;
}

/*
  split.css
*/

[data-br-split] {
  --switch-at: initial;
  --gap: initial;
  --min-item-width: initial;
  --largestWidth: calc(100% - max(0px, var(--gap, 0px)));
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap, 0px);
}

[data-br-split] > * {
  box-sizing: border-box;
  margin: 0;
  flex-grow: 1;
  min-inline-size: var(--min-item-width);
  max-inline-size: unset;
}

[data-br-split] > :nth-child(n + 2) ~ * {
  flex-basis: 100%;
}

/* All the Fraction options */
[data-br-split~="fraction:1/4"] > *:nth-child(1) {
  flex-basis: max(var(--min-item-width, 0px), calc(var(--largestWidth) * 0.25));
}

[data-br-split~="fraction:1/3"] > *:nth-child(1) {
  flex-basis: max(
    var(--min-item-width, 0px),
    calc(var(--largestWidth) * 0.333333)
  );
}

[data-br-split~="fraction:1/2"] > *:nth-child(1) {
  flex-basis: max(var(--min-item-width, 0px), calc(var(--largestWidth) * 0.5));
}

[data-br-split~="fraction:2/3"] > *:nth-child(2) {
  flex-basis: max(
    var(--min-item-width, 0px),
    calc(var(--largestWidth) * 0.333333)
  );
}

[data-br-split~="fraction:3/4"] > *:nth-child(2) {
  flex-basis: max(var(--min-item-width, 0px), calc(var(--largestWidth) * 0.25));
}

[data-br-split~="fraction:auto-start"] > *:nth-child(1) {
  flex-basis: var(--min-item-width, 0);
}

[data-br-split~="fraction:auto-end"] > *:nth-child(2) {
  flex-basis: var(--min-item-width, 0);
}

:is(
    [data-br-split~="fraction:1/4"],
    [data-br-split~="fraction:1/3"],
    [data-br-split~="fraction:1/2"],
    [data-br-split~="fraction:auto-start"]
  )
  > *:nth-child(2) {
  flex-basis: calc(
    (max(var(--switch-at, 0px), var(--largestWidth)) - var(--largestWidth)) *
      999
  );
  min-inline-size: max(
    min(var(--min-item-width, 0), 100%),
    calc(var(--largestWidth) * 0.5)
  );
  flex-grow: 999;
}

:is(
    [data-br-split~="fraction:3/4"],
    [data-br-split~="fraction:2/3"],
    [data-br-split~="fraction:auto-end"]
  )
  > *:nth-child(1) {
  flex-basis: calc(
    (var(--switch-at, var(--largestWidth)) - var(--largestWidth)) * 999
  );
  min-inline-size: max(
    min(var(--min-item-width, 0), 100%),
    calc(50% - var(--gap, 0px))
  );
  flex-grow: 999;
}

/* gap sizes */
[data-br-split~="gap:size000"] {
  --gap: -0.5rem;
}
[data-br-split~="gap:size00"] {
  --gap: -0.25rem;
}
[data-br-split~="gap:size1"] {
  --gap: 0.25rem;
}
[data-br-split~="gap:size2"] {
  --gap: 0.5rem;
}
[data-br-split~="gap:size3"] {
  --gap: 1rem;
}
[data-br-split~="gap:size4"] {
  --gap: 1.25rem;
}
[data-br-split~="gap:size5"] {
  --gap: 1.5rem;
}
[data-br-split~="gap:size6"] {
  --gap: 1.75rem;
}
[data-br-split~="gap:size7"] {
  --gap: 2rem;
}
[data-br-split~="gap:size8"] {
  --gap: 3rem;
}
[data-br-split~="gap:size9"] {
  --gap: 4rem;
}
[data-br-split~="gap:size10"] {
  --gap: 5rem;
}
[data-br-split~="gap:size11"] {
  --gap: 7.5rem;
}
[data-br-split~="gap:size12"] {
  --gap: 10rem;
}
[data-br-split~="gap:size13"] {
  --gap: 15rem;
}
[data-br-split~="gap:size14"] {
  --gap: 20rem;
}
[data-br-split~="gap:size15"] {
  --gap: 30rem;
}

/* Min Item Widths */
[data-br-split~="minItemWidth:sizeContent1"] {
  --min-item-width: 20ch;
}
[data-br-split~="minItemWidth:sizeContent2"] {
  --min-item-width: 45ch;
}
[data-br-split~="minItemWidth:sizeContent3"] {
  --min-item-width: 60ch;
}
[data-br-split~="minItemWidth:sizeHeader1"] {
  --min-item-width: 20ch;
}
[data-br-split~="minItemWidth:sizeHeader2"] {
  --min-item-width: 25ch;
}
[data-br-split~="minItemWidth:sizeHeader3"] {
  --min-item-width: 35ch;
}
[data-br-split~="minItemWidth:sizeXxs"] {
  --min-item-width: 240px;
}
[data-br-split~="minItemWidth:sizeXs"] {
  --min-item-width: 360px;
}
[data-br-split~="minItemWidth:sizeSm"] {
  --min-item-width: 480px;
}
[data-br-split~="minItemWidth:sizeMd"] {
  --min-item-width: 768px;
}
[data-br-split~="minItemWidth:sizeLg"] {
  --min-item-width: 1024px;
}
[data-br-split~="minItemWidth:sizeXl"] {
  --min-item-width: 1440px;
}
[data-br-split~="minItemWidth:sizeXxl"] {
  --min-item-width: 1920px;
}

/* Switch at Widths */
[data-br-split~="switchAt:sizeContent1"] {
  --switch-at: 20ch;
}
[data-br-split~="switchAt:sizeContent2"] {
  --switch-at: 45ch;
}
[data-br-split~="switchAt:sizeContent3"] {
  --switch-at: 60ch;
}
[data-br-split~="switchAt:sizeHeader1"] {
  --switch-at: 20ch;
}
[data-br-split~="switchAt:sizeHeader2"] {
  --switch-at: 25ch;
}
[data-br-split~="switchAt:sizeHeader3"] {
  --switch-at: 35ch;
}
[data-br-split~="switchAt:sizeXxs"] {
  --switch-at: 240px;
}
[data-br-split~="switchAt:sizeXs"] {
  --switch-at: 360px;
}
[data-br-split~="switchAt:sizeSm"] {
  --switch-at: 480px;
}
[data-br-split~="switchAt:sizeMd"] {
  --switch-at: 768px;
}
[data-br-split~="switchAt:sizeLg"] {
  --switch-at: 1024px;
}
[data-br-split~="switchAt:sizeXl"] {
  --switch-at: 1440px;
}
[data-br-split~="switchAt:sizeXxl"] {
  --switch-at: 1920px;
}

/* Padding Sizes */
[data-br-split~="padding:size000"] {
  padding: 0;
}
[data-br-split~="padding:size00"] {
  padding: 0;
}
[data-br-split~="padding:size1"] {
  padding: 0.25rem;
}
[data-br-split~="padding:size2"] {
  padding: 0.5rem;
}
[data-br-split~="padding:size3"] {
  padding: 1rem;
}
[data-br-split~="padding:size4"] {
  padding: 1.25rem;
}
[data-br-split~="padding:size5"] {
  padding: 1.5rem;
}
[data-br-split~="padding:size6"] {
  padding: 1.75rem;
}
[data-br-split~="padding:size7"] {
  padding: 2rem;
}
[data-br-split~="padding:size8"] {
  padding: 3rem;
}
[data-br-split~="padding:size9"] {
  padding: 4rem;
}
[data-br-split~="padding:size10"] {
  padding: 5rem;
}
[data-br-split~="padding:size11"] {
  padding: 7.5rem;
}
[data-br-split~="padding:size12"] {
  padding: 10rem;
}
[data-br-split~="padding:size13"] {
  padding: 15rem;
}
[data-br-split~="padding:size14"] {
  padding: 20rem;
}
[data-br-split~="padding:size15"] {
  padding: 30rem;
}
[data-br-split~="paddingInline:size000"] {
  padding-inline: 0;
}
[data-br-split~="paddingInline:size00"] {
  padding-inline: 0;
}
[data-br-split~="paddingInline:size1"] {
  padding-inline: 0.25rem;
}
[data-br-split~="paddingInline:size2"] {
  padding-inline: 0.5rem;
}
[data-br-split~="paddingInline:size3"] {
  padding-inline: 1rem;
}
[data-br-split~="paddingInline:size4"] {
  padding-inline: 1.25rem;
}
[data-br-split~="paddingInline:size5"] {
  padding-inline: 1.5rem;
}
[data-br-split~="paddingInline:size6"] {
  padding-inline: 1.75rem;
}
[data-br-split~="paddingInline:size7"] {
  padding-inline: 2rem;
}
[data-br-split~="paddingInline:size8"] {
  padding-inline: 3rem;
}
[data-br-split~="paddingInline:size9"] {
  padding-inline: 4rem;
}
[data-br-split~="paddingInline:size10"] {
  padding-inline: 5rem;
}
[data-br-split~="paddingInline:size11"] {
  padding-inline: 7.5rem;
}
[data-br-split~="paddingInline:size12"] {
  padding-inline: 10rem;
}
[data-br-split~="paddingInline:size13"] {
  padding-inline: 15rem;
}
[data-br-split~="paddingInline:size14"] {
  padding-inline: 20rem;
}
[data-br-split~="paddingInline:size15"] {
  padding-inline: 30rem;
}
[data-br-split~="paddingInlineStart:size000"] {
  padding-inline-start: 0;
}
[data-br-split~="paddingInlineStart:size00"] {
  padding-inline-start: 0;
}
[data-br-split~="paddingInlineStart:size1"] {
  padding-inline-start: 0.25rem;
}
[data-br-split~="paddingInlineStart:size2"] {
  padding-inline-start: 0.5rem;
}
[data-br-split~="paddingInlineStart:size3"] {
  padding-inline-start: 1rem;
}
[data-br-split~="paddingInlineStart:size4"] {
  padding-inline-start: 1.25rem;
}
[data-br-split~="paddingInlineStart:size5"] {
  padding-inline-start: 1.5rem;
}
[data-br-split~="paddingInlineStart:size6"] {
  padding-inline-start: 1.75rem;
}
[data-br-split~="paddingInlineStart:size7"] {
  padding-inline-start: 2rem;
}
[data-br-split~="paddingInlineStart:size8"] {
  padding-inline-start: 3rem;
}
[data-br-split~="paddingInlineStart:size9"] {
  padding-inline-start: 4rem;
}
[data-br-split~="paddingInlineStart:size10"] {
  padding-inline-start: 5rem;
}
[data-br-split~="paddingInlineStart:size11"] {
  padding-inline-start: 7.5rem;
}
[data-br-split~="paddingInlineStart:size12"] {
  padding-inline-start: 10rem;
}
[data-br-split~="paddingInlineStart:size13"] {
  padding-inline-start: 15rem;
}
[data-br-split~="paddingInlineStart:size14"] {
  padding-inline-start: 20rem;
}
[data-br-split~="paddingInlineStart:size15"] {
  padding-inline-start: 30rem;
}
[data-br-split~="paddingInlineEnd:size000"] {
  padding-inline-end: 0;
}
[data-br-split~="paddingInlineEnd:size00"] {
  padding-inline-end: 0;
}
[data-br-split~="paddingInlineEnd:size1"] {
  padding-inline-end: 0.25rem;
}
[data-br-split~="paddingInlineEnd:size2"] {
  padding-inline-end: 0.5rem;
}
[data-br-split~="paddingInlineEnd:size3"] {
  padding-inline-end: 1rem;
}
[data-br-split~="paddingInlineEnd:size4"] {
  padding-inline-end: 1.25rem;
}
[data-br-split~="paddingInlineEnd:size5"] {
  padding-inline-end: 1.5rem;
}
[data-br-split~="paddingInlineEnd:size6"] {
  padding-inline-end: 1.75rem;
}
[data-br-split~="paddingInlineEnd:size7"] {
  padding-inline-end: 2rem;
}
[data-br-split~="paddingInlineEnd:size8"] {
  padding-inline-end: 3rem;
}
[data-br-split~="paddingInlineEnd:size9"] {
  padding-inline-end: 4rem;
}
[data-br-split~="paddingInlineEnd:size10"] {
  padding-inline-end: 5rem;
}
[data-br-split~="paddingInlineEnd:size11"] {
  padding-inline-end: 7.5rem;
}
[data-br-split~="paddingInlineEnd:size12"] {
  padding-inline-end: 10rem;
}
[data-br-split~="paddingInlineEnd:size13"] {
  padding-inline-end: 15rem;
}
[data-br-split~="paddingInlineEnd:size14"] {
  padding-inline-end: 20rem;
}
[data-br-split~="paddingInlineEnd:size15"] {
  padding-inline-end: 30rem;
}
[data-br-split~="paddingBlock:size000"] {
  padding-block: 0;
}
[data-br-split~="paddingBlock:size00"] {
  padding-block: 0;
}
[data-br-split~="paddingBlock:size1"] {
  padding-block: 0.25rem;
}
[data-br-split~="paddingBlock:size2"] {
  padding-block: 0.5rem;
}
[data-br-split~="paddingBlock:size3"] {
  padding-block: 1rem;
}
[data-br-split~="paddingBlock:size4"] {
  padding-block: 1.25rem;
}
[data-br-split~="paddingBlock:size5"] {
  padding-block: 1.5rem;
}
[data-br-split~="paddingBlock:size6"] {
  padding-block: 1.75rem;
}
[data-br-split~="paddingBlock:size7"] {
  padding-block: 2rem;
}
[data-br-split~="paddingBlock:size8"] {
  padding-block: 3rem;
}
[data-br-split~="paddingBlock:size9"] {
  padding-block: 4rem;
}
[data-br-split~="paddingBlock:size10"] {
  padding-block: 5rem;
}
[data-br-split~="paddingBlock:size11"] {
  padding-block: 7.5rem;
}
[data-br-split~="paddingBlock:size12"] {
  padding-block: 10rem;
}
[data-br-split~="paddingBlock:size13"] {
  padding-block: 15rem;
}
[data-br-split~="paddingBlock:size14"] {
  padding-block: 20rem;
}
[data-br-split~="paddingBlock:size15"] {
  padding-block: 30rem;
}
[data-br-split~="paddingBlockStart:size000"] {
  padding-block-start: 0;
}
[data-br-split~="paddingBlockStart:size00"] {
  padding-block-start: 0;
}
[data-br-split~="paddingBlockStart:size1"] {
  padding-block-start: 0.25rem;
}
[data-br-split~="paddingBlockStart:size2"] {
  padding-block-start: 0.5rem;
}
[data-br-split~="paddingBlockStart:size3"] {
  padding-block-start: 1rem;
}
[data-br-split~="paddingBlockStart:size4"] {
  padding-block-start: 1.25rem;
}
[data-br-split~="paddingBlockStart:size5"] {
  padding-block-start: 1.5rem;
}
[data-br-split~="paddingBlockStart:size6"] {
  padding-block-start: 1.75rem;
}
[data-br-split~="paddingBlockStart:size7"] {
  padding-block-start: 2rem;
}
[data-br-split~="paddingBlockStart:size8"] {
  padding-block-start: 3rem;
}
[data-br-split~="paddingBlockStart:size9"] {
  padding-block-start: 4rem;
}
[data-br-split~="paddingBlockStart:size10"] {
  padding-block-start: 5rem;
}
[data-br-split~="paddingBlockStart:size11"] {
  padding-block-start: 7.5rem;
}
[data-br-split~="paddingBlockStart:size12"] {
  padding-block-start: 10rem;
}
[data-br-split~="paddingBlockStart:size13"] {
  padding-block-start: 15rem;
}
[data-br-split~="paddingBlockStart:size14"] {
  padding-block-start: 20rem;
}
[data-br-split~="paddingBlockStart:size15"] {
  padding-block-start: 30rem;
}
[data-br-split~="paddingBlockEnd:size000"] {
  padding-block-end: 0;
}
[data-br-split~="paddingBlockEnd:size00"] {
  padding-block-end: 0;
}
[data-br-split~="paddingBlockEnd:size1"] {
  padding-block-end: 0.25rem;
}
[data-br-split~="paddingBlockEnd:size2"] {
  padding-block-end: 0.5rem;
}
[data-br-split~="paddingBlockEnd:size3"] {
  padding-block-end: 1rem;
}
[data-br-split~="paddingBlockEnd:size4"] {
  padding-block-end: 1.25rem;
}
[data-br-split~="paddingBlockEnd:size5"] {
  padding-block-end: 1.5rem;
}
[data-br-split~="paddingBlockEnd:size6"] {
  padding-block-end: 1.75rem;
}
[data-br-split~="paddingBlockEnd:size7"] {
  padding-block-end: 2rem;
}
[data-br-split~="paddingBlockEnd:size8"] {
  padding-block-end: 3rem;
}
[data-br-split~="paddingBlockEnd:size9"] {
  padding-block-end: 4rem;
}
[data-br-split~="paddingBlockEnd:size10"] {
  padding-block-end: 5rem;
}
[data-br-split~="paddingBlockEnd:size11"] {
  padding-block-end: 7.5rem;
}
[data-br-split~="paddingBlockEnd:size12"] {
  padding-block-end: 10rem;
}
[data-br-split~="paddingBlockEnd:size13"] {
  padding-block-end: 15rem;
}
[data-br-split~="paddingBlockEnd:size14"] {
  padding-block-end: 20rem;
}
[data-br-split~="paddingBlockEnd:size15"] {
  padding-block-end: 30rem;
}

/*
  stack.css
*/

[data-br-stack] {
  --gap: initial;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--gap, 0px);
}

[data-br-stack] > * {
  margin: 0;
}

[data-br-stack~="align:start"] {
  align-items: flex-start;
}
[data-br-stack~="align:center"] {
  align-items: center;
}
[data-br-stack~="align:end"] {
  align-items: flex-end;
}
[data-br-stack~="align:stretch"] {
  align-items: stretch;
}

/* Gutter Sizes */

/* gap sizes */
[data-br-stack~="gap:size000"] {
  --gap: -0.5rem;
}
[data-br-stack~="gap:size00"] {
  --gap: -0.25rem;
}
[data-br-stack~="gap:size1"] {
  --gap: 0.25rem;
}
[data-br-stack~="gap:size2"] {
  --gap: 0.5rem;
}
[data-br-stack~="gap:size3"] {
  --gap: 1rem;
}
[data-br-stack~="gap:size4"] {
  --gap: 1.25rem;
}
[data-br-stack~="gap:size5"] {
  --gap: 1.5rem;
}
[data-br-stack~="gap:size6"] {
  --gap: 1.75rem;
}
[data-br-stack~="gap:size7"] {
  --gap: 2rem;
}
[data-br-stack~="gap:size8"] {
  --gap: 3rem;
}
[data-br-stack~="gap:size9"] {
  --gap: 4rem;
}
[data-br-stack~="gap:size10"] {
  --gap: 5rem;
}
[data-br-stack~="gap:size11"] {
  --gap: 7.5rem;
}
[data-br-stack~="gap:size12"] {
  --gap: 10rem;
}
[data-br-stack~="gap:size13"] {
  --gap: 15rem;
}
[data-br-stack~="gap:size14"] {
  --gap: 20rem;
}
[data-br-stack~="gap:size15"] {
  --gap: 30rem;
}

/* Padding styles from padbox.css */
:is([data-br-stack~="padding:size000"]) {
  padding: 0;
}
:is([data-br-stack~="padding:size00"]) {
  padding: 0;
}
:is([data-br-stack~="padding:size1"]) {
  padding: 0.25rem;
}
:is([data-br-stack~="padding:size2"]) {
  padding: 0.5rem;
}
:is([data-br-stack~="padding:size3"]) {
  padding: 1rem;
}
:is([data-br-stack~="padding:size4"]) {
  padding: 1.25rem;
}
:is([data-br-stack~="padding:size5"]) {
  padding: 1.5rem;
}
:is([data-br-stack~="padding:size6"]) {
  padding: 1.75rem;
}
:is([data-br-stack~="padding:size7"]) {
  padding: 2rem;
}
:is([data-br-stack~="padding:size8"]) {
  padding: 3rem;
}
:is([data-br-stack~="padding:size9"]) {
  padding: 4rem;
}
:is([data-br-stack~="padding:size10"]) {
  padding: 5rem;
}
:is([data-br-stack~="padding:size11"]) {
  padding: 7.5rem;
}
:is([data-br-stack~="padding:size12"]) {
  padding: 10rem;
}
:is([data-br-stack~="padding:size13"]) {
  padding: 15rem;
}
:is([data-br-stack~="padding:size14"]) {
  padding: 20rem;
}
:is([data-br-stack~="padding:size15"]) {
  padding: 30rem;
}
:is([data-br-stack~="paddingInline:size000"]) {
  padding-inline: 0;
}
:is([data-br-stack~="paddingInline:size00"]) {
  padding-inline: 0;
}
:is([data-br-stack~="paddingInline:size1"]) {
  padding-inline: 0.25rem;
}
:is([data-br-stack~="paddingInline:size2"]) {
  padding-inline: 0.5rem;
}
:is([data-br-stack~="paddingInline:size3"]) {
  padding-inline: 1rem;
}
:is([data-br-stack~="paddingInline:size4"]) {
  padding-inline: 1.25rem;
}
:is([data-br-stack~="paddingInline:size5"]) {
  padding-inline: 1.5rem;
}
:is([data-br-stack~="paddingInline:size6"]) {
  padding-inline: 1.75rem;
}
:is([data-br-stack~="paddingInline:size7"]) {
  padding-inline: 2rem;
}
:is([data-br-stack~="paddingInline:size8"]) {
  padding-inline: 3rem;
}
:is([data-br-stack~="paddingInline:size9"]) {
  padding-inline: 4rem;
}
:is([data-br-stack~="paddingInline:size10"]) {
  padding-inline: 5rem;
}
:is([data-br-stack~="paddingInline:size11"]) {
  padding-inline: 7.5rem;
}
:is([data-br-stack~="paddingInline:size12"]) {
  padding-inline: 10rem;
}
:is([data-br-stack~="paddingInline:size13"]) {
  padding-inline: 15rem;
}
:is([data-br-stack~="paddingInline:size14"]) {
  padding-inline: 20rem;
}
:is([data-br-stack~="paddingInline:size15"]) {
  padding-inline: 30rem;
}
:is([data-br-stack~="paddingInlineStart:size000"]) {
  padding-inline-start: 0;
}
:is([data-br-stack~="paddingInlineStart:size00"]) {
  padding-inline-start: 0;
}
:is([data-br-stack~="paddingInlineStart:size1"]) {
  padding-inline-start: 0.25rem;
}
:is([data-br-stack~="paddingInlineStart:size2"]) {
  padding-inline-start: 0.5rem;
}
:is([data-br-stack~="paddingInlineStart:size3"]) {
  padding-inline-start: 1rem;
}
:is([data-br-stack~="paddingInlineStart:size4"]) {
  padding-inline-start: 1.25rem;
}
:is([data-br-stack~="paddingInlineStart:size5"]) {
  padding-inline-start: 1.5rem;
}
:is([data-br-stack~="paddingInlineStart:size6"]) {
  padding-inline-start: 1.75rem;
}
:is([data-br-stack~="paddingInlineStart:size7"]) {
  padding-inline-start: 2rem;
}
:is([data-br-stack~="paddingInlineStart:size8"]) {
  padding-inline-start: 3rem;
}
:is([data-br-stack~="paddingInlineStart:size9"]) {
  padding-inline-start: 4rem;
}
:is([data-br-stack~="paddingInlineStart:size10"]) {
  padding-inline-start: 5rem;
}
:is([data-br-stack~="paddingInlineStart:size11"]) {
  padding-inline-start: 7.5rem;
}
:is([data-br-stack~="paddingInlineStart:size12"]) {
  padding-inline-start: 10rem;
}
:is([data-br-stack~="paddingInlineStart:size13"]) {
  padding-inline-start: 15rem;
}
:is([data-br-stack~="paddingInlineStart:size14"]) {
  padding-inline-start: 20rem;
}
:is([data-br-stack~="paddingInlineStart:size15"]) {
  padding-inline-start: 30rem;
}
:is([data-br-stack~="paddingInlineEnd:size000"]) {
  padding-inline-end: 0;
}
:is([data-br-stack~="paddingInlineEnd:size00"]) {
  padding-inline-end: 0;
}
:is([data-br-stack~="paddingInlineEnd:size1"]) {
  padding-inline-end: 0.25rem;
}
:is([data-br-stack~="paddingInlineEnd:size2"]) {
  padding-inline-end: 0.5rem;
}
:is([data-br-stack~="paddingInlineEnd:size3"]) {
  padding-inline-end: 1rem;
}
:is([data-br-stack~="paddingInlineEnd:size4"]) {
  padding-inline-end: 1.25rem;
}
:is([data-br-stack~="paddingInlineEnd:size5"]) {
  padding-inline-end: 1.5rem;
}
:is([data-br-stack~="paddingInlineEnd:size6"]) {
  padding-inline-end: 1.75rem;
}
:is([data-br-stack~="paddingInlineEnd:size7"]) {
  padding-inline-end: 2rem;
}
:is([data-br-stack~="paddingInlineEnd:size8"]) {
  padding-inline-end: 3rem;
}
:is([data-br-stack~="paddingInlineEnd:size9"]) {
  padding-inline-end: 4rem;
}
:is([data-br-stack~="paddingInlineEnd:size10"]) {
  padding-inline-end: 5rem;
}
:is([data-br-stack~="paddingInlineEnd:size11"]) {
  padding-inline-end: 7.5rem;
}
:is([data-br-stack~="paddingInlineEnd:size12"]) {
  padding-inline-end: 10rem;
}
:is([data-br-stack~="paddingInlineEnd:size13"]) {
  padding-inline-end: 15rem;
}
:is([data-br-stack~="paddingInlineEnd:size14"]) {
  padding-inline-end: 20rem;
}
:is([data-br-stack~="paddingInlineEnd:size15"]) {
  padding-inline-end: 30rem;
}
:is([data-br-stack~="paddingBlock:size000"]) {
  padding-block: 0;
}
:is([data-br-stack~="paddingBlock:size00"]) {
  padding-block: 0;
}
:is([data-br-stack~="paddingBlock:size1"]) {
  padding-block: 0.25rem;
}
:is([data-br-stack~="paddingBlock:size2"]) {
  padding-block: 0.5rem;
}
:is([data-br-stack~="paddingBlock:size3"]) {
  padding-block: 1rem;
}
:is([data-br-stack~="paddingBlock:size4"]) {
  padding-block: 1.25rem;
}
:is([data-br-stack~="paddingBlock:size5"]) {
  padding-block: 1.5rem;
}
:is([data-br-stack~="paddingBlock:size6"]) {
  padding-block: 1.75rem;
}
:is([data-br-stack~="paddingBlock:size7"]) {
  padding-block: 2rem;
}
:is([data-br-stack~="paddingBlock:size8"]) {
  padding-block: 3rem;
}
:is([data-br-stack~="paddingBlock:size9"]) {
  padding-block: 4rem;
}
:is([data-br-stack~="paddingBlock:size10"]) {
  padding-block: 5rem;
}
:is([data-br-stack~="paddingBlock:size11"]) {
  padding-block: 7.5rem;
}
:is([data-br-stack~="paddingBlock:size12"]) {
  padding-block: 10rem;
}
:is([data-br-stack~="paddingBlock:size13"]) {
  padding-block: 15rem;
}
:is([data-br-stack~="paddingBlock:size14"]) {
  padding-block: 20rem;
}
:is([data-br-stack~="paddingBlock:size15"]) {
  padding-block: 30rem;
}
:is([data-br-stack~="paddingBlockStart:size000"]) {
  padding-block-start: 0;
}
:is([data-br-stack~="paddingBlockStart:size00"]) {
  padding-block-start: 0;
}
:is([data-br-stack~="paddingBlockStart:size1"]) {
  padding-block-start: 0.25rem;
}
:is([data-br-stack~="paddingBlockStart:size2"]) {
  padding-block-start: 0.5rem;
}
:is([data-br-stack~="paddingBlockStart:size3"]) {
  padding-block-start: 1rem;
}
:is([data-br-stack~="paddingBlockStart:size4"]) {
  padding-block-start: 1.25rem;
}
:is([data-br-stack~="paddingBlockStart:size5"]) {
  padding-block-start: 1.5rem;
}
:is([data-br-stack~="paddingBlockStart:size6"]) {
  padding-block-start: 1.75rem;
}
:is([data-br-stack~="paddingBlockStart:size7"]) {
  padding-block-start: 2rem;
}
:is([data-br-stack~="paddingBlockStart:size8"]) {
  padding-block-start: 3rem;
}
:is([data-br-stack~="paddingBlockStart:size9"]) {
  padding-block-start: 4rem;
}
:is([data-br-stack~="paddingBlockStart:size10"]) {
  padding-block-start: 5rem;
}
:is([data-br-stack~="paddingBlockStart:size11"]) {
  padding-block-start: 7.5rem;
}
:is([data-br-stack~="paddingBlockStart:size12"]) {
  padding-block-start: 10rem;
}
:is([data-br-stack~="paddingBlockStart:size13"]) {
  padding-block-start: 15rem;
}
:is([data-br-stack~="paddingBlockStart:size14"]) {
  padding-block-start: 20rem;
}
:is([data-br-stack~="paddingBlockStart:size15"]) {
  padding-block-start: 30rem;
}
:is([data-br-stack~="paddingBlockEnd:size000"]) {
  padding-block-end: 0;
}
:is([data-br-stack~="paddingBlockEnd:size00"]) {
  padding-block-end: 0;
}
:is([data-br-stack~="paddingBlockEnd:size1"]) {
  padding-block-end: 0.25rem;
}
:is([data-br-stack~="paddingBlockEnd:size2"]) {
  padding-block-end: 0.5rem;
}
:is([data-br-stack~="paddingBlockEnd:size3"]) {
  padding-block-end: 1rem;
}
:is([data-br-stack~="paddingBlockEnd:size4"]) {
  padding-block-end: 1.25rem;
}
:is([data-br-stack~="paddingBlockEnd:size5"]) {
  padding-block-end: 1.5rem;
}
:is([data-br-stack~="paddingBlockEnd:size6"]) {
  padding-block-end: 1.75rem;
}
:is([data-br-stack~="paddingBlockEnd:size7"]) {
  padding-block-end: 2rem;
}
:is([data-br-stack~="paddingBlockEnd:size8"]) {
  padding-block-end: 3rem;
}
:is([data-br-stack~="paddingBlockEnd:size9"]) {
  padding-block-end: 4rem;
}
:is([data-br-stack~="paddingBlockEnd:size10"]) {
  padding-block-end: 5rem;
}
:is([data-br-stack~="paddingBlockEnd:size11"]) {
  padding-block-end: 7.5rem;
}
:is([data-br-stack~="paddingBlockEnd:size12"]) {
  padding-block-end: 10rem;
}
:is([data-br-stack~="paddingBlockEnd:size13"]) {
  padding-block-end: 15rem;
}
:is([data-br-stack~="paddingBlockEnd:size14"]) {
  padding-block-end: 20rem;
}
:is([data-br-stack~="paddingBlockEnd:size15"]) {
  padding-block-end: 30rem;
}