#everywhere-menu.popup {
  --max-width: calc((100vw - 960px) / (1920 - 960) * (740 - 480) + 480px);
  --width: 100%;
  --height: auto;
  --min-width: auto;
  --min-height: auto;
  --background-color: var(--background-regular);
}

#everywhere-menu .everywhere-content .everywhere-content--container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  flex-wrap: wrap;
  gap: 10px 5px;
}

#everywhere-menu .everywhere-content .everywhere-content--item {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-body);
  padding: 5px;
  border: 1px solid transparent;
  border-radius: var(--border-radius);
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  flex-grow: 1;
}

#everywhere-menu
  .everywhere-content
  .everywhere-content--item
  .everywhere-content--item--text {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

#everywhere-menu .content {
  padding: 0;
}

#everywhere-menu .everywhere-content .everywhere-content--item:hover {
  border-color: var(--brand-blue);
  color: var(--font-color-accent-blue);
}

#everywhere-menu .everywhere-content {
  border-top: 1px solid var(--brand-blue);
  border-bottom: 1px solid var(--brand-blue);
}

#everywhere-menu .popup-header,
#everywhere-menu .popup-content,
#everywhere-menu .popup-footer {
  margin: 0;
  padding: calc((100vw - 960px) / (1920 - 960) * (10 - 5) + 5px);
}

#everywhere-button {
  max-width: none;
}

#everywhere-button #everywhere-field {
  max-width: 186px;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}