@charset "UTF-8";

/* src/styles.scss */
@font-face {
  font-family: "HRCo Sans";
  src: url(/fonts/Tajawal-ExtraLight.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HRCo Sans";
  src: url(/fonts/Tajawal-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HRCo Sans";
  src: url(/fonts/Tajawal-Light.ttf) format("truetype");
  font-weight: 250;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HRCo Sans";
  src: url(/fonts/Tajawal-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HRCo Sans";
  src: url(/fonts/Tajawal-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HRCo Sans";
  src: url(/fonts/Tajawal-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HRCo Sans";
  src: url(/fonts/Tajawal-Bold.ttf) format("truetype");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HRCo Sans";
  src: url(/fonts/Tajawal-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HRCo Sans";
  src: url(/fonts/Tajawal-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  font-family: var(--hrco-font-ar, "HRCo Sans");
}
button,
input,
textarea,
select,
optgroup,
option {
  font: inherit;
}
code,
pre,
kbd,
samp {
  font-family: inherit;
}
input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible {
  outline: none;
}
@keyframes v2-vt-fade-out {
  to {
    opacity: 0;
  }
}
@keyframes v2-vt-fade-in {
  from {
    opacity: 0;
  }
}
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 220ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  mix-blend-mode: normal;
}
::view-transition-old(root) {
  animation-name: v2-vt-fade-out;
}
::view-transition-new(root) {
  animation-name: v2-vt-fade-in;
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}
html {
  font-size: 100%;
}
@media (max-width: 1200px) {
  html {
    font-size: 90%;
  }
}
@media (max-width: 900px) {
  html {
    font-size: 80%;
  }
}
@media (max-width: 576px) {
  html {
    font-size: 82.5%;
  }
}
[class$=-backbar__title],
[class*="-backbar__title "] {
  font-size: 1.125rem !important;
  font-weight: 800 !important;
  color: var(--hrco-ink1) !important;
  line-height: 1.25 !important;
}
body:has([data-theme=night]) {
  background-color: #14171d;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */