:root {
  --main: #334154;
  --hover-main: #64748b;
  --ring: 215 20.2% 65.1%;
}

@font-face {
  font-family: "Roboto";
  font-style: "normal";
  font-weight: 400;
  src: local("Roboto"), url("../assets/roboto/Roboto-Regular.ttf");
}

@font-face {
  font-family: "Roboto";
  font-style: "normal";
  font-weight: 600;
  src: local("Roboto"), url("../assets/roboto/Roboto-Medium.ttf");
}

@font-face {
  font-family: "Roboto Slab";
  font-style: "normal";
  font-weight: 400;
  src: local("Roboto Slab"), url("../assets/roboto-slab/RobotoSlab-Regular.ttf");
}

@font-face {
  font-family: "Roboto Slab";
  font-style: "normal";
  font-weight: 600;
  src: local("Roboto Slab"), url("../assets/roboto-slab/RobotoSlab-SemiBold.ttf");
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


/* Overrides */

/* Select arrow */
select {
  -webkit-appearance: none; /* for Chrome and Safari */
  -moz-appearance: none; /* for Firefox */
  appearance: none;
  background-image: url('../assets/icons/select-white-arrow.svg') !important;
  background-repeat: no-repeat;
  background-size: 18px !important;
  background-position: right 12px center !important;
}

.btn-dropdown {
  background-image: url('../assets/icons/select-white-arrow-big.svg');
  background-repeat: no-repeat;
  background-position: right 1em center;
 }

 .input-search {
  background-image: url('../assets/icons/select-white-arrow-down-big.svg');
  background-repeat: no-repeat;
  background-position: right 1em center;
 }

 /* For Firefox, which does not support the appearance property */
 @-moz-document url-prefix() {
  #land-use-select {
     text-indent: 0.01px;
     text-overflow: '';
  }
 }