.header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #262626;
  z-index: 1002;
}
.header p,
.header span {
  font-size: 0.8387rem;
}
@media (max-width: 760px) {
  .header p,
  .header span {
    font-size: 0.9rem;
  }
}
@media (max-width: 440px) {
  .header p,
  .header span {
    font-size: 1rem;
  }
}
.header__burger {
  width: 13.54%;
  width: 0;
  background-color: rgba(82, 97, 104, 0.35);
  aspect-ratio: 1/1;
  border-radius: 10px;
}
@media (max-width: 760px) {
  .header__burger {
    width: 9.54%;
  }
}
@media (max-width: 440px) {
  .header__burger {
    width: 13.54%;
  }
}
.header__burger.open > svg #top-line {
  animation: down-rotate 0.6s ease-out both;
}
.header__burger.open > svg #bottom-line {
  animation: up-rotate 0.6s ease-out both;
}
.header__burger.open > svg #middle-line {
  animation: hide 0.6s ease-out forwards;
}
.header__toggle-svg {
  width: 65%;
}
.header__base {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 4% 0;
}
.header__title {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header__title_text {
  display: flex;
  flex-direction: column;
  margin-left: 2.7%;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
}
.header__title_logo {
  height: 100%;
}
.header__title_name {
  max-width: 100%;
  /*white-space: nowrap;*/
  letter-spacing: 1px;
  color: #fff;
  vertical-align: top;
  font-weight: 600;
}
@media (max-width: 760px) {
  .header__title_name {
    max-width: 80%;
  }
}
@media (max-width: 440px) {
  .header__title_name {
    max-width: 80%;
  }
}
/*@media (max-width: 760px) {
  .header__title_name {
    white-space: wrap;
  }
}
@media (max-width: 440px) {
  .header__title_name {
    white-space: wrap;
  }
}*/
.header__settings {
  display: flex;
  width: 28.2%;
  height: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 760px) {
  .header__settings {
    display: none;
  }
}
.header__settings_account {
  background: rgba(82, 97, 104, 0.35);
}
.header__settings_WhatsApp > p > i {
  font-size: 1.7rem;
}
.header__settings_legChange {
  background-color: transparent;
  border: 1px solid rgba(82, 97, 104, 0.35);
  transition: border-color 0.2s ease-in-out 0s;
}
.header__settings_legChange:hover {
  border-color: #fff;
}
.header__menu {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 760px) {
  .header__menu {
    display: none;
    flex-direction: column-reverse;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: calc(100vh - 90%);
    background-color: #262626;
    transform: translateY(99%);
    z-index: 2;
    padding: 4% 0;
    margin: 0;
    overflow-y: auto;
  }
}
.header__menu_links {
  background-color: #353B3D;
  width: 76.725%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1.3% 4.5%;
  border-radius: calc(5.8929889299px + 0.295202952vw);
}
@media (max-width: 760px) {
  .header__menu_links {
    flex-direction: column;
    width: 100%;
    border-radius: 0;
    padding: 0;
  }
}
@media (max-width: 760px) {
  .header__menu_link {
    width: 100%;
    border-radius: 0;
    justify-content: start;
    padding: 5.4%;
  }
}
.header__menu_tournamentRegistration {
  width: 22.129%;
  display: flex;
  padding: 1.3% 1.4%;
  align-items: center;
  justify-content: center;
  border-radius: calc(5.8929889299px + 0.295202952vw);
}
@media (max-width: 760px) {
  .header__menu_tournamentRegistration {
    width: 100%;
    border-radius: 0;
    justify-content: start;
    padding: 5.4%;
  }
}
.header__menu_settings {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #353B3D;
}
@media (min-width: 760px) {
  .header__menu_settings {
    display: none;
  }
}
.header__menu_WhatsApp {
  display: flex;
}
.header__menu_legChange {
  display: flex;
}

#top-line,
#bottom-line,
#middle-line {
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes up-rotate {
  0% {
    animation-timing-function: cubic-bezier(0.16, -0.88, 0.97, 0.53);
    transform: translateY(0px);
  }
  30% {
    transform-origin: center;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: translateY(-10px);
  }
  100% {
    transform-origin: center;
    transform: translateY(-10px) rotate(45deg) scale(0.9);
  }
}
@keyframes down-rotate {
  0% {
    animation-timing-function: cubic-bezier(0.16, -0.88, 0.97, 0.53);
    transform: translateY(0px);
  }
  30% {
    transform-origin: center;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: translateY(10px);
  }
  100% {
    transform-origin: center;
    transform: translateY(13px) rotate(-45deg) scale(0.9);
  }
}
@keyframes hide {
  29% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}/*# sourceMappingURL=header.css.map */