﻿@import url(https://pro.fontawesome.com/releases/v5.10.0/css/all.css);

:root {
    --red-500: #EF4444;
}

.cursor-pointer {
    cursor: pointer;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-4 {
    padding: 1rem;
}

.bg-red-500 {
    background-color: var(--red-500);
}

.text-white {
    color: white;
}

.text-red-500 {
    color: var(--red-500);
}

.object-fit-cover {
    object-fit: cover;
}

.object-fit-contain {
    object-fit: contain;
}

.flex {
    display: flex;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.flex-grow {
    flex-grow: 1;
}

.w-1\/2 {
    width: 50%;
}

.w-1\/3 {
    width: 33.33333%;
}

.gap-4 {
    gap: 1rem;
}