html {
  --appBarHeightMobile: 50px;
  --space: 8px;
  --minWidth: 320px;
  --desktop-content-width: calc(800px - 20px);
  --desktop-content-width-wide: calc(1400px - 20px);
  --toad-main-color: #d4aa00;

  overflow-y: scroll;
  padding-top: var(--appBarHeightMobile);
  background-color: #fafafa;
  min-width: 300px;
  max-width: 100vw;
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu,
    Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: black;
}

body {
  max-width: 100vw;
  margin: 0;
}

::-webkit-scrollbar {
  height: 15px;
  width: 15px;
  background: #dbd7d7;
}

::-webkit-scrollbar-thumb {
  background: #927a1bd8;
  -webkit-border-radius: 3px;
}

a {
  color: inherit;
  text-decoration: none;
}

h1 {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  margin: 1.5rem 0;
}

@media (min-width: 800px) {
  #shared-content-container {
    max-width: var(--desktop-content-width);
    min-width: var(--desktop-content-width);
    margin: auto auto;
  }
}

@media (min-width: 2000px) {
  #shared-content-container {
    max-width: var(--desktop-content-width-wide);
    min-width: var(--desktop-content-width-wide);
    margin: auto auto;
  }
}

/* classes */
.shared-display-none {
  display: none;
}

.shared-not-transparent {
  opacity: 1 !important;
}

.shared-display-block {
  display: block;
}

.shared-cursor-pointer {
  cursor: pointer;
}

#shared-header {
  max-width: 100vw;
  background-color: #fff;
  z-index: 1;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #00000012;
  position: fixed;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.5s transform;
  height: var(--appBarHeightMobile);
}

#shared-header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.3rem;
  padding: var(--space);
  width: 100%;
}

@media (min-width: 800px) {
  #shared-header-content {
    max-width: var(--desktop-content-width);
    min-width: var(--desktop-content-width);
    margin: auto auto;
  }
}

@media (min-width: 2000px) {
  #shared-header-content {
    max-width: var(--desktop-content-width-wide);
    min-width: var(--desktop-content-width-wide);
    margin: auto auto;
  }
}

.shared-header-scrolled {
  transform: translateY(calc(0px - var(--appBarHeightMobile)));
}

.shared-header-selectable-item {
  cursor: pointer;
  text-transform: uppercase;
}

.shared-header-item-width {
  min-width: 5.5rem;
}

.shared-header-right-group-container {
  text-align: right;
}

@media (min-width: 800px) {
  .shared-header {
    padding: calc(var(--space) * 2) calc(var(--space) * 2);
  }
}

.shared-header-lang-block {
  display: flex;
  margin-left: 16px;
  font-size: 0.8rem;
}

@media (min-width: 800px) {
  .shared-header-lang-block {
    margin-left: 32px;
  }
}

.shared-lang-separator {
  border-right: 1px solid #00000038;
  margin: 0 0.4rem;
}

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