/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 2024MAR18
 * DESCRIPTION: FLEX CSS
 **/


:root {
    --xrc-dflt-flex--direction:         unset;
    --xrc-dflt-flex--wrap:              unset;
    --xrc-dflt-flex--justify-content:   unset;
    --xrc-dflt-flex--align-items:       unset;
    --xrc-dflt-flex--align-content:     unset;
    --xrc-dflt-flex--row-gap:           unset;
    --xrc-dflt-flex--column-gap:        unset;
    
    --xrc-dflt_flex-item--order:        unset;
    --xrc-dflt_flex-item--grow:         unset;
    --xrc-dflt_flex-item--shrink:       unset;
    --xrc-dflt_flex-item--basis:        unset;
    --xrc-dflt_flex-item--align-self:   unset;
}

.xrc-flex--container {
    --xrc-flex--direction:         var(--xrc-swap-flex--direction         , var(--xrc-dflt-flex--direction         );
    --xrc-flex--wrap:              var(--xrc-swap-flex--wrap              , var(--xrc-dflt-flex--wrap              );
    --xrc-flex--justify-content:   var(--xrc-swap-flex--justify-content   , var(--xrc-dflt-flex--justify-content   );
    --xrc-flex--align-items:       var(--xrc-swap-flex--align-items       , var(--xrc-dflt-flex--align-items       );
    --xrc-flex--align-content:     var(--xrc-swap-flex--align-content     , var(--xrc-dflt-flex--align-content     );
    --xrc-flex--row-gap:           var(--xrc-swap-flex--row-gap           , var(--xrc-dflt-flex--row-gap           );
    --xrc-flex--column-gap:        var(--xrc-swap-flex--column-gap        , var(--xrc-dflt-flex--column-gap        );
}
.xrc-flex--item{
    --xrc-flex-item--order:        var(--xrc-swap_flex-item--order        , var(--xrc-dflt_flex-item--order        );
    --xrc-flex-item--grow:         var(--xrc-swap_flex-item--grow         , var(--xrc-dflt_flex-item--grow         );
    --xrc-flex-item--shrink:       var(--xrc-swap_flex-item--shrink       , var(--xrc-dflt_flex-item--shrink       );
    --xrc-flex-item--basis:        var(--xrc-swap_flex-item--basis        , var(--xrc-dflt_flex-item--basis        );
    --xrc-flex-item--align-self:   var(--xrc-swap_flex-item--align-self   , var(--xrc-dflt_flex-item--align-self   );
}