/* =========================
   Display
========================= */

.de-div.flex {
    display: flex;
}

.de-div.inline-flex {
    display: inline-flex;
}

.de-div.block {
    display: block;
}

.de-div.inline {
    display: inline;
}

.de-div.inline-block {
    display: inline-block;
}

.de-div.none {
    display: none;
}

/* =========================
   Flex
========================= */

.de-div.flex-1 {
    flex: 1;
}

.de-div.flex-auto {
    flex: auto;
}

.de-div.flex-none {
    flex: none;
}

.de-div.grow {
    flex-grow: 1;
}

.de-div.no-grow {
    flex-grow: 0;
}

.de-div.shrink {
    flex-shrink: 1;
}

.de-div.no-shrink {
    flex-shrink: 0;
}

/* =========================
   Flex Direction
========================= */

.de-div.flex-row {
    flex-direction: row;
}

.de-div.flex-column {
    flex-direction: column;
}

.de-div.flex-row-reverse {
    flex-direction: row-reverse;
}

.de-div.flex-column-reverse {
    flex-direction: column-reverse;
}

/* =========================
   Flex Wrap
========================= */

.de-div.flex-wrap {
    flex-wrap: wrap;
}

.de-div.flex-nowrap {
    flex-wrap: nowrap;
}

.de-div.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

/* =========================
   Justify Content
========================= */

.de-div.justify-start {
    justify-content: flex-start;
}

.de-div.justify-center {
    justify-content: center;
}

.de-div.justify-end {
    justify-content: flex-end;
}

.de-div.justify-between {
    justify-content: space-between;
}

.de-div.justify-around {
    justify-content: space-around;
}

.de-div.justify-evenly {
    justify-content: space-evenly;
}

/* =========================
   Align Items
========================= */

.de-div.items-start {
    align-items: flex-start;
}

.de-div.items-center {
    align-items: center;
}

.de-div.items-end {
    align-items: flex-end;
}

.de-div.items-stretch {
    align-items: stretch;
}

.de-div.items-baseline {
    align-items: baseline;
}

/* =========================
   Gap
========================= */

.de-div.gap-1 {
    gap: .25rem;
}

.de-div.gap-2 {
    gap: .5rem;
}

.de-div.gap-3 {
    gap: .75rem;
}

.de-div.gap-4 {
    gap: 1rem;
}

/* =========================
   Margin
========================= */

.de-div.m-0 {
    margin: 0;
}

.de-div.m-1 {
    margin: .25rem;
}

.de-div.m-2 {
    margin: .5rem;
}

.de-div.m-3 {
    margin: .75rem;
}

.de-div.m-4 {
    margin: 1rem;
}

.de-div.mt-0 {
    margin-top: 0;
}

.de-div.mt-1 {
    margin-top: .25rem;
}

.de-div.mt-2 {
    margin-top: .5rem;
}

.de-div.mt-3 {
    margin-top: .75rem;
}

.de-div.mt-4 {
    margin-top: 1rem;
}

.de-div.mr-0 {
    margin-right: 0;
}

.de-div.mr-1 {
    margin-right: .25rem;
}

.de-div.mr-2 {
    margin-right: .5rem;
}

.de-div.mr-3 {
    margin-right: .75rem;
}

.de-div.mr-4 {
    margin-right: 1rem;
}

.de-div.mb-0 {
    margin-bottom: 0;
}

.de-div.mb-1 {
    margin-bottom: .25rem;
}

.de-div.mb-2 {
    margin-bottom: .5rem;
}

.de-div.mb-3 {
    margin-bottom: .75rem;
}

.de-div.mb-4 {
    margin-bottom: 1rem;
}

.de-div.ml-0 {
    margin-left: 0;
}

.de-div.ml-1 {
    margin-left: .25rem;
}

.de-div.ml-2 {
    margin-left: .5rem;
}

.de-div.ml-3 {
    margin-left: .75rem;
}

.de-div.ml-4 {
    margin-left: 1rem;
}

.de-div.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.de-div.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
}

.de-div.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
}

.de-div.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
}

.de-div.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.de-div.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.de-div.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.de-div.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.de-div.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.de-div.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* =========================
   Padding
========================= */

.de-div.p-0 {
    padding: 0;
}

.de-div.p-1 {
    padding: .25rem;
}

.de-div.p-2 {
    padding: .5rem;
}

.de-div.p-3 {
    padding: .75rem;
}

.de-div.p-4 {
    padding: 1rem;
}

.de-div.pt-0 {
    padding-top: 0;
}

.de-div.pt-1 {
    padding-top: .25rem;
}

.de-div.pt-2 {
    padding-top: .5rem;
}

.de-div.pt-3 {
    padding-top: .75rem;
}

.de-div.pt-4 {
    padding-top: 1rem;
}

.de-div.pr-0 {
    padding-right: 0;
}

.de-div.pr-1 {
    padding-right: .25rem;
}

.de-div.pr-2 {
    padding-right: .5rem;
}

.de-div.pr-3 {
    padding-right: .75rem;
}

.de-div.pr-4 {
    padding-right: 1rem;
}

.de-div.pb-0 {
    padding-bottom: 0;
}

.de-div.pb-1 {
    padding-bottom: .25rem;
}

.de-div.pb-2 {
    padding-bottom: .5rem;
}

.de-div.pb-3 {
    padding-bottom: .75rem;
}

.de-div.pb-4 {
    padding-bottom: 1rem;
}

.de-div.pl-0 {
    padding-left: 0;
}

.de-div.pl-1 {
    padding-left: .25rem;
}

.de-div.pl-2 {
    padding-left: .5rem;
}

.de-div.pl-3 {
    padding-left: .75rem;
}

.de-div.pl-4 {
    padding-left: 1rem;
}

.de-div.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.de-div.px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
}

.de-div.px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}

.de-div.px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
}

.de-div.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.de-div.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.de-div.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.de-div.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.de-div.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.de-div.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* =========================
   Overflow
========================= */

.de-div.overflow-hidden {
    overflow: hidden;
}

.de-div.overflow-auto {
    overflow: auto;
}

.de-div.overflow-scroll {
    overflow: scroll;
}

/* =========================
   Border
========================= */

.de-div.border-0 {
    border: none;
}

.de-div.border-1 {
    border-width: 1px;
    border-style: solid;
}

.de-div.border-2 {
    border-width: 2px;
    border-style: solid;
}

.de-div.border-3 {
    border-width: 3px;
    border-style: solid;
}

.de-div.border-4 {
    border-width: .25rem;
    border-style: solid;
}

.de-div.border-top {
    border-top: 1px solid;
}

.de-div.border-right {
    border-right: 1px solid;
}

.de-div.border-bottom {
    border-bottom: 1px solid;
}

.de-div.border-left {
    border-left: 1px solid;
}

/* =========================
   Border Radius
========================= */

.de-div.rounded-0 {
    border-radius: 0;
}

.de-div.rounded-1 {
    border-radius: .25rem;
}

.de-div.rounded-2 {
    border-radius: .5rem;
}

.de-div.rounded-3 {
    border-radius: .75rem;
}

.de-div.rounded-4 {
    border-radius: 1rem;
}