/* General */

* {
	transition-property: none;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	transition-duration: .28s;
}

body {
	margin: 0;
	
	line-height: 1.65;
	font-size: 18px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #222222;
	
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
}

nav {
	margin: auto;
	
	padding: 0 20px;
	max-width: 800px;

	line-height: 3.5;
}

nav a {
	text-decoration: none;
}

.product-logo {
	vertical-align: middle;
	
	width: 32px;
	height: 32px;
}

.product-name {
	letter-spacing: 0.53px;
	font-size: 22px;
	font-weight: 500;
}

.product-version {
	margin-left: 1px;
	
	letter-spacing: 0.11px;
	font-size: 17px;
	opacity: 0.68;
	font-weight: 500;
}

.page {
	margin: auto;
	margin-top: 13px;
	margin-bottom: 50px;
	
	padding: 0 20px;
	max-width: 800px;
}

h1, h2, h3 {
	line-height: 1.2;
	
	color: black;
}

h1 {
	margin-top: 0;
	margin-bottom: 0;
	
	margin-left: -2px;
	font-size: 50px;
}

input, .button {
	vertical-align: middle;
	
	padding: 3px 4px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	
	background: white;
	
	line-height: 21px;
	font-size: inherit;
	text-decoration: none;
}

input {
	margin: 0 8px;
	
	border-radius: 1px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06) inset;
	outline: none;
	
	-webkit-appearance: none;
	-moz-appearance: none;
}

.button {
	margin: 0 7px;
	
	padding-left: 9px;
	padding-right: 9px;
	border-radius: 6px;
	
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .055);
	
	color: #4e4e4e;
}

.button:active {
	background: linear-gradient(rgb(162, 74, 255), rgb(129, 42, 255));
	
	color: rgba(255, 255, 255, 0.96);
	
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .15);
}

h2 {
	margin-top: 27px;
	margin-bottom: 14px;
	
	margin-left: -2px;
	font-size: 32px;
	font-weight: normal;
}

h2 + * > h3 {
	margin-top: 28px;
}

h3 {
	margin-top: 27px;
	margin-bottom: 15px;
	
	margin-left: -2px;
	font-size: 26px;
	font-weight: normal;
}

h5 {
	margin: 17px 0 11px -1px;
	font-size: 17px;
	letter-spacing: 0.2px;
	color: #8b55d0;
	font-weight: normal;
}

h5 .caption {
	margin-right: 2px;
	font-size: 15px;
	letter-spacing: 0.6px;
	font-weight: 500;
	text-transform: uppercase;
}

h5 .caption:after {
	content: ':';
}

.page a {
	color: #219cd7;
	text-underline-offset: 3px;
}

@supports not (text-underline-offset: 1px) {
	.page a {
		text-decoration: none;
		
		border-bottom: 1px solid #219cd7;
	}
}

ul, ol {
	margin-bottom: 0;
}

p:first-child, ul:first-child, ol:first-child {
	margin-top: 0;
}

table {
	margin: 17px 0 22px;
	
	border-collapse: collapse;
}

table td {
	padding: 3px 14px;
	
	vertical-align: top;
}

table td:first-child {
	padding-left: 2px;
	
	text-align: right;
	
	line-height: 31px;
}

table td:not(:first-child) {
	border-left: 1px solid #d8d8d8;
}

pre {
	margin: 0;
	tab-size: 4;
}

.sample {
	display: block;
	
	margin-top: 9px;
	
	padding: 1px 11px 2px;
	border-left: 2px solid #794ab5;
	
	font-size: 16px;
	
	overflow-x: auto;
}

dt {
	font-weight: 500;
}

dd {
	margin-left: 20px;
}

dd + dt {
	margin-top: 6px;
}

/* Specific */

.class-member {
	padding-bottom: 20px;
}

h3 + .class-member {
	margin-top: 24px;
}

.class-method-argument {
	font-style: italic;
}

.class-member h4 {
	padding-left: 40px;
	
	margin: 0 0 10px -2px;

	text-indent: -40px;
	font-size: inherit;
	font-weight: normal;
	
	cursor: pointer;
}

.class-member h4 .global-prefix {
	font-weight: bold;
}

.class-member.folded {
	padding-bottom: 6px;
}

.class-method-returntype {
	margin-right: 4px;
}

.class-property-type, .class-event-type {
	margin-left: 4px;
}

.class-method-signature-argument-block {
	white-space: nowrap;
}

.class-method-signature-argument-block:first-of-type {
	display: inline-block;
	
	text-indent: 0;
}

.class-member-content {
	margin-left: 4px;
	
	padding-left: 13px;
	border-left: 2px solid #2b2b2b;
}

.class-method-argument-description {
	display: inline;
}

.class-method-argument-description.multiline {
	display: block;
}

.class-member .default-value, .class-member .is-read-only {
	font-size: .9em;
	color: #a6a6a6;
}

.class-event-callbacks-caption:before {
	content: " ";
	display: block;
}

/* Shared */

code, table td:first-child, .class-method-argument {
	font-size: .9em;
	font-family: Menlo, Monaco, "Lucida Console", monospace;
}

/* Content styles */

.df-list-with-title > ul {
	margin-top: .3em;
}
