.cursor-pointer {
    cursor: pointer;
}

.device-option {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 2px;
}

.device-option-selected {
    border-bottom: 4px solid #ff9c3d;
}

.hidden {
    display: none;
}

.text-muted {
    color: #5a9a94 !important
}

.card-body {
    color: white;
}

.form-select {
    --bs-body-color: white;
    --bs-body-bg: #1a1d1c;
    --bs-border-radius: 4px;
    --bs-border-color: rgba(255, 255, 255, 0.1);
}

.form-select:focus {
    border-color: #fb993d;
    box-shadow: 0 0 0 .25rem rgba(251, 153, 61, 0.25);
  }

/* Base styling for the range slider */
input[type="range"].form-range {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
}

input[type="range"].form-range:focus {
    outline: none;
}

/* WebKit (Chrome, Safari) track */
input[type="range"].form-range::-webkit-slider-runnable-track {
    height: 8px;
    background: #333;
    /* Dark track */
    border-radius: 5px;
}

/* WebKit thumb */
input[type="range"].form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #ccc;
    /* Light thumb for contrast */
    margin-top: -6px;
    /* Centers thumb on track */
    transition: background 0.3s ease;
}

input[type="range"].form-range::-webkit-slider-thumb:hover {
    background: #ddd;
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(193, 136, 12, 0.786);
}


/* Mozilla (Firefox) track */
input[type="range"].form-range::-moz-range-track {
    height: 8px;
    background: #333;
    border-radius: 5px;
}

/* Mozilla (Firefox) thumb */
input[type="range"].form-range::-moz-range-thumb {
    height: 20px;
    width: 20px;
    border: none;
    border-radius: 50%;
    background: #ccc;
    transition: background 0.3s ease;
}

input[type="range"].form-range::-moz-range-thumb:hover {
    background: #ddd;
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(193, 136, 12, 0.786);
}

/* Microsoft Edge */
input[type="range"].form-range::-ms-track {
    height: 8px;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type="range"].form-range::-ms-fill-lower {
    background: #333;
    border-radius: 5px;
}

input[type="range"].form-range::-ms-fill-upper {
    background: #333;
    border-radius: 5px;
}

input[type="range"].form-range::-ms-thumb {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #ccc;
    border: none;
    transition: background 0.3s ease;
}

input[type="range"].form-range::-ms-thumb:hover {
    background: #ddd;
}

.form-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(193, 136, 12, 0.786);
}