/* Fraga identity. Scope chrome overrides to the Superset application navbar. */
@font-face {
  font-family: "Fraga Inter";
  src: url("/local-assets/fraga/Inter-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Fraga Inter";
  src: url("/local-assets/fraga/Inter-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Fraga Inter";
  src: url("/local-assets/fraga/Inter-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Fraga Inter";
  src: url("/local-assets/fraga/Inter-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

#main-menu {
  background: #0f0f13 !important;
  border-bottom: 2px solid #f13e56 !important;
  color: #f5f5f7;
}
#main-menu .ant-menu {
  background: transparent !important;
  color: #e9e9ef !important;
  border-color: transparent !important;
}
#main-menu .ant-menu-item,
#main-menu .ant-menu-submenu-title,
#main-menu .ant-menu-item a,
#main-menu .ant-menu-submenu-title a,
#main-menu .ant-menu-submenu-arrow,
#main-menu .ant-menu-item-icon,
#main-menu .ant-menu-submenu-title .anticon {
  color: #e9e9ef !important;
}
#main-menu .ant-menu-item-selected,
#main-menu .ant-menu-item-selected a,
#main-menu .ant-menu-item:hover,
#main-menu .ant-menu-item:hover a,
#main-menu .ant-menu-submenu-title:hover,
#main-menu .ant-menu-submenu-open > .ant-menu-submenu-title {
  color: #ff7083 !important;
}
#main-menu .ant-menu-item-selected,
#main-menu .ant-menu-item-active {
  background: rgba(241, 62, 86, 0.12) !important;
}
#main-menu .ant-menu-item-selected::after,
#main-menu .ant-menu-item:hover::after {
  border-bottom-color: #f13e56 !important;
}
#main-menu a:focus-visible,
#main-menu [role="menuitem"]:focus-visible {
  outline: 2px solid #ff7083 !important;
  outline-offset: -3px;
}
#main-menu img[alt="Fraga Analytics"] {
  max-width: 100%;
  object-fit: contain;
}
