@charset "UTF-8";

/* src/styles.scss */
/**
* @license
*
* Font Family: Clash Display
* Designed by: Indian Type Foundry
* URL: https://www.fontshare.com/fonts/clash-display
* © 2024 Indian Type Foundry
*
* Clash Display Extralight
* Clash Display Light
* Clash Display Regular
* Clash Display Medium
* Clash Display Semibold
* Clash Display Bold
* Clash Display Variable (Variable font)

*
*/
@font-face {
  font-family: "ClashDisplay-Extralight";
  src:
    url("./media/ClashDisplay-Extralight.woff2") format("woff2"),
    url("./media/ClashDisplay-Extralight.woff") format("woff"),
    url("./media/ClashDisplay-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Light";
  src:
    url("./media/ClashDisplay-Light.woff2") format("woff2"),
    url("./media/ClashDisplay-Light.woff") format("woff"),
    url("./media/ClashDisplay-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Regular";
  src:
    url("./media/ClashDisplay-Regular.woff2") format("woff2"),
    url("./media/ClashDisplay-Regular.woff") format("woff"),
    url("./media/ClashDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Medium";
  src:
    url("./media/ClashDisplay-Medium.woff2") format("woff2"),
    url("./media/ClashDisplay-Medium.woff") format("woff"),
    url("./media/ClashDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Semibold";
  src:
    url("./media/ClashDisplay-Semibold.woff2") format("woff2"),
    url("./media/ClashDisplay-Semibold.woff") format("woff"),
    url("./media/ClashDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Bold";
  src:
    url("./media/ClashDisplay-Bold.woff2") format("woff2"),
    url("./media/ClashDisplay-Bold.woff") format("woff"),
    url("./media/ClashDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Variable";
  src:
    url("./media/ClashDisplay-Variable.woff2") format("woff2"),
    url("./media/ClashDisplay-Variable.woff") format("woff"),
    url("./media/ClashDisplay-Variable.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Rawline-ExtraLight";
  src: url("./media/rawline-200.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Rawline-ExtraLightItalic";
  src: url("./media/rawline-200i.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Rawline-Light";
  src: url("./media/rawline-300.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Rawline-LightItalic";
  src: url("./media/rawline-300i.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Rawline-Regular";
  src: url("./media/rawline-400.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Rawline-RegularItalic";
  src: url("./media/rawline-400i.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Rawline-Medium";
  src: url("./media/rawline-500.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Rawline-MediumItalic";
  src: url("./media/rawline-500i.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Rawline-SemiBold";
  src: url("./media/rawline-600.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Rawline-SemiBoldItalic";
  src: url("./media/rawline-600i.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Rawline-Bold";
  src: url("./media/rawline-700.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Rawline-BoldItalic";
  src: url("./media/rawline-700i.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Rawline-Black";
  src: url("./media/rawline-900.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Rawline-BlackItalic";
  src: url("./media/rawline-900i.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
p {
  margin: 0;
}
.heading1 {
  font-family: ClashDisplay-Variable;
  font-weight: 600;
  font-size: 96px;
  line-height: 80%;
  letter-spacing: 0px;
}
.heading2-medium {
  font-family: ClashDisplay-Variable;
  font-weight: 500;
  font-size: 50px;
  line-height: 90%;
  letter-spacing: 0px;
}
.heading2-semibold {
  font-family: ClashDisplay-Variable;
  font-weight: 600;
  font-size: 50px;
  line-height: 90%;
  letter-spacing: 0px;
}
.heading2-semibold {
  font-family: ClashDisplay-Variable;
  font-weight: 600;
  font-size: 45px;
  line-height: 90%;
  letter-spacing: 0px;
}
.heading3-medium {
  font-family: ClashDisplay-Variable;
  font-weight: 500;
  font-size: 38px;
  line-height: 100%;
  letter-spacing: 0px;
}
.heading3-semibold {
  font-family: ClashDisplay-Variable;
  font-weight: 600;
  font-size: 38px;
  line-height: 100%;
  letter-spacing: 0px;
}
.heading4-medium {
  font-family: ClashDisplay-Variable;
  font-weight: 500;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0px;
}
.heading4-semibold {
  font-family: ClashDisplay-Variable;
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0px;
}
.heading5-regular {
  font-family: ClashDisplay-Variable;
  font-weight: 400;
  font-size: 21px;
  line-height: 110%;
  letter-spacing: 0px;
}
.heading5-medium {
  font-family: ClashDisplay-Variable;
  font-weight: 500;
  font-size: 21px;
  line-height: 110%;
  letter-spacing: 0px;
}
.heading5-semibold {
  font-family: ClashDisplay-Variable;
  font-weight: 600;
  font-size: 21px;
  line-height: 110%;
  letter-spacing: 0px;
}
.heading5-bold {
  font-family: ClashDisplay-Variable;
  font-weight: 700;
  font-size: 21px;
  line-height: 110%;
  letter-spacing: 0px;
}
.heading6-regular {
  font-family: ClashDisplay-Variable;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0px;
}
.heading6-medium {
  font-family: ClashDisplay-Variable;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0px;
}
.rawline1-regular {
  font-family: Rawline-Regular;
  font-weight: 400;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline1-medium {
  font-family: Rawline-Medium;
  font-weight: 500;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline1-bold {
  font-family: Rawline-Bold;
  font-weight: 700;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline1-italic {
  font-family: Rawline-RegularItalic;
  font-weight: 300;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline2-regular {
  font-family: Rawline-Regular;
  font-weight: 400;
  font-size: 20px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline2-medium {
  font-family: Rawline-Medium;
  font-weight: 500;
  font-size: 20px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline2-bold {
  font-family: Rawline-Bold;
  font-weight: 700;
  font-size: 20px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline2-italic {
  font-family: Rawline-RegularItalic;
  font-weight: 300;
  font-size: 20px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline3-regular {
  font-family: Rawline-Regular;
  font-weight: 400;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline3-medium {
  font-family: Rawline-Medium;
  font-weight: 500;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline3-semibold {
  font-family: Rawline-Semibold;
  font-weight: 600;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline3-bold {
  font-family: Rawline-Bold;
  font-weight: 700;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline3-italic {
  font-family: Rawline-RegularItalic;
  font-weight: 300;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline4-regular {
  font-family: Rawline-Regular !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 135% !important;
  letter-spacing: 0px !important;
}
.rawline4-medium {
  font-family: Rawline-Medium;
  font-weight: 500;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline4-semibold {
  font-family: Rawline-SemiBold;
  font-weight: 600;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline4-bold {
  font-family: Rawline-Bold;
  font-weight: 700;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline4-italic {
  font-family: Rawline-RegularItalic;
  font-weight: 300;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline5-regular {
  font-family: Rawline-Regular;
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline5-medium {
  font-family: Rawline-Medium;
  font-weight: 500;
  font-size: 14px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline5-bold {
  font-family: Rawline-Bold;
  font-weight: 700;
  font-size: 14px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline5-italic {
  font-family: Rawline-RegularItalic;
  font-weight: 300;
  font-size: 14px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline6-regular {
  font-family: Rawline-Regular;
  font-weight: 400;
  font-size: 12px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline6-medium {
  font-family: Rawline-Medium;
  font-weight: 500;
  font-size: 12px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline6-bold {
  font-family: Rawline-Bold;
  font-weight: 700;
  font-size: 12px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline6-italic {
  font-family: Rawline-RegularItalic;
  font-weight: 300;
  font-size: 12px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline7-regular {
  font-family: Rawline-Regular;
  font-weight: 400;
  font-size: 10px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline7-medium {
  font-family: Rawline-Medium;
  font-weight: 500;
  font-size: 10px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline7-bold {
  font-family: Rawline-Bold;
  font-weight: 700;
  font-size: 10px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline7-italic {
  font-family: Rawline-RegularItalic;
  font-weight: 300;
  font-size: 10px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline8-regular {
  font-family: Rawline-Regular;
  font-weight: 400;
  font-size: 8px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline8-medium {
  font-family: Rawline-Medium;
  font-weight: 500;
  font-size: 8px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline8-bold {
  font-family: Rawline-Bold;
  font-weight: 700;
  font-size: 8px;
  line-height: 135%;
  letter-spacing: 0px;
}
.rawline8-italic {
  font-family: Rawline-RegularItalic;
  font-weight: 300;
  font-size: 8px;
  line-height: 135%;
  letter-spacing: 0px;
}
.text-button {
  color: #888888;
  background-color: inherit;
  border: none;
}
.flat-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 1.25rem;
  color: white;
  background-color: #4866ff;
  text-decoration: none;
  border: 1px solid #4866ff;
  border-radius: 4rem;
}
.flat-button.ghost {
  background-color: inherit;
  color: #4866ff;
}
.search-button {
  width: fit-content;
  padding: 20px 32px;
  color: white;
  text-decoration: none;
  background:
    linear-gradient(
      150deg,
      #628ef4,
      #70e17b);
  border: 0;
  border-top-left-radius: 56px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 56px;
  border-bottom-right-radius: 56px;
  cursor: pointer;
  transition: 0.2s all linear;
}
.search-button:hover {
  background:
    linear-gradient(
      150deg,
      #628ef4,
      #628ef4);
  transition: 0.2s all linear;
}
.search-button:is(a):not([routerlink]),
.search-button:disabled {
  color: #adadad;
  background: #f0f0f0;
}
.flat-squared-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.25rem;
  box-shadow: 0 4px 12px rgba(136, 136, 136, 0.4);
}
.flat-squared-button.indigo {
  color: white;
  background-color: #4866ff;
  border: 2px solid #94adff;
}
.flat-squared-button.indigo:hover:not(.disabled) {
  background:
    linear-gradient(
      150deg,
      #628ef4,
      #1b2b85);
}
.flat-squared-button.indigo:hover:not(.disabled).ghost {
  color: white;
  background:
    linear-gradient(
      150deg,
      #628ef4,
      #edf0ff);
}
.flat-squared-button.ghost {
  background-color: inherit;
  color: #4866ff;
}
.flat-squared-button.disabled {
  color: #cacdd7;
  background-color: #f0f0f0;
  border-color: #fafafa;
  box-shadow: none;
  cursor: not-allowed;
}
.flat-squared-button.disabled:hover {
  background-color: #f0f0f0;
}
.flat-squared-button.disabled.ghost {
  color: #cacdd7;
  background-color: transparent;
  border-color: #cacdd7;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  margin: 0;
}
em {
  font-style: normal;
}
.painel-docentes-page {
  display: block;
  margin-top: 131px;
}
.botao-icone {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.05s all linear;
}
.botao-icone > img {
  height: 1.25rem;
  filter: brightness(0) saturate(100%) invert(62%) sepia(14%) saturate(445%) hue-rotate(201deg) brightness(87%) contrast(88%);
}
.botao-icone:hover {
  border: 2px solid #8989a2;
  transition: 0.05s all linear;
}
.elemento-com-dica {
  position: relative;
  cursor: pointer;
}
.elemento-com-dica > .dica {
  display: none;
  min-width: 17.5rem;
  padding: 1rem;
  position: absolute;
  color: #8989a2;
  background-color: white;
  box-shadow: 0 0.125rem 0.5rem rgba(155, 157, 178, 0.4);
  z-index: 2;
}
.elemento-com-dica > .dica.left {
  right: 50%;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.elemento-com-dica > .dica.left.top {
  bottom: 50%;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 0.25rem;
}
.elemento-com-dica > .dica.left.bottom {
  top: 50%;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 1rem;
}
.elemento-com-dica > .dica.right {
  left: 50%;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.elemento-com-dica > .dica.right.top {
  bottom: 50%;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 0.25rem;
}
.elemento-com-dica > .dica.right.bottom {
  top: 50%;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 1rem;
}
.elemento-com-dica:hover > .dica {
  display: block;
}
.elemento-com-dica.desativado {
  cursor: not-allowed;
}
.elemento-com-dica.desativado > img {
  opacity: 33%;
}
div.indicadores-info {
  color: #1b2b85;
}
.fonte-indicador {
  font-size: 12px;
  color: #1b2b85;
  margin-right: auto;
  line-height: 1.4;
  margin-bottom: 0;
}

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