.modal-backdrop.bose-carousel-modal .glider-track {
    height: 23.4375rem;
}

.modal-backdrop.bose-carousel-modal .slds-icon-text-default {
    --slds-c-icon-color-foreground: #131317;
}

.modal-backdrop.bose-carousel-modal .close-icon .slds-button_icon-border {
    border-radius: 1.5rem;
    background-color: #d9d9d9;
    color: #000000;
}

.modal-backdrop.bose-carousel-modal .glider-dots .glider-dot {
	background-color: #b4bec7;
}

.modal-backdrop.bose-carousel-modal .glider-dots .glider-dot.active {
	background-color: #131317;
}

.modal-backdrop.bose-carousel-modal .close-icon .slds-button_icon-border:focus,
.modal-backdrop.bose-carousel-modal .glider-prev button:focus,
.modal-backdrop.bose-carousel-modal .glider-next button:focus,
.modal-backdrop.bose-carousel-modal .glider-dots .glider-dot:focus {
    outline: 0.09375rem solid #e59700;
}

.modal-backdrop.bose-carousel-modal .glider-next button,
.modal-backdrop.bose-carousel-modal .glider-prev button {
    position: absolute;
    top: 45%;
    border-radius: 1.562rem;
    border: 0.0937rem solid #131317;
    color: #131317;
    background-color: #ffffff;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    --slds-c-icon-color-foreground: #131317;
    visibility: visible;
    font-size: 1rem;
}

.modal-backdrop.bose-carousel-modal .glider-prev button {
    left: 0.5rem;
}

.modal-backdrop.bose-carousel-modal .glider-next button {
    right: 0.5rem;
}

.modal-backdrop.bose-carousel-modal .glider-next.disabled button,
.modal-backdrop.bose-carousel-modal .glider-prev.disabled button {
    visibility: hidden;
}

/* Tablet and Desktop Mode code starts */

@media (min-width: 48rem) {
    .modal-backdrop.bose-carousel-modal .glider-prev button {
        left: 2.5rem;
    }

    .modal-backdrop.bose-carousel-modal .glider-next button {
        right: 2.5rem;
    }
}

/*Tablet and Desktop Mode code ends */