.text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgb(250 202 21/var(--tw-text-opacity));
}

.p-1 {
    padding: 0.20rem;
}

.-top-12 {
    top: -2rem
}

.w-9 {
    width: 2.25rem
}

.left-2 {
    left: .50rem
}

.lg\:mr-6 {
    margin-right: 1.5rem
}

.xl\:grid-cols-5 {
    grid-template-columns:repeat(5,minmax(0,1fr))
}

.border-green {
    border-color: #10b981;
}

.z-1000 {
    z-index: 1000
}

.hover\:text-red:hover {
    color: #EF4444;
}

.hover\:border-red:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity))
}

.bg-\[\#FA5C5C\]\/50 {
    background-color: rgba(250, 92, 92, .5)
}

.bg-\[\#13A4F8\]\/50 {
    background-color: rgba(19, 164, 248, .5)
}

.bg-\[\#0D5580\]\/50 {
    background-color: rgba(13, 85, 128, .5)
}

.preloader {
    position:fixed;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    background-color: rgba(13, 16, 45, 0.9);
    z-index: 9999999;
}

.preloader-lds {
    display: inline-block;
    position: absolute;
    width: 120px;
    height: 120px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.aspect-video {
    aspect-ratio: 4 / 5;
}

.dark .dark\:border-jacarta-800 {
    --tw-border-opacity: 1;
    border-color: #101436;
    border-color: rgb(16 20 54/var(--tw-border-opacity))
}