@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/*** Original Swagger UI styles ***/

html {
	box-sizing: border-box;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	margin: 0;
	background: #fafafa;
}

/*** Prepare for restyling… ***/

:root {
	--wlt-font: Lato, sans-serif;
	/* The basic WLT colors */
	--wlt-black: 38, 40, 38;
	--wlt-blue: 20, 122, 166;
	--wlt-gray: 75, 86, 89;
	--wlt-gray-light: 179, 177, 175;
	--wlt-red: 175, 26, 33;
}

/* Normalize fonts */
.swagger-ui h4 code,
.swagger-ui .parameter__extension,
.swagger-ui .parameter__in,
.swagger-ui .parameter__type,
* {
	font-family: var(--wlt-font);
	font-weight: normal;
}

/* Apply color and no underline to links */
.swagger-ui .link,
a {
	color: rgb(var(--wlt-blue));
	text-decoration: none;
}

/* Underline hovered links */
.swagger-ui .link:hover,
a:hover {
	text-decoration: underline;
}

/* Reduce overall width */
.swagger-ui .wrapper {
	max-width: 1000px;
}

/* Top bar is white */
.swagger-ui .topbar {
	background-color: #50575a;
}

/* Hide the label for the API drop-down in the top bar */
.swagger-ui .select-label span {
	visibility: hidden;
}

/* Slightly increase padding in stamps */
.swagger-ui .info .title small pre {
	padding: 0 3px 1px;
	font-weight: bold;
	letter-spacing: 1px;
}

/* Decrease the font size of preformatted text */
.swagger-ui .info pre {
	font-size: 12px;
}

/* Apply the WLT color to the WIP stamp */
.swagger-ui .info .title small.wip {
	background-color: rgb(var(--wlt-red));
}

/* Use font sizes in MarkDown consistently */
.swagger-ui .renderedMarkdown {
	font-size: 14px;
}

/* Always use copy font in MarkDown */
.swagger-ui .renderedMarkdown,
.swagger-ui .renderedMarkdown * {
	font-family: var(--wlt-font);
}

/* Highlight Markdown blockquotes */
.swagger-ui .renderedMarkdown blockquote {
	margin: 0;
	padding: 0 0 0 5px;
	border-inline-start: 5px solid rgb(var(--wlt-red));
	background-color: rgba(var(--wlt-red), 0.1);
	line-height: 30px;
}

/* Do not use the same styles for <code>… */
.swagger-ui .markdown code,
.swagger-ui .renderedMarkdown code {
	padding: 2px 5px;
	color: inherit;
	font-family: monospace;
	font-weight: inherit;
	font-size: 12px;
}

/* …and <pre> elements in MarkDown */
.swagger-ui .markdown pre > code,
.swagger-ui .renderedMarkdown pre > code {
	background: rgba(var(--wlt-black), 0.1);
	padding: 5px 7px;
}

/* Remove space from the beginning of a MarkDown section */
.swagger-ui .markdown p:first-child,
.swagger-ui .markdown pre:first-child,
.swagger-ui .renderedMarkdown p:first-child,
.swagger-ui .renderedMarkdown pre:first-child {
	margin-top: auto;
}

/* Remove table header from responses section */

/* Dim color in table header rows */
.swagger-ui table thead .response-col_status,
.swagger-ui table thead tr td,
.swagger-ui table thead tr th {
	color: rgb(var(--wlt-gray-light));
}

/* Consistently align table rows */
.swagger-ui table.headers td,
.swagger-ui table.model tr.property-row td,
.swagger-ui table thead tr td,
.swagger-ui table thead tr th {
	vertical-align: text-top;
	font-family: var(--wlt-font);
	font-size: 14px;
}

/* Remove the constant width of the table cells, gaining some space */
.swagger-ui table.model tbody tr td:first-of-type {
	width: auto;
}

/* Prevent the first column from taking too much space initially */
.swagger-ui table.model tr.property-row td:first-child {
	width: 10%;
}

/* Correctly align model properties and values */
.swagger-ui .model-box-control,
.swagger-ui .models-control,
.swagger-ui .opblock-summary-control {
	align-items: baseline;
}

/* Remove table column for OpenAPI links */
.swagger-ui .model .external-docs,
.swagger-ui .response-col_links {
	display: none;
}

/* Give the uppercase methods names some space */
.swagger-ui .opblock-summary-method {
	letter-spacing: 1px;
}

/* Restore the weight of the active tab */
.swagger-ui .tab li.active {
	font-weight: bold;
}

/* Restore the font of the code example */
.swagger-ui .highlight-code>.microlight code * {
	font-family: monospace;
}

/* Use the blue color for properties, too */
.swagger-ui .prop-type {
	color: rgb(var(--wlt-blue));
}

.swagger-ui .opblock-tag {
	align-items: baseline;
	padding: 0 20px 0 10px;
}

/* Soften outlines of focused elements */
*:focus {
	outline: thin dotted !important;
	border-radius: 3px !important;
}