/* stylelint-disable property-no-vendor-prefix */
/* stylelint-disable selector-class-pattern */
html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}

:root {
  --corellium-header-height: 72px;
}

/* Hide "Powered by Scalar" */
.darklight-reference a[href*='scalar.com'] {
  display: none !important;
}

.corellium-header {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  height: var(--corellium-header-height);
  box-sizing: border-box;
  align-items: center;
  padding: 0 18px;
  border-bottom: 1px solid var(--scalar-border-color, rgb(0 0 0 / 10%));
  background: var(--scalar-background-1, #fff);
  color: var(--scalar-color-1);
  gap: 1rem;
}

.corellium-header__logo {
  width: 22px;
  height: 32px;
  background: currentcolor;
  -webkit-mask: url('/static/corellium-logo.svg') center / contain no-repeat;
  mask: url('/static/corellium-logo.svg') center / contain no-repeat;
}

.corellium-header__title {
  font-family: var(--scalar-font-family, system-ui, sans-serif);
  font-size: 18px;
  font-weight: 500;
}

.corellium-header__nav {
  display: flex;
  align-items: center;
  gap: 4px;
}

.corellium-header__link {
  padding: 6px 12px;
  border-radius: 6px;
  color: var(--scalar-color-2, #6b7280);
  font-family: var(--scalar-font-family, system-ui, sans-serif);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition:
    background 0.15s,
    color 0.15s;
}

.corellium-header__link:hover {
  background: var(--scalar-background-2, rgb(0 0 0 / 5%));
  color: var(--scalar-color-1);
}

.corellium-header__link--active {
  background: var(--scalar-background-2, rgb(0 0 0 / 6%));
  color: var(--scalar-color-1);
}

.scalar-app {
  --scalar-custom-header-height: var(--corellium-header-height);
}

.scalar-app .references-rendered {
  padding-top: var(--corellium-header-height);
}