:root {
    --text-title-xs: 24px;
    --text-title-xs--line-height: 32px;
}

.font-lobster {
    font-family: 'Lobster', sans-serif;
}

.fl-wrapper {
    z-index: 999999 !important;
}

.text-capitalize {
    text-transform: capitalize;
}

.max-w-\[60\] {
    max-width: 60%;
}

.max-w-\[480px\] {
    max-width: 480px;
}

.lg\:max-w-\[160px\] {
    @media (width >=1024px) {
        max-width: 160px;
    }
}

.lg\:min-h-\[80px\] {
    @media (width >=1024px) {
        min-height: 80px;
    }
}

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

.ml-4 {
    margin-left: calc(var(--spacing) * 4);
}

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

.object-center {
    object-position: center!important;
}

.border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
}

.w-3 {
    width: calc(var(--spacing) * 3);
}

.w-9 {
    width: calc(var(--spacing) * 9);
}

.w-13 {
    width: calc(var(--spacing) * 13);
}

.h-9 {
    height: calc(var(--spacing) * 9);
}

.h-13 {
    height: calc(var(--spacing) * 13);
}

.w-14 {
    width: calc(var(--spacing) * 14);
}

.h-14 {
    height: calc(var(--spacing) * 14);
}

.w-56 {
    width: calc(var(--spacing) * 56);
}

.lg\:w-\[300px\] {
    @media (width >=640px) {
        width: 300px;
    }
}

.lg\:min-w-\[300px\] {
    @media (width >=640px) {
        min-width: 300px;
    }
}

.lg\:grid-cols-3 {
    @media (width >=1024px) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.lg\:grid-cols-4 {
    @media (width >=1024px) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.xl\:grid-cols-4 {
    @media (width >=1280px) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.p-10 {
    padding: calc(var(--spacing) * 10);
}

.pt-20 {
    padding-top: 5rem;
}

.lg\:pt-0 {
    @media (width >=1024px) {
        padding-top: 0;
    }
}

.lg\:pb-0 {
    @media (width >=1024px) {
        padding-bottom: 0;
    }
}

.xl\:w-1\/2 {
    @media (width >=1280px) {
        width: calc(1 / 2 * 100%);
    }
}

.border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
}

.border-dashed\! {
    --tw-border-style: dashed;
    border-style: dashed !important;
}

.bg-brand-400 {
    background-color: var(--color-brand-400)!important;
}

.dark\:bg-brand-400 {
    background-color: var(--color-brand-400)!important;
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.text-nowrap {
    white-space: nowrap;
}

.border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
}

.list-disc {
    list-style-type: disc;
}

.overflow-y-visible {
    overflow-y: scroll;
}

.shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.text-warning-500 {
    color: var(--color-warning-500);
}

.bg-warning-500\/10 {
    background-color: color-mix(in oklab, var(--color-warning-500) 10%, transparent);
}

.text-success-500 {
    color: var(--color-success-500);
}

.bg-success-500\/10 {
    background-color: color-mix(in oklab, var(--color-success-500) 10%, transparent);
}

.text-title-xs {
    font-size: var(--text-title-xs);
    line-height: var(--tw-leading, var(--text-title-xs--line-height));
}

.text-4xl {
    font-size: 2.25rem!important;
    line-height: 2.5rem!important;
}