.flex-container{container-type:inline-size;max-width:100%}.flex{display:flex;flex-direction:var(--flex-direction-mobile,column);gap:var(--flex-gap,10px)}@media screen and (min-width:800px){.flex{flex-direction:var(--flex-direction,row)}}.flex.justify-start{justify-content:flex-start}.flex.justify-end{justify-content:flex-end}.flex.justify-center{justify-content:center}.flex.justify-between{justify-content:space-between}.flex.justify-around{justify-content:space-around}.flex.content-start{align-content:flex-start}.flex.content-end{align-content:flex-end}.flex.content-center{align-content:center}.flex.content-between{align-content:space-between}.flex.content-around{justify-content:space-around}