.QHidden {
  display: none;
}
.QControls {
    z-index: 420000000;
    position: fixed;bottom: 0;left: 0;
    display: block;
    width: 100%;
    padding: 0;
    cursor: pointer;
}
.QControls .QToolbar {
    margin: 4px;
    transition: all 2000ms ease 0ms;
    border-top: 1px rgba(0, 0, 0, 0.055) solid;
    box-shadow: 0rem -5px 1rem rgba(0, 0, 0, 0.24);
    transform: translateY(16px) scale(1);
    opacity: 0.5;
    background-color: rgba(240, 240, 240, 0.62);
    display: flex;
}
.QControls:hover .QToolbar {
    transition: all 400ms ease;
    opacity: 1;
    transform: translateY(0px) scale(1);
}
[data-bs-theme='dark'] .QControls .QToolbar {
    background-color: rgba(22, 22, 22, 0.62);
}
[data-bs-theme='dark'] .QControls:hover .QToolbar {
}
.QControls .QToolbarInner {
    transition: all 2000ms ease 0ms;
    transform: translateY(-6px) scale(0.9);
}
.QControls .QToolbarInnerStart {
    transform-origin: center left;
}
.QControls .QToolbarInnerEnd {
    transform-origin: center right;
}
.QControls:hover .QToolbarInner {
    transition: all 400ms ease 0ms;
    transform: translateY(0px) scale(1);
}

.QControls .QToolbar .form-switch.mode-switch .form-check-input {
  background-color: #1a1a1a;
}
[data-bs-theme=dark] .QControls .QToolbar .form-switch:not([data-bs-theme=light]).mode-switch .form-check-input,
[data-bs-theme=dark] .QControls .QToolbar .form-switch:not([data-bs-theme=light]).price-switch .form-check-input {
  background-color: #000000 !important;
}
.QControls .QToolbar .btn-link {
  color: #1a1a1a;
}
.QControls .QToolbar .btn-link:hover {
  color: black;
  background: rgba(230, 230, 230, 1);
}

[data-bs-theme='dark'] .QControls .QToolbar .btn-link {
  color: #eeeeee;
}
[data-bs-theme='dark'] .QControls .QToolbar .btn-link:hover {
  color: white;
  background: rgba(0, 0, 0, 1);
}


[data-bs-theme='light'] .QControls .QToolbar {
}
[data-bs-theme='light'] .QControls:hover .QToolbar {
}
[data-bs-theme='light'] .QControls .QToolbar .btn-link {
}
[data-bs-theme='light'] .QControls .QToolbar .btn-link:hover {
}


.QControls .QTrackControls {
  opacity: 0;
  transform: translateY(120px) scale(0.98);
  transition: all 3000ms ease 1000ms;
  background-color: rgba(240, 240, 240, 0);
}
.QControls:hover .QTrackControls {
  opacity: 1;
  transform: translateY(0px) scale(1);
  transition: all 400ms ease 0ms;
  background-color: rgba(240, 240, 240, 0);
}
[data-bs-theme='dark'] .QControls .QTrackControls {
    background-color: rgba(22, 22, 22, 0);
}
[data-bs-theme='dark'] .QControls:hover .QTrackControls {
}

.QControls .QTrackControls .btn-link {
  color: #1a1a1a;
}
.QControls .QTrackControls .btn-link:hover {
  color: black;
  background: rgba(230, 230, 230, 0.5);
}
[data-bs-theme='light'] .QControls .QTrackControls .btn-link {
}
[data-bs-theme='light'] .QControls .QTrackControls .btn-link:hover {
}
[data-bs-theme='dark'] .QControls .QTrackControls .btn-link {
  color: #eeeeee;
}
[data-bs-theme='dark'] .QControls .QTrackControls .btn-link:hover {
  color: white;
  background: rgba(0, 0, 0, 0.5);
}