.success {color: rgb(var(--c-success))!important;}
.warning {color: rgb(var(--c-warning))!important;}
.error {color: rgb(var(--c-error))!important;}

.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}

.mla {margin-left: auto;}
.mta {margin-top: auto;}
.mra {margin-right: auto;}

.hidden {display: none!important;}
.ellipsable {min-width: 0; text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis;}
.scrollbar-hidden {-ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar {display: none;}}
.flex-break {flex-basis: 100%!important; height: 0; width: 0;}
.span-x-1 {grid-column: span 1;}
.span-x-2 {grid-column: span 2;}
.span-x-3 {grid-column: span 3;}
.span-x-4 {grid-column: span 4;}
.span-x-5 {grid-column: span 5;}
.span-x-6 {grid-column: span 6;}
.span-x-7 {grid-column: span 7;}
.span-x-8 {grid-column: span 8;}
.span-x-9 {grid-column: span 9;}
.span-x-10 {grid-column: span 10;}
.span-x-11 {grid-column: span 11;}
.span-x-12 {grid-column: span 12;}
.span-x-13 {grid-column: span 13;}
.span-x-14 {grid-column: span 14;}
.span-x-15 {grid-column: span 15;}
.span-x-16 {grid-column: span 16;}
.span-x-17 {grid-column: span 17;}
.span-x-18 {grid-column: span 18;}
.span-x-19 {grid-column: span 19;}
.span-x-20 {grid-column: span 20;}
.span-x-21 {grid-column: span 21;}
.span-x-22 {grid-column: span 22;}
.span-x-23 {grid-column: span 23;}
.span-x-24 {grid-column: span 24;}
.span-y-1 {grid-row: span 1;}
.span-y-2 {grid-row: span 2;}
.span-y-3 {grid-row: span 3;}
.span-y-4 {grid-row: span 4;}
.span-y-5 {grid-row: span 5;}
.span-y-6 {grid-row: span 6;}
.span-y-7 {grid-row: span 7;}
.span-y-8 {grid-row: span 8;}
.span-y-9 {grid-row: span 9;}
.span-y-10 {grid-row: span 10;}
.span-y-11 {grid-row: span 11;}
.span-y-12 {grid-row: span 12;}

.mb150 {margin-bottom: 150px;}