.bi:before {
    transition: transform .3s linear;
}

[aria-expanded="true"] > .card-collapse-arrow:before {
    transform: rotate(90deg);
}

.bi-rotate-90:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.bi-rotate-315:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.bi-spin:before {
    -webkit-animation-name: bi-spin;
    animation-name: bi-spin;
    -webkit-animation-delay: var(--bi-animation-delay, 0s);
    animation-delay: var(--bi-animation-delay, 0s);
    -webkit-animation-direction: var(--bi-animation-direction, normal);
    animation-direction: var(--bi-animation-direction, normal);
    -webkit-animation-duration: var(--bi-animation-duration, 2s);
    animation-duration: var(--bi-animation-duration, 2s);
    -webkit-animation-iteration-count: var(--bi-animation-iteration-count, infinite);
    animation-iteration-count: var(--bi-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--bi-animation-timing, linear);
    animation-timing-function: var(--bi-animation-timing, linear);
}

@-webkit-keyframes bi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes bi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.bi-arrows-fullscreen::before {
    transform: scale(0.8);
}
