/* Padding */

.pb-3 {
    padding-bottom: 0.75rem;
}

@media (width >= 48rem) {
    .md\:p-4 {
        padding: 1rem;
    }
}

/* Borders */

.border-gray-300 {
    border-color: #d4d4d8;
}

.border-l {
    border-left-width: 1px;
}

.border-l-0 {
    border-left-width: 0 !important;
}

.border-r-0 {
    border-right-width: 0 !important;
}

.border-white {
    border-color: #fff;
}

/* Text Effects */

.uppercase {
    text-transform: uppercase;
}

/* Backgrounds */

.bg-gray-700 {
    background-color: #3f3f46;
}

.bg-green-500 {
    background-color: #22c55e;
}

.bg-green-700 {
    background-color: #15803d;
}

.bg-orange-500 {
    background-color: #f97316;
}

.bg-red-700 {
    background-color: #b91c1c;
}

.bg-yellow-400 {
    background-color: #facc15;
}

/* Overflow */

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

/* Custom Classes */

.rotated-vertically {
    transform: rotate(180deg);
    writing-mode: vertical-lr;
}

/* Fixes for Safari */
@supports (-webkit-hyphens: none) {
    .rotated-vertically {
        transform: rotate(-90deg);
    }
}