@layer components{.flexer{display:flex;&.flexer--horizontal{flex-direction:row;&.flexer--x-left{justify-content:flex-start}&.flexer--x-center{justify-content:center}&.flexer--x-right{justify-content:flex-end}&.flexer--x-space-between{justify-content:space-between}&.flexer--y-top{align-items:flex-start}&.flexer--y-center{align-items:center}&.flexer--y-bottom{align-items:flex-end}&.flexer--y-baseline{align-items:baseline}}&.flexer--vertical{flex-direction:column;&.flexer--x-left{align-items:flex-start}&.flexer--x-center{align-items:center}&.flexer--x-right{align-items:flex-end}&.flexer--x-baseline{align-items:baseline}&.flexer--y-top{justify-content:flex-start}&.flexer--y-center{justify-content:center}&.flexer--y-bottom{justify-content:flex-end}&.flexer--y-space-between{justify-content:space-between}}&.flexer--gap-xxs{gap:var(--size-xxs)}&.flexer--gap-xs{gap:var(--size-xs)}&.flexer--gap-sm{gap:var(--size-sm)}&.flexer--gap-md{gap:var(--size-md)}&.flexer--gap-lg{gap:var(--size-lg)}&.flexer--gap-xl{gap:var(--size-xl)}&.flexer--gap-xxl{gap:var(--size-xxl)}&.flexer--row-gap-xxs{row-gap:var(--size-xxs)}&.flexer--row-gap-xs{row-gap:var(--size-xs)}&.flexer--row-gap-sm{row-gap:var(--size-sm)}&.flexer--row-gap-md{row-gap:var(--size-md)}&.flexer--row-gap-lg{row-gap:var(--size-lg)}&.flexer--row-gap-xl{row-gap:var(--size-xl)}&.flexer--row-gap-xxl{row-gap:var(--size-xxl)}&.flexer--wrap{flex-wrap:wrap}}}