/** Utility Classes **/
.block {
    display: block;
}

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

.inline {
    display: inline;
}

.flex {
    display: flex;
}

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

.table {
    display: table;
}

.inline-table {
    display: inline-table;
}

.table-caption {
    display: table-caption;
}

.table-cell {
    display: table-cell;
}

.table-column {
    display: table-column;
}

.table-column-group {
    display: table-column-group;
}

.table-footer-group {
    display: table-footer-group;
}

.table-header-group {
    display: table-header-group;
}

.table-row-group {
    display: table-row-group;
}

.table-row {
    display: table-row;
}

.flow-root {
    display: flow-root;
}

.grid {
    display: grid;
}

.inline-grid {
    display: inline-grid;
}

.contents {
    display: contents;
}

.list-item {
    display: list-item;
}

.hidden, [hidden] {
    display: none !important;
}

.pl-px {
    padding-left: 1px !important;
}

.pl-5 {
    padding-left: 1.25rem !important;
}

.pl-6 {
    padding-left: 1.5rem !important;
}

.pl-7 {
    padding-left: 1.75rem !important;
}

.pl-8 {
    padding-left: 2rem !important;
}

.pl-9 {
    padding-left: 2.25rem !important;
}

.pl-10 {
    padding-left: 2.5rem !important;
}

.pl-11 {
    padding-left: 2.75rem !important;
}

.pl-12 {
    padding-left: 3rem !important;
}

.pl-14 {
    padding-left: 3.5rem !important;
}

.pl-16 {
    padding-left: 4rem !important;
}

.pl-20 {
    padding-left: 5rem !important;
}

.pl-24 {
    padding-left: 6rem !important;
}

.pl-28 {
    padding-left: 7rem !important;
}

.pl-32 {
    padding-left: 8rem !important;
}

.pr-px {
    padding-right: 1px !important;
}

.pr-5 {
    padding-right: 1.25rem !important;
}

.pr-6 {
    padding-right: 1.5rem !important;
}

.pr-7 {
    padding-right: 1.75rem !important;
}

.pr-8 {
    padding-right: 2rem !important;
}

.pr-9 {
    padding-right: 2.25rem !important;
}

.pr-10 {
    padding-right: 2.5rem !important;
}

.pr-11 {
    padding-right: 2.75rem !important;
}

.pr-12 {
    padding-right: 3rem !important;
}

.pr-14 {
    padding-right: 3.5rem !important;
}

.pr-16 {
    padding-right: 4rem !important;
}

.pr-20 {
    padding-right: 5rem !important;
}

.pr-24 {
    padding-right: 6rem !important;
}

.pr-28 {
    padding-right: 7rem !important;
}

.pr-32 {
    padding-right: 8rem !important;
}

.ml-px {
    margin-left: 1px !important;
}

.ml-5 {
    margin-left: 1.25rem !important;
}

.ml-6 {
    margin-left: 1.5rem !important;
}

.ml-7 {
    margin-left: 1.75rem !important;
}

.ml-8 {
    margin-left: 2rem !important;
}

.ml-9 {
    margin-left: 2.25rem !important;
}

.ml-10 {
    margin-left: 2.5rem !important;
}

.ml-11 {
    margin-left: 2.75rem !important;
}

.ml-12 {
    margin-left: 3rem !important;
}

.ml-14 {
    margin-left: 3.5rem !important;
}

.ml-16 {
    margin-left: 4rem !important;
}

.ml-20 {
    margin-left: 5rem !important;
}

.ml-24 {
    margin-left: 6rem !important;
}

.ml-28 {
    margin-left: 7rem !important;
}

.ml-32 {
    margin-left: 8rem !important;
}

.-ml-1 {
    margin-left: -0.25rem !important;
}

.-ml-2 {
    margin-left: -0.5rem !important;
}

.-ml-3 {
    margin-left: -0.75rem !important;
}

.-ml-4 {
    margin-left: -1rem !important;
}

.-ml-5 {
    margin-left: -1.25rem !important;
}

.-ml-6 {
    margin-left: -1.5rem !important;
}

.-ml-7 {
    margin-left: -1.75rem !important;
}

.-ml-8 {
    margin-left: -2rem !important;
}

.mr-px {
    margin-right: 1px !important;
}

.mr-5 {
    margin-right: 1.25rem !important;
}

.mr-6 {
    margin-right: 1.5rem !important;
}

.mr-7 {
    margin-right: 1.75rem !important;
}

.mr-8 {
    margin-right: 2rem !important;
}

.mr-9 {
    margin-right: 2.25rem !important;
}

.mr-10 {
    margin-right: 2.5rem !important;
}

.mr-11 {
    margin-right: 2.75rem !important;
}

.mr-12 {
    margin-right: 3rem !important;
}

.mr-14 {
    margin-right: 3.5rem !important;
}

.mr-16 {
    margin-right: 4rem !important;
}

.mr-20 {
    margin-right: 5rem !important;
}

.mr-24 {
    margin-right: 6rem !important;
}

.mr-28 {
    margin-right: 7rem !important;
}

.mr-32 {
    margin-right: 8rem !important;
}

.-mr-1 {
    margin-right: -0.25rem !important;
}

.-mr-2 {
    margin-right: -0.5rem !important;
}

.-mr-3 {
    margin-right: -0.75rem !important;
}

.-mr-4 {
    margin-right: -1rem !important;
}

.-mr-5 {
    margin-right: -1.25rem !important;
}

.-mr-6 {
    margin-right: -1.5rem !important;
}

.-mr-8 {
    margin-right: -2rem !important;
}

.mt-px {
    margin-top: 1px !important;
}

.mt-5 {
    margin-top: 1.25rem !important;
}

.mt-6 {
    margin-top: 1.5rem !important;
}

.mt-7 {
    margin-top: 1.75rem !important;
}

.mt-8 {
    margin-top: 2rem !important;
}

.mt-9 {
    margin-top: 2.25rem !important;
}

.mt-10 {
    margin-top: 2.5rem !important;
}

.mt-11 {
    margin-top: 2.75rem !important;
}

.mt-12 {
    margin-top: 3rem !important;
}

.mt-14 {
    margin-top: 3.5rem !important;
}

.mt-16 {
    margin-top: 4rem !important;
}

.mt-20 {
    margin-top: 5rem !important;
}

.mt-24 {
    margin-top: 6rem !important;
}

.mt-28 {
    margin-top: 7rem !important;
}

.mt-32 {
    margin-top: 8rem !important;
}

.-mt-1 {
    margin-top: -0.25rem !important;
}

.-mt-2 {
    margin-top: -0.5rem !important;
}

.-mt-3 {
    margin-top: -0.75rem !important;
}

.-mt-4 {
    margin-top: -1rem !important;
}

.-mt-5 {
    margin-top: -1.25rem !important;
}

.-mt-6 {
    margin-top: -1.5rem !important;
}

.-mt-7 {
    margin-top: -1.75rem !important;
}

.-mt-8 {
    margin-top: -2rem !important;
}

.mb-px {
    margin-bottom: 1px !important;
}

.mb-5 {
    margin-bottom: 1.25rem !important;
}

.mb-6 {
    margin-bottom: 1.5rem !important;
}

.mb-7 {
    margin-bottom: 1.75rem !important;
}

.mb-8 {
    margin-bottom: 2rem !important;
}

.mb-9 {
    margin-bottom: 2.25rem !important;
}

.mb-10 {
    margin-bottom: 2.5rem !important;
}

.mb-11 {
    margin-bottom: 2.75rem !important;
}

.mb-12 {
    margin-bottom: 3rem !important;
}

.mb-14 {
    margin-bottom: 3.5rem !important;
}

.mb-16 {
    margin-bottom: 4rem !important;
}

.mb-20 {
    margin-bottom: 5rem !important;
}

.mb-24 {
    margin-bottom: 6rem !important;
}

.mb-28 {
    margin-bottom: 7rem !important;
}

.mb-32 {
    margin-bottom: 8rem !important;
}

.-mb-1 {
    margin-bottom: -0.25rem !important;
}

.-mb-2 {
    margin-bottom: -0.5rem !important;
}

.-mb-3 {
    margin-bottom: -0.75rem !important;
}

.-mb-4 {
    margin-bottom: -1rem !important;
}

.-mb-5 {
    margin-bottom: -1.25rem !important;
}

.-mb-6 {
    margin-bottom: -1.5rem !important;
}

.-mb-7 {
    margin-bottom: -1.75rem !important;
}

.-mb-8 {
    margin-bottom: -2rem !important;
}

.h-1\/4 {
    width: 25%;
}

.h-1\/2 {
    width: 50%;
}

.h-3\/4 {
    width: 75%;
}

.h-full {
    width: 100%;
}

.h-min {
    width: min-content;
}

.h-max {
    width: max-content;
}

.h-fit {
    width: fit-content;
}

.h-px {
    height: 1px !important;
}

.h-\.5 {
    height: 0.125rem !important;
}

.h-1 {
    height: 0.25rem !important;
}

.h-1\.5 {
    height: 0.375rem !important;
}

.h-2 {
    height: 0.5rem !important;
}

.h-3 {
    height: 0.75rem !important;
}

.h-4 {
    height: 1rem !important;
}

.h-5 {
    height: 1.25rem !important;
}

.h-6 {
    height: 1.5rem !important;
}

.h-8 {
    height: 2rem !important;
}

.h-10 {
    height: 2.5rem !important;
}

.h-12 {
    height: 3rem !important;
}

.h-16 {
    height: 4rem !important;
}

.h-20 {
    height: 5rem !important;
}

.h-24 {
    height: 6rem !important;
}

.h-32 {
    height: 8rem !important;
}

.h-40 {
    height: 10rem !important;
}

.h-44 {
    height: 11rem !important;
}

.h-48 {
    height: 12rem !important;
}

.w-1\/4 {
    width: 25%;
}

.w-1\/2 {
    width: 50%;
}

.w-3\/4 {
    width: 75%;
}

.w-full {
    width: 100%;
}

.w-min {
    width: min-content;
}

.w-max {
    width: max-content;
}

.w-fit {
    width: fit-content;
}

.w-px {
    width: 1px;
    min-width: 1px;
}

.w-\.5 {
    width: 0.125rem;
    min-width: 0.125rem;
}

.w-1 {
    width: 0.25rem;
    min-width: 0.25rem;
}

.w-1\.5 {
    width: 0.375rem;
    min-width: 0.375rem;
}

.w-2 {
    width: 0.5rem;
    min-width: 0.5rem;
}

.w-3 {
    width: 0.75rem;
    min-width: 0.75rem;
}

.w-4 {
    width: 1rem;
    min-width: 1rem;
}

.w-5 {
    width: 1.25rem;
    min-width: 1.25rem;
}

.w-6 {
    width: 1.5rem;
    min-width: 1.5rem;
}

.w-8 {
    width: 2rem;
    min-width: 2rem;
}

.w-10 {
    width: 2.5rem;
    min-width: 2.5rem;
}

.w-12 {
    width: 3rem;
    min-width: 3rem;
}

.w-16 {
    width: 4rem;
    min-width: 4rem;
}

.w-20 {
    width: 5rem;
    min-width: 5rem;
}

.w-24 {
    width: 6rem;
    min-width: 6rem;
}

.w-30 {
    width: 30%;
}

.w-32 {
    width: 8rem;
    min-width: 8rem;
}

.w-40 {
    width: 10rem;
    min-width: 10rem;
}

.w-44 {
    width: 11rem;
    min-width: 11rem;
}

.w-48 {
    width: 12rem;
    min-width: 12rem;
}

.w-50 {
    width: 50%;
}

.min-h-0 {
    min-height: 0 !important;
}

.min-w-0 {
    min-width: 0 !important;
}

.top-0 {
    top: 0 !important;
}

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

.bottom-0 {
    bottom: 0 !important;
}

.left-0 {
    left: 0 !important;
}

.space-x-px > :not([hidden]) ~ :not([hidden]) {
    margin-left: 1px;
}

.space-x-0 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0;
}

.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0.125rem;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0.25rem;
}

.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0.375rem;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0.5rem;
}

.base-text-color {
    color: var(--base-text-color)!important;
}
.label-text-color {
    color: var(--label-text-color)!important;
}

.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0.625rem;
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0.75rem;
}

.space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0.875rem;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 1rem;
}

.space-x-5 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 1.25rem;
}

.space-x-6 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 1.5rem;
}

.space-x-7 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 1.75rem;
}

.space-x-8 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 2rem;
}

.space-x-9 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 2.25rem;
}

.space-x-10 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 2.5rem;
}

.space-x-11 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 2.75rem;
}

.space-x-12 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 3rem;
}

.space-x-14 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 3.5rem;
}

.space-x-16 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 4rem;
}

.space-x-20 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 5rem;
}

.space-x-24 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 6rem;
}

.space-x-28 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 7rem;
}

.space-x-32 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 8rem;
}

.-space-x-\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -0.125rem;
}

.-space-x-1 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -0.25rem;
}

.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -0.375rem;
}

.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -0.5rem;
}

.-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -0.625rem;
}

.-space-x-3 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -0.75rem;
}

.-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -0.875rem;
}

.-space-x-4 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -1rem;
}

.-space-x-5 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -1.25rem;
}

.-space-x-6 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -1.5rem;
}

.-space-x-7 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -1.75rem;
}

.-space-x-8 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -2rem;
}

.-space-x-9 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -2.25rem;
}

.-space-x-10 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -2.5rem;
}

.-space-x-11 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -2.75rem;
}

.-space-x-12 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -3rem;
}

.-space-x-14 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -3.5rem;
}

.-space-x-16 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -4rem;
}

.-space-x-20 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -5rem;
}

.-space-x-24 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -6rem;
}

.-space-x-28 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -7rem;
}

.-space-x-32 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -8rem;
}

.space-y-px > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1px;
}

.space-y-0 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0;
}

.space-y-\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0.125rem;
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0.25rem;
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0.375rem;
}

/*.space-y-2 > :not([hidden]) ~ :not([hidden]) {*/
.space-y-2 > *:not([hidden]) + *:not([hidden]) {
    margin-top: 0.5rem;
}

.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0.625rem;
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0.75rem;
}

.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0.875rem;
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1rem;
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1.25rem;
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1.5rem;
}

.space-y-7 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1.75rem;
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 2rem;
}

.space-y-9 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 2.25rem;
}

.space-y-10 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 2.5rem;
}

.space-y-11 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 2.75rem;
}

.space-y-12 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 3rem;
}

.space-y-14 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 3.5rem;
}

.space-y-16 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 4rem;
}

.space-y-20 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 5rem;
}

.space-y-24 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 6rem;
}

.space-y-28 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 7rem;
}

.space-y-32 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 8rem;
}

.-space-y-px > :not([hidden]) ~ :not([hidden]) {
    margin-top: -1px;
}

.-space-y-\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -0.125rem;
}

.-space-y-1 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -0.25rem;
}

.-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -0.375rem;
}

.-space-y-2 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -0.5rem;
}

.-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -0.625rem;
}

.-space-y-3 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -0.75rem;
}

.-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -0.875rem;
}

.-space-y-4 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -1rem;
}

.-space-y-5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -1.25rem;
}

.-space-y-6 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -1.5rem;
}

.-space-y-7 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -1.75rem;
}

.-space-y-8 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -2rem;
}

.-space-y-9 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -2.25rem;
}

.-space-y-10 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -2.5rem;
}

.-space-y-11 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -2.75rem;
}

.-space-y-12 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -3rem;
}

.-space-y-14 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -3.5rem;
}

.-space-y-16 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -4rem;
}

.-space-y-20 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -5rem;
}

.-space-y-24 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -6rem;
}

.-space-y-28 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -7rem;
}

.-space-y-32 > :not([hidden]) ~ :not([hidden]) {
    margin-top: -8rem;
}

.rotate-45 {
    transform: rotate(45deg);
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-135 {
    transform: rotate(135deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.rotate-225 {
    transform: rotate(225deg);
}

.rotate-270 {
    transform: rotate(270deg);
}

.rotate-315 {
    transform: rotate(315deg);
}

.scroll-x {
    overflow-x: auto;
}
.scroll-y {
    overflow-y: auto;
}

.overscroll-contain {
    overscroll-behavior: contain;
}

.grid {
    display: grid;
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
}

.object-cover {
    object-fit: cover;
}

.object-contain {
    object-fit: contain;
}

.object-fill {
    object-fit: fill;
}

.object-none {
    object-fit: none;
}

.object-scale-down {
    object-fit: scale-down;
}

.gap-0 {
    gap: 0px;
}

.gap-x-0 {
    column-gap: 0px;
}

.gap-y-0 {
    row-gap: 0px;
}

.gap-px {
    gap: 1px;
}

.gap-x-px {
    column-gap: 1px;
}

.gap-y-px {
    row-gap: 1px;
}

.gap-0\.5 {
    gap: 0.125rem;
}

.gap-x-0\.5 {
    column-gap: 0.125rem;
}

.gap-y-0\.5 {
    row-gap: 0.125rem;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-x-1 {
    column-gap: 0.25rem;
}

.gap-y-1 {
    row-gap: 0.25rem;
}

.gap-1\.5 {
    gap: 0.375rem;
}

.gap-x-1\.5 {
    column-gap: 0.375rem;
}

.gap-y-1\.5 {
    row-gap: 0.375rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-x-2 {
    column-gap: 0.5rem;
}

.gap-y-2 {
    row-gap: 0.5rem;
}

.gap-2\.5 {
    gap: 0.625rem;
}

.gap-x-2\.5 {
    column-gap: 0.625rem;
}

.gap-y-2\.5 {
    row-gap: 0.625rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-x-3 {
    column-gap: 0.75rem;
}

.gap-y-3 {
    row-gap: 0.75rem;
}

.gap-3\.5 {
    gap: 0.875rem;
}

.gap-x-3\.5 {
    column-gap: 0.875rem;
}

.gap-y-3\.5 {
    row-gap: 0.875rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-x-4 {
    column-gap: 1rem;
}

.gap-y-4 {
    row-gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-x-5 {
    column-gap: 1.25rem;
}

.gap-y-5 {
    row-gap: 1.25rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-x-6 {
    column-gap: 1.5rem;
}

.gap-y-6 {
    row-gap: 1.5rem;
}

.gap-7 {
    gap: 1.75rem;
}

.gap-x-7 {
    column-gap: 1.75rem;
}

.gap-y-7 {
    row-gap: 1.75rem;
}

.gap-8 {
    gap: 2rem;
}

.gap-x-8 {
    column-gap: 2rem;
}

.gap-y-8 {
    row-gap: 2rem;
}

.gap-9 {
    gap: 2.25rem;
}

.gap-x-9 {
    column-gap: 2.25rem;
}

.gap-y-9 {
    row-gap: 2.25rem;
}

.gap-10 {
    gap: 2.5rem;
}

.gap-x-10 {
    column-gap: 2.5rem;
}

.gap-y-10 {
    row-gap: 2.5rem;
}

.gap-11 {
    gap: 2.75rem;
}

.gap-x-11 {
    column-gap: 2.75rem;
}

.gap-y-11 {
    row-gap: 2.75rem;
}

.gap-12 {
    gap: 3rem;
}

.gap-x-12 {
    column-gap: 3rem;
}

.gap-y-12 {
    row-gap: 3rem;
}

.no-pointer-events {
    pointer-events: none;
}

/* Color definitions */
.sp-color-brand-blue {color: var(--sp-brand-blue);}
.sp-color-blue {color: var(--sp-blue);}
.sp-color-gray {color: var(--sp-gray);}
.sp-color-white {color: var(--sp-white);}
.sp-color-black {color: var(--sp-black);}
.sp-color-purple {color: var(--sp-purple);}
.sp-color-pink {color: var(--sp-pink);}
.sp-color-red {color: var(--sp-red);}
.sp-color-green {color: var(--sp-green);}
.sp-color-orange {color: var(--sp-orange);}
.sp-color-yellow {color: var(--sp-yellow);}
.sp-color-cta {color: var(--color-cta);}
.sp-color-cta-hover {color: var(--color-cta-hover);}
.sp-color-cta-active {color: var(--color-cta-active);}
.sp-color-danger {color: var(--color-danger);}
.sp-color-danger-hover {color: var(--color-danger-hover);}
.sp-color-danger-active {color: var(--color-danger-active);}
.sp-color-info {color: var(--color-info);}
.sp-color-info-hover {color: var(--color-info-hover);}
.sp-color-info-active {color: var(--color-info-active);}
.sp-color-success {color: var(--color-success);}
.sp-color-success-hover {color: var(--color-success-hover);}
.sp-color-success-active {color: var(--color-success-active);}
.sp-color-warning {color: var(--color-warning);}
.sp-color-warning-hover {color: var(--color-warning-hover);}
.sp-color-warning-active {color: var(--color-warning-active);}
.sp-color-draft {color: var(--color-draft);}

/* Animation definitions */
@keyframes spin { 100% { transform: rotate(360deg); } }
.spin {
    animation: spin 2s linear infinite;
}
.duration-1 {
    animation-duration: 1s;
}
.duration-2 {
    animation-duration: 2s;
}
.duration-3 {
    animation-duration: 3s;
}
.duration-4 {
    animation-duration: 4s;
}

/* Responsive visible/hidden helpers */
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none;
}
@media (max-width: 767px) {
    .visible-xs,
    .visible-xs-block {
        display: block !important;
    }
    .visible-xs-inline {
        display: inline !important;
    }
    .visible-xs-inline-block {
        display: inline-block !important;
    }
    table.visible-xs {
        display: table;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm,
    .visible-sm-block {
        display: block !important;
    }
    .visible-sm-inline {
        display: inline !important;
    }
    .visible-sm-inline-block {
        display: inline-block !important;
    }
    table.visible-sm {
        display: table;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md,
    .visible-md-block {
        display: block !important;
    }
    .visible-md-inline {
        display: inline !important;
    }
    .visible-md-inline-block {
        display: inline-block !important;
    }
    table.visible-md {
        display: table;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg,
    .visible-lg-block {
        display: block !important;
    }
    .visible-lg-inline {
        display: inline !important;
    }
    .visible-lg-inline-block {
        display: inline-block !important;
    }
    table.visible-lg {
        display: table;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}