/* Spacer */
.spacer {
    display: block;
    width: 100%;
    background-color: transparent;
    clear: both;
    overflow: hidden;
    visibility: visible;
}

.spacer-xs {
    height: 1rem;
}

.spacer-sm {
    height: 1.5rem;
}

.spacer-md {
    height: 2rem;
}

.spacer-lg {
    height: 2.5rem;
}

.spacer-xl {
    height: 3rem;
}

.spacer-2xl {
    height: 4rem;
}

.spacer-3xl {
    height: 6rem;
}

.spacer-4xl {
    height: 8rem;
}

.spacer-5xl {
    height: 10rem;
}

.truncate {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}

.line-clamp-1 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    line-clamp: 1 !important;
    -webkit-line-clamp: 1 !important;
}

.line-clamp-2 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    line-clamp: 2 !important;
    -webkit-line-clamp: 2 !important;
}

.line-clamp-3 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    line-clamp: 3 !important;
    -webkit-line-clamp: 3 !important;
}

.line-clamp-4 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    line-clamp: 4 !important;
    -webkit-line-clamp: 4 !important;
}

.line-clamp-5 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    line-clamp: 5 !important;
    -webkit-line-clamp: 5 !important;
}