/* src/styles.scss */
:root {
  --pro-primary: #008261;
  --pro-primary-0: #02AA80;
  --pro-primary-1: #60E8C6;
  --pro-primary-4: #226666;
  --color-neutral-white-1: #FFFFFF;
  --color-neutral-white-2: #F6F8FC;
  --color-neutral-white-3: #CBD4E1;
  --color-neutral-white-4: #F8F8F8;
  --color-neutral-gray-1: #94A3B8;
  --color-neutral-gray-2: #64748B;
  --color-neutral-black-1: #27364B;
  --color-neutral-black-2: #1E2A3B;
  --color-neutral-black-3: #0F1A2A;
  --color-semantic-alert-light-0: #FFF1CA;
  --color-semantic-alert-light: #FFDE81;
  --color-semantic-alert-1: #FFC11B;
  --color-semantic-alert-2: #EFB008;
  --color-semantic-alert-3: #976400;
  --color-semantic-alert-dark: #4D2900;
  --color-semantic-error-0: #FFEBEB;
  --color-semantic-error-ligth-0: #FFD8D8;
  --color-semantic-error-light: #FC9595;
  --color-semantic-error-1: #D83232;
  --color-semantic-error-2: #8C0000;
  --color-semantic-error-dark: #660000;
  --tempo-na-cidade-azul-8: #BEDAFF;
  --tempo-na-cidade-azul-dark: #002E69;
}
.font-weight-400,
.p1 {
  font-family: "Manrope Regular";
}
.font-weight-500,
.p5,
.p4,
.p3,
.p2 {
  font-family: "Manrope Medium";
}
.font-weight-600 {
  font-family: "Manrope SemiBold";
}
.font-weight-700,
h6,
h5,
h4,
h3,
h2,
h1 {
  font-family: "Manrope Bold";
}
h3,
h2,
h1 {
  line-height: auto;
}
h6,
h5,
h4 {
  line-height: 1.5;
}
h6 {
  font-size: 16px;
}
h5 {
  font-size: 20px;
}
h4 {
  font-size: 24px;
}
h3 {
  font-size: 32px;
}
h2 {
  font-size: 48px;
}
h1 {
  font-size: 64px;
}
.p5,
.p4,
.p3,
.p2,
.p1 {
  line-height: 1.5;
}
.p5 {
  font-size: 12px;
}
.p4 {
  font-size: 14px;
}
.p3 {
  font-size: 16px;
}
.p2 {
  font-size: 18px;
}
.p1 {
  font-size: 24px;
}
.round-sm,
.round-sm-t,
.round-sm-tl {
  border-top-left-radius: 4px;
}
.round-sm,
.round-sm-t,
.round-sm-tr {
  border-top-right-radius: 4px;
}
.round-sm,
.round-sm-b,
.round-sm-bl {
  border-bottom-left-radius: 4px;
}
.round-sm,
.round-sm-b,
.round-sm-br {
  border-bottom-right-radius: 4px;
}
.round-md,
.round-md-t,
.round-md-tl {
  border-top-left-radius: 8px;
}
.round-md,
.round-md-t,
.round-md-tr {
  border-top-right-radius: 8px;
}
.round-md,
.round-md-b,
.round-md-bl {
  border-bottom-left-radius: 8px;
}
.round-md,
.round-md-b,
.round-md-br {
  border-bottom-right-radius: 8px;
}
.round-lg,
.round-lg-t,
.round-lg-tl {
  border-top-left-radius: 16px;
}
.round-lg,
.round-lg-t,
.round-lg-tr {
  border-top-right-radius: 16px;
}
.round-lg,
.round-lg-b,
.round-lg-bl {
  border-bottom-left-radius: 16px;
}
.round-lg,
.round-lg-b,
.round-lg-br {
  border-bottom-right-radius: 16px;
}
.round-xl,
.round-xl-t,
.round-xl-tl {
  border-top-left-radius: 40px;
}
.round-xl,
.round-xl-t,
.round-xl-tr {
  border-top-right-radius: 40px;
}
.round-xl,
.round-xl-b,
.round-xl-bl {
  border-bottom-left-radius: 40px;
}
.round-xl,
.round-xl-b,
.round-xl-br {
  border-bottom-right-radius: 40px;
}
.shadow-sm {
  filter: drop-shadow(0px 4px 15px rgba(10, 53, 66, 0.1));
}
.shadow-md {
  filter: drop-shadow(2px 2px 20px rgba(10, 53, 66, 0.1));
}
.shadow-lg {
  filter: drop-shadow(0px 16px 25px rgba(10, 53, 66, 0.2));
}
.shadow-xl {
  filter: drop-shadow(0px 16px 30px rgba(10, 53, 66, 0.25));
}
.custom-head {
  background: var(--color-primary-dark);
}
.custom-menu {
  background: var(--color-primary-dark);
}
.custom-foot {
  background: var(--color-primary-dark);
}
.custom-submenu {
  background: var(--color-primary-0);
}
:root {
  --color-primary: #1d6841;
  --color-primary-light: #298b43;
  --color-semantic-info: #0094ff;
  --color-semantic-alert: #ff6b00;
  --color-semantic-danger: #bc0000;
  --color-semantic-warning: #ffc700;
  --color-semantic-success: #00b833;
  --color-neutral-black: #333333;
  --color-neutral-dark: #595959;
  --color-neutral-gray1: #bbbbbb;
  --color-neutral-gray2: #dddddd;
  --color-neutral-gray3: #efefef;
  --color-neutral-white: #ffffff;
  --color-tinted-gray: #f8fafa;
  --color-tinted-white: #e5f5ed;
  --color-tinted-dark: #808b80;
  --color-tinted-black: #06321b;
  --color-cold-greenish-1: #e1f4fc;
  --color-cold-greenish-2: #d2eefb;
  --color-cold-greenish-3: #bce6fa;
  --color-cold-greenish-4: #13eefc;
  --color-cold-greenish-5: #26d792;
  --color-cold-greenish-6: #06b69a;
  --color-cold-greenish-7: #0095a3;
  --color-cold-blueish-1: #e6ebf0;
  --color-cold-blueish-2: #dae9ff;
  --color-cold-blueish-3: #b9e5fa;
  --color-cold-blueish-4: #abc7ef;
  --color-cold-blueish-5: #77a1aa;
  --color-cold-blueish-6: #91d8f7;
  --color-cold-blueish-7: #7cd3f6;
  --color-cold-blueish-8: #3fbfe9;
  --color-cold-blueish-9: #47afe3;
  --color-cold-blueish-10: #0098da;
  --color-cold-blueish-11: #0082a3;
  --color-cold-blueish-12: #1774c4;
  --color-cold-blueish-13: #076799;
  --color-cold-blueish-14: #4e9cff;
  --color-warm-1: #d2e28b;
  --color-warm-2: #f6eb7f;
  --color-warm-3: #fae630;
  --color-warm-4: #ffcc29;
  --color-warm-5: #ffbb54;
  --color-warm-6: #f3a32a;
  --color-warm-7: #f58634;
  --color-warm-8: #fa7730;
  --color-warm-9: #fa5f30;
  --color-warm-10: #ff5b5b;
  --color-warm-11: #fa3030;
  --color-warm-12: #ca3438;
}
.text-default-small {
  font-size: 12px;
  line-height: 1.2;
  font-family: "Manrope Regular";
}
.text-default-regular {
  font-size: 14px;
  line-height: 1.2;
  font-family: "Manrope Regular";
}
.text-default-medium,
html,
body {
  font-size: 16px;
  line-height: 1.2;
  font-family: "Manrope Regular";
}
.text-default-large {
  font-size: 18px;
  line-height: 1.2;
  font-family: "Manrope Regular";
}
.text-emphasis-micro {
  font-size: 8px;
  line-height: 1.5;
  font-family: "Manrope Medium";
}
.text-emphasis-extra-small {
  font-size: 10px;
  line-height: 1.2;
  font-family: "Manrope Medium";
}
.text-emphasis-small {
  font-size: 12px;
  line-height: 1.2;
  font-family: "Manrope Medium";
}
.text-emphasis-regular {
  font-size: 14px;
  line-height: 1.2;
  font-family: "Manrope Medium";
}
.text-emphasis-medium {
  font-size: 16px;
  line-height: 1.2;
  font-family: "Manrope Medium";
}
.text-emphasis-large {
  font-size: 18px;
  line-height: 1.2;
  font-family: "Manrope Medium";
}
.text-emphasis-extra-large {
  font-size: 22px;
  line-height: 1.2;
  font-family: "Manrope Medium";
}
.text-emphasis-huge {
  font-size: 28px;
  line-height: 1.2;
  font-family: "Manrope Medium";
}
html,
body {
  background: var(--color-neutral-white-2);
}
:root {
  --color-primary-0: #FFFFFF;
  --color-primary-1: #BEDAFF;
  --color-primary-2: #92BBF0;
  --color-primary-3: #3FA9F5;
  --color-primary-3B: #3F51B3;
  --color-primary-4: #2E3192;
  --color-primary-dark: #001D41;
}
@font-face {
  font-family: "Manrope Regular";
  src: url("./media/Manrope-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Manrope Medium";
  src: url("./media/Manrope-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Manrope SemiBold";
  src: url("./media/Manrope-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Manrope Bold";
  src: url("./media/Manrope-Bold.ttf") format("truetype");
}
app-root {
  z-index: 1;
}
app-toast,
.toast-class {
  z-index: 9999;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
*[hidden] {
  display: none;
}
body {
  line-height: 1;
  font-size: 16px;
  line-height: 1.2;
  font-family: "Manrope Regular";
}
body,
html {
  height: 100%;
  overflow-x: hidden;
}
menu,
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

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