.flex-items-1 > * {
    flex:1;
    width: 100%;
}
.flex-items-basis-50 > * {
    flex-basis: 50%;
}

.flex-1 {
    flex: 1;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.display-none {
    display: none !important;
}

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

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

.fill-width {
    width: 100%
}

.dim {
    color: rgba(var(--white), 0.6);
}

.no-dim {
    color: rgb(var(--white)) !important;
}

.no-gap {
    gap: 0 !important;
}

p.large {
    font-size: 1.4rem;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.circle-shape {
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #b4bd7d;
}

.border-radius-1 {
    border-radius: var(--unit-spacing);
}

.heading-1, input.heading-1 {
    font-size: var(--heading-1-size);
    font-weight: var(--heading-1-weight);
}

.heading-2, input.heading-2 {
    font-size: var(--heading-2-size);
    font-weight: var(--heading-2-weight);
}

.margin-left-1 {
    margin-left: var(--unit-spacing);
}

.height-32 {
    height: calc(var(--unit-spacing) * 32);
}

.height-48 {
    height: calc(var(--unit-spacing) * 48);
}

.square {
    aspect-ratio: 1 / 1;
}

.stack-children {
    position: relative;
}

.stack-children > * {
    position: absolute;
}

.size-100 {
    width: 100%;
    height: 100%;
}

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

.min-height-4 {
    min-height: calc(var(--unit-spacing) * 4);
}

.min-height-8 {
    min-height: calc(var(--unit-spacing) * 8);
}

.height-auto {
    height: auto;
}

.height-6 {
    height: calc(var(--unit-spacing) * 6);
}

.height-8 {
    height: calc(var(--unit-spacing) * 8);
}

.height-16 {
    height: calc(var(--unit-spacing) * 16);
}

.width-auto {
    width: auto;
}

.width-8 {
    width: calc(var(--unit-spacing) * 8);
}

.width-16 {
    width: calc(var(--unit-spacing) * 16);
}

.width-24 {
    width: calc(var(--unit-spacing) * 24);
}

.width-32 {
    width: calc(var(--unit-spacing) * 32);
}

.width-64 {
    width: calc(var(--unit-spacing) * 64);
}

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

.padding-1 {
    padding: var(--unit-spacing);
}