:root {
	--schema-green: light-dark(#007936, #4ecb89);
	--schema-blue: light-dark(#3636ef, #65a4ec);
	--schema-red: light-dark(#d30038, #f06f7a);
}

.json-schema-view,
json-schema-view {
	font-family: monospace;
	font-size: 0;
	display: table-cell
}

.json-schema-view>*,
json-schema-view>* {
	font-size: 14px
}

.json-schema-view .toggle-handle,
json-schema-view .toggle-handle {
	cursor: pointer;
	margin: auto .3em;
	font-size: 10px;
	display: inline-block;
	transform-origin: 50% 40%;
	transition: transform .15s ease-in
}

.json-schema-view .toggle-handle:after,
json-schema-view .toggle-handle:after {
	content: "\25BC"
}

.json-schema-view .toggle-handle,
.json-schema-view .toggle-handle:hover,
json-schema-view .toggle-handle,
json-schema-view .toggle-handle:hover {
	text-decoration: none;
	color: var(--gray-70);
}

.json-schema-view .description,
json-schema-view .description {
	color: gray;
	font-style: italic
}

.json-schema-view .title,
json-schema-view .title {
	font-weight: 700;
	cursor: pointer
}

.json-schema-view .title,
.json-schema-view .title:hover,
json-schema-view .title,
json-schema-view .title:hover {
	text-decoration: none;
	color: var(--gray-70);
}

.json-schema-view .brace,
.json-schema-view .bracket,
.json-schema-view .title,
json-schema-view .brace,
json-schema-view .bracket,
json-schema-view .title {
	color: var(--gray-70);
}

.json-schema-view .property,
json-schema-view .property {
	font-size: 0;
	display: table-row
}

.json-schema-view .property>*,
json-schema-view .property>* {
	font-size: 14px;
	padding: .2em
}

.json-schema-view .name,
json-schema-view .name {
	color: var(--schema-blue);
	display: table-cell;
	vertical-align: top
}

.json-schema-view .type,
json-schema-view .type {
	color: var(--schema-green);
}

.json-schema-view .type-any,
json-schema-view .type-any {
	color: var(--schema-blue);
}

.json-schema-view .required,
json-schema-view .required {
	color: var(--schema-red);
}

.json-schema-view .enums,
.json-schema-view .format,
.json-schema-view .pattern,
json-schema-view .enums,
json-schema-view .format,
json-schema-view .pattern {
	color: var(--gray-70);
}

.json-schema-view .inner,
json-schema-view .inner {
	padding-left: 18px
}

.json-schema-view.collapsed .description,
.json-schema-view.collapsed .property,
json-schema-view.collapsed .description,
json-schema-view.collapsed .property {
	display: none
}

.json-schema-view.collapsed .closeing.brace,
json-schema-view.collapsed .closeing.brace {
	display: inline-block
}

.json-schema-view.collapsed .toggle-handle,
json-schema-view.collapsed .toggle-handle {
	transform: rotate(-90deg)
}

.json-schema-view.json-schema-view-dark,
json-schema-view[json-schema-view-dark] {
	font-family: monospace;
	font-size: 0;
	display: table-cell
}

.json-schema-view.json-schema-view-dark>*,
json-schema-view[json-schema-view-dark]>* {
	font-size: 14px
}

.json-schema-view.json-schema-view-dark .toggle-handle,
json-schema-view[json-schema-view-dark] .toggle-handle {
	cursor: pointer;
	margin: auto .3em;
	font-size: 10px;
	display: inline-block;
	transform-origin: 50% 40%;
	transition: transform .15s ease-in
}

.json-schema-view.json-schema-view-dark .toggle-handle:after,
json-schema-view[json-schema-view-dark] .toggle-handle:after {
	content: "\25BC"
}

.json-schema-view.json-schema-view-dark .toggle-handle,
.json-schema-view.json-schema-view-dark .toggle-handle:hover,
json-schema-view[json-schema-view-dark] .toggle-handle,
json-schema-view[json-schema-view-dark] .toggle-handle:hover {
	text-decoration: none;
	color: #eee
}

.json-schema-view.json-schema-view-dark .description,
json-schema-view[json-schema-view-dark] .description {
	color: gray;
	font-style: italic
}

.json-schema-view.json-schema-view-dark .title,
json-schema-view[json-schema-view-dark] .title {
	font-weight: 700;
	cursor: pointer
}

.json-schema-view.json-schema-view-dark .title,
.json-schema-view.json-schema-view-dark .title:hover,
json-schema-view[json-schema-view-dark] .title,
json-schema-view[json-schema-view-dark] .title:hover {
	text-decoration: none;
	color: #eee
}

.json-schema-view.json-schema-view-dark .brace,
.json-schema-view.json-schema-view-dark .bracket,
.json-schema-view.json-schema-view-dark .title,
json-schema-view[json-schema-view-dark] .brace,
json-schema-view[json-schema-view-dark] .bracket,
json-schema-view[json-schema-view-dark] .title {
	color: #eee
}

.json-schema-view.json-schema-view-dark .property,
json-schema-view[json-schema-view-dark] .property {
	font-size: 0;
	display: table-row
}

.json-schema-view.json-schema-view-dark .property>*,
json-schema-view[json-schema-view-dark] .property>* {
	font-size: 14px;
	padding: .2em
}

.json-schema-view.json-schema-view-dark .name,
json-schema-view[json-schema-view-dark] .name {
	color: #add8e6;
	display: table-cell;
	vertical-align: top
}

.json-schema-view.json-schema-view-dark .type,
json-schema-view[json-schema-view-dark] .type {
	color: #90ee90
}

.json-schema-view.json-schema-view-dark .type-any,
json-schema-view[json-schema-view-dark] .type-any {
	color: #d4ebf2
}

.json-schema-view.json-schema-view-dark .required,
json-schema-view[json-schema-view-dark] .required {
	color: #fe0000
}

.json-schema-view.json-schema-view-dark .enums,
.json-schema-view.json-schema-view-dark .format,
.json-schema-view.json-schema-view-dark .pattern,
json-schema-view[json-schema-view-dark] .enums,
json-schema-view[json-schema-view-dark] .format,
json-schema-view[json-schema-view-dark] .pattern {
	color: #fff
}

.json-schema-view.json-schema-view-dark .inner,
json-schema-view[json-schema-view-dark] .inner {
	padding-left: 18px
}

.json-schema-view.json-schema-view-dark.collapsed .description,
.json-schema-view.json-schema-view-dark.collapsed .property,
json-schema-view[json-schema-view-dark].collapsed .description,
json-schema-view[json-schema-view-dark].collapsed .property {
	display: none
}

.json-schema-view.json-schema-view-dark.collapsed .closeing.brace,
json-schema-view[json-schema-view-dark].collapsed .closeing.brace {
	display: inline-block
}

.json-schema-view.json-schema-view-dark.collapsed .toggle-handle,
json-schema-view[json-schema-view-dark].collapsed .toggle-handle {
	transform: rotate(-90deg)
}

.json-formatter-row .json-formatter-string {
	color: var(--schema-green);
}

.json-formatter-row .json-formatter-key,
.json-formatter-row .json-formatter-number {
	color: var(--schema-blue);
}

.json-formatter-row .json-formatter-boolean {
	color: var(--schema-red);
}