.darklight-reference a[href="https://www.scalar.com"]::after {
    content: " • with ❤︎ masana";
    opacity: 0.75;
}

/* Variables */
:root {
  --scalar-bold: 700;
  --scalar-mini: 12px;
  --scalar-micro: 10px;
  --scalar-radius-lg: 16px;
  --scalar-masana-header-height: 58px;
  --masana-fake-scrollbar-width: 4px;
  --masana-fake-scrollbar-gap: 2px;
  --masana-fake-scrollbar-radius: 999px;
  --masana-fake-scrollbar-fade-duration: 240ms;
  --masana-sticky-operation-offset: calc(var(--scalar-masana-header-height) - 2px);
  --scalar-font-size-4: var(--scalar-mini);
  --scalar-font-size-3: var(--scalar-mini);
  --scalar-font-size-5: var(--scalar-mini);

    --masana-primary-rgb: 7 156 150;
    --masana-accent-rgb: 7 156 150;
}

:root.env-dev {
    --masana-primary-rgb: 0 128 1;
    --masana-accent-rgb: 0 128 1;
}

:root.env-test {
    --masana-primary-rgb: 255 165 0;
    --masana-accent-rgb: 255 165 0;
}

:root.env-prod {
    --masana-primary-rgb: 7 156 150;
    --masana-accent-rgb: 7 156 150;
}

/* Theme Masana light */
.light-mode {
    --masana-primary: rgb(var(--masana-primary-rgb));
    --masana-accent: rgb(var(--masana-accent-rgb));

  --masana-accent: #079c96;
  --masana-white: #ffffff;
  --masana-border-soft: rgba(145 158 171 / 0.20);
  --masana-border-divider: #dedede;
  --masana-backdrop-bg: rgb(var(--masana-primary-rgb) / 0.35);
  --masana-text-1: #444444;
  --masana-text-2: rgba(11 31 30 / 0.72);
  --masana-text-3: #637381;
  --masana-text-disabled: #919eab;
  --masana-surface-1: var(--masana-white);
    --masana-surface-2: rgb(var(--masana-primary-rgb) / 0.04);
    --masana-surface-3: rgb(var(--masana-primary-rgb) / 0.50);
    --masana-sidebar-hover-bg: rgb(var(--masana-primary-rgb) / 0.08);
  --masana-scrollbar-thumb: rgba(145 158 171 / 0.48);
  --masana-scrollbar-thumb-hover: rgba(145 158 171 / 0.48);
  --masana-shadow-header: 0 1px 2px 0 rgba(145 158 171 / 0.16);
  --masana-shadow-search: 0 1px 2px rgba(145 158 171 / 0.20);
  --masana-sidebar-search-bg: rgba(145 158 171 / 0.08);
  --masana-sidebar-search-border: rgb(255 255 255);
  --masana-sidebar-search-kbd-bg: #ffffff;
  --masana-sidebar-search-kbd-border: rgba(145 158 171 / 0.24);
  --masana-sidebar-search-kbd-shadow: 0 1px 2px rgba(145 158 171 / 0.16);
    --masana-chip-bg: rgb(var(--masana-primary-rgb) / 0.08);
  --masana-sticky-surface: rgba(255 255 255 / 0);
  --masana-sticky-backdrop-blur: 10px;
  --scalar-sidebar-background-1: var(--masana-surface-1);
  --scalar-sidebar-color-1: var(--masana-accent);
  --scalar-sidebar-color-2: var(--masana-text-3);
  --scalar-sidebar-item-hover-background: var(--masana-sidebar-hover-bg);
    --scalar-sidebar-item-hover-color: var(--masana-primary);
    --scalar-sidebar-color-active: var(--masana-primary);
  --scalar-color-1: var(--masana-text-1);
  --scalar-color-2: var(--masana-text-2);
  --scalar-color-3: var(--masana-text-3);
  --scalar-background-1: var(--masana-surface-1);
  --scalar-background-2: var(--masana-surface-2);
  --scalar-background-3: var(--masana-surface-3);
  --scalar-scrollbar-color: #919eab7a;
    --scalar-color-accent: var(--masana-primary);
    --scalar-button-1: var(--masana-primary);
    --scalar-shadow-2: 0 0 2px 0 rgba(145 158 171 / 0.20), 0 12px 24px -4px rgba(145 158 171 / 0.12);
}

@supports (background: color-mix(in srgb, black, white)) {
    .light-mode {
        --masana-backdrop-bg: color-mix(
                in srgb,
                rgb(0 0 0 / 0.55),
                rgb(var(--masana-primary-rgb) / 0.35)
        );
    }
}

/* Scalar base */
.scalar-api-reference {
  --scalar-font: "Work Sans", "Segoe UI";
  --scalar-semibold: 600;
  --scalar-regular: 500;
  --scalar-radius: 8px;
  --scalar-paragraph: 26px;
  --scalar-page-description: 26px;
  --scalar-small: 13px;
}

.scalar-app {
  font-size: var(--scalar-font-size-4);
}

.scalar-app .property .property-heading {
  --scalar-font-size-3: var(--scalar-mini);
}

.scalar-app .operation-details .markdown[aria-label="Operation Description"] > p {
  font-weight: var(--scalar-font-medium);
}

.scalar-app .property-enum-values {
  font-size: var(--scalar-mini) !important;
  font-weight: var(--scalar-bold) !important;
}

.scalar-app li.property.property--level-4.property--compact {
  padding: 16px !important;
}

.scalar-app li.property.property--level-2.property--compact {
  padding: 16px !important;
}

.scalar-app li.property.property--level-3.property--compact {
  padding: 16px !important;
}

.scalar-app li.property.property--level-0.property--compact {
  padding: 0 !important;
}

.scalar-app li.property.property--level-0 {
  padding: 16px !important;
}

/* Fake scrollbar */
.masana-fake-scrollbar-track {
  position: fixed;
  z-index: 99999;
  pointer-events: none;
  width: var(--masana-fake-scrollbar-width);
  opacity: 0;
  transition: opacity var(--masana-fake-scrollbar-fade-duration) ease;
}

.masana-fake-scrollbar-track.is-visible {
  opacity: 1;
}

.masana-fake-scrollbar-thumb {
  position: absolute;
  left: 0;
  width: 100%;
  border-radius: var(--masana-fake-scrollbar-radius);
  background-color: var(--masana-scrollbar-thumb, rgba(145 158 171 / 0.48));
}

.masana-fake-scrollbar-track.is-visible .masana-fake-scrollbar-thumb {
  background-color: var(--masana-scrollbar-thumb-hover, rgba(145 158 171 / 0.48));
}

.masana-ripple-host {
    position: relative;
    overflow: hidden;
}

.masana-ripple {
    position: absolute;
    border-radius: 9999px;
    transform: scale(0);
    opacity: 0.20;
    background: currentColor;
    pointer-events: none;
    animation: masana-ripple 520ms ease-out;
}

@keyframes masana-ripple {
    to {
        transform: scale(1);
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .masana-ripple {
        animation: none;
        opacity: 0;
    }
}

/* Modal Environment */
.masana-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: rgba(0, 0, 0, 0.75  );
    backdrop-filter: blur(2px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: calc(var(--scalar-masana-header-height) + 16px) 16px 16px;
}

.masana-modal {
    width: min(520px, 100%);
    background: var(--masana-surface-1, #fff);
    border-radius: 16px;
    box-shadow: var(--scalar-shadow-2);
    border: 1px solid rgba(var(--masana-primary-rgb) / 0.18);
    color: var(--masana-text-1, #111);
    padding: 32px;
    font-family: "Work Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
}

.masana-modal-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 8px;
}

.masana-modal-body {
    font-size: 13px;
    color: var(--masana-text-2, rgba(11 31 30 / 0.72));
}

.masana-modal-hint {
    margin-top: 32px;
    font-size: 12px;
    color: var(--masana-text-3, #637381);
}

.masana-modal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.masana-btn,
.masana-btn-secondary {
    border-radius: 999px;
    padding: 8px 12px;
    font-weight: 800;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid transparent;
}

.masana-btn {
    background: rgb(var(--masana-primary-rgb));
    color: white;
}

.masana-btn:hover {
    filter: brightness(0.95);
}

.masana-btn-secondary {
    background: transparent;
    border-color: rgba(145 158 171 / 0.35);
    color: var(--masana-text-1, #111);
}

.masana-btn-secondary:hover {
    background: rgba(145 158 171 / 0.10);
}


/* Header */
.masana-header {
  height: var(--scalar-masana-header-height);
  background-color: var(--masana-primary, #079c96);
  box-shadow: var(--masana-shadow-header, 0 1px 2px 0 rgba(145 158 171 / 16%));
  color: var(--masana-white, #ffffff);
  font-size: var(--scalar-font-size-2);
  font-weight: 900;
  padding: 0 18px;
  position: sticky;
  justify-content: space-between;
  top: 0;
  z-index: 9999;
}

.masana-header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.masana-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.masana-logo {
  height: 48px;
  width: auto;
  display: block;
}

.masana-env-select {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.masana-env-select::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgba(255 255 255 / 0.85);
  pointer-events: none;
}

.masana-env:focus,
.masana-env:focus-visible,
.masana-env:active {
    border-radius: 999px!important;
    outline: none;
}

.masana-env:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(255 255 255 / 0.35);
}

.masana-env {
  font-size: var(--scalar-mini);
  font-weight: var(--scalar-bold);
  padding: 6px 28px 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255 255 255 / 0.30);
  background-color: rgba(255 255 255 / 0.12);
  color: var(--masana-white, #ffffff);
  line-height: 1;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.masana-env:hover {
  background-color: rgba(255 255 255 / 0.20);
}

.scalar-app .max-w-\[540px\] {
    max-width: 680px !important;
}

/* Sidebar */
aside button[aria-expanded="true"] {
  background-color: var(--masana-primary);
  --scalar-sidebar-color-active: var(--masana-white);
  color: var(--masana-white);
  --scalar-sidebar-item-hover-background: var(--masana-primary);
  --scalar-sidebar-item-hover-color: var(--masana-white);
}

aside button[aria-expanded="true"] svg,
aside button[aria-expanded="true"] [class*="text-c-"] {
  color: var(--masana-white);
}

aside button {
  font-size: var(--scalar-font-size-5);
}

.scalar-app aside button[aria-expanded="true"].text-sidebar-c-2,
.scalar-app aside button[aria-expanded="true"] .text-sidebar-c-2 {
  color: var(--masana-white) !important;
}

aside .custom-scroll {
  scrollbar-width: none !important;
  scrollbar-color: transparent transparent !important;
}

aside .custom-scroll::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

aside .custom-scroll::-webkit-scrollbar-track {
  background-color: transparent !important;
}

aside button[role="search"] {
  background-color: var(--masana-sidebar-search-bg) !important;
  border-color: var(--masana-sidebar-search-border) !important;
  border-radius: 12px !important;
  height: 40px !important;
  padding-left: 12px !important;
  padding-right: 8px !important;
}

aside button[role="search"] svg {
  color: var(--scalar-color-3) !important;
}

aside button[role="search"] .sidebar-search-placeholder {
  color: var(--scalar-color-3) !important;
}

aside button[role="search"] > span.uppercase.bg-b-2 {
  background-color: var(--masana-sidebar-search-kbd-bg) !important;
  box-shadow: var(--masana-sidebar-search-kbd-shadow) !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
}

aside button[role="search"] > span.uppercase.bg-b-2 kbd {
  font-weight: var(--scalar-bold);
  font-size: var(--scalar-mini);
}

/* Layout */
@media (max-width: 1600px) {
  .scalar-app .section-columns {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px;
  }

  .scalar-app .section-columns > .section-column {
    width: 100% !important;
    max-width: none !important;
  }

  .scalar-app .section-columns .examples {
    position: static !important;
    top: auto !important;
  }
}

.scalar-app .section {
  scroll-margin-top: var(--masana-sticky-operation-offset);
}

/* Utilities */
.scalar-app .download-container.download-both {
  position: relative;
}

.scalar-app .download-container .badge.extension {
  background: var(--masana-primary) !important;
  color: var(--masana-white, #ffffff) !important;
}

.scalar-app .download-container.download-both::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 56px;
}

.scalar-app .parameter-item-container .property.property--level-0.property--compact {
  margin-top: 8px;
  margin-bottom: 8px;
  box-shadow: var(--scalar-shadow-2);
  padding: 16px !important;
  border-radius: var(--scalar-radius);
}

.scalar-app .property .property-heading .property-name {
  color: var(--masana-primary, #079c96) !important;
}

.scalar-app .request-body-schema li.property.property--level-1.property--compact {
  margin-top: 8px;
  margin-bottom: 16px;
  box-shadow: var(--scalar-shadow-2);
  padding: 16px !important;
  border-radius: var(--scalar-radius);
}

.scalar-app .property-example {
  width: 100%;
}

.scalar-app .property-example .property-example-value-list {
  border-radius: var(--scalar-radius) !important;
}

.scalar-app .property-example-value-list {
  left: 0 !important;
  transform: translate3d(0%, 0, 0) !important;
  width: min(780px, calc(100vw - 48px)) !important;
  min-width: min(500px, calc(100vw - 48px)) !important;
  max-width: calc(100vw - 48px) !important;
  box-sizing: border-box;
}

.scalar-app .property-example-value {
  width: 100%;
  align-items: flex-start;
}

.scalar-app .property-example-value > span {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  flex: 1 1 auto;
  min-width: 0;
}

.scalar-app .property-example-value-list > .property-example-value > span {
  font-size: var(--scalar-micro) !important;
  line-height: 1.2;
}

.scalar-app .response-card .tab::before {
  left: -4px !important;
  top: -3px !important;
  width: calc(100% + 8px) !important;
  height: calc(100% + 4px) !important;
  border-radius: var(--scalar-radius) !important;
  background: rgb(255 255 255) !important;
  box-shadow: var(--scalar-shadow-2) !important;
  opacity: 0 !important;
}

.scalar-app .response-card .tab:hover::before,
.scalar-app .response-card .tab.tab-selected::before {
  opacity: 1 !important;
}

.scalar-app .response-card .tab.tab-selected {
  font-weight: var(--scalar-bold) !important;
  color: var(--masana-text-3) !important;
}

.scalar-app code.hljs {
  font-size: var(--scalar-mini) !important;
}

.scalar-app .examples > * {
  position: relative;
  max-height: calc(var(--refs-viewport-height) - 160px) !important;
}

.scalar-app .hljs-regexp,
.scalar-app .hljs-string,
.scalar-app .hljs-built_in {
  color: var(--masana-primary) !important;
}

.scalar-app .hljs-attr,
.scalar-app .hljs-attribute {
  color: var(--masana-text-3) !important;
}

.scalar-app code.property-detail-value {
  background: var(--masana-chip-bg) !important;
}

.scalar-app .endpoint-method,
.scalar-app .endpoint-path {
  font-size: var(--scalar-mini) !important;
  font-weight: var(--scalar-bold);
  line-height: 1.7 !important;
}

/* Checkbox */
.scalar-app .scalar-card-checkbox .scalar-card-checkbox-checkmark {
  background-color: var(--scalar-background-1) !important;
}

.scalar-app
  .scalar-card-checkbox
  .scalar-card-checkbox-input:checked
  ~ .scalar-card-checkbox-checkmark {
  background-color: var(--scalar-button-1) !important;
  box-shadow: none !important;
}

.scalar-app .bg-backdrop {
  background-color: var(--masana-backdrop-bg, rgba(3 57 55 / 0.80)) !important;
}

.scalar-app .schema-type {
  font-family: var(--scalar-font-code);
  color: var(--masana-text-3) !important;
  font-size: var(--scalar-mini) !important;
  font-weight: var(--scalar-bold) !important;
}

.scalar-app .collapsible-section li.property.property--level-2 {
  padding: 16px !important;
}

.scalar-app .collapsible-section li.property.property--level-3 {
  padding: 16px !important;
}

.scalar-app .collapsible-section li.property.property--level-4 {
  padding: 16px !important;
}

.scalar-app .collapsible-section li.property.property--level-5 {
  padding: 16px !important;
}

.scalar-app .collapsible-section li.property.property--level-6 {
  padding: 16px !important;
}

.scalar-app .collapsible-section li.property.property--level-7 {
  padding: 16px !important;
}

.scalar-app button.composition-selector {
  font-weight: var(--scalar-bold) !important;
}

.scalar-app .scalar-modal {
  box-shadow: -40px 40px 80px -8px rgba(0 0 0 / 24%) !important;
}

.scalar-app .scalar-modal-search [role="search"] > label {
  height: 100% !important;
  padding: 24px !important;
}

.scalar-app .scalar-modal-search [role="search"] {
  border-bottom: solid 1px var(--masana-border-soft, rgba(145 158 171 / 0.20)) !important;
}

.scalar-app .scalar-modal-search [role="listbox"] {
  padding: 20px !important;
}

/* Search modal */
.scalar-app .scalar-modal-search [role="listbox"] > a[role="option"] {
  border: 1px dashed transparent !important;
  border-bottom-color: var(--masana-border-divider, #dedede) !important;
  margin-bottom: 4px;
  border-radius: 0 !important;
  box-sizing: border-box;
}

.scalar-app .scalar-modal-search [role="listbox"] > a[role="option"]:hover {
  border-color: var(--masana-primary) !important;
  border-radius: var(--scalar-radius) !important;
}

.scalar-app .scalar-modal-search [role="listbox"] .text-c-2 {
  font-size: var(--scalar-micro) !important;
}

.scalar-app .scalar-modal-search [role="listbox"] .flex-1.truncate.text-base.font-medium {
  font-size: var(--scalar-small) !important;
  font-weight: var(--scalar-bold) !important;
}

/* Address bar */
.scalar-app .scalar-address-bar .scalar-button-ghost {
  font-size: var(--scalar-mini) !important;
}

.scalar-app .scalar-address-bar [data-testid="code-input-disabled"] {
  font-size: var(--scalar-mini) !important;
}