@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  display: flex;
  height: 100vh;
  max-width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--nfe-theme-surface--grey);
}

.mdc-drawer-app-content {
  flex: auto;
  overflow: auto;
  position: relative;
}

main {
  flex: 1;
  margin: 0 auto;
  max-width: 1920px;
  min-height: 100%;
  position: relative;
}

.content--drawer {
  max-width: 1920px;
  height: calc(100% - 24px);
}
.content--drawer-full {
  max-width: 100%;
  height: calc(100% - 24px);
}
.content:not(.content--drawer) {
  margin: 0 auto;
  max-width: 1920px;
  flex: 1;
}

.subscription-menu i {
  margin-right: 16px;
}

.mdc-theme--on-primary {
  color: #21be12;
  --mdc-theme-text-icon-on-background: #21be12;
  --mdc-theme-text-hint-on-background: #21be12;
}

.mdc-theme--on-surface {
  color: #133f4c;
  --mdc-theme-text-icon-on-background: #133f4c;
  --mdc-theme-text-hint-on-background: #133f4c;
}

.material-icons--middle {
  vertical-align: middle;
}
.material-icons--action {
  cursor: pointer;
  pointer-events: initial;
}
.material-icons--primary, .material-icons--danger {
  padding: 1rem;
  border-radius: 100%;
}
.material-icons.material-icons--small, .material-icons.material-icons--small .material-icons {
  font-size: 16px;
}
.material-icons.material-icons--large {
  font-size: 32px;
}
.material-icons--primary + .material-icons--large, .material-icons--danger + .material-icons--large {
  padding: 1.5rem;
}
.material-icons--primary {
  color: var(--nfe-theme-primary--800);
  background-color: var(--nfe-theme-primary--50);
}
.material-icons--secondary {
  color: var(--nfe-theme-secondary--800);
  background-color: var(--nfe-theme-secondary--50);
}
.material-icons--danger {
  color: var(--nfe-theme-danger--700);
  background-color: var(--nfe-theme-danger--50);
}

.mdc-icon-button--small {
  width: auto;
  height: auto;
  padding: 4px;
}

.mdc-expansion-panel {
  transition: margin 0.2s ease-in-out;
}
.mdc-expansion-panel__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #103541;
  padding: 8px 16px;
}
.mdc-expansion-panel__header i {
  transition: transform 0.2s ease-in-out;
}
.mdc-expansion-panel__content .mdc-list {
  margin: -16px;
}
.mdc-expansion-panel.active {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mdc-expansion-panel.active:first-of-type {
  margin-top: 0;
}
.mdc-expansion-panel.active .mdc-expansion-panel__header i.active {
  transform: rotate(180deg);
}

.panel-container {
  interpolate-size: allow-keywords;
  height: auto;
  overflow: hidden;
  visibility: hidden;
  will-change: height;
  transition: height 0.2s ease-in-out;
}

.payment-method-card {
  width: 100%;
  max-width: 100%;
}
.payment-method-card .mdc-card__content {
  padding: 24px;
  height: 110px;
}
.payment-method-card .mdc-card__actions {
  padding: 8px 24px;
  justify-content: space-between;
}

.payment-method-card--empty {
  background-color: #efefef;
}

.nfe-side-sheets {
  --width: 50vw;
  left: initial;
  right: 0;
  top: 0;
  position: fixed;
  background: #FFF;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.1215686275), 0px 4px 5px 0px rgba(0, 0, 0, 0.1411764706);
  z-index: 10;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(0);
  transition-behavior: allow-discrete;
  display: grid;
  grid-template: "header" auto "container" 1fr/var(--width);
  height: 100%;
  overflow: hidden;
}
.nfe-side-sheets--open {
  transform: translateX(0);
}
.nfe-side-sheets--close {
  transform: translateX(var(--width));
}
@starting-style {
  .nfe-side-sheets {
    transform: translateX(var(--width));
  }
}
.nfe-side-sheets--full-screen {
  --width: 100vw;
}
.nfe-side-sheets__scrim {
  opacity: 1;
  background-color: rgba(19, 63, 76, 0.32);
  z-index: 7;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.nfe-side-sheets__container {
  grid-area: container;
  --mdc-theme-primary: var(--nfe-theme-neutral--500);
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 24px;
  overflow-y: auto;
}
.nfe-side-sheets__container .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: var(--nfe-theme-neutral--500);
}
.nfe-side-sheets__container .mdc-tab-bar {
  width: auto;
}
.nfe-side-sheets__container .mdc-tab-bar .mdc-tab--active .mdc-tab__text-label {
  color: var(--nfe-theme-neutral--900);
}
.nfe-side-sheets__container .mdc-tab-bar .mdc-tab--active .mdc-tab-indicator__content--underline {
  border-color: var(--nfe-theme-neutral--900);
}
.nfe-side-sheets__container .mdc-tab-bar .mdc-tab__ripple::before, .nfe-side-sheets__container .mdc-tab-bar .mdc-tab__ripple::after {
  background-color: var(--nfe-theme-neutral--900);
}
.nfe-side-sheets__header {
  grid-area: header;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 64px;
  padding: 8px 16px;
  z-index: 2;
  border-bottom: 1px solid var(--nfe-theme-neutral--100);
}
.nfe-side-sheets__title {
  margin-bottom: 0;
  flex: 1 1 auto;
  text-align: left;
}

@media (max-width: 720px) {
  .nfe-side-sheets {
    --width: 100vw;
  }
}
.mdc-dropdown--outlined {
  border: 1px solid #d5d9db;
}
.mdc-dropdown--large {
  height: 48px;
}

.user-settings .mdc-menu {
  min-width: 200px;
}
.user-settings__profile {
  padding: 1rem;
}
.user-settings__profile, .user-settings__container-title {
  position: sticky;
  top: 0;
  background-color: var(--nfe-theme-surface--white);
}
.user-settings__container {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-settings__container-title {
  padding: 0.125rem 1rem;
  z-index: 1;
}
.user-settings__actions {
  position: sticky;
  bottom: 0;
  background-color: var(--nfe-theme-surface--white);
}

.admin-menu__user {
  text-transform: lowercase;
}
.admin-menu > .mdc-button {
  padding: 1rem;
}
.admin-menu > .mdc-button,
.admin-menu > .mdc-icon-button {
  background-color: var(--nfe-theme-secondary--50);
  border-radius: 2rem;
  text-align: left;
  overflow: hidden;
}
.admin-menu .mdc-menu {
  min-width: 200px;
}

.test-menu__user {
  text-transform: lowercase;
}
.test-menu > .mdc-button {
  padding: 1rem;
}
.test-menu > .mdc-button,
.test-menu > .mdc-icon-button {
  background-color: var(--nfe-theme-warning--300);
  border-radius: 2rem;
  text-align: left;
  overflow: hidden;
}
.test-menu .mdc-menu {
  min-width: 200px;
}

.avatar--small {
  padding: 0;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  overflow: hidden;
}
.avatar--xsmall {
  padding: 0;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  overflow: hidden;
}
.avatar__container {
  display: block;
  border-radius: 50%;
  overflow: hidden;
  height: 56px;
  width: 56px;
}
.avatar__container--small {
  height: 40px;
  width: 40px;
}
.avatar__image {
  width: inherit;
  height: inherit;
  object-fit: cover;
}

.mdc-banner__content {
  max-width: 100%;
}
.mdc-banner__actions {
  align-self: center;
}
.mdc-banner .mdc-button:not(:disabled) {
  color: #21be12;
  color: var(--mdc-outlined-button-label-text-color, var(--mdc-theme-primary, #21be12));
}
.mdc-banner .mdc-button--outlined .mdc-button__ripple::before,
.mdc-banner .mdc-button--outlined .mdc-button__ripple::after {
  background-color: #21be12;
  background-color: var(--mdc-outlined-button-hover-state-layer-color, var(--mdc-theme-primary, #21be12));
}
.mdc-banner .mdc-button .mdc-button__ripple::before,
.mdc-banner .mdc-button .mdc-button__ripple::after {
  background-color: #21be12;
  background-color: var(--mdc-text-button-hover-state-layer-color, var(--mdc-theme-primary, #21be12));
}

.nfe-logo--login {
  margin: 16px 0 32px;
}

.nfe-logo-account {
  height: 56px;
}

.mdc-button {
  --mdc-typography-button-letter-spacing: 1.25px;
  font-size: 1rem;
}
.mdc-button__icon--large {
  width: 24px !important;
  height: 24px !important;
}
.mdc-button__icon--brand {
  width: 24px !important;
  height: 24px !important;
  position: relative;
}
.mdc-button__icon--brand:before {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.mdc-button__icon--brand[data-brand=google]:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M19.2024 12.1722C19.2024 11.6624 19.1611 11.1498 19.0729 10.6482H11.9987V13.5364H16.0497C15.8816 14.4678 15.3415 15.2918 14.5506 15.8154V17.6894H16.9674C18.3867 16.3831 19.2024 14.454 19.2024 12.1722Z' fill='%234285F4'/%3E%3Cpath d='M11.9986 19.5C14.0214 19.5 15.7272 18.8358 16.9701 17.6894L14.5532 15.8154C13.8808 16.2729 13.0127 16.5319 12.0013 16.5319C10.0447 16.5319 8.38568 15.2119 7.79042 13.4371H5.29639V15.369C6.56958 17.9016 9.16282 19.5 11.9986 19.5Z' fill='%2334A853'/%3E%3Cpath d='M7.78774 13.4372C7.47358 12.5057 7.47358 11.4971 7.78774 10.5656V8.63374H5.29647C4.23272 10.753 4.23272 13.2498 5.29647 15.369L7.78774 13.4372Z' fill='%23FBBC04'/%3E%3Cpath d='M11.9986 7.46803C13.0678 7.4515 14.1013 7.85385 14.8757 8.59241L17.0169 6.45113C15.6611 5.17794 13.8615 4.47796 11.9986 4.5C9.16282 4.5 6.56958 6.09839 5.29639 8.63375L7.78766 10.5656C8.38016 8.78808 10.0419 7.46803 11.9986 7.46803Z' fill='%23EA4335'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='14.7024' height='15' fill='white' transform='translate(4.5 4.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.mdc-button__icon--brand[data-brand=microsoft]:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6042 11.6042H4V4H11.6042V11.6042Z' fill='%23F1511B'/%3E%3Cpath d='M20 11.6042H12.396V4H20V11.6042Z' fill='%2380CC28'/%3E%3Cpath d='M11.6039 20.003H4V12.3989H11.6039V20.003Z' fill='%2300ADEF'/%3E%3Cpath d='M20 20.003H12.396V12.3989H20V20.003Z' fill='%23FBBC09'/%3E%3C/svg%3E%0A");
}
.mdc-button__icon--brand[data-brand=github]:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6042 11.6042H4V4H11.6042V11.6042Z' fill='%23F1511B'/%3E%3Cpath d='M20 11.6042H12.396V4H20V11.6042Z' fill='%2380CC28'/%3E%3Cpath d='M11.6039 20.003H4V12.3989H11.6039V20.003Z' fill='%2300ADEF'/%3E%3Cpath d='M20 20.003H12.396V12.3989H20V20.003Z' fill='%23FBBC09'/%3E%3C/svg%3E%0A");
}
.mdc-button--block {
  width: 100%;
}
.mdc-button--large {
  height: 48px;
}
.mdc-button--link:not(:disabled) {
  --mdc-typography-button-letter-spacing: 0.25px;
  font-weight: 400;
  color: #46d320;
  display: inline-block;
  text-transform: initial;
  padding: 0;
}
.mdc-button--link:not(:disabled):hover {
  background-color: transparent;
}
.mdc-button--link:not(:disabled):hover .mdc-button__label {
  text-decoration: underline;
}
.mdc-button--large:is(.mdc-button--link) {
  display: inline-flex;
  align-items: center;
}
.mdc-button--primary:not(:disabled) {
  --mdc-theme-primary: var(--nfe-theme-primary--700);
}
.mdc-button--primary:not(:disabled):hover {
  --mdc-theme-primary: var(--nfe-theme-primary--800);
}
.mdc-button--secondary:not(:disabled) {
  --mdc-theme-primary: var(--nfe-theme-surface--white);
  background-color: var(--nfe-theme-neutral--800);
}
.mdc-button--secondary:not(:disabled):hover {
  --mdc-theme-primary: var(--nfe-theme-surface--white);
  background-color: var(--nfe-theme-neutral--800);
}
.mdc-button--return {
  position: absolute;
  left: 0;
  top: 36px;
}
.mdc-button--small {
  height: 30px;
  font-size: 14px;
}

a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.mdc-card {
  border-radius: 0;
}
.mdc-card.actionable {
  user-select: none;
}
.mdc-card.actionable.mdc-card--selected {
  border-color: var(--nfe-theme-primary--800);
}
.mdc-card__content {
  padding: 16px;
}
.mdc-card__content--no-padding {
  padding: 0;
}
.mdc-card--outlined {
  border-radius: 0.25rem;
  border-color: var(--nfe-theme-neutral--50);
}
.mdc-card--selected {
  border-color: var(--nfe-theme-primary--800);
}

@media screen and (max-width: 599px) {
  .mdc-card--transparent-phone {
    box-shadow: none;
  }
}
.mdc-card .mdc-card-tab-bar {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  height: 48px;
  position: relative;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-start;
  padding-left: 16px;
  padding-right: 4px;
}
.mdc-card .mdc-card-tab-bar .mdc-tab-bar {
  width: auto;
}
.mdc-card .mdc-card-tab-bar .mdc-tab-bar .mdc-tab--active .mdc-tab__text-label {
  color: var(--nfe-theme-neutral--900);
}
.mdc-card .mdc-card-tab-bar .mdc-tab-bar .mdc-tab--active .mdc-tab-indicator__content--underline {
  border-color: var(--nfe-theme-neutral--900);
}
.mdc-card .mdc-card-tab-bar .mdc-tab-bar .mdc-tab__ripple::before,
.mdc-card .mdc-card-tab-bar .mdc-tab-bar .mdc-tab__ripple::after {
  background-color: var(--nfe-theme-neutral--900);
}

.mdc-checkbox {
  --mdc-checkbox-ink-color: var(--nfe-theme-surface--white);
  --mdc-checkbox-checked-color: var(--nfe-theme-primary--700);
}

.mdc-data-table--full {
  width: 100%;
}
.mdc-data-table--borderless {
  border: 0;
}
.mdc-data-table__cell {
  color: var(--nfe-theme-neutral--600);
}

.mdc-data-table__header-cell {
  color: var(--nfe-theme-neutral--900);
}
.mdc-data-table__header-cell--numeric .mdc-data-table__header-cell__content {
  justify-content: flex-end;
}

.mdc-data-table__pagination {
  height: 77px;
  padding: 0 16px;
}

.mdc-data-table__pagination-trailing {
  width: 100%;
  justify-content: space-between;
  margin: 0;
}

.mdc-data-table__pagination-rows-per-page {
  display: flex;
  align-items: center;
}

.mdc-data-table__pagination-rows-per-page-label {
  margin-right: 10px;
}

.mdc-data-table__pagination-navigation {
  display: flex;
  align-items: center;
}

.mdc-data-table__pagination-total {
  margin-right: 8px;
}

.mdc-data-table__pagination-button {
  margin: 0;
  padding: 4px;
  width: auto;
  height: auto;
}

.mdc-select--activated .mdc-select__dropdown-icon {
  transform: rotate(180deg) translateY(0px);
}

.mdc-select__dropdown-icon {
  margin: 0;
}

.mdc-data-table__pagination .mdc-select .mdc-select__anchor {
  min-width: unset;
  height: 36px;
  padding-left: 8px;
}
@media screen and (max-width: 425px) {
  .mdc-data-table__pagination {
    padding: 0 8px;
  }
}
.nfe-data-table {
  height: 100%;
  width: 100%;
  flex-grow: 1;
  display: flex;
}
.nfe-data-table__container {
  --min-height: 0;
  display: flex;
  min-height: var(--min-height);
}
.nfe-data-table .mdc-data-table__pagination {
  position: sticky;
  bottom: 0;
  left: 0;
  background-color: var(--nfe-theme-surface--white);
}
.nfe-data-table__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(19, 63, 76, 0.12);
  padding: 16px;
}
.nfe-data-table__header h4 {
  margin: 0;
}
.nfe-data-table__header .mdc-text-field__container .mdc-text-field {
  width: 168px;
  height: 36px;
}
.nfe-data-table__header .mdc-text-field__container .mdc-text-field .mdc-floating-label--float-above {
  transform: translateY(-25px) scale(0.75);
}
.nfe-data-table .mdc-data-table__container {
  height: 100%;
  overflow-y: auto;
  position: relative;
  flex-grow: 1;
}
.nfe-data-table .mdc-data-table__header-row {
  position: sticky;
  top: 0;
  background: #fff;
  height: 42px;
}
.nfe-data-table .mdc-data-table__header-cell {
  height: 42px;
}
.nfe-data-table .mdc-data-table__cell, .nfe-data-table .mdc-data-table__row {
  height: 45px;
}
.nfe-data-table .error-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  white-space: initial;
  text-align: center;
}
.nfe-data-table .error-message__container {
  margin: 56px 0;
  max-width: 320px;
}

@media screen and (max-width: 425px) {
  .nfe-data-table__header {
    display: block;
  }
  .nfe-data-table__header h4 {
    margin-bottom: 16px;
  }
  .nfe-data-table__header .mdc-text-field__container .mdc-text-field {
    width: 100%;
  }
}
.mdc-dialog__actions {
  gap: 1rem;
  padding: 1.5rem;
}

.mdc-dialog-full .mdc-dialog__container {
  width: 100%;
}
.mdc-dialog-full .mdc-dialog__surface {
  width: 100%;
  height: 100%;
  max-height: unset;
  max-width: unset;
  overflow: hidden;
}
.mdc-dialog-full .mdc-dialog__content {
  padding: 0;
}
.mdc-dialog-full .mdc-dialog-full__header {
  position: fixed;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  background: #f5f5f5;
  padding: 0 24px;
  z-index: 2;
}
.mdc-dialog-full .mdc-dialog-full__title {
  margin-bottom: 0;
  margin-right: 48px;
  flex: 1;
  text-align: center;
}
.mdc-dialog-full .mdc-dialog-full__content {
  padding: 20px 24px;
}

.mdc-dialog__loader {
  display: flex;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5019607843);
  top: 0;
  left: 0;
  z-index: 90;
}

.products-cart {
  position: fixed;
  top: 72px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding: 40px 24px 24px;
  border-left: 1px solid #d5d9db;
}
.products-cart__items {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.products-cart__item {
  padding: 12px;
}
.products-cart__item .cart-item__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nfe-divider {
  color: var(--nfe-theme-neutral--300);
  display: flex;
  height: 14px;
  align-items: center;
}
.nfe-divider:before, .nfe-divider:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: var(--nfe-theme-neutral--50);
}
.nfe-divider:before, .nfe-divider:after {
  margin: 0;
}
.nfe-divider--opened:before {
  margin-right: 8px;
}
.nfe-divider--opened:after {
  margin-left: 8px;
}
.nfe-divider--thin {
  height: 1px;
}

.mdc-drawer {
  background-color: var(--nfe-theme-surface--grey);
  border-right: 0;
}
.mdc-drawer__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.mdc-drawer__content > .mdc-deprecated-list {
  overflow-y: auto;
  height: 100%;
}
.mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item:is(a):not(.mdc-icon-button) {
  color: var(--nfe-theme-neutral--800);
}
.mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item__graphic {
  color: var(--nfe-theme-neutral--700);
}
.mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item:hover i, .mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item--activated i {
  font-weight: 400;
}
.mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item:hover, .mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item--activated {
  background-color: var(--nfe-theme-neutral--50);
  border-radius: 4px;
  color: var(--nfe-theme-neutral--800);
}
.mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item:hover span,
.mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item:hover i, .mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item--activated span,
.mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item--activated i {
  color: var(--nfe-theme-neutral--800);
}
.mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item:hover span, .mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item--activated span {
  font-weight: bold;
}
.mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic, .mdc-drawer__content > .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
  color: var(--nfe-theme-neutral--800);
}
.mdc-drawer .mdc-select .mdc-select__anchor {
  height: 36px;
}

.mdc-drawer-app-content {
  flex: auto;
  overflow: auto;
  position: relative;
}

.mdc-drawer-app-content {
  padding-top: 64px;
}

.mdc-drawer-app-content {
  transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-drawer {
  padding-top: 64px;
}
.mdc-drawer--dismissible {
  border-right: 1px solid var(--nfe-theme-neutral--100);
}

@media screen and (min-width: 600px) {
  .mdc-drawer-app-content {
    padding-top: 64px;
  }
}
.nfe-empty__icon {
  --size: 56px;
  display: inline-block;
  width: var(--size, 56px);
  height: var(--size, 56px);
}
.nfe-empty__icon:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.empty-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  white-space: initial;
  text-align: center;
}
.empty-state__container {
  margin: 56px 0;
}
.empty-state__actions {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  white-space: initial;
  text-align: center;
}

.mdc-layout-grid--screen {
  max-width: 1240px;
  margin: 0 auto;
}

.mdc-list--visible .mdc-deprecated-list-item {
  overflow: visible;
}

.mdc-list--wrap .mdc-deprecated-list-item {
  height: 100%;
}
.mdc-list--wrap .mdc-deprecated-list-item__secondary-text {
  white-space: normal;
  padding-bottom: 1rem;
}

.mdc-deprecated-list-item__meta--centered {
  display: flex;
  place-items: center;
}

.mdc-deprecated-list-item__primary-text--centered {
  display: inline-flex;
  place-items: center;
}

.mdc-deprecated-list-item__text--visible {
  overflow: visible;
}

:not(.mdc-list--non-interactive) > :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:before, :not(.mdc-list--non-interactive) > :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:after,
:not(.mdc-list--non-interactive) > :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:before,
:not(.mdc-list--non-interactive) > :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:after {
  background-color: transparent;
}

.mdc-deprecated-list-item__graphic--lg {
  width: 3rem;
  height: 3rem;
}

.nfe-loader--spinner:after {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
  border: 6px solid var(--nfe-theme-primary--700);
  border-left-color: transparent;
  border-radius: 50%;
  top: calc(50% - 22px);
  left: calc(50% - 22px);
  animation: nfe-loader-spinning 1s linear infinite;
}
.nfe-loader--fill {
  position: relative;
  height: 80px;
}
.nfe-loader--placeholder {
  --height: 100%;
  --width: 100%;
  --radius: .5rem;
  height: var(--height);
  width: var(--width);
  border-radius: var(--radius);
  display: block;
  background-color: var(--nfe-theme-neutral--100);
  background-image: linear-gradient(90deg, var(--nfe-theme-neutral--100) 0, var(--nfe-theme-neutral--50) 50%, var(--nfe-theme-neutral--100) 100%);
  background-size: calc(var(--width) * 2);
  background-position: 500% 0;
  background-repeat: no-repeat;
  animation: nfe-loader-placeholder 1s linear infinite;
}

@keyframes nfe-loader-spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes nfe-loader-placeholder {
  to {
    background-position: -350% 0;
  }
}
.nfe-logo {
  display: flex;
  align-items: center;
}

mark {
  background-color: var(--nfe-theme-primary--200);
  font-weight: bold;
}

.mdc-menu-item--selected {
  background-color: var(--nfe-theme-neutral--50);
}

.nfe-meter {
  background-color: var(--color-track, var(--nfe-theme-neutral--50));
  position: relative;
  height: 4px;
  border-radius: 4px;
  overflow: hidden;
  margin: 4px 0;
}
.nfe-meter:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: var(--progress, 0%);
  background-color: var(--color-meter, transparent);
}
.nfe-meter--danger {
  --color-meter: var(--color-danger, var(--nfe-theme-danger--500));
}
.nfe-meter--warning {
  --color-meter: var(--color-warning, var(--nfe-theme-warning--500));
}
.nfe-meter--success {
  --color-meter: var(--color-success, var(--nfe-theme-success--500));
}

.nfe-page {
  --top: 64px;
  min-height: calc(100vh - var(--top, 128px));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 0;
}
.nfe-page__footer {
  max-width: var(--width, 420px);
  width: var(--width, 420px);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.nfe-page--light {
  background-color: #f5f5f5;
}
.nfe-page--auth {
  padding-top: var(--top, 128px);
}
.nfe-page--auth .nfe-page__content {
  max-width: var(--width, 420px);
  width: var(--width, 420px);
}
.nfe-page--login {
  background-color: #f5f5f5;
  background: url(./images/bg-pipe-left.svg) no-repeat left bottom, url(./images/bg-pipe-right.svg) no-repeat right top, url(./images/bg-grid.svg) no-repeat center bottom;
}
.nfe-page--system {
  --top: 0;
  flex-direction: row;
  justify-content: initial;
  align-items: initial;
  height: 100vh;
  overflow: auto;
}
.nfe-page--system .nfe-page__content {
  max-width: 1024px;
  margin: 0 auto;
}

@media screen and (max-width: 599px) {
  .nfe-page {
    --top: 0px !important;
  }
  .nfe-page--auth .nfe-page__footer,
  .nfe-page--auth .nfe-page__content {
    --width: 100%;
  }
  .nfe-page__footer {
    flex-direction: row;
    justify-content: center;
  }
}
.nfe-payment-method__instant-payment--textarea {
  border: none;
  text-align: center;
  overflow: hidden;
  resize: none;
  width: 100%;
}

.agreement-print {
  width: 21cm;
  min-height: 29.7cm;
  margin: 0 auto;
  margin-top: 2em;
  --mdc-typography-headline1-font-weight: 500;
  --mdc-typography-headline1-font-size: 24px;
  --mdc-typography-headline1-line-height: 1.3;
  --mdc-typography-headline2-font-weight: 500;
  --mdc-typography-headline2-font-size: 24px;
  --mdc-typography-headline2-line-height: 1.3;
  --mdc-typography-font-family: Verdana, sans-serif;
  font-family: var(--mdc-typography-font-family);
  padding: 5px;
}
.agreement-print div {
  display: none;
}
.agreement-print h1, .agreement-print h2 {
  text-align: center;
  margin: 10px 0;
  color: #000000;
  text-transform: uppercase;
}
.agreement-print h1 {
  margin-top: 0;
}
.agreement-print p {
  margin-bottom: 15px;
}
.agreement-print table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 1px;
  margin: 12px 0 48px 0;
  break-inside: avoid;
}
.agreement-print table th, .agreement-print table td {
  border: 1px solid #000000;
  margin: 0;
  padding: 5px;
}
.agreement-print table thead {
  background-color: #d3d3d3;
  text-transform: uppercase;
}
.agreement-print table tbody tr td:first-of-type {
  font-weight: bold;
  text-transform: uppercase;
  width: 30%;
}
.agreement-print table tbody tr td ul {
  padding-left: 20px;
}
.agreement-print table tbody tr td ul.list-style-none {
  list-style: none;
  padding-left: 0;
}
.agreement-print table.agreement-print-details {
  margin-bottom: 30px;
}
.agreement-print table.print-product-details tr:first-of-type {
  background-color: #d3d3d3;
}
.agreement-print table.print-product-details table {
  margin: 5px;
  width: calc(100% - 10px);
}
.agreement-print table.print-product-details table tbody tr:first-of-type {
  background-color: transparent;
}
.agreement-print table.print-product-details table tbody tr td:first-of-type {
  font-weight: normal;
  background-color: transparent;
}
.agreement-print table.print-product-details table tbody tr td {
  text-align: center;
}

/**
 * = PRINT styles
 *
 * - Imported in global.css (http://www.phpied.com/delay-loading-your-print-css/)
 * - Taken straight from: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L197
 *
 * @TODO:
 * - Add to this?
 *
 * ========================================================================= */
/* stylelint-disable declaration-no-important  */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  p:first-line,
  div:first-line,
  blockquote:first-line,
  li:first-line {
    color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  /**
   * HIDE certain elements completely
   */
  .site-navigation {
    display: none;
  }
  body {
    height: unset;
    display: block;
    background-color: none !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  header, aside {
    display: none !important;
  }
  .agreement-print {
    overflow: visible;
    padding: 0 !important;
    margin: 0 !important;
  }
  /**
   * Or go Nuclear and use this:
   * from: https://medium.com/@matuzo/i-totally-forgot-about-print-style-sheets-f1e6604cfd6#.9de6r4yhr
   *
   *   body > *:not(main) { display: none; }
   *
   */
}
/* stylelint-enable */
.mdc-linear-progress__bar-inner {
  --mdc-theme-primary: var(--nfe-theme-primary--700);
}

.mdc-linear-progress__buffer-bar {
  background-color: var(--nfe-theme-primary--100);
}

.mdc-circular-progress--xl {
  width: 84px;
  height: 84px;
}

.mdc-circular-progress--with-icon,
.mdc-circular-progress__content-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor {
  height: 48px;
}

.mdc-select__dropdown-icon {
  margin-right: 12px;
  background: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.41%200.589966L6%205.16997L10.59%200.589966L12%201.99997L6%207.99997L0%201.99997L1.41%200.589966Z%22%20fill%3D%22%23889295%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat center;
}

.mdc-select--focused .mdc-select__dropdown-icon {
  background: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.41%200.589966L6%205.16997L10.59%200.589966L12%201.99997L6%207.99997L0%201.99997L1.41%200.589966Z%22%20fill%3D%22%2300A900%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat center;
}

.mdc-select--disabled .mdc-select__dropdown-icon {
  background: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.41%200.589966L6%205.16997L10.59%200.589966L12%201.99997L6%207.99997L0%201.99997L1.41%200.589966Z%22%20fill%3D%22%23D5D9DB%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat center;
}

.mdc-select--invalid .mdc-select__dropdown-icon {
  background: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.41%200.589966L6%205.16997L10.59%200.589966L12%201.99997L6%207.99997L0%201.99997L1.41%200.589966Z%22%20fill%3D%22%23CB1B1B%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat center;
}

.mdc-select .mdc-select__dropdown-icon svg {
  opacity: 0;
}

.mdc-select__anchor {
  min-width: auto;
}

.mdc-select-helper-text {
  padding-left: 16px;
  padding-right: 16px;
}

.mdc-select--invalid:not(.mdc-select--disabled) + .mdc-select-helper-text--validation-msg {
  color: var(--mdc-theme-error);
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  color: var(--nfe-theme-neutral--800);
}

.mdc-snackbar__surface {
  background-color: var(--nfe-theme-neutral--900);
}

.mdc-snackbar__action:not(:disabled) {
  color: var(--nfe-theme-primary--200);
}

.mdc-snackbar__label {
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
}

.nfe-status {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1.5rem;
}
.nfe-status--paid {
  color: var(--nfe-theme-surface--white);
  background-color: var(--nfe-theme-success--400);
}
.nfe-status--pending {
  color: var(--nfe-theme-warning--900);
  background-color: var(--nfe-theme-warning--500);
}
.nfe-status--expired {
  color: var(--nfe-theme-danger--800);
  background-color: var(--nfe-theme-danger--100);
}
.nfe-status--canceled {
  color: var(--nfe-theme-surface--white);
  background-color: var(--nfe-theme-danger--600);
}
.nfe-status--default {
  color: var(--nfe-theme-neutral--700);
  background-color: var(--nfe-theme-neutral--100);
}

.nfe-status-agreement--active {
  color: var(--nfe-theme-surface--white);
  background-color: var(--nfe-theme-primary--700);
}
.nfe-status-agreement--suspended {
  color: var(--nfe-theme-warning--900);
  background-color: var(--nfe-theme-warning--500);
}
.nfe-status-agreement--expired {
  color: var(--nfe-theme-danger--800);
  background-color: var(--nfe-theme-danger--100);
}
.nfe-status-agreement--draft {
  color: var(--nfe-theme-neutral--700);
  background-color: var(--nfe-theme-neutral--100);
}
.nfe-status-agreement--cancelled {
  color: var(--nfe-theme-surface--white);
  background-color: var(--nfe-theme-danger--600);
}

.nfe-status--topbar {
  padding: 16px;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 500;
}

.nfe-status--done {
  color: var(--nfe-theme-success--900);
  background-color: var(--nfe-theme-success--400);
}

.nfe-status--approved {
  color: var(--nfe-theme-success--900);
  background-color: var(--nfe-theme-success--400);
}

.nfe-status--declined {
  color: var(--nfe-theme-danger--800);
  background-color: var(--nfe-theme-danger--100);
}

.nfe-status--refused {
  color: var(--nfe-theme-danger--800);
  background-color: var(--nfe-theme-danger--100);
}

.nfe-status--waitingapproval {
  color: var(--nfe-theme-warning--900);
  background-color: var(--nfe-theme-warning--500);
}

.nfe-status--waitingbilling {
  color: var(--nfe-theme-warning--900);
  background-color: var(--nfe-theme-warning--500);
}

@media only screen and (max-width: 595px) {
  .nfe-status {
    justify-content: center;
    text-transform: uppercase;
  }
}
.support-plan-card {
  width: 275px;
}
.support-plan-card--current {
  background: #eefde8;
}
.support-plan-card .mdc-card__content {
  position: relative;
}
.support-plan-card__icon {
  position: absolute;
  top: 16px;
  right: 16px;
}

.mdc-switch + label {
  padding-left: 0.75rem;
  color: var(--nfe-theme-neutral--700);
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 1rem;
}

.mdc-top-app-bar {
  position: absolute;
  z-index: 7;
  --mdc-theme-primary: var(--nfe-theme-secondary--700);
  color: var(--nfe-theme-surface--white);
  border-bottom: 1px solid var(--nfe-theme-neutral--100);
}
.mdc-top-app-bar__title {
  display: flex;
  align-items: center;
  padding-left: 16px;
}
.mdc-top-app-bar__title svg, .mdc-top-app-bar__title svg * {
  fill: var(--nfe-theme-surface--white);
  transition: filter 0.3s ease-in-out;
}
.mdc-top-app-bar__title svg:hover {
  filter: brightness(2);
}
.mdc-top-app-bar__section {
  padding: 8px 16px;
}
.mdc-top-app-bar--light,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  --mdc-theme-primary: var(--nfe-theme-surface--white);
  color: var(--nfe-theme-neutral--800);
}
.mdc-top-app-bar--light .mdc-top-app-bar__title svg, .mdc-top-app-bar--light .mdc-top-app-bar__title svg *,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon .mdc-top-app-bar__title svg,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon .mdc-top-app-bar__title svg * {
  fill: var(--nfe-theme-neutral--900);
}

/*
** SOURCE: https://github.com/jackocnr/intl-tel-input
*/
.iti {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.iti input {
  height: 56px;
  width: 100%;
  outline: 0;
}
.iti input::placeholder {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.6);
}

.iti__selected-flag {
  padding-left: 16px;
}

.iti__flag {
  background-image: url("./images/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("./images/flags@2x.png");
  }
}
.mdc-text-field {
  z-index: 1;
  width: 100%;
}
.mdc-text-field--fullwidth {
  width: 100%;
}
.mdc-text-field--phone {
  z-index: 10;
}
.mdc-text-field--phone .mdc-text-field__input[type=tel] {
  padding-left: 60px;
}
.mdc-text-field--phone .mdc-floating-label {
  margin-left: 43px;
}
.mdc-text-field--phone .mdc-floating-label--float-above {
  margin-left: 0;
}
.mdc-text-field input:disabled {
  color: var(--nfe-theme-neutral--400);
}

.mdc-text-field__input,
.mdc-floating-label,
.mdc-select__selected-text,
.mdc-select .mdc-deprecated-list-item__text {
  font-size: 1rem;
}

.mdc-text-field--outlined {
  height: 48px;
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-29.75px) scale(0.75);
}

.mdc-text-field__input {
  font-family: Roboto;
}

.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: var(--nfe-theme-neutral--400);
}

.mdc-text-field + .mdc-text-field-helper-line {
  padding: 0;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: var(--nfe-theme-neutral--800);
}

.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 0.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #103541;
}

.mdc-typography--body1, .mdc-data-table__pagination .mdc-select .mdc-list,
.mdc-data-table__pagination .mdc-select .mdc-select__selected-text {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.25px;
}

.mdc-typography--body2, .mdc-data-table__pagination, .nfe-data-table__header .mdc-text-field__container .mdc-text-field .mdc-floating-label {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.25px;
}

.mdc-typography--caption, .mdc-data-table__header-cell {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
}

.mdc-typography--overline {
  font-weight: 700;
  font-size: 10px;
  line-height: 1;
}

:root {
  --mdc-typography-font-family: Roboto, Arial, Helvetica, sans-serif;
  --mdc-typography-headline1-font-family: Archivo, Roboto, Arial, Helvetica, sans-serif;
  --mdc-typography-headline2-font-family: Archivo, Roboto, Arial, Helvetica, sans-serif;
  --mdc-typography-headline3-font-family: Archivo, Roboto, Arial, Helvetica, sans-serif;
  --mdc-typography-headline4-font-family: Archivo, Roboto, Arial, Helvetica, sans-serif;
  --mdc-typography-headline5-font-family: Archivo, Roboto, Arial, Helvetica, sans-serif;
  --mdc-typography-headline6-font-family: Archivo, Roboto, Arial, Helvetica, sans-serif;
  --mdc-typography-subtitle1-font-family: Archivo, Roboto, Arial, Helvetica, sans-serif;
  --mdc-typography-subtitle2-font-family: Archivo, Roboto, Arial, Helvetica, sans-serif;
  --mdc-typography-headline1-font-weight: 400;
  --mdc-typography-headline1-font-size: 56px;
  --mdc-typography-headline1-line-height: 1.3;
  --mdc-typography-headline2-font-weight: 500;
  --mdc-typography-headline2-font-size: 40px;
  --mdc-typography-headline2-line-height: 1.3;
  --mdc-typography-headline3-font-weight: 400;
  --mdc-typography-headline3-font-size: 32px;
  --mdc-typography-headline3-line-height: 1.3;
  --mdc-typography-headline4-font-weight: 600;
  --mdc-typography-headline4-font-size: 24px;
  --mdc-typography-headline4-line-height: 1.3;
  --mdc-typography-headline5-font-weight: 500;
  --mdc-typography-headline5-font-size: 18px;
  --mdc-typography-headline5-line-height: 1.3;
  --mdc-typography-headline6-font-weight: 400;
  --mdc-typography-headline6-font-size: 16px;
  --mdc-typography-headline6-line-height: 1.3;
  --mdc-typography-subtitle1-font-weight: 400;
  --mdc-typography-subtitle1-font-size: 21px;
  --mdc-typography-subtitle1-line-height: 1.5;
  --mdc-typography-subtitle2-font-weight: 400;
  --mdc-typography-subtitle2-font-size: 18px;
  --mdc-typography-subtitle2-line-height: 1.5;
}

a {
  color: var(--nfe-theme-secondary--700);
}
a:hover:not(.mdc-icon-button, .mdc-card__action), a:visited:not(.mdc-icon-button, .mdc-card__action), a:focus:not(.mdc-icon-button, .mdc-card__action) {
  color: var(--nfe-theme-secondary--900);
}

.nfe-user-thumb {
  --size: 80px;
  border-radius: 100%;
  height: var(--size);
  width: var(--size);
  object-fit: contain;
}
.nfe-user-thumb--lg {
  --size: 104px;
}
.nfe-user-thumb--md {
  --size: 48px;
}

.nfe-verification {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.nfe-verification__field .mdc-text-field {
  padding: 0;
}
.nfe-verification__field input {
  padding: 0 16px;
  text-align: center;
}
.nfe-verification__divider {
  color: #506a73;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-bold {
  font-weight: bold;
}

.text-medium {
  font-weight: 500;
}

.text-multline {
  white-space: pre-line;
  margin-block-start: -24px;
  margin-inline-start: 0px;
}

.text-monospace {
  font-family: "Courier New", Courier, monospace;
}

.no-select {
  user-select: none;
}

.all-select {
  user-select: all;
}

.text-break {
  line-break: auto;
  word-wrap: break-word;
}

@media only screen and (max-width: 595px) {
  .text-center--phone {
    text-align: center;
  }
  .text-left--phone {
    text-align: left;
  }
}
.m0 {
  margin: 0px;
}

.p0 {
  padding: 0px;
}

.mt-0 {
  margin-top: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.m4 {
  margin: 4px;
}

.p4 {
  padding: 4px;
}

.mt-4 {
  margin-top: 4px;
}

.pt-4 {
  padding-top: 4px;
}

.mb-4 {
  margin-bottom: 4px;
}

.pb-4 {
  padding-bottom: 4px;
}

.ml-4 {
  margin-left: 4px;
}

.pl-4 {
  padding-left: 4px;
}

.mr-4 {
  margin-right: 4px;
}

.pr-4 {
  padding-right: 4px;
}

.m8 {
  margin: 8px;
}

.p8 {
  padding: 8px;
}

.mt-8 {
  margin-top: 8px;
}

.pt-8 {
  padding-top: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.pr-8 {
  padding-right: 8px;
}

.m16 {
  margin: 16px;
}

.p16 {
  padding: 16px;
}

.mt-16 {
  margin-top: 16px;
}

.pt-16 {
  padding-top: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.pb-16 {
  padding-bottom: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.pl-16 {
  padding-left: 16px;
}

.mr-16 {
  margin-right: 16px;
}

.pr-16 {
  padding-right: 16px;
}

.m24 {
  margin: 24px;
}

.p24 {
  padding: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.pt-24 {
  padding-top: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.pl-24 {
  padding-left: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.pr-24 {
  padding-right: 24px;
}

.m32 {
  margin: 32px;
}

.p32 {
  padding: 32px;
}

.mt-32 {
  margin-top: 32px;
}

.pt-32 {
  padding-top: 32px;
}

.mb-32 {
  margin-bottom: 32px;
}

.pb-32 {
  padding-bottom: 32px;
}

.ml-32 {
  margin-left: 32px;
}

.pl-32 {
  padding-left: 32px;
}

.mr-32 {
  margin-right: 32px;
}

.pr-32 {
  padding-right: 32px;
}

.m36 {
  margin: 36px;
}

.p36 {
  padding: 36px;
}

.mt-36 {
  margin-top: 36px;
}

.pt-36 {
  padding-top: 36px;
}

.mb-36 {
  margin-bottom: 36px;
}

.pb-36 {
  padding-bottom: 36px;
}

.ml-36 {
  margin-left: 36px;
}

.pl-36 {
  padding-left: 36px;
}

.mr-36 {
  margin-right: 36px;
}

.pr-36 {
  padding-right: 36px;
}

.m40 {
  margin: 40px;
}

.p40 {
  padding: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.m48 {
  margin: 48px;
}

.p48 {
  padding: 48px;
}

.mt-48 {
  margin-top: 48px;
}

.pt-48 {
  padding-top: 48px;
}

.mb-48 {
  margin-bottom: 48px;
}

.pb-48 {
  padding-bottom: 48px;
}

.ml-48 {
  margin-left: 48px;
}

.pl-48 {
  padding-left: 48px;
}

.mr-48 {
  margin-right: 48px;
}

.pr-48 {
  padding-right: 48px;
}

.m56 {
  margin: 56px;
}

.p56 {
  padding: 56px;
}

.mt-56 {
  margin-top: 56px;
}

.pt-56 {
  padding-top: 56px;
}

.mb-56 {
  margin-bottom: 56px;
}

.pb-56 {
  padding-bottom: 56px;
}

.ml-56 {
  margin-left: 56px;
}

.pl-56 {
  padding-left: 56px;
}

.mr-56 {
  margin-right: 56px;
}

.pr-56 {
  padding-right: 56px;
}

.m64 {
  margin: 64px;
}

.p64 {
  padding: 64px;
}

.mt-64 {
  margin-top: 64px;
}

.pt-64 {
  padding-top: 64px;
}

.mb-64 {
  margin-bottom: 64px;
}

.pb-64 {
  padding-bottom: 64px;
}

.ml-64 {
  margin-left: 64px;
}

.pl-64 {
  padding-left: 64px;
}

.mr-64 {
  margin-right: 64px;
}

.pr-64 {
  padding-right: 64px;
}

.m72 {
  margin: 72px;
}

.p72 {
  padding: 72px;
}

.mt-72 {
  margin-top: 72px;
}

.pt-72 {
  padding-top: 72px;
}

.mb-72 {
  margin-bottom: 72px;
}

.pb-72 {
  padding-bottom: 72px;
}

.ml-72 {
  margin-left: 72px;
}

.pl-72 {
  padding-left: 72px;
}

.mr-72 {
  margin-right: 72px;
}

.pr-72 {
  padding-right: 72px;
}

.m80 {
  margin: 80px;
}

.p80 {
  padding: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.d-flex {
  display: flex;
}
.d-flex--start {
  align-items: start;
}
.d-flex--between {
  justify-content: space-between;
}
.d-flex--end {
  justify-content: flex-end;
}
.d-flex--align-end {
  align-items: flex-end;
}
.d-flex--middle {
  align-items: center;
}
.d-flex--center {
  justify-content: center;
}
.d-flex--grow {
  flex-grow: 1;
}
.d-flex--column {
  flex-direction: column;
}
.d-flex--gap {
  --gap: 1.5rem;
  gap: var(--gap);
}
.d-flex--wrap {
  flex-wrap: wrap;
}
.d-flex--row {
  flex-direction: row;
}

.d-grid {
  --columns: 2;
  --rows: auto;
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-template-rows: repeat(var(--rows), 1fr);
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.hidden,
.d-hidden {
  display: none;
}

.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.w-half {
  width: 50%;
}

.v-middle {
  vertical-align: middle;
}

.radius-half {
  border-radius: 0.5rem;
}

.radius-full {
  border-radius: 50%;
}

.ratio-square {
  aspect-ratio: 1/1;
}

:root {
  --nfe-theme-surface--white: #ffffff;
  --nfe-theme-surface--grey: #f5f5f5;
  --nfe-theme-primary--50: #eefde8;
  --nfe-theme-primary--100: #d5f9c7;
  --nfe-theme-primary--200: #b8f4a1;
  --nfe-theme-primary--300: #97ef77;
  --nfe-theme-primary--400: #79ea53;
  --nfe-theme-primary--500: #59e529;
  --nfe-theme-primary--600: #46d320;
  --nfe-theme-primary--700: #21be12;
  --nfe-theme-primary--800: #00a900;
  --nfe-theme-primary--900: #008500;
  --nfe-theme-secondary--50: #dbf4fc;
  --nfe-theme-secondary--100: #a3e2f6;
  --nfe-theme-secondary--200: #5dcff2;
  --nfe-theme-secondary--300: #00bced;
  --nfe-theme-secondary--400: #00aeeb;
  --nfe-theme-secondary--500: #00a0e9;
  --nfe-theme-secondary--600: #0092dc;
  --nfe-theme-secondary--700: #0080c9;
  --nfe-theme-secondary--800: #006fb6;
  --nfe-theme-secondary--900: #005097;
  --nfe-theme-neutral--50: #efefef;
  --nfe-theme-neutral--100: #d5d9db;
  --nfe-theme-neutral--200: #b8c0c3;
  --nfe-theme-neutral--300: #9ca7aa;
  --nfe-theme-neutral--400: #889295;
  --nfe-theme-neutral--500: #718085;
  --nfe-theme-neutral--600: #5d747b;
  --nfe-theme-neutral--700: #506a73;
  --nfe-theme-neutral--800: #133f4c;
  --nfe-theme-neutral--900: #103541;
  --nfe-theme-success--50: #eaf7e8;
  --nfe-theme-success--100: #d5f0d1;
  --nfe-theme-success--200: #bae6b2;
  --nfe-theme-success--300: #97d98c;
  --nfe-theme-success--400: #74cc66;
  --nfe-theme-success--500: #5bc34a;
  --nfe-theme-success--600: #35b620;
  --nfe-theme-success--700: #33ad1f;
  --nfe-theme-success--800: #2d9b1b;
  --nfe-theme-success--900: #268217;
  --nfe-theme-warning--50: #fffceb;
  --nfe-theme-warning--100: #fff8d6;
  --nfe-theme-warning--200: #fff5c2;
  --nfe-theme-warning--300: #ffee99;
  --nfe-theme-warning--400: #ffe770;
  --nfe-theme-warning--500: #fbdf50;
  --nfe-theme-warning--600: #f3d53f;
  --nfe-theme-warning--700: #e5c41a;
  --nfe-theme-warning--800: #b89c14;
  --nfe-theme-warning--900: #998004;
  --nfe-theme-danger--50: #ffecec;
  --nfe-theme-danger--100: #ffd6d6;
  --nfe-theme-danger--200: #ffb8b8;
  --nfe-theme-danger--300: #ff9999;
  --nfe-theme-danger--400: #ff7070;
  --nfe-theme-danger--500: #ff4c4c;
  --nfe-theme-danger--600: #f43434;
  --nfe-theme-danger--700: #e51a1a;
  --nfe-theme-danger--800: #cb1b1b;
  --nfe-theme-danger--900: #b81414;
}

.nfe-theme-surface--white {
  color: #ffffff;
}

.nfe-theme-surface--grey {
  color: #f5f5f5;
}

.nfe-theme-primary--50 {
  color: #eefde8;
}

.nfe-theme-primary--100 {
  color: #d5f9c7;
}

.nfe-theme-primary--200 {
  color: #b8f4a1;
}

.nfe-theme-primary--300 {
  color: #97ef77;
}

.nfe-theme-primary--400 {
  color: #79ea53;
}

.nfe-theme-primary--500 {
  color: #59e529;
}

.nfe-theme-primary--600 {
  color: #46d320;
}

.nfe-theme-primary--700 {
  color: #21be12;
}

.nfe-theme-primary--800 {
  color: #00a900;
}

.nfe-theme-primary--900 {
  color: #008500;
}

.nfe-theme-secondary--50 {
  color: #dbf4fc;
}

.nfe-theme-secondary--100 {
  color: #a3e2f6;
}

.nfe-theme-secondary--200 {
  color: #5dcff2;
}

.nfe-theme-secondary--300 {
  color: #00bced;
}

.nfe-theme-secondary--400 {
  color: #00aeeb;
}

.nfe-theme-secondary--500 {
  color: #00a0e9;
}

.nfe-theme-secondary--600 {
  color: #0092dc;
}

.nfe-theme-secondary--700 {
  color: #0080c9;
}

.nfe-theme-secondary--800 {
  color: #006fb6;
}

.nfe-theme-secondary--900 {
  color: #005097;
}

.nfe-theme-neutral--50 {
  color: #efefef;
}

.nfe-theme-neutral--100 {
  color: #d5d9db;
}

.nfe-theme-neutral--200 {
  color: #b8c0c3;
}

.nfe-theme-neutral--300 {
  color: #9ca7aa;
}

.nfe-theme-neutral--400, .nfe-data-table__header .mdc-text-field__container .mdc-text-field .mdc-floating-label {
  color: #889295;
}

.nfe-theme-neutral--500 {
  color: #718085;
}

.nfe-theme-neutral--600, .mdc-data-table__pagination {
  color: #5d747b;
}

.nfe-theme-neutral--700 {
  color: #506a73;
}

.nfe-theme-neutral--800 {
  color: #133f4c;
}

.nfe-theme-neutral--900, .mdc-data-table__pagination-button {
  color: #103541;
}

.nfe-theme-success--50 {
  color: #eaf7e8;
}

.nfe-theme-success--100 {
  color: #d5f0d1;
}

.nfe-theme-success--200 {
  color: #bae6b2;
}

.nfe-theme-success--300 {
  color: #97d98c;
}

.nfe-theme-success--400 {
  color: #74cc66;
}

.nfe-theme-success--500 {
  color: #5bc34a;
}

.nfe-theme-success--600 {
  color: #35b620;
}

.nfe-theme-success--700 {
  color: #33ad1f;
}

.nfe-theme-success--800 {
  color: #2d9b1b;
}

.nfe-theme-success--900 {
  color: #268217;
}

.nfe-theme-warning--50 {
  color: #fffceb;
}

.nfe-theme-warning--100 {
  color: #fff8d6;
}

.nfe-theme-warning--200 {
  color: #fff5c2;
}

.nfe-theme-warning--300 {
  color: #ffee99;
}

.nfe-theme-warning--400 {
  color: #ffe770;
}

.nfe-theme-warning--500 {
  color: #fbdf50;
}

.nfe-theme-warning--600 {
  color: #f3d53f;
}

.nfe-theme-warning--700 {
  color: #e5c41a;
}

.nfe-theme-warning--800 {
  color: #b89c14;
}

.nfe-theme-warning--900 {
  color: #998004;
}

.nfe-theme-danger--50 {
  color: #ffecec;
}

.nfe-theme-danger--100 {
  color: #ffd6d6;
}

.nfe-theme-danger--200 {
  color: #ffb8b8;
}

.nfe-theme-danger--300 {
  color: #ff9999;
}

.nfe-theme-danger--400 {
  color: #ff7070;
}

.nfe-theme-danger--500 {
  color: #ff4c4c;
}

.nfe-theme-danger--600 {
  color: #f43434;
}

.nfe-theme-danger--700 {
  color: #e51a1a;
}

.nfe-theme-danger--800 {
  color: #cb1b1b;
}

.nfe-theme-danger--900 {
  color: #b81414;
}

.my0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mx0 {
  margin-left: 0px;
  margin-right: 0px;
}

.py0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.px0 {
  padding-left: 0px;
  padding-right: 0px;
}

.my4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.mx4 {
  margin-left: 4px;
  margin-right: 4px;
}

.py4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.px4 {
  padding-left: 4px;
  padding-right: 4px;
}

.my8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mx8 {
  margin-left: 8px;
  margin-right: 8px;
}

.py8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.px8 {
  padding-left: 8px;
  padding-right: 8px;
}

.my16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mx16 {
  margin-left: 16px;
  margin-right: 16px;
}

.py16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.px16 {
  padding-left: 16px;
  padding-right: 16px;
}

.my24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mx24 {
  margin-left: 24px;
  margin-right: 24px;
}

.py24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.px24 {
  padding-left: 24px;
  padding-right: 24px;
}

.my32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.mx32 {
  margin-left: 32px;
  margin-right: 32px;
}

.py32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.px32 {
  padding-left: 32px;
  padding-right: 32px;
}

.my36 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.mx36 {
  margin-left: 36px;
  margin-right: 36px;
}

.py36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.px36 {
  padding-left: 36px;
  padding-right: 36px;
}

.my40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mx40 {
  margin-left: 40px;
  margin-right: 40px;
}

.py40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.px40 {
  padding-left: 40px;
  padding-right: 40px;
}

.my48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.mx48 {
  margin-left: 48px;
  margin-right: 48px;
}

.py48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.px48 {
  padding-left: 48px;
  padding-right: 48px;
}

.my56 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.mx56 {
  margin-left: 56px;
  margin-right: 56px;
}

.py56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.px56 {
  padding-left: 56px;
  padding-right: 56px;
}

.my64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.mx64 {
  margin-left: 64px;
  margin-right: 64px;
}

.py64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.px64 {
  padding-left: 64px;
  padding-right: 64px;
}

.my72 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.mx72 {
  margin-left: 72px;
  margin-right: 72px;
}

.py72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.px72 {
  padding-left: 72px;
  padding-right: 72px;
}

.my80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mx80 {
  margin-left: 80px;
  margin-right: 80px;
}

.py80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.px80 {
  padding-left: 80px;
  padding-right: 80px;
}

.pointer {
  cursor: pointer;
}

.opacity-0 {
  opacity: calc(0 / 100);
}

.opacity-15 {
  opacity: calc(15 / 100);
}

.opacity-25 {
  opacity: calc(25 / 100);
}

.opacity-50 {
  opacity: calc(50 / 100);
}

.opacity-75 {
  opacity: calc(75 / 100);
}

.opacity-100 {
  opacity: calc(100 / 100);
}