@container gh-list (min-width: 28rem) {
    .\@smd\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container gh-list (min-width: 56rem) {
    .\@slg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@container gh-list (min-width: 80rem) {
    .\@5xl\:max-h-\[45vh\] {
        max-height: 45vh;
    }
}

.gh-image-wrapper {
    transition: transform 250ms cubic-bezier(.19, 0, 0, 1), border-color 250ms cubic-bezier(.19, 0, 0, 1), background-color 250ms cubic-bezier(.19, 0, 0, 1), scale 250ms cubic-bezier(.19, 0, 0, 1);
    -webkit-tap-highlight-color: transparent;
}

@media (max-width: 639px) {
    .gh-image-wrapper {
        transition-property: border-color, background-color;
    }
}

@media (min-width: 640px) {
    .gh-image-wrapper {
        transition: scale 300ms cubic-bezier(.19, 0, 0, 1), transform 300ms cubic-bezier(.19, 0, 0, 1), border-color 250ms cubic-bezier(.19, 0, 0, 1), background-color 250ms cubic-bezier(.19, 0, 0, 1);
    }
    .gh-image-wrapper:hover:not(:active) {
        scale: 1.01;
    }
    .gh-image-wrapper:active {
        scale: 0.99;
    }
}

@media (hover: hover) {
    .hover-supported\:group-hover\/image\:opacity-100 {
        opacity: 0;
    }
    .group\/image:hover .hover-supported\:group-hover\/image\:opacity-100 {
        opacity: 1;
    }
}

.transform-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.bg-linear-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-linear-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.show-scrollbar-on-hover {
    scrollbar-width: none;
}

.show-scrollbar-on-hover::-webkit-scrollbar {
    display: none;
}

@media (hover: hover) {
    .hover-supported\:translate-y-2 {
        --tw-translate-y: 0.5rem;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover-supported\:opacity-0 {
        opacity: 0;
    }
    .group:hover .hover-supported\:group-hover\:translate-y-0 {
        --tw-translate-y: 0px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
        pointer-events: auto;
    }
    .group:hover .hover-supported\:group-hover\:opacity-100 {
        opacity: 1;
        pointer-events: auto;
    }
}

[data-gh-wrapper] [data-placeholder],
[data-gh-wrapper][data-placeholder] {
    display: none !important;
}