@charset "UTF-8";



/*
  Display
*/
[data-display~="default|none"]         { display: none; }
[data-display~="default|inline"]       { display: inline; }
[data-display~="default|inline-block"] { display: inline-block; }
[data-display~="default|block"]        { display: block; }
[data-display~="default|flex"]         { display: flex; }
[data-display~="default|grid"]         { display: grid; }
[data-arrangement~="default|left"]     { text-align: left; }
[data-arrangement~="default|right"]    { text-align: right; }
[data-arrangement~="default|jc-start"] { justify-content: start; }
[data-arrangement~="default|jc-center"]{ justify-content: center; }
[data-arrangement~="default|jc-end"]   { justify-content: end; } 



/*
  Arrangement
*/
[data-arrangement~="default|left"] {
  text-align: left;
}


[data-arrangement~="default|right"] {
  text-align: right;
}



[data-arrangement~="default|jc-start"] {
  justify-content: start;
}

[data-arrangement~="default|jc-center"] {
  justify-content: center;
}

[data-arrangement~="default|jc-end"] {
  text-align: end;
}