/* src/styles.less */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url(/assets/fonts/roboto/Roboto-Thin.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url(/assets/fonts/roboto/Roboto-ThinItalic.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/roboto/Roboto-Light.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url(/assets/fonts/roboto/Roboto-LightItalic.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/roboto/Roboto-Regular.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url(/assets/fonts/roboto/Roboto-Italic.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/fonts/roboto/Roboto-Medium.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url(/assets/fonts/roboto/Roboto-MediumItalic.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/roboto/Roboto-Bold.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url(/assets/fonts/roboto/Roboto-BoldItalic.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url(/assets/fonts/roboto/Roboto-Black.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url(/assets/fonts/roboto/Roboto-BlackItalic.ttf) format("truetype");
  font-display: swap;
}
* {
  outline: none;
}
body,
html {
  touch-action: manipulation;
  overscroll-behavior: none;
  background: #fdfdfd;
  margin: 0px;
  padding: 0px;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 300;
}
@media screen and (max-width: 1100px) {
  body {
    padding-bottom: 90px;
  }
}
button {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  margin: 0px;
  display: flex;
  align-items: center;
  padding: 0px 11px;
  background: #111111;
  border-radius: 4px;
  height: 32px;
  box-sizing: border-box;
  color: #fff;
  border: solid 1px #000000;
  box-shadow: 0 1px 1px #00000014;
  transition: background-color 0.2s ease;
}
button:hover {
  cursor: pointer;
  background: #222222;
}
button:active {
  cursor: pointer;
  background: #000000;
  box-shadow: none;
}
input:-webkit-autofill {
  background-color: #fff;
}
input[type=text],
input[type=password],
input.p-inputtext {
  margin: 0px;
  padding: 6px 12px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #333;
  border-radius: 4px;
  max-width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 300;
  box-sizing: border-box;
  transition: border 0.2s ease;
}
.search input.p-inputtext {
  width: 100%;
  box-sizing: border-box;
}
textarea {
  resize: vertical;
  margin: 0px;
  padding: 6px 12px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #333;
  border-radius: 4px;
  max-width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 400;
  box-sizing: border-box;
  transition: border 0.2s ease;
}
textarea:hover,
input[type=text]:hover,
input[type=password]:hover,
input.p-inputtext:hover {
  border: 1px solid #767676;
}
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input.p-inputtext:focus {
  border: 1px solid #767676;
}
a[href] {
  text-decoration: underline;
  color: #767676;
  transition: color 0.2s ease;
}
a[href]:hover {
  color: #333;
}
@media screen and (max-width: 800px) {
  body,
  html {
    font-size: 16px;
  }
  input[type=text],
  input[type=password],
  textarea,
  button {
    font-size: 16px;
  }
}

/* angular:styles/global:styles */