:root {
	--font-family-copy: "Istok Web", Arial, sans-serif;
	--font-family-heading: "Droid Serif", "Trebuchet MS", Helvetica, serif;
	--font-family-ui: "Oswald", Arial, sans-serif;
	
	--font-size-s: .875rem;
	--font-size-xs: .75rem;
	--font-size-xxs: .6875rem;

	--hsl-black: 0, 0%;
	
	--color-shade-800: hsl(var(--hsl-black), 0%);
	--color-shade-700: hsl(var(--hsl-black), 27%);
	--color-shade-600: hsl(var(--hsl-black), 40%);
	--color-shade-500: hsl(var(--hsl-black), 53%);
	--color-shade-400: hsl(var(--hsl-black), 81%);
	--color-shade-300: hsl(var(--hsl-black), 92%);
	--color-shade-200: hsl(var(--hsl-black), 96%);
	--color-shade-100: hsl(var(--hsl-black), 100%);
	
	--hsl-red: 3, 100%;
	--hsl-orange: 14, 100%;
	--hsl-green: 124, 55%;
	--hsl-blue: 210, 60%;

	--color-theme-danger: hsl(var(--hsl-red), 34%);
	--color-theme-danger-light: hsl(var(--hsl-red), 85%);
	--color-theme-danger-lighter: hsl(var(--hsl-red), 95%);

	--color-theme-warning: hsl(var(--hsl-orange), 57%);
	--color-theme-warning-light: hsl(var(--hsl-orange), 85%);
	--color-theme-warning-lighter: hsl(var(--hsl-orange), 95%);
	
	--color-theme-success: hsl(var(--hsl-green), 24%);
	--color-theme-success-light: hsl(var(--hsl-green), 85%);
	--color-theme-success-lighter: hsl(var(--hsl-green), 95%);
	
	--color-theme-info: hsl(var(--hsl-blue), 43%);
	--color-theme-info-light: hsl(var(--hsl-blue), 85%);
	--color-theme-info-lighter: hsl(var(--hsl-blue), 95%);

	--color-theme-disabled: var(--color-shade-400);
	--color-theme-muted: var(--color-shade-600);

	--hsl-primary: 209, 51%;
	--hsl-primary-lightness: 50%;
	
	--hsl-secondary: 203, 100%;
	--hsl-secondary-lightness: 23%;

	--hsl-complimentary: 41, 100%;
	--hsl-complimentary-lightness: 55%;
	
	--color-theme-primary: hsl(var(--hsl-primary), var(--hsl-primary-lightness));
	
	--color-theme-secondary: hsl(var(--hsl-secondary), var(--hsl-secondary-lightness));
	--color-theme-secondary-dark: hsl(var(--hsl-secondary), calc(var(--hsl-secondary-lightness) - 5%));
	--color-theme-secondary-darker: hsl(var(--hsl-secondary), calc(var(--hsl-secondary-lightness) - 10%));

	--color-theme-complimentary: hsl(var(--hsl-complimentary), var(--hsl-complimentary-lightness));
	
	--color-theme-emphasis: rgb(31, 45, 53);
	--color-theme-copy: rgb(18, 38, 48);

	--dropshadow: hsla(var(--hsl-black), 40%, .4);

	--baseline: 16px;

	--spacing-xxxs: .125rem; /* 2px */
	--spacing-xxs: .25rem; /* 4px */
	--spacing-xs: .5rem; /* 8px */
	--spacing-s: .75rem; /* 12px */
	--spacing: 1rem;
	--spacing-l: 1.25rem; /* 20px */
	--spacing-xl: 1.5rem; /* 24px */
	--spacing-xxl: 1.75rem; /* 28px */
	--spacing-xxxl: 2rem; /* 32px */

	--telarus-logo-primary: hsl(209, 51%, 50%);
	--telarus-logo-secondary: hsl(0, 100%, 100%);
	--telarus-logo-complimentry: hsl(41, 100%, 55%);

	--navigation-width: calc(var(--baseline) * 17); /* 272px */
	--navigation-text-color: var(--color-shade-100);
	--navigation-line-height: 1.5;
}

html, body {
	font-size: var(--baseline);
	margin: 0;
	padding: 0;
}

body {
	height: 100vh;
	display: flex;
	flex-direction: row;
	background-color: var(--color-shade-200);
	overflow: hidden;
}

	body > aside {
		flex: 0 0 auto;
		width: var(--navigation-width);
		z-index: 1;
	}

	body > main {
		flex: 1 1 auto;
		overflow: auto;
		z-index: 0;
		padding: 0 0 64px;
		overscroll-behavior: contain;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
	}

.is-hidden {
	display: none;
	height: 0;
	overflow: hidden;
}
	
svg {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
}

svg.embossed {
	filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, .3));
}

sup {
	color: var(--color-theme-danger);
	white-space: nowrap;
	font-family: var(--font-family-ui);
	text-transform: uppercase;
}
.meta > sup {
	top: 0.325em;
}

var {
	color:#a13bd7;
	font-family: monospace;
	font-style: normal;
}

pre em { 
	display: inline-block; 
	border: 1px solid var(--color-shade-400);
	vertical-align: middle;
	color: var(--color-shade-500);
	background-color: rgba(0,0,0,.05);
	box-shadow: inset 0 1px 2px var(--dropshadow);
	border-radius: .25rem;
	padding: 0 var(--spacing-xxxs);
	margin: 0 0 var(--spacing-xxxs);
	max-width: 768px;
	white-space: normal;
	word-break: normal;
}

table {
	table-layout: fixed;
}

.navigation {
	display: flex;
	flex-direction: row;
	justify-items: stretch;
	background-color: var(--color-theme-secondary);
	position: relative;
	z-index: 1;
	box-shadow: 1px 0 3px var(--dropshadow);
}
	
	.navigation > .navigation_main {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		
		background-color: var(--color-theme-secondary-dark);
	}
	.navigation > .navigation_main, 
	.bg-noise	{
		background-image: url(data:image/png;base64,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);
	}

	.navigation > .navigation_secondary {
		position: absolute;
		flex: 0 0 auto;
		width: 0;
		overflow: hidden;
		height: 100%;
		top: 0;
		left: calc(var(--navigation-width) - var(--spacing));
		background-color: var(--color-shade-100);
		box-shadow: 1px 0 3px var(--dropshadow);
		transition-property: width;
		transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
		transition-duration: 250ms;
	}
		.navigation > .navigation_secondary.show {
			width: 320px;
		}

	.navigation > *:last-child {
		flex: 0 0 auto;
		width: var(--spacing);
	}

	.navigation_logo {
		flex: 0 0 auto;
		padding: var(--spacing) var(--spacing-xxxl) var(--spacing-xxxl) var(--spacing);
	}

	.navigation_controls {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	
.logo {
	display: grid;
	grid-template-columns: 3fr 7fr;
	grid-column-gap: var(--spacing-xs);
	align-items: center;
}

	.logo > .logo_text {
		fill: var(--navigation-text-color);
	}

	.logo > figure { 
		display: block;
		margin: 0;
	}

.control > .control_group {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--color-theme-secondary-darker);
	border-bottom: 1px solid var(--color-theme-secondary);
}

	.control > .control_group > li { 
		padding: 0;
	}

	.control > .control_group .control_button {
		display: block;
		width: auto;
		cursor: pointer;
		padding: var(--spacing-xs) var(--spacing);
		margin: 0;
		text-align: left;
		white-space: nowrap;
		font-family: var(--font-family-ui);
		font-size: 1em;
		text-transform: uppercase;
		text-decoration: none;
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-top-color:  var(--color-theme-secondary);
		border-bottom-color: var(--color-theme-secondary-darker);
		border-left: none;
		border-right: none;
		color: var(--navigation-text-color);
	}

	.control > .control_group button.control_button {
		width: 100%;
	}
		.control > .control_group .control_button > i {
			font-size: inherit;
			width: 1.5em;
			line-height: var(--navigation-line-height);
			text-align: center;
		}
		
		.control > .control_group .control_button > label {
			cursor: inherit;
			line-height: var(--navigation-line-height);
			margin: 0 var(--spacing-xxs);
			vertical-align: top;
		}

	.control > .control_group .control_button:hover {
		background-color: var(--color-theme-secondary);
	}

	.control > .control_group .control_button.is-selected {
		background-color: var(--navigation-text-color);
		color: var(--color-theme-secondary);
	}

.control-categories {
	flex: 1 1 auto;
}

.control-utilities {
	flex: 0 0 auto;
	margin-bottom: 64px;
}
	.control-utilities > .user {
		margin: 0;
		padding: 0 var(--spacing-xs) var(--spacing-xs);
		color: var(--navigation-text-color);
	}
		.control-utilities > .user > dt {
			font-family: var(--font-family-ui);
			margin: 0;
			padding: 0 0 var(--spacing-xxs);
			font-size: var(--font-size-xs);
			text-transform: uppercase;
			opacity: .75;
		}

		.control-utilities > .user > dd {
			margin: 0;
			padding: 0;
			font-family: var(--font-family-copy);
			font-size: var(--font-size-s);
		}

header {
	padding: var(--spacing);
	background-color: var(--color-shade-100);
	box-shadow: 0 1px 3px var(--dropshadow);
}
	.bootstrap-iso header > h1 {
		margin-top: var(--spacing-xxs);
	}

.category {
	margin: 0 var(--spacing);
	border-top: 1px solid var(--color-shade-400);
}
	.category:first-child { 
		border-top: none;
	}
	.category > section {
		margin-bottom: var(--spacing);
	}

.lead,
.description {
	max-width: 768px;
}

.description {
	font-size: var(--font-size-s);
	color: var(--color-theme-muted);
}

	.description p {
		margin: 0;
		font-weight: normal;
	}

	.description p + p {
		margin-top: var(--spacing-xs);
	}

	.description + pre {
		margin-top: var(--spacing-s);
	}

	code {
		white-space: pre;
	}

.toggle {
	position: relative;
}

	.toggle > section,
	.toggle > .method_title {
		cursor: pointer;
	}

	.toggle > section *,
	.toggle > .method_title * {
		cursor: inherit;
	}

	.toggle .fa {
		position: absolute;
		font-size: 2rem;
		top: .5625em;
		right:.5em;
		color: var(--color-shade-500);
	}
	
	.toggle.closed .fa-times {
		display: none;
	}
	
	.toggle:not(.closed) .fa-chevron-down {
		display: none;
	}

.methods {
	margin:0; 
	padding:0;
	overflow: hidden;
}

.method {
	margin: var(--spacing) 0; 
	padding: var(--spacing-xs);
	border-style: solid; 
	border-width: 1px; 
	background-color: var(--color-shade-100); 
	box-shadow: 0 1px 3px var(--dropshadow); 
}

	.method_title {
		display: flex;
		flex-direction: row;
		width: 100%;
		align-items: flex-start;
	}
		/* bootstrap override */
		#t-bs .method .tag { 
			font-size: 1.875em;
			margin-bottom: 0;
			text-align: center;
			padding: var(--spacing-s) var(--spacing-xxs);
		}

		.method_title > .tag {
			flex: 0 0 auto;
			width: 100px;
			margin: 0;
			text-transform: uppercase;
		}
	
		.method_title > aside {
			flex: 1 1 auto;
			margin-left: 8px;
			width: calc(100% - 116px);
		}

			.method_title > aside > h4 {
				word-wrap: break-word;
				margin-top: var(--spacing-xxxs);
				line-height: 1.5;
			}

.method-get,
.method-get .tag {
	border-color: var(--color-theme-info-light);
}

	.method-get .tag {
		color: var(--color-theme-info);
		background-color: var(--color-theme-info-lighter);
	}

	.method-get .tag::before {
		content: 'get';
	}

.method-post,
.method-post .tag {
	border-color: var(--color-theme-success-light);
}

	.method-post .tag {
		color: var(--color-theme-success);
		background-color: var(--color-theme-success-lighter);
	}

	.method-post .tag::before {
		content: 'post';
	}

.method-put,
.method-put .tag {
	border-color: var(--color-theme-warning-light);
}

	.method-put .tag {
		color: var(--color-theme-warning);
		background-color: var(--color-theme-warning-lighter);
	}

	.method-put .tag::before {
		content: 'put';
	}

.method-delete,
.method-delete .tag {
	border-color: var(--color-theme-danger-light);
}

	.method-delete .tag {
		color: var(--color-theme-danger);
		background-color: var(--color-theme-danger-lighter);
	}

	.method-delete .tag::before {
		content: 'delete';
	}

.method_definition {
	overflow: hidden;
}
	.method_definition > .description {
		padding: var(--spacing-l) var(--spacing) var(--spacing-xs);
	}
	.method_definition > article {
		margin: 0;
		border-top: 1px solid var(--color-shade-400);
	}
		.method_definition > article > h5 {
			margin: var(--spacing) 0 var(--spacing-xs);
			font-weight: bold;
		}

		.method_definition > article > .attributes {
			margin: 0;
		}

		.method_definition > article > h5,
		.method_definition > article > label,
		.method_definition > article > .attributes {
			margin-left: var(--spacing);
		}

		.method_definition > article > section {
			margin: var(--spacing);
			padding: var(--spacing);
			border: 1px solid var(--color-shade-400);
		}
	
			.method_definition > article > section > h5 {
				margin:0;
				padding-bottom:var(--spacing-xs);
				border-bottom: 2px solid var(--color-shade-300);
			}

			.method_definition > article > section > .detail:nth-child(odd) {
				background-color: var(--color-shade-200);
			}

.animate {
	-webkit-transition-property: height; 
	-moz-transition-property: height; 
	-o-transition-property: height; 
	transition-property: height;

	-webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); 
	-moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); 
	-o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); 
	transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

#t-bs .table-responsive {
	width:auto;
}

#t-bs .table > thead > tr > th:first-child {
	width: calc(var(--baseline) * 12);
}

.attributes {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: var(--spacing-xxs);
	font-size: var(--font-size-s);
	color: var(--color-theme-muted);
}

	.attributes > dt {
		font-style: italic;
		font-weight: normal;
	}

	.attributes > dt:after {
		content: ':';
	}

	.attributes > dd > var {
		line-height: 1;
	}

.detail {
	padding: var(--spacing-xxs) var(--spacing-s);
}

	.detail > h5 {
		margin-bottom: 0;
	}

		.detail > h5 > sup {
			margin-left: var(--spacing-xxs);
		}

	.detail > p {
		margin-top: var(--spacing-s);
	}

	.detail > var,
	.detail > em {
		display: block;
		margin-top: var(--spacing-xxs);
	}

	.detail > var,
	.detail > em,
	.detail > .location,
	.detail > .lead {
		font-size: var(--font-size-s);
	}

	.detail > em {
		color: var(--color-theme-muted);
	}

	.detail > em::before { 
		content: 'found in: ';
	}

	.detail > .lead {
		margin-bottom: var(--spacing-xxs);
	}

	.detail > samp {
		display: block;
		margin-top: var(--spacing-s);
	}
	
		.detail > samp > pre {
			margin-top: var(--spacing-s);
			box-shadow: inset 0 0 5px rgba(0,0,0,.15);
			background-color: hsl(0,0%,98%);
		}


.js-toggle-notes {
	position: relative;
	z-index: 1;
}

	.js-toggle-notes > button {
		display: block;
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		padding: var(--spacing-xxs) var(--spacing-xs);
		font-family: var(--font-family-ui);
		font-size: var(--font-size-xs);
		color: var(--color-theme-info);
		text-transform: uppercase;
		border: none;
		background-color: transparent;
	}

	.js-toggle-notes > button::after {
		content: ' off';
	}

	.js-toggle-notes.hide-notes > button::after {
		content:' On';
	}

	.js-toggle-notes > button:hover {
		text-decoration: underline;
	}

	.js-toggle-notes.hide-notes em,
	.js-toggle-notes.hide-notes sup {
		display: none;
	}