.bracket-container::-webkit-scrollbar {
    display: none;
}

@media (min-width: 768px) {
    .bracket-container {
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
    }
}

.tappable-card {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

@media (prefers-reduced-motion: no-preference) {
    .tappable-card {
        transition: transform 120ms cubic-bezier(0.32, 0.72, 0, 1),
            border-color 150ms ease-out;
    }

    .tappable-card:active {
        transform: scale(0.98);
    }
}