/**!
 * Cascading Style Sheet
 */
@charset "utf-8";

/* display */
.display--flex { display: flex }
.display--inline-flex { display: inline-flex }

/* flex align */
.align-items-vertical--center { align-items: center }
.align-items-horizontal--start { justify-content: flex-start }

.flex-direction--row { flex-direction: row; }
.flex-direction--column { flex-direction: column; }

.flex-wrap--wrap { flex-wrap: wrap }
.flex-wrap--nowrap { flex-wrap: nowrap }

/* gap */
.flex-gap--0 { gap: 0 0 }
.flex-gap--1 { gap: 0.25rem 0.25rem }
.flex-gap--2 { gap: 0.5rem 0.5rem }
.flex-gap--3 { gap: 0.75rem 0.75rem }
.flex-gap--4 { gap: 1rem 1rem }
.flex-gap--5 { gap: 1.25rem 1.25rem }
.flex-gap--6 { gap: 1.5rem 1.5rem }
.flex-gap--7 { gap: 1.75rem 1.75rem }
.flex-gap--8 { gap: 2rem 2rem }
.flex-gap--9 { gap: 3rem 3rem }
.flex-gap--10 { gap: 4rem 4rem }

.flex-gap--8px { gap: 8px 8px }
.flex-gap--16px { gap: 16px 16px }