@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,500&family=Ubuntu:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

:root {
	--white: #FFFFFF;
	--dirty-white: #F8F9FB;
	--light-slate: #CED4E0;
	--slate: #ADB6CA;
	--dark-slate: #7D8AA3;
	--ink: #181D31;

	--app-nav: #3d434e;
	--red: #D95A56;
	--orange: #E96A44;
	--yellow: #F7C04A;
	--green: #37C051;
	--light_blue: #3CC2E0;
	--dark_blue: #0890E0;
	--purple: #9780E0;
	--pink: #DA7EB2;

	--theme-color: #0984D7;
	--theme-two-color: #0BBDA8;
	--theme-gradient: linear-gradient(45deg, var(--theme-color), var(--theme-two-color));

	--sans: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--monospace: "IBM Plex Mono", "Lucida Console", Monaco, monospace;

	--regular: 400;
	--medium: 500;
	--heavy: 700;

	--font-family-base: var(--sans);
	--font-family-monospaced: var(--monospace);
	--font-size-base: 16px;
	--font-weight-medium: var(--medium);
	--font-weight-bold: var(--heavy);
	--text-color-primary: var(--ink);
}

/*redoc 3 visual theme dark mode*/
:root.dark {
	--dirty-white: #1A1C21;
	--light-slate: #555761;
	--slate: #6E6F7A;
	--dark-slate: #9B9CA8;
	--ink: #EDEDF2;
	--white: #22242B;
}

#redoc-container,
#redoc-container button,
#redoc-container input,
#redoc-container select {
	font-family: var(--sans);
}

#redoc-container code,
#redoc-container pre,
#redoc-container [data-testid="schema-definition"] {
	font-family: var(--monospace);
}

html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

body{
	padding-top: 56px;
}

h1, h2, h3, h4, h5, h6{
	clear: both;
	margin: 1em 0;
	line-height: 1.125;
}

h1, h2{
	margin: 0 0 0.5em;
}

h4, h5, h6{
	margin: 1em 0 0.35em;
}

h1 + h2,
h2 + h3,
h3+ h4,
h4 + h5,
h5 + h6,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child { margin-top: 0; }

/* custom header bar */
nav{
	box-sizing: border-box;
	position: fixed;
	top: 0;
	width: 100%;
	height: 3.5em;
	padding: 0.75em 1em;
	z-index: 100;
	font-family: var(--sans);
	overflow: hidden;
	vertical-align: middle;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 100, 0.2);
	background: var(--dirty-white);
}

nav h1{
	display: inline-block;
	font-size: 1em;
	height: 100%;
	margin: 0;
	vertical-align: middle;
	color: var(--ink);
}

nav h1 a{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

nav h1 a img{
	max-height: 100%;
}

nav h1 a .logo-dark {
	display: none;
}

:root.dark nav h1 a .logo-light {
	display: none;
}

:root.dark nav h1 a .logo-dark {
	display: inline;
}

nav h1 em{
	display: inline-block;
	margin-left: 1em;
	font-style: normal;
	vertical-align: middle;
	color: var(--ink);
	font-weight: var(--regular);
}

nav .version-select{
	float: right;
	height: 100%;
	vertical-align: middle;
}

nav .version-select label{
	display: inline-block;
	font-size: 0.875em;
	color: var(--dark-slate);
	vertical-align: middle;
	text-transform: uppercase;
}

nav .version-select select {
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	display: inline-block;
	padding: 0.375em 2.25em 0.375em 0.75em;
	border: solid 2px var(--light-slate);
	border-radius: 3px;
	font-family: var(--sans);
	line-height: 1.5;
	color: var(--ink);
	transition: border-color .5s ease-out;
	background: var(--white) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNDZweCIgaGVpZ2h0PSIyOXB4IiB2aWV3Qm94PSIwIDAgNDYgMjkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgIHN0cm9rZT0ibm9uZSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNDQuOTU4NzYxMyw3LjY4NzQ3NTc5IEM0NS42NTYzMDY4LDYuOTg5OTMwMzEgNDUuNjU2MzA2OCw1Ljg0NTk1NTczIDQ0Ljk1ODc2MTMsNS4xNDg0MTAyNiBMNDAuMzI3MDU5NCwwLjU0NDYxMDEyOCBDMzkuNjI5NTEzOSwtMC4xNTI5MzUzNDcgMzguNTEzNDQxMiwtMC4xNTI5MzUzNDcgMzcuODE1ODk1NywwLjU0NDYxMDEyOCBMMjMuMDAwMDI5OCwxNS4zNjA0NzYgTDguMTg0MTYzOTMsMC41NDQ2MTAxMjggQzcuNDg2NjE4NDUsLTAuMTUyOTM1MzQ3IDYuMzcwNTQ1NjksLTAuMTUyOTM1MzQ3IDUuNjczMDAwMjIsMC41NDQ2MTAxMjggTDEuMDQxMjk4MjcsNS4xNDg0MTAyNiBDMC4zNDM3NTI3OTQsNS44NDU5NTU3MyAwLjM0Mzc1Mjc5NCw2Ljk4OTkzMDMxIDEuMDQxMjk4MjcsNy42ODc0NzU3OSBMMjEuNzQ0NDQ3OSwyOC4zNjI3MjM2IEMyMi40NDE5OTM0LDI5LjA2MDI2OTEgMjMuNTU4MDY2MiwyOS4wNjAyNjkxIDI0LjI1NTYxMTcsMjguMzYyNzIzNiBMNDQuOTU4NzYxMyw3LjY4NzQ3NTc5IFoiIGZpbGw9IiM3RDhBQTMiPjwvcGF0aD48L2c+PC9zdmc+) right 0.75em center no-repeat;
	background-size: 0.8125em;
}

#redoc-container span:has(> a[href='https://redocly.com/redoc/']) {
	display: none;
}

/*redoc content refinements*/
#redoc-container {
	padding-top: 1em;
}

#redoc-container h1,
#redoc-container h2,
#redoc-container h3,
#redoc-container h4,
#redoc-container h5,
#redoc-container h6 {
	font-family: var(--sans);
}

#redoc-container button {
	border-radius: 3px;
}

#redoc-container blockquote {
	padding-top: 0.5em;
	padding-bottom: 0.25em;
	border-left-color: var(--yellow);
	background: rgba(245, 187, 66, 0.1);
	border-radius: 3px;
}

#redoc-container blockquote > p:first-child {
	margin-top: 0;
}

/*fix nav bar on mobile*/
@media only screen and (max-width: 600px) {
	nav{
		height: 7em;
	}

	nav h1, nav h1 a, nav h1 em{
		display: block;
		text-align: center;
		margin: 0;
	}

	nav h1{
		height: 3em;
		margin: 0 0 0.5em;
	}

	nav h1 a{
		max-height: 2em;
	}

	nav .version-select{
		float: none;
		text-align: center;
		height: auto;
	}

	#redoc-container{
		padding-top: 3em;
	}
}

@media print, screen and (max-width: 75rem) {
	#redoc-container h1, #redoc-container h2, #redoc-container h3, #redoc-container h4, #redoc-container h5, #redoc-container h6 {
		padding-bottom: 0;
	}
}