#offcanvasTop * {
    transition-property: none !important;
    transition-duration: 0s !important;
    transition-timing-function: initial !important;
    transition-delay: 0s !important;
}

.offcanvas-backdrop {
    transition: opacity .5s;
}

.card-combo .wdk-group.dfc {
    display: flex;
    align-items: start;
    flex: 1; 
    max-width: calc(100% - 40px);
}

.card-combo .wdk-group.dfc .wdk-text-container {
    flex: 1;
    display: inline-flex;
}

.card-combo .wdk-group.dfc .wdk-text-container a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div#GSResultSection .card-combo {
    padding: 8px 8px 8px 12px !important;
}

div#GSResultSection .card-combo + .card-combo {
    margin-top: 8px !important;
}

div#GSResultSection .btn.btn-inline.btn-icon i {
    font-size: 18px;
}

/* Refactor this to a global component */
#offcanvasTop * .accordion-header a[data-bs-toggle="collapse"] {
    padding: 12px 36px 12px 12px !important;
}