/* [project]/src/app/support/support.css [app-client] (css) */
body:has(#nd-docs-layout) [class*="shadow-"]:not([role="dialog"], [data-side], [role="menu"], [role="listbox"]) {
  --tw-shadow: 0 0 #0000;
}

body:has(#nd-docs-layout) [role="dialog"][data-side] {
  background-color: var(--color-fd-popover);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  min-height: 0;
}

body:has(#nd-docs-layout) article :is(.bg-fd-card, .bg-fd-secondary):is(form, figure, div:has( > [role="tablist"])) {
  background-color: #0000;
}

body:has(#nd-docs-layout) article div:has( > [role="tablist"]) > [role="tablist"] {
  background-color: color-mix(in oklab, var(--color-fd-muted) 40%, transparent);
  border-bottom: 1px solid var(--color-fd-border);
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}

body:has(#nd-docs-layout) [data-endpoint-playground] form > :is(.bg-fd-secondary, [data-playground-result]) > figure {
  margin-block: 0;
}

body:has(#nd-docs-layout) article div:has( > [role="tablist"]) > [role="tabpanel"] > figure.shiki {
  border: 0;
  margin: 0;
}

body:has(#nd-docs-layout) article div:has( > [role="tablist"]) > [role="tabpanel"] {
  background-color: #0000;
  border-radius: 0;
}

body:has(#nd-docs-layout) article :is(span.text-red-400, span.text-red-400\/80) {
  color: var(--color-fd-muted-foreground);
}

body:has(#nd-docs-layout) article form :is(input:not([type="checkbox"], [type="radio"]), select) {
  border: 1px solid var(--input);
  border-radius: calc(var(--radius) - 2px);
  color: var(--foreground);
  background-color: #0000;
  font-size: .875rem;
  transition: color .15s, box-shadow .15s;
}

body:has(#nd-docs-layout) article form :is(input:not([type="checkbox"], [type="radio"]), select) {
  height: 2.25rem;
  padding: .25rem .75rem;
}

body:has(#nd-docs-layout) article form :is(select:not([multiple])) {
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
  background-position: right .375rem center;
  background-repeat: no-repeat;
  background-size: .625rem;
  height: 1.5rem;
  padding-block: 0;
  padding-inline: .5rem 1.25rem;
  font-size: .75rem;
  line-height: 1;
}

.dark body:has(#nd-docs-layout) article form :is(select:not([multiple])) {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
}

body:has(#nd-docs-layout) article form fieldset > :is(label, div):first-child {
  min-height: 1.5rem;
}

body:has(#nd-docs-layout) article form :is(input, select, textarea)::placeholder {
  color: var(--muted-foreground);
}

body:has(#nd-docs-layout) article form :is(input, select):focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent);
  outline: none;
}

.dark body:has(#nd-docs-layout) article form :is(input:not([type="checkbox"], [type="radio"]), select) {
  background-color: color-mix(in oklab, var(--input) 30%, transparent);
}

body:has(#nd-docs-layout) article form fieldset[data-collapsible="true"]:not(:has( > :nth-child(2))) {
  border: 1px dashed var(--input);
  border-radius: calc(var(--radius) - 2px);
  padding: .5rem .75rem;
  transition: border-color .15s;
}

body:has(#nd-docs-layout) article form fieldset[data-collapsible="true"]:not(:has( > :nth-child(2))):hover {
  border-color: var(--ring);
}

body:has(#nd-docs-layout) [data-param-fields="parameter"] > div {
  border-bottom-width: 1px;
}

body:has(#nd-docs-layout) [data-param-fields="parameter"]:last-child > div {
  border-bottom-width: 0;
}

body:has(#nd-docs-layout) article [data-endpoint-playground] form > button:first-child {
  display: none;
}

body:has(#nd-docs-layout) [data-endpoint-playground] form > div:has( > button[type="submit"]):not(:last-child) {
  border-bottom: 1px solid var(--color-fd-border);
  padding-bottom: calc(var(--spacing) * 3);
}

body:has(#nd-docs-layout) [data-endpoint-playground] form button[type="submit"] {
  color: #fff;
}

body:has(#nd-docs-layout) [data-endpoint-playground] form > :is(.bg-fd-secondary, [data-playground-result]) {
  border-top: 1px solid var(--color-fd-border);
  background-color: #0000;
  border-bottom: 0;
  order: 1;
  margin-top: 0;
}

body:has(#nd-docs-layout) [data-endpoint-playground] form > :is(.bg-fd-secondary, [data-playground-result]):last-child {
  border-top: 0;
}

body:has(#nd-docs-layout) [data-endpoint-playground] form > :is(.bg-fd-secondary, [data-playground-result]) > p.font-mono.break-all {
  display: none;
}

body:has(#nd-docs-layout) article :is(h1, h2, h3, h4, h5, h6) a {
  text-decoration: none;
}

body:has(#nd-docs-layout) :is(button, a[href], select, summary, label[for], [role="button"], [role="tab"], [role="link"], [role="option"], [role="menuitem"], [role="combobox"], [role="switch"], [role="checkbox"]):not(:disabled, [aria-disabled="true"]) {
  cursor: pointer;
}

body:has(#nd-docs-layout) [data-endpoint-playground] form button.bg-fd-secondary {
  background-color: var(--background);
  border: 1px solid var(--border);
  color: var(--foreground);
  border-radius: calc(var(--radius) - 2px);
  font-family: inherit;
}

body:has(#nd-docs-layout) [data-endpoint-playground] form button.bg-fd-secondary:hover {
  background-color: var(--accent);
  color: var(--accent-foreground);
}

.dark body:has(#nd-docs-layout) [data-endpoint-playground] form button.bg-fd-secondary {
  background-color: color-mix(in oklab, var(--input) 30%, transparent);
  border-color: var(--input);
}

.dark body:has(#nd-docs-layout) [data-endpoint-playground] form button.bg-fd-secondary:hover {
  background-color: color-mix(in oklab, var(--input) 50%, transparent);
}

body:has(#nd-docs-layout) article div.border-t.my-4 > .prose-no-margin {
  color: var(--color-fd-muted-foreground);
}

body:has(#nd-docs-layout) article form div.bg-fd-secondary:has( > textarea) {
  border: 1px solid var(--input);
  border-radius: calc(var(--radius) - 2px);
  background-color: #0000;
  transition: color .15s, box-shadow .15s;
}

.dark body:has(#nd-docs-layout) article form div.bg-fd-secondary:has( > textarea) {
  background-color: color-mix(in oklab, var(--input) 30%, transparent);
}

body:has(#nd-docs-layout) article form div.bg-fd-secondary:has( > textarea:focus-visible) {
  border-color: var(--ring);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent);
}

body:has(#nd-docs-layout) article form textarea {
  field-sizing: content;
  resize: vertical;
  background-color: #0000;
  border: 0;
  border-radius: 0;
  height: auto;
  min-height: 4rem;
  padding: .5rem .75rem;
}

body:has(#nd-docs-layout) article form textarea:focus-visible {
  box-shadow: none;
  border-color: #0000;
}

body:has(#nd-docs-layout) article form div:has( > textarea) > p.text-red-400 {
  color: var(--destructive);
}

@media (min-width: 48rem) {
  body:has(#nd-docs-layout) [data-endpoint-playground] :is([data-type="path"], [data-type="query"], [data-type="header"], [data-type="cookie"]) > [data-open] > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1rem;
    display: grid;
  }
}

body:has(#nd-docs-layout) article div:has( > [role="tablist"]):has( > [role="tabpanel"] > figure:only-child) {
  position: relative;
}

body:has(#nd-docs-layout) article div:has( > [role="tablist"]):has( > [role="tabpanel"] > figure:only-child) > [role="tablist"] {
  min-height: 2.5rem;
  padding-inline-end: 3rem;
}

body:has(#nd-docs-layout) article div:has( > [role="tablist"]):has( > [role="tabpanel"] > figure:only-child) > [role="tabpanel"] > figure {
  position: static;
}

body:has(#nd-docs-layout) article div:has( > [role="tablist"]):has( > [role="tabpanel"] > figure:only-child) > [role="tabpanel"] > figure > div.absolute {
  top: 0;
  background: none;
  align-items: center;
  height: 2.5rem;
  display: flex;
  inset-inline-end: .5rem;
}

body:has(#nd-docs-layout) article div:has( > [role="tablist"]):has( > [role="tabpanel"] > figure:only-child) > [role="tabpanel"] > figure > div.absolute:before {
  content: none;
}

body:has(#nd-docs-layout) article :is(p, li, td, th, dd, dt, blockquote, h1, h2, h3, h4, h5, h6, span, a, strong, em) > code:not(pre code) {
  border-radius: calc(var(--radius) - 2px);
  background-color: color-mix(in oklab, var(--color-fd-muted) 60%, transparent);
  color: var(--color-fd-foreground);
  border: 0;
  padding: .125rem .375rem;
  font-size: .8125rem;
  font-weight: 400;
}

body:has(#nd-docs-layout) article div:has( > #authorization) {
  align-items: center;
}

body:has(#nd-docs-layout) article div:has( > #authorization) > .not-prose code {
  border-radius: calc(var(--radius) - 2px);
  background-color: color-mix(in oklab, var(--color-fd-muted) 60%, transparent);
  color: var(--color-fd-foreground);
  border: 0;
  padding: .125rem .375rem;
  font-size: .8125rem;
  font-weight: 400;
}

body:has(#nd-docs-layout) article div:has( > #authorization) > .not-prose code > span {
  font-weight: 400;
}

body:has(#nd-docs-layout) article a > code:not(pre code) {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  text-underline-offset: 3px;
}

/*# sourceMappingURL=src_app_support_support_1hu9bwg.css.map*/