html [data-tabs-toggle] [role=tab] {
  padding: 0 !important;
  color: unset;
  border: none;
}
html [data-tabs-toggle] [role=tab].active {
  font-weight: bold;
  cursor: pointer;
  color: var(--color-teal) !important;
}

ul#orders-type li button {
  opacity: 0.3;
}
ul#orders-type li button.active {
  opacity: 1;
}

html.active .slider-input input[type=range]::-webkit-slider-runnable-track {
  background: #474D57;
}
html[dir=ltr] #trade-form-type-toggle-container #buy-form-type-toggler {
  position: relative;
}
html[dir=ltr] #trade-form-type-toggle-container #buy-form-type-toggler.active {
  background-color: var(--text-green-500);
}
html[dir=ltr] #trade-form-type-toggle-container #buy-form-type-toggler.active::after {
  background-color: inherit;
  position: absolute;
  content: "";
  top: 6px;
  right: -15px;
  width: 28px;
  height: 28px;
  transform: rotate(45deg);
  z-index: 10;
}
html[dir=ltr] #trade-form-type-toggle-container #sale-form-type-toggler {
  position: relative;
}
html[dir=ltr] #trade-form-type-toggle-container #sale-form-type-toggler.active {
  background-color: var(--text-red-500);
}
html[dir=ltr] #trade-form-type-toggle-container #sale-form-type-toggler.active::before {
  background-color: inherit;
  position: absolute;
  content: "";
  top: 6px;
  left: -15px;
  width: 28px;
  height: 28px;
  transform: rotate(45deg);
  z-index: 10;
}
html[dir=rtl] #trade-form-type-toggle-container #buy-form-type-toggler {
  position: relative;
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
html[dir=rtl] #trade-form-type-toggle-container #buy-form-type-toggler.active {
  background-color: var(--color-teal);
}
html[dir=rtl] #trade-form-type-toggle-container #buy-form-type-toggler.active::before {
  background-color: inherit;
  position: absolute;
  content: "";
  top: 6px;
  left: -15px;
  width: 28px;
  height: 28px;
  transform: rotate(45deg);
  z-index: 10;
}
html[dir=rtl] #trade-form-type-toggle-container #sale-form-type-toggler {
  position: relative;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
html[dir=rtl] #trade-form-type-toggle-container #sale-form-type-toggler.active {
  background-color: #db5541;
}
html[dir=rtl] #trade-form-type-toggle-container #sale-form-type-toggler.active::after {
  background-color: inherit;
  position: absolute;
  content: "";
  top: 6px;
  right: -15px;
  width: 28px;
  height: 28px;
  transform: rotate(45deg);
  z-index: 10;
}

.slider-input input[type=range] {
  -webkit-appearance: none;
  background-color: transparent;
}
.slider-input input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 4px solid #474D57;
  background: #FFF;
  height: 15px;
  width: 15px;
  border-radius: 4px;
  cursor: pointer;
  margin-top: -5px;
  transform: rotate(45deg);
  position: relative;
  z-index: 1;
}
.slider-input input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: #DCE0E5;
  border-radius: 5px;
}
.slider-input .slider-input-steps-container {
  padding: 0 10px;
  top: 10px !important;
}
.slider-input .slider-input-steps-container .slider-input-step {
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid #474D57;
  z-index: 0 !important;
}

footer *::-webkit-scrollbar {
  display: none !important;
}