/* input(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@include' */
.pb-loader {
    height: 80px;
    aspect-ratio: 1;
    padding: 10px;
    border-radius: 50%;
    box-sizing: border-box;
    mask: conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);
    filter: blur(10px);
    z-index: 100;
}

    .pb-loader:before {
        content: "";
        position: absolute;
        inset: 0;
        background: repeating-conic-gradient(#0000 0 5%,#C02942,#0000 20% 50%);
        animation: l2 1.5s linear infinite;
    }

@keyframes l2 {
    to {
        rotate: 1turn
    }
}


.card-chat-pane {
    height: calc(100% - 3rem);
    position: relative;
    overflow: hidden;
}

.card-chat {
    height: calc(100vh - var(--falcon-top-nav-height) - 12rem) !important;
}

.footer{
    bottom: inherit !important;
}

th select {
    display: block !important;
    min-width: 100px; /* or whatever fits */
}

.headline-img{
    width: 9em;
}

.headline-img {
    width: 7em;

    @include media-breakpoint-up(lg) {
        width: 18em;
    }
}