@use "utils.scss";
@use "overrides-components.scss";

:root {
  font-size: 15px;
}

#__nuxt {
  // like Bulma's .container
  max-width: 1900px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

// Tooltip Styles
.tooltiptext {
  opacity: 0;
  background-color: hsl(from var(--bulma-black-bis) h s l / 0.7);
  color: var(--bulma-white-bis);
  border-radius: 6px;
  position: absolute;
  margin-left: 0px;
  z-index: 999;
  bottom: 110%;
  transition: opacity 0.2s;
  padding: 0.4rem 0.6rem;
  font-size: 13px;
  pointer-events: none;
  backdrop-filter: blur(2px);
}

.control:hover .tooltiptext {
  opacity: 1;
  position: absolute;
  min-width: 300px;
  z-index: 999;
}