@import "./system/10-hero-90-match.css?v=1";
@import "./system/11-hero-screenshot-polish.css?v=1";

/*
  AimSight nav icons.
  Uses local inline SVGs based on the open-source Lucide icon style.
*/

.as-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: currentColor;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  pointer-events: none;
}

.as-theme-toggle {
  font-size: 0 !important;
}

.as-theme-toggle .as-theme-toggle-icon,
.as-theme-toggle .as-theme-toggle-text {
  display: none !important;
}

.as-theme-toggle .as-icon-sun {
  display: none;
}

.as-theme-toggle[aria-pressed="true"] .as-icon-moon {
  display: none;
}

.as-theme-toggle[aria-pressed="true"] .as-icon-sun {
  display: inline-block;
}

.as-menu-btn {
  font-size: 0 !important;
}

.as-menu-btn > span {
  display: none !important;
}

.as-menu-btn .as-icon-x {
  display: none;
}

.as-menu-btn[aria-expanded="true"] .as-icon-menu {
  display: none;
}

.as-menu-btn[aria-expanded="true"] .as-icon-x {
  display: inline-block;
}

.as-theme-toggle,
.as-menu-btn {
  color: #0e1024;
}

html[data-theme="dark"] .as-theme-toggle,
html[data-theme="dark"] .as-menu-btn {
  color: #ffffff;
}

@media (max-width: 760px) {
  .as-icon {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 360px) {
  .as-icon {
    width: 17px;
    height: 17px;
  }
}