/* ============================================================================
 * Copyright (c) Palo Alto Networks
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 * ========================================================================== */
/* API Demo Panel */
@use "./ApiExplorer/CodeTabs/CodeTabs";
@use "./ApiExplorer/FloatingButton/FloatingButton";
@use "./ApiExplorer/FormFileUpload/FormFileUpload";
@use "./ApiExplorer/FormItem/FormItem";
@use "./ApiExplorer/FormLabel/FormLabel";
@use "./ApiExplorer/FormMultiSelect/FormMultiSelect";
@use "./ApiExplorer/FormSelect/FormSelect";
@use "./ApiExplorer/FormTextInput/FormTextInput";
@use "./ApiExplorer/LiveEditor/LiveEditor";
@use "./ApiExplorer/MethodEndpoint/MethodEndpoint";
@use "./ApiExplorer/ParamOptions/ParamOptions";
@use "./ApiExplorer/Request/Request";
@use "./ApiExplorer/Response/Response";
@use "./ApiExplorer/Server/Server";

/* Api Demo Panel / ApiCodeBlock */
@use "./ApiExplorer/ApiCodeBlock/Container/Container";
@use "./ApiExplorer/ApiCodeBlock/Content/Content";
@use "./ApiExplorer/ApiCodeBlock/CopyButton/CopyButton";
@use "./ApiExplorer/ApiCodeBlock/ExitButton/ExitButton";
@use "./ApiExplorer/ApiCodeBlock/ExpandButton/ExpandButton";
@use "./ApiExplorer/ApiCodeBlock/Line/Line";
@use "./ApiExplorer/ApiCodeBlock/WordWrapButton/WordWrapButton";

/* Schema Styling */
@use "./ParamsItem/ParamsItem";
@use "./SchemaItem/SchemaItem";
/* Tabs Styling */
@use "./ApiTabs/ApiTabs";
@use "./DiscriminatorTabs/DiscriminatorTabs";
@use "./MimeTabs/MimeTabs";
@use "./SchemaTabs/SchemaTabs";
@use "./OperationTabs/OperationTabs";
/* Code Samples */
@use "./CodeSamples/CodeSamples";
/* Markdown Styling */
@use "./Markdown/Details/Details";
/* Example Styling */
@use "./Example/Example";

:root {
  --openapi-required: var(--ifm-color-danger);
  --openapi-deprecated: var(--ifm-color-warning);
  --openapi-nullable: var(--ifm-color-info);
  --openapi-code-blue: var(--ifm-color-info);
  --openapi-code-red: var(--ifm-color-danger);
  --openapi-code-orange: var(--ifm-color-warning);
  --openapi-code-green: var(--ifm-color-success);
  --openapi-card-background-color: var(--ifm-color-gray-100);
  --openapi-card-border-radius: var(--ifm-pre-border-radius);
  --openapi-input-border: var(--ifm-color-primary);
  --openapi-input-background: var(--openapi-card-background-color);
  --openapi-tree-line-color: var(--ifm-toc-border-color);
  --openapi-code-tab-border-color: var(--ifm-toc-border-color);
  --openapi-code-tab-border-color-python: #ffdb50;
  --openapi-code-tab-border-color-bash: var(--ifm-color-danger);
  --openapi-code-tab-border-color-go: var(--ifm-color-info);
  --openapi-code-tab-border-color-js: var(--ifm-color-warning);
  --openapi-code-tab-border-color-ruby: var(--ifm-color-danger);
  --openapi-code-tab-border-color-csharp: #9b4f96;
  --openapi-code-tab-border-color-nodejs: var(--ifm-color-success);
  --openapi-code-tab-border-color-php: #6181b6;
  --openapi-code-tab-border-color-java: #0374bd;
  --openapi-code-tab-border-color-powershell: #00adef;
  --openapi-code-tab-shadow-color-python: rgba(255, 219, 80, 0.25);
  --openapi-code-tab-shadow-color-curl: var(
    --openapi-code-tab-shadow-color-bash
  );
  --openapi-code-tab-shadow-color-bash: rgba(250, 56, 62, 0.25);
  --openapi-code-tab-shadow-color-go: rgba(84, 199, 236, 0.25);
  --openapi-code-tab-shadow-color-js: rgba(255, 186, 0, 0.25);
  --openapi-code-tab-shadow-color-ruby: rgba(250, 56, 62, 0.25);
  --openapi-code-tab-shadow-color-csharp: rgba(155, 79, 150, 0.25);
  --opeanpi-code-tab-shadow-color-nodejs: rgba(0, 164, 0, 0.25);
  --openapi-code-tab-shadow-color-php: rgba(97, 129, 182, 0.25);
  --openapi-code-tab-shadow-color-java: rgba(3, 116, 189, 0.25);
  --opeanpi-code-tab-shadow-color-powershell: rgba(3, 116, 189, 0.25);
  --openapi-explorer-font-size-input: 12px;
  --openapi-explorer-font-size-code: 12px;
  --openapi-explorer-padding-input: 0.5rem;
  --openapi-explorer-border-color: var(--ifm-toc-border-color);
  --openapi-explorer-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');
  --openapi-skeleton-background: var(--ifm-color-emphasis-100);
}

[data-theme="dark"] {
  --openapi-card-background-color: var(--ifm-color-gray-900) !important;
  --openapi-explorer-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="white"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>') !important;
}

.docs-wrapper {
  height: 100%;
}

// @media (min-width: 997px) {
//   .docItemCol {
//     max-width: 75% !important;
//   }

//   /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
//   .tocMobile {
//     display: none;
//   }
// }

/* Begin OpenAPI theme styles */
// [data-theme="dark"] {
//   --openapi-card-background-color: var(--ifm-color-gray-900) !important;
// }

// .theme-api-markdown div[class^="collapsibleContent"] {
//   margin-top: 0 !important;
//   padding-left: 2px;
// }

/* Demo panel details */

// .theme-api-markdown .openapi-explorer__details > div > div > pre {
//   border-top-left-radius: 0;
//   border-top-right-radius: 0;
// }

/* Code block */

// .theme-api-markdown code {
//   max-width: 600px;
//   max-height: 500px;
//   overflow: auto;
// }

/* Version button */

.version-button div {
  display: block;
}

.version-button div > button > span::after {
  border-color: currentcolor transparent;
  border-style: solid;
  border-width: 0.4em 0.4em 0;
  content: "";
  margin-left: 0.3em;
  position: relative;
  transform: translateY(-50%);
  display: inline-block;
  font-size: 0.8rem;
  top: 1px;
}

.openapi__logo {
  width: 250px;
}

.openapi__heading {
  font-size: 2rem;
  margin-bottom: 0.5rem !important;
}

.openapi-left-panel__container {
  border-right: thin solid var(--ifm-toc-border-color);
}

@media (min-width: 997px) {
  .openapi-right-panel__container {
    position: sticky;
    top: calc(var(--ifm-navbar-height) + 1rem);
    max-height: calc(100vh - var(--ifm-navbar-height) - 2rem);
    overflow-y: auto;
    align-self: flex-start;
  }
}

@media (max-width: 997px) {
  .schema {
    margin-bottom: 1rem;
  }
}

.openapi-tabs__heading {
  margin-bottom: 1rem;
}

/* Loading Skeleton */
@keyframes pulsing {
  0% {
    opacity: 1;
    background-color: var(--ifm-color-emphasis-100);
  }
  50% {
    opacity: 0.6;
    background-color: var(--ifm-toc-border-color);
  }
  100% {
    opacity: 1;
    background-color: var(--ifm-color-emphasis-100);
  }
}

.openapi-skeleton {
  animation: pulsing 2s infinite ease-in-out;
}

/* Loading Skeleton */
.openapi-skeleton {
  border-radius: var(--ifm-pre-border-radius);
  background-color: var(--openapi-skeleton-background);
  max-width: 100%;
  margin: 1rem auto;
}

.openapi-skeleton.sm {
  height: 100px;
}

.openapi-skeleton.md {
  height: 350px;
}

.openapi-skeleton.lg {
  height: 96.5%;
}