.label-system,
.label-restrict {

	border-radius: 0.25rem;

	padding-top: 0.125rem;

	padding-bottom: 0.125rem;

	padding-left: 0.375rem;

	padding-right: 0.375rem;

	font-size: 0.75rem;

	line-height: 1rem;

	font-weight: 600;

	text-transform: uppercase;
}

.label-system {

	--tw-bg-opacity: 1;

	background-color: rgba(var(--info-500), var(--tw-bg-opacity, 1));

	--tw-text-opacity: 1;

	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.label-restrict {

	--tw-bg-opacity: 1;

	background-color: rgba(var(--danger-500), var(--tw-bg-opacity, 1));

	--tw-text-opacity: 1;

	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.wiki-subnav {

	position: relative;

	margin-bottom: 1rem;

	display: flex;

	flex-direction: row-reverse;

	align-items: center;

	justify-content: space-between;
}

#toggle-filters {

	display: flex;

	align-items: center;
}

#toggle-filters > :not([hidden]) ~ :not([hidden]) {

	--tw-space-x-reverse: 0;

	margin-right: calc(0.5rem * var(--tw-space-x-reverse));

	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

#toggle-filters {

	border-bottom-width: 0px;

	font-weight: 600;

	--tw-text-opacity: 1;

	color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

#toggle-filters:hover {

	--tw-text-opacity: 1;

	color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.subnav-options {

	position: relative;
}

.subnav-options-list {

	position: absolute;

	top: 0px;

	right: 0px;

	margin-top: 1.75rem;

	display: none;

	width: 12rem;

	border-radius: 0.375rem;

	--tw-bg-opacity: 1;

	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

	padding: 0.375rem;

	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);

	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);

	--tw-ring-color: rgb(17 24 39 / 0.05);
}

.subnav-options-list ul {

	margin: 0px;

	list-style-type: none;

	padding: 0px;
}

.subnav-options-list ul li {

	margin: 0px;

	padding: 0px;
}

.subnav-options-list ul li a {

	display: block;

	width: 100%;

	border-radius: 0.25rem;

	border-style: none;

	padding-top: 0.25rem;

	padding-bottom: 0.25rem;

	padding-left: 0.75rem;

	padding-right: 0.75rem;

	font-size: 0.875rem;

	line-height: 1.25rem;

	font-weight: 500;

	--tw-text-opacity: 1 !important;

	color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
}

.subnav-options-list ul li a:hover {

	--tw-bg-opacity: 1;

	background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));

	--tw-text-opacity: 1 !important;

	color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important;
}

.subnav-content ul {

	margin: 0px;

	display: flex;

	list-style-type: none;

	align-items: center;
}

.subnav-content ul > :not([hidden]) ~ :not([hidden]) {

	--tw-space-x-reverse: 0;

	margin-right: calc(2rem * var(--tw-space-x-reverse));

	margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

.subnav-content ul {

	padding: 0px;
}

.subnav-content ul li {

	margin: 0px;

	padding: 0px;
}

.subnav-content ul li a {

	display: flex;

	align-items: center;
}

.subnav-content ul li a > :not([hidden]) ~ :not([hidden]) {

	--tw-space-x-reverse: 0;

	margin-right: calc(0.5rem * var(--tw-space-x-reverse));

	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.subnav-content ul li a {

	border-bottom-width: 0px;

	font-weight: 600;

	--tw-text-opacity: 1;

	color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.subnav-content ul li a:hover {

	--tw-text-opacity: 1;

	color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.page-main {

	display: flex;

	flex-direction: row-reverse;

	align-items: center;

	justify-content: space-between;
}

.page-main span {

	display: flex;

	align-items: center;
}

.page-main span > :not([hidden]) ~ :not([hidden]) {

	--tw-space-x-reverse: 0;

	margin-right: calc(0.5rem * var(--tw-space-x-reverse));

	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.page-controls {

	margin-right: 0.5rem;
}

.page-controls ul {

	margin: 0px;

	display: flex;

	list-style-type: none;

	align-items: center;
}

.page-controls ul > :not([hidden]) ~ :not([hidden]) {

	--tw-space-x-reverse: 0;

	margin-right: calc(0.25rem * var(--tw-space-x-reverse));

	margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.page-controls ul {

	padding: 0px;
}

.page-controls ul li {

	margin: 0px;

	margin-bottom: -1px;

	display: flex;

	align-items: center;

	border-top-left-radius: 0.375rem;

	border-top-right-radius: 0.375rem;

	border-width: 1px;

	border-bottom-width: 0px;

	border-color: transparent;

	padding-left: 0.5rem;

	padding-right: 0.5rem;

	padding-top: 0.375rem;

	padding-bottom: 0.5rem;
}

.page-controls ul li.control-active {

	--tw-border-opacity: 1;

	border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));

	--tw-bg-opacity: 1;

	background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.page-supplemental {

	border-radius: 0.375rem;

	border-width: 1px;

	--tw-border-opacity: 1;

	border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));

	--tw-bg-opacity: 1;

	background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));

	padding-top: 0.75rem;

	padding-bottom: 0.75rem;

	padding-left: 0.75rem;

	padding-right: 0.75rem;
}

/**
 * Styles for the new category picker
 */

#category-panel {

	margin-top: 1rem;

	margin-bottom: 1rem;

	width: 50%;

	overflow: hidden;

	border-radius: 0.375rem;

	border-width: 1px;

	--tw-border-opacity: 1;

	border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.category-panel-header {

	display: flex;

	align-items: center;
}

.category-panel-header > :not([hidden]) ~ :not([hidden]) {

	--tw-space-x-reverse: 0;

	margin-right: calc(1rem * var(--tw-space-x-reverse));

	margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.category-panel-header {

	border-bottom-width: 1px;

	--tw-border-opacity: 1;

	border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));

	--tw-bg-opacity: 1;

	background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));

	padding-left: 1rem;

	padding-right: 1rem;
}

.category-panel-header input[type=text] {

	width: 100%;

	-webkit-appearance: none;

	   -moz-appearance: none;

	        appearance: none;

	border-style: none;

	background-color: transparent;

	padding-top: 0.5rem;

	padding-bottom: 0.5rem;

	padding-left: 0px;

	padding-right: 0px;

	font-weight: 500;

	--tw-text-opacity: 1;

	color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.category-panel-header input[type=text]::-moz-placeholder {

	--tw-placeholder-opacity: 1;

	color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.category-panel-header input[type=text]::placeholder {

	--tw-placeholder-opacity: 1;

	color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.category-panel-header input[type=text] {

	--tw-shadow: 0 0 #0000;

	--tw-shadow-colored: 0 0 #0000;

	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);

	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.category-panel-header button {

	height: 1.5rem;

	width: 1.5rem;

	cursor: pointer;

	background-color: transparent;

	background-position: left top;

	background-repeat: no-repeat;

	background-image: url('../images/cat-add.png');
}

.category-panel-header button:hover {
	background-position: 0 -24px;
}

.category-panel-content {

	padding-left: 1rem;

	padding-right: 1rem;

	padding-top: 0.5rem;

	padding-bottom: 0.75rem;
}

.category-panel-content h3 {

	text-align: center;

	--tw-text-opacity: 1;

	color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.category-panel-content h4 {

	text-align: center;

	font-size: 1rem;

	line-height: 1.5rem;

	--tw-text-opacity: 1;

	color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

#category-panel-content-tags {

	display: flex;

	flex-wrap: wrap;
}

.tag {

	margin-top: 0.5rem;

	margin-right: 0.5rem;

	display: inline-block;

	cursor: pointer;

	border-radius: 0.25rem;

	--tw-bg-opacity: 1;

	background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));

	padding-top: 0.25rem;

	padding-bottom: 0.25rem;

	padding-left: 0.5rem;

	padding-right: 0.5rem;

	font-size: 0.875rem;

	line-height: 1.25rem;

	font-weight: 600;

	text-transform: uppercase;

	--tw-text-opacity: 1;

	color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.tag:hover {

	--tw-bg-opacity: 1;

	background-color: rgba(var(--primary-200), var(--tw-bg-opacity, 1));

	--tw-text-opacity: 1;

	color: rgba(var(--primary-700), var(--tw-text-opacity, 1));
}

.tag-active,
.tag-active:hover {

	--tw-bg-opacity: 1;

	background-color: rgba(var(--primary-500), var(--tw-bg-opacity, 1));

	--tw-text-opacity: 1;

	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.prose ul,
.prose ol {

	margin-left: 0.75rem;

	margin-right: 0.75rem;

	margin-bottom: 0.75rem;

	padding-left: 0.75rem;
}

.prose ul {

	list-style-type: disc;
}

.prose ol {

	list-style-type: decimal;
}

.prose ul li,
.prose ol li {

	margin: 0.125rem;
}