:root {
    /* offcanvas */
    --bb-offcanvas-footer-padding-y: 1rem;
    --bb-offcanvas-footer-padding-x: 1rem;
    --bb-offcanvas-horizontal-width-sm: 300px;
    --bb-offcanvas-horizontal-width-lg: 800px;
}

/* offcanvas */
.offcanvas-footer {
    display: flex;
    align-items: center;
    padding: var(--bb-offcanvas-footer-padding-y) var(--bb-offcanvas-footer-padding-x);
}

.offcanvas-start.bb-offcanvas-sm,
.offcanvas-end.bb-offcanvas-sm {
    width: var(--bb-offcanvas-horizontal-width-sm);
}

.offcanvas-start.bb-offcanvas-lg,
.offcanvas-end.bb-offcanvas-lg {
    width: var(--bb-offcanvas-horizontal-width-lg);
}

/* form */
.form-control,
.form-select {
    padding: 15px;
    height: 50px;
    border-width: var(--bs-border-width) !important;
    border-color: var(--bs-border-color);
    border-style: solid;
}

    .form-select[multiple] {
        height: auto;
    }

    .form-control.is-invalid + label .invalid-feedback,
    .form-select.is-invalid + label .invalid-feedback,
    .form-check.is-invalid + label .invalid-feedback,
    .form-check.is-invalid .invalid-feedback {
        display: contents;
    }

.form-combine {
    margin-bottom: 10px;
}

    .form-combine .form-group {
        margin-bottom: -1px !important;
    }

        .form-combine .form-group:focus-within {
            z-index: 1;
        }

        .form-combine .form-group:not(:first-child):not(:last-child) .form-control,
        .form-combine .form-group:not(:first-child):not(:last-child) .form-select {
            border-radius: 0px !important;
        }

        .form-combine .form-group:first-child .form-control,
        .form-combine .form-group:first-child .form-select {
            border-bottom-left-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
        }

        .form-combine .form-group:last-child .form-control,
        .form-combine .form-group:last-child .form-select {
            border-top-left-radius: 0px !important;
            border-top-right-radius: 0px !important;
        }