@media (max-width: 768px) {
    .hidden-mobile {
        display: none;
    }
}

@media (min-width: 769px) {
    .hidden-desktop {
        display: none;
    }

    .md\:block {
        display: block;
    }

    .md\:left {
        float: left;
        display: block;
    }

    .md\:w-40 {
        width: 40% !important;
    }
}


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

[role="button"]:focus {
    outline-style: solid;
    outline-width: 1px;
    outline-color: white;
}

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

.bg-lightgray {
    background-color: #f6f7f9;
}

.bg-green {
    background-color: #7ac143;
}

.bg-purple {
    background-color: #5a2c81;
}