.cropme-modal{
    background-color: var(--bs-body-bg);
    border-radius: 15px;
    box-shadow: var(--bs-box-shadow);
    border: 1px solid var(--bs-gray-200);
}

.cropme-container{
    border-radius: 10px;
}

.cropme-slider-buttons button{
    border: none;
    background: none;
    color: var(--bs-gray-600);
}

.cropme-slider-buttons button:hover{
    color: var(--bs-primary);
}

.cropme-modal-buttons .cropme-modal-button-apply,
.cropme-modal-buttons .cropme-modal-button-apply:hover{
    background: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary-fg, --bs-btn-color);
    border-radius: 5px;
    font-size: 13px;
    font-family: initial;
}

.cropme-modal-buttons .cropme-modal-button-cancel,
.cropme-modal-buttons .cropme-modal-button-cancel:hover{
    background: transparent;
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary);
    border-radius: 5px;
    font-size: 13px;
    font-family: initial;
}

.cropme-modal input[type=range]{
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    background: transparent;
    outline: none;
    border-radius: 5px;
    margin-top: 18px;
    border: none;
}

.cropme-modal input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: var(--bs-gray-600);
    border-radius: 5px;
  }
  
.cropme-modal input[type=range]:focus::-webkit-slider-runnable-track {
    background: var(--bs-gray-600);
}
  
.cropme-modal input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: var(--bs-gray-600);
    border-radius: 5px;
}
  

.cropme-modal input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: var(--bs-gray-600);
    cursor: pointer;
}
  
.cropme-modal input[type=range]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: var(--bs-gray-600);
    cursor: pointer;
}

@media (max-width:480px){
    .cropme-modal{
        border-radius: 0;
        border-width: 1px 0 0 0;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
    }
}