/*
1 colore bottone
2 bordo/hover
3 testo
*/
/*
1 colore bottone
2 bordo/hover
3 testo
*/
.appLayout {
  height: 100svh;
}

.container {
  width: 100%;
  max-width: 1536px;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media (max-width: 1536px) {
  .container {
    max-width: 1280px;
  }
}
@media (max-width: 1280px) {
  .container {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (max-width: 640px) {
  .container {
    max-width: 640px;
  }
}

.adv {
  background-color: var(--primary);
  opacity: 1;
  --s: 60px;
  --_g: 0 120deg,#0000 0;
  background: conic-gradient(at 83.3333333333% 33.3333333333%, var(--primary) var(--_g)), conic-gradient(from -120deg at 16.6666666667% 33.3333333333%, var(--bg) var(--_g)), conic-gradient(from 120deg at 33.3333333333% 83.3333333333%, var(--bg-light) var(--_g)), conic-gradient(from 120deg at 66.6666666667% 83.3333333333%, var(--bg-light) var(--_g)), conic-gradient(from -180deg at 33.3333333333% 50%, var(--bg) 60deg, var(--bg-light) var(--_g)), conic-gradient(from 60deg at 66.6666666667% 50%, var(--bg-light) 60deg, var(--primary) var(--_g)), conic-gradient(from -60deg at 50% 33.3333333333%, var(--bg-light) 120deg, var(--bg) 0 240deg, var(--primary) 0);
  background-size: calc(var(--s) * 1.7320508076) var(--s);
}

body {
  height: 100svh;
  overflow-y: auto;
  background-color: var(--bg);
}

.logoContainer {
  display: flex;
  justify-content: center;
  height: 32px;
}
.logoContainer .logo {
  display: block;
}
.logoContainer .logo--small {
  display: none;
}
@media (max-width: 1024px) {
  .logoContainer .logo--full {
    display: none;
  }
  .logoContainer .logo--small {
    display: block;
  }
}

[data-theme=light] .logoContainer .logo--dark,
[data-theme]:not([data-theme=dark]) .logoContainer .logo--dark {
  display: none !important;
}

[data-theme=dark] .logoContainer .logo--light {
  display: none !important;
}

.menuAvatar__Btn {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--fg-dark);
}
@media (max-width: 425px) {
  .menuAvatar__Btn {
    gap: 0;
  }
  .menuAvatar__Btn i {
    display: none;
  }
}
.menuAvatar__Popup {
  right: 0;
  top: calc(100% + 0.25rem);
  min-width: 250px;
  white-space: nowrap;
  padding-left: 1rem;
}

.menuSelectorPopUp {
  right: calc(100% + 1.5rem);
  width: max-content;
  top: 0;
  padding-inline: 1rem;
}

.languageFlagImage {
  width: 25px;
  height: 25px;
  border-radius: 0.5rem;
  overflow: hidden;
}

/*# sourceMappingURL=layout.css.map */