.hover-border-primary {
    transition: border-color 0.1s ease, border-width 0.1s ease;
}

.hover-border-primary:hover {
    border-color: var(--bs-info);
    border-width: 3px;
}

@media (min-width: 992px) {
    .full-width-small {
        max-width: 25%;
    }
}

@media (max-width: 992px) {
    .sm-show {
        display: block !important;
    }

    .w-100-sm {
        width: 100%;
    }

    .flex-shrink-sm {
        flex: 0;
    }
}

/* Highlight animation */
.highlight-target:target {
    animation: hashHighlight 1.6s ease-out 1;
    box-shadow: 0 0 0 0 rgba(63, 185, 255, 0.0);
    /* fallback */
}


@keyframes hashHighlight {
    0% {
        background-color: rgba(63, 185, 255);
        box-shadow: 0 0 0 0 rgb(63, 185, 255);
    }

    100% {
        background-color: transparent;
        box-shadow: 0 0 0 18px rgba(63, 185, 255, 0.0);
    }
}

.card.hash-highlight {
    animation: cardHashPulse 1200ms ease-out 1 !important;
}


@keyframes cardHashPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(63, 185, 255);
    }

    70% {
        box-shadow: 0 0 0 14px rgba(63, 185, 255, 0.0);
    }

    100% {
        box-shadow: none;
    }
}

blockquote {
    margin: 0.75rem 0;
    padding-left: 1rem;
    border-left: 3px solid #dee2e6;
    color: #acb3b9;
    font-size: var(--bs-body-font-size) !important;
}

code {
    background-color: var(--bs-secondary-bg);
}

.treeblock {
    margin-left: 1em;
    padding: 2px;
}