@mixin card-border {
    border: 1px solid $input-border-color !important;
    border-radius: $input-border-radius;
}

.card-totalizadores {
    justify-content: center;

    .card {
        @include card-border;
    }

    .card-totalizadores-valores {
        display: grid;
        justify-content: center;
        align-items: center;
        grid-gap: .4rem 1rem;

        .card-totalizadores-item {
            justify-content: space-between;
            align-items: center;
        }
    }

    .card-totalizadores-itens-selecionados {
        box-shadow: 2px 8px 8px -3px rgba(0, 0, 0, .3);
        background-color: $card-itens-selecionados !important;

        .card-totalizadores-separador {
            border-right: 1px solid $input-border-color;
            height: 70px;
        }
    }
}

.card-border {
    @include card-border;
}

.card-totalizadores:has(.card-totalizadores-itens-selecionados) {
    position: sticky;
    bottom: 48px;
}

body:has(.scroll-container.d-none) {
    .card-totalizadores:has(.card-totalizadores-itens-selecionados) {
        bottom: 35px;
    }
}