.visible-md {
    @include for-size(md-down) {
        display: none;
    }
}

.hidden-md {
    @include for-size(md-up) {
        display: none;
    }
}

.is-hidden {
    display: none;
}

.full-width {
    width: 100%;
}

.limit-width {
    margin-left: 16px;
    max-width: 200px;
    @media (max-width: 1199px) {
        margin-left: 0;
        width: 100%;
        max-width: none;
    };
}

.bottom-margin-l {
    margin-bottom: $spacing-l !important;
}

.bottom-margin-m {
    margin-bottom: $spacing-m;
}

.margin-left-l {
    margin-left: $spacing-l !important;
}

.margin-left-m {
    margin-left: $spacing-m !important;
}

.margin-left-s {
    margin-left: $spacing-s !important;
}

.margin-left-auto {
    margin-left: auto;
}

.margin-right-auto {
    margin-right: auto;
}

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

.text-size-m {
    font-size: $font-m;
}

.text-size-s {
    font-size: $font-s;
}

.text-size-xs {
    font-size: $font-xs;
}

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

.text-truncate {
    overflow: hidden;

    text-overflow: ellipsis;
    line-height: normal;
    white-space: nowrap;
}

.margin-right-0 {
    margin-right: 0 !important;
}

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

.flex-rows {
    flex-wrap: nowrap;
    flex-direction: row;

    display: flex;

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

.flex-columns {
    flex-wrap: nowrap;
    flex-direction: column;

    display: flex;
}

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

.align-left {
    align-items: flex-start;
}

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

.flex-center {
    align-content: center;
    align-items: center;
    justify-content: center;
}

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

.disabled {
    opacity: .5;

    pointer-events: none;
}

.no-gap {
    gap: 0;
    grid-gap: none;
}

.h-100 {
    height: 100%;
}

.flex-order-first {
    order: -1;
}