.fa-fw {
    text-align: center;
    width: 1.25em;
}

tr.htmx-swapping td {
    opacity: 0;
    transition: opacity 1s ease-out;
}

.btn .icon-right {
    right: 10px;
}

.card>a[data-toggle="collapse"]::after {
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    left: 10px;
    top: 24px;
    vertical-align: 0.255em;
    /*
    right: 8px;
    */
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.card>a[data-toggle="collapse"][aria-expanded="false"]:after {
    transform: rotate(-90deg);
}

.card>a[data-toggle="collapse"]:after {
    transition: transform .35s ease, opacity .35s ease;
    opacity: .5;
}

td a {
    display: block
}

tr.htmx-swapping td {
    opacity: 0;
    transition: opacity 1s ease-out;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}