/* Asset-page-only Tailwind utilities that are not present in home-tailwind.css */

.cursor-pointer {
    cursor: pointer;
}

.inline-block {
    display: inline-block;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.mt-10 {
    margin-top: 2.5rem;
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.focus\:border-transparent:focus {
    border-color: transparent;
}

.hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: var(--tw-transform);
}

@media (min-width: 640px) {
    .sm\:p-3 {
        padding: 0.75rem;
    }

    .sm\:p-4 {
        padding: 1rem;
    }

    .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}