@import url('https://fonts.googleapis.com/css?family=Roboto:400,600,700,800');

*, *::before, *::after {
  box-sizing: border-box;
  outline: none;
  padding: 0;
  margin: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}

html {
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}

body {
  overflow: hidden;
  background-color: var(--app-background);
  color: var(--app-color);
}

iframe {
  border: none;
}

img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-drag: none;
}

a, a:hover, a:active, a:visited {
  text-decoration: none;
  color: unset;
}

button {
  border: none;
  outline: none;
  color: var(--color);
}

input {
  background: var(--input-background);
  border: none;
  outline: none;
  color: var(--color);
}

input[readonly] {
  cursor: default;
  background-color: var(--input-readonly-background);
}

input.invalid {
  border: 1px solid var(--error) !important;
}

svg {
  fill: var(--app-icon);
}

ul {
  list-style-type: none;
}

//input[type=range] {
//  -webkit-appearance: none;
//  width: 100%;
//  //background: transparent;
//}
//
//input[type=range]:focus {
//  outline: none;
//}

//input[type=range]::-ms-track {
//  width: 100%;
//  cursor: pointer;
//  background: transparent;
//  border-color: transparent;
//  color: transparent;
//}

input[type=range]::-webkit-slider-thumb {
  border: 1px solid #000000;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}

//input[type=range] {
//  &::-webkit-slider-runnable-track, &::-moz-range-track, &::-ms-track {
//    cursor: pointer;
//    background: #3071a9;
//    border-radius: 1.3px;
//    border: 0.2px solid #010101;
//  }
//}