.fixed {position:fixed;}

.flex {display:flex;}
.flex-wrap{flex-wrap: wrap;}
.flex-wrap-reverse{flex-wrap: wrap-reverse;}
.flex-row{flex-direction: row;} 
.flex-row-reverse{flex-direction: row-reverse;}
.flex-column{flex-direction: column;} 
.flex-column-reverse{flex-direction: column-reverse;}

.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-justify-evenly{justify-content: space-evenly;}

.flex-align-start{align-items: flex-start;}
.flex-align-end{align-items: flex-end;}
.flex-align-center{align-items: center;}
.flex-align-stretch{align-items: stretch;}

.flex-align-start-i{align-items: flex-start !important;}
.flex-align-end-i{align-items: flex-end !important;}
.flex-align-center-i{align-items: center !important;}
.flex-align-stretch-i{align-items: stretch !important;}

.flex-align-self-start{align-self: flex-start;}
.flex-align-self-end{align-self: flex-end;}
.flex-align-self-center{align-self: center;}
.flex-align-self-stretch{align-self: stretch;}

.flex-gap {gap:2px;}
.flex-gap-1 {gap:4px;}
.flex-gap-2 {gap:8px;}
.flex-gap-3 {gap:12px;}
.flex-gap-4 {gap:16px;}

.flex-row-gap {row-gap:2px;}
.flex-row-gap-1 {row-gap:4px;}
.flex-row-gap-2 {row-gap:8px;}
.flex-row-gap-3 {row-gap:12px;}
.flex-row-gap-4 {row-gap:16px;}

.flex-column-gap {column-gap:2px;}
.flex-column-gap-1 {column-gap:4px;}
.flex-column-gap-2 {column-gap:8px;}
.flex-column-gap-3 {column-gap:12px;}
.flex-column-gap-4 {column-gap:16px;}

.flex-grow-0{flex-grow: 0;}
.flex-grow-1{flex-grow: 1;}
.flex-grow-2{flex-grow: 2;}
.flex-grow-3{flex-grow: 3;}
.flex-grow-4{flex-grow: 4;}

.flex-shrink-0{flex-shrink: 0;}
.flex-shrink-1{flex-shrink: 1;}
.flex-shrink-2{flex-shrink: 2;}
.flex-shrink-3{flex-shrink: 3;}
.flex-shrink-4{flex-shrink: 4;}

.no-padding {padding:0px;}
.padding {padding:2px;}
.padding-1 {padding:4px;}
.padding-2 {padding:8px;}
.padding-3 {padding:12px;}
.padding-4 {padding:16px;}

.no-padding-left {padding-left:0px;}
.padding-left {padding-left:2px;}
.padding-left-1 {padding-left:4px;}
.padding-left-2 {padding-left:8px;}
.padding-left-3 {padding-left:12px;}
.padding-left-4 {padding-left:16px;}

.no-padding-right {padding-right:0px;}
.padding-right {padding-right:2px;}
.padding-right-1 {padding-right:4px;}
.padding-right-2 {padding-right:8px;}
.padding-right-3 {padding-right:12px;}
.padding-right-4 {padding-right:16px;}

.no-padding-top {padding-top:0px;}
.padding-top {padding-top:2px;}
.padding-top-1 {padding-top:4px;}
.padding-top-2 {padding-top:8px;}
.padding-top-3 {padding-top:12px;}
.padding-top-4 {padding-top:16px;}

.no-padding-bottom {padding-bottom:0px;}
.padding-bottom {padding-bottom:2px;}
.padding-bottom-1 {padding-bottom:4px;}
.padding-bottom-2 {padding-bottom:8px;}
.padding-bottom-3 {padding-bottom:12px;}
.padding-bottom-4 {padding-bottom:16px;}

.w-full{width:auto;}