/* stylelint-disable keyframes-name-pattern */

.Popover_popoverContent__JiDhN {
  border-radius: 0 0 14px 14px;
  padding: 20px;
  background-color: var(--brand);
  box-shadow: var(--shadow-2);
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
  z-index: 10;
}

.Popover_popoverContent__JiDhN[data-state="open"][data-side="top"] {
  animation-name: Popover_slideDownAndFade__znUyk;
}

.Popover_popoverContent__JiDhN[data-state="open"][data-side="right"] {
  animation-name: Popover_slideLeftAndFade__d6j4Q;
}

.Popover_popoverContent__JiDhN[data-state="open"][data-side="bottom"] {
  animation-name: Popover_slideUpAndFade__vGFcK;
}

.Popover_popoverContent__JiDhN[data-state="open"][data-side="left"] {
  animation-name: Popover_slideRightAndFade__BA_dh;
}

.Popover_popoverTrigger__E_8HM {
  background-color: transparent;
}

@keyframes Popover_slideUpAndFade__vGFcK {
  from {
    opacity: 0;
    transform: translateY(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes Popover_slideRightAndFade__BA_dh {
  from {
    opacity: 0;
    transform: translateX(-2px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes Popover_slideDownAndFade__znUyk {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes Popover_slideLeftAndFade__d6j4Q {
  from {
    opacity: 0;
    transform: translateX(2px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.Header_container__46aCD {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background-color: var(--white);
  height: 64px;
  padding-right: 50px;
  padding-left: 30px;
}

.Header_logo__Ux2j4 {
  height: 150px;
  width: 150px;
  margin-right: 8px;
  max-width: 150px;
  display: flex;
  align-items: center;
}

.Header_nav__KpBJk {
  display: flex;
  align-items: center;
  gap: 16px;
}

.Header_menu__7peW8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  opacity: 0;
  margin-left: auto;
}

.Header_button__jPR5j {
  /* background-color: #FFB0B040; */
  width: 100px !important;
  justify-content: flex-start;
}

.Header_button__jPR5j svg {
    height: 14px;
    width: 14px;
    fill: #fff9;
  }

.Header_button__jPR5j div {
    font-size: 14px;
    font-weight: 400;
  }

.Header_logoutButton__PxPfN {
  color: #fff9 !important;
  align-self: flex-end;
  font-size: 12px;
  margin-top: 6px;
}

.Header_username___oIzL {
  display: none;
}

/* Estilo para o conteúdo do Popover */
.Header_popoverContent__jQEJY {
  margin-top: 35px !important;
}

@media (max-width: 768px) {
  .Header_popoverContent__jQEJY {
    margin-top: 17px !important;
  }
}

@media (min-width: 720px) {
  .Header_container__46aCD {
    height: 94px;
    padding-right: 50px;
    padding-left: 30px;
  }

  .Header_username___oIzL {
    display: block;
  }
}