@import url("infra-global-dsgov-vars.css");
@import url("fontawesome/css/all.min.css");
@import url("rawline/rawline.css");


* {
  font-family: "Rawline", sans-serif;
  font-style: normal;
  font-weight: normal;
}

.menu-hamburguer {
  max-width: 20px;
}

.menu-hamburguer button {
  font-size: 18px;
  outline: 0;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: var(--pure-0);
}

[class^="fa-"],
[class*=" fa-"] {
  color: var(--color-primary-default);
}

.divider {
  width: 1px;
  height: 39px;
  border-left: 1px solid #cccccc;
}

.hidden {
  display: none;
}

.br-button {
  --button-radius: 100em;
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  --focus-offset: var(--spacing-scale-half);
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: var(--button-radius);
  color: var(--interactive);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-size);
  justify-content: center;
  overflow: hidden;
  padding: 0 var(--spacing-scale-3x);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}

.br-button.primary,
.br-button[primary],
.br-button.is-primary {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--interactive-light);
  color: var(--color-dark);
}

.br-button.secondary,
.br-button[secondary],
.br-button.is-secondary {
  background-color: var(--background-light);
  border: 1px solid var(--interactive);
}

.br-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(
    rgba(var(--interactive-rgb), var(--hover)),
    rgba(var(--interactive-rgb), var(--hover))
  );
}

.br-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(
    rgba(var(--interactive-rgb), var(--hover)),
    rgba(var(--interactive-rgb), var(--hover))
  );
}

.br-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(
    rgba(var(--interactive-rgb), var(--pressed)),
    rgba(var(--interactive-rgb), var(--pressed))
  );
}

.br-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(
    rgba(var(--interactive-rgb), var(--pressed)),
    rgba(var(--interactive-rgb), var(--pressed))
  );
}

.br-button:not(:disabled):focus {
  outline: none;
}