/*FAIRLY stretched */
.flex.flex-parent.stretch__fixed-spacing {
    display: flex;
    flex-wrap: wrap;
    width: max-content;
}

@media screen and (min-width: 60em) {
    .flex.flex-parent.stretch__fixed-spacing {
        /*flex-wrap: nowrap;*/
    }
}
.flex.flex-parent.flex.stretch__fixed-spacing .flex-item {
    /*flex-grow: 1;*/
    /*flex-basis: 0;*/
    flex: 1;
    min-height: 0;

}

.flex.flex-parent.flex.stretch__fixed-spacing .flex-item  {
    padding: 0.6rem;
}

.flex.flex-parent.flex.stretch__fixed-spacing .flex-item + .flex-item {
    margin-left: .4em;
}


.flex.flex-parent.flex.stretch__fixed-spacing .flex-item:first-child {
    margin-left: 0;
}

.flex-grow--2 {flex-grow: 2!important;}
.flex-grow--3 {flex-grow: 3!important;}
.flex-grow--4 {flex-grow: 4!important;}
.flex-grow--5 {flex-grow: 5!important;}
.flex-grow--6 {flex-grow: 6!important;}
.flex-shrink--2 {flex-shrink: 2!important;}
.flex-shrink--3 {flex-shrink: 3!important;}
.flex-shrink--4 {flex-shrink: 4!important;}
.flex-shrink--5 {flex-shrink: 5!important;}
.flex-shrink--6 {flex-shrink: 6!important;}




/*ALTERNATING */

.flex.flex-parent.alternating {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex.flex-parent.alternating .flex-item {
    width: 48%;
    height: 100px;
    margin-bottom: 2%;
}

.flex.flex-parent.alternating.flex-item:nth-child(3n) {
    width: 100%;
}





/*FLEX GRIDS*/
.flex.flex-parent.flex-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2%; /* Better spacing alternative to margin */
    justify-content: space-between;
}

/* Default (mobile) - single column */
.flex.flex-parent.flex-grid .flex-item__grid {
    flex: 0 100%; /* Full width by default */
    min-width: min-content;
    /*flex-basis: auto !important;*/
}

/* 2 items per row */
@media screen and (min-width: 45em) {
    .flex.flex-parent.flex-grid .flex-item__grid--2 {
        flex: 0 46%; /* Three columns */
    }
    .flex.flex-parent.flex-grid .flex-item__grid--3 {
        flex: 0 46%; /* Four columns */
    }
    .flex.flex-parent.flex-grid .flex-item__grid--4 {
        flex: 0 46%; /* Two columns */
    }
    .flex.flex-parent.flex-grid .flex-item__grid--5 {
        flex: 0 46%; /* Two columns */
    }
}

/* Three items per row */
@media screen and (min-width: 60em) {
    .flex.flex-parent.flex-grid .flex-item__grid--5 {
        flex: 0 29%; /* Three columns */
    }
    .flex.flex-parent.flex-grid .flex-item__grid--4 {
        flex: 0 29%; /* Three columns */
    }
    .flex.flex-parent.flex-grid .flex-item__grid--3 {
        flex: 0 29%; /* Three columns */
    }
}
/* 4 items per row */
@media screen and (min-width: 1273px) {
    .flex.flex-parent.flex-grid .flex-item__grid--5 {
        flex: 0 21%; /* Four columns */
    }
    .flex.flex-parent.flex-grid .flex-item__grid--4 {
        flex: 0 21%; /* Four columns */
    }
}
/* Large desktop */
@media screen and (min-width: 1681px) {
    /* 4 items per row */
    .flex.flex-parent.flex-grid .flex-item__grid--5 {
        flex: 0 17%; /* Four columns */
    }
}

/*FLEX GRID with kept proportions*/

.item-grid--quad {
    width: 100%;
    padding-bottom: 100%; /* Same as width, sets height */
    margin-bottom: 2%; /* (100-32*3)/2 */
    position: relative;
}
/*two items / row*/
.flex.flex-parent.flex-grid .flex-item__grid--quad--2 {width: 49%;padding-bottom: 49%;}
/*three items / row*/
.flex.flex-parent.flex-grid .flex-item__grid--quad--3 {width: 32%;padding-bottom: 32%;}
/*four items / row*/
.flex.flex-parent.flex-grid .flex-item__grid--quad--4 {width: 24%;padding-bottom: 24%;}
/*five items / row*/
.flex.flex-parent.flex-grid .flex-item__grid--quad--5 {width: 19%;padding-bottom: 19%;}




/*BARS*/


/*vertical

can also be used in conjunction with .flex-grow--n classes to achieve bars of different width
*/
.flex.flex-parent.bar-vertical {
    display: flex;
    height: 300px;
    justify-content: space-between;
    align-items: flex-end;
}


.flex.flex-parent.bar-vertical .flex-item__bar-vertical {flex-grow: 1;flex-basis: 0;}
.flex.flex-parent.bar-vertical .flex-item__bar-vertical + .flex-item__bar-vertical { margin-left: .4em; }
.flex.flex-parent.bar-vertical .flex-item__bar-vertical:first-child { margin-left: 0 }
.flex.flex-parent.bar-vertical .flex-item__bar-vertical--1 { height: 1%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--2 { height: 2%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--3 { height: 3%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--4 { height: 4%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--5 { height: 5%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--6 { height: 6%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--7 { height: 7%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--8 { height: 8%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--9 { height: 9%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--10 { height: 10%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--11 { height: 11%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--12 { height: 12%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--13 { height: 13%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--14 { height: 14%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--15 { height: 15%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--16 { height: 16%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--17 { height: 17%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--18 { height: 18%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--19 { height: 19%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--20 { height: 20%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--21 { height: 21%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--22 { height: 22%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--23 { height: 23%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--24 { height: 24%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--25 { height: 25%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--26 { height: 26%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--27 { height: 27%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--28 { height: 28%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--29 { height: 29%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--30 { height: 30%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--31 { height: 31%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--32 { height: 32%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--33 { height: 33%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--34 { height: 34%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--35 { height: 35%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--36 { height: 36%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--37 { height: 37%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--38 { height: 38%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--39 { height: 39%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--40 { height: 40%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--41 { height: 41%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--42 { height: 42%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--43 { height: 43%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--44 { height: 44%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--45 { height: 45%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--46 { height: 46%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--47 { height: 47%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--48 { height: 48%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--49 { height: 49%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--50 { height: 50%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--51 { height: 51%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--52 { height: 52%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--53 { height: 53%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--54 { height: 54%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--55 { height: 55%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--56 { height: 56%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--57 { height: 57%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--58 { height: 58%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--59 { height: 59%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--60 { height: 60%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--61 { height: 61%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--62 { height: 62%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--63 { height: 63%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--64 { height: 64%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--65 { height: 65%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--66 { height: 66%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--67 { height: 67%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--68 { height: 68%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--69 { height: 69%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--70 { height: 70%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--71 { height: 71%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--72 { height: 72%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--73 { height: 73%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--74 { height: 74%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--75 { height: 75%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--76 { height: 76%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--77 { height: 77%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--78 { height: 78%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--79 { height: 79%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--80 { height: 80%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--81 { height: 81%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--82 { height: 82%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--83 { height: 83%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--84 { height: 84%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--85 { height: 85%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--86 { height: 86%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--87 { height: 87%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--88 { height: 88%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--89 { height: 89%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--90 { height: 90%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--91 { height: 91%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--92 { height: 92%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--93 { height: 93%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--94 { height: 94%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--95 { height: 95%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--96 { height: 96%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--97 { height: 97%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--98 { height: 98%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--99 { height: 99%; }  .flex.flex-parent.bar-vertical .flex-item__bar-vertical--100 { height: 100%; }

/*horizontal

can also be used in conjunction with .flex-grow--n classes to achieve bars of different width
*/
.flex.flex-parent.bar-horizontal {
    display: flex;
    height: 300px;
    justify-content: space-between;
    flex-direction: column;
}

.flex.flex-parent.bar-horizontal .flex-item__bar-horizontal { flex-grow: 1;flex-basis: 0; }
.flex.flex-parent.bar-horizontal .flex-bar-horizontal + .flex-bar-horizontal { margin-top: .4em; }
.flex.flex-parent.bar-horizontal .flex-bar-horizontal:first-child { margin-top: 0 }
.flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-1 { width: 1%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-2 { width: 2%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-3 { width: 3%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-4 { width: 4%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-5 { width: 5%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-6 { width: 6%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-7 { width: 7%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-8 { width: 8%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-9 { width: 9%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-10 { width: 10%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-11 { width: 11%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-12 { width: 12%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-13 { width: 13%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-14 { width: 14%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-15 { width: 15%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-16 { width: 16%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-17 { width: 17%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-18 { width: 18%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-19 { width: 19%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-20 { width: 20%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-21 { width: 21%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-22 { width: 22%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-23 { width: 23%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-24 { width: 24%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-25 { width: 25%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-26 { width: 26%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-27 { width: 27%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-28 { width: 28%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-29 { width: 29%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-30 { width: 30%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-31 { width: 31%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-32 { width: 32%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-33 { width: 33%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-34 { width: 34%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-35 { width: 35%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-36 { width: 36%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-37 { width: 37%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-38 { width: 38%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-39 { width: 39%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-40 { width: 40%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-41 { width: 41%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-42 { width: 42%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-43 { width: 43%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-44 { width: 44%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-45 { width: 45%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-46 { width: 46%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-47 { width: 47%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-48 { width: 48%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-49 { width: 49%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-50 { width: 50%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-51 { width: 51%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-52 { width: 52%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-53 { width: 53%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-54 { width: 54%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-55 { width: 55%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-56 { width: 56%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-57 { width: 57%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-58 { width: 58%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-59 { width: 59%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-60 { width: 60%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-61 { width: 61%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-62 { width: 62%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-63 { width: 63%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-64 { width: 64%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-65 { width: 65%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-66 { width: 66%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-67 { width: 67%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-68 { width: 68%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-69 { width: 69%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-70 { width: 70%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-71 { width: 71%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-72 { width: 72%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-73 { width: 73%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-74 { width: 74%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-75 { width: 75%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-76 { width: 76%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-77 { width: 77%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-78 { width: 78%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-79 { width: 79%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-80 { width: 80%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-81 { width: 81%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-82 { width: 82%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-83 { width: 83%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-84 { width: 84%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-85 { width: 85%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-86 { width: 86%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-87 { width: 87%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-88 { width: 88%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-89 { width: 89%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-90 { width: 90%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-91 { width: 91%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-92 { width: 92%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-93 { width: 93%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-94 { width: 94%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-95 { width: 95%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-96 { width: 96%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-97 { width: 97%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-98 { width: 98%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-99 { width: 99%; }  .flex.flex-parent.bar-horizontal .flex-item__bar-horizontal-100 { width: 100%; }




/*MOSAIC*/
/*
<div class="flex flex-parent mosaic">
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
                    ...
</div>
*/
.flex.flex-parent.mosaic {
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    height: 580px;
}

.flex.flex-parent.mosaic .flex-item {
    width: 32%;
    margin-bottom: 2%; /* (100-32*3)/2 */
}

/* Re-order items into rows */
.flex.flex-parent.mosaic .flex-item:nth-child(3n+1) { order: 1; }
.flex.flex-parent.mosaic .flex-item:nth-child(3n+2) { order: 2; }
.flex.flex-parent.mosaic .flex-item:nth-child(3n)   { order: 3; }

/* Force new columns */
.flex.flex-parent.mosaic::before,
.flex.flex-parent.mosaic::after {
    content: "";
    flex-basis: 100%;
    width: 0;
    order: 2;
}

.font-size-12 { font-size: 1.2em!important; line-height: 1.6; }




.mermaid-type-release.flex-item {
    padding: 0;
    text-align: center;
    float: none;
}



.flex.flex-parent.flex-grid {
    align-items: stretch; /* Make the .admonition divs the same height */
}

.admonition.quote.no-icon.inline.flex-item__grid.flex-item__grid--3.flex-parent.stretch__fixed-spacing.flex,
.admonition.abstract.no-icon.inline.flex-item__grid.flex-item__grid--3.flex-parent.stretch__fixed-spacing.flex,
.admonition.danger.no-icon.inline.flex-item__grid.flex-item__grid--3.flex-parent.stretch__fixed-spacing.flex,
.admonition.success.no-icon.inline.flex-item__grid.flex-item__grid--3.flex-parent.stretch__fixed-spacing.flex {
    /* Ensure these parents are flex containers (which they currently are) and */
    /* make their direct children (including h2.admonition-title) stretch */
    align-items: stretch;
}