html {
	font-size: var(--pico-font-size);
}

body {
	font-family: var(--pico-font-family);
}

hgroup > :not(:first-child):last-child {
	font-size: 1.3rem;
}

button {
	width: 100%;
}

.padding {
	margin: var(--pico-block-spacing-vertical) 0;
	padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
}

.muted {
	color: var(--pico-muted-color);
}

.alert {
	margin-bottom: var(--pico-spacing);
	padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
	border-radius: var(--pico-border-radius);
	color: var(--color);
	background-color: var(--background-color);
	border: 1px solid var(--background-color);
	background-image: var(--icon);
	background-position: center left var(--pico-form-element-spacing-vertical);
	background-size: calc(var(--pico-form-element-spacing-horizontal) * 1.5) auto;
	padding-left: calc(var(--pico-form-element-spacing-horizontal) * 3);
}

.alert.toast {
	pointer-events: none;
	cursor: pointer;
	position: fixed;
	bottom: 2rem;
	box-shadow: 4px 3px 12px 0 #00000030;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .4s;
	z-index: 1000;
	left: 3%;
	width: 93%;
	transform: none;
}

.alert.toast.open {
	opacity: 1;
	pointer-events: all;
}

.alert a.close {
	float: right;
	width: 1rem;
	height: 1rem;
	margin: .2rem 0 .2rem .2rem;
	background-image: var(--pico-icon-close);
	background-position: center;
	background-size: auto 1rem;
	background-repeat: no-repeat;
	opacity: 0.5;
	transition: opacity var(--pico-transition);
}

.alert a.close:is([aria-current], :hover, :active, :focus) {
	opacity: 1;
}

.alert-error {
	--background-color: #f8d7da;
	--icon: var(--pico-icon-invalid);
	--color: #842029;
}

.alert-info {
	--background-color: #cff4fc;
	--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(5, 81, 96, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
	--color: #055160;
}

.alert-success {
	--background-color: #d1e7dd;
	--icon: var(--pico-icon-valid);
	--color: #0f5132;
}

/* BEGIN Choices.js design decision fixes */
.choices__list--single {
	padding-top: 0;
	padding-bottom: 0;
}

.choices[role="combobox"] {
	margin-bottom: var(--pico-spacing);
}

.choices__inner {
	font-size: var(--pico-font-size);
	min-height: unset;
	padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal) !important;
	border: 1px solid var(--pico-form-element-border-color);
}

.choices * {
	background-color: var(--pico-background-color) !important;
}

.choices__list--dropdown .choices__input.choices__input--cloned[type="search"] {
	border-radius: 0;
	padding-left: 50px;
}

/* Preserve HTML5 validation: https://github.com/Choices-js/Choices/issues/449 */
.choices[data-type*="select-one"] select.choices__input {
	display: block !important;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	left: 0;
	bottom: 0;
}
/* END Choices.js fixes */

button.darkLightSwitcher {
	position: fixed;
	right: calc(var(--pico-spacing)/ 2 + var(--pico-scrollbar-width,0px));
	bottom: var(--pico-spacing);
	width: auto;
	margin-bottom: 0;
	padding: .75rem;
	border-radius: 2rem;
	box-shadow: var(--pico-card-box-shadow);
	line-height: 1;
	text-align: right;
}

a {
	color: var(--pico-primary-background);
}

details.dropdown summary:not([role]) {
	border: none;
}

details.dropdown summary:not([role]):focus {
	box-shadow: none;
}

button.darkLightSwitcher .darkLightSwitcherIcon::after {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border: .15rem solid currentColor;
	border-radius: 50%;
	background: linear-gradient(to right,currentColor 0,currentColor 50%,transparent 50%);
	content: "";
	vertical-align: bottom;
	transition: transform var(--pico-transition);
}

.paragraph-margin-bottom {
	margin-bottom: var(--pico-typography-spacing-vertical);
}

.numberInput {
	font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
	text-align: center;
}

/* Chrome, Safari, Edge, Opera */
.numberInput::-webkit-outer-spin-button,
.numberInput::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.inputStyle {
	margin-bottom: var(--pico-spacing);
	height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2);
	font-size: 1rem;
	line-height: var(--pico-line-height);
	padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
}

/* Firefox */
.numberInput[type=number] {
	-moz-appearance: textfield;
}

.no-radius {
	border-radius: 0;
}

.no-radius-left {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.no-radius-right {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

dialog article input:last-of-type {
	margin-bottom: 0;
}

body .container {
	max-width: 700px;
}

article > header {
	padding: .75rem 1rem;
}

body .container.narrow {
	max-width: 650px;
}

#queueTable th:first-of-type,
#queueTable td:first-of-type {
	padding-left: 0;
}

#queueTable th:last-of-type,
#queueTable td:last-of-type {
	padding-right: 0;
}

header > nav > ul > li > a,
header nav .dropdown summary span {
	color: var(--pico-primary-background);
}

header > nav > ul > li:not(:last-of-type) {
	padding-top: .6rem;
}

.accountMenu .balanceContainer {
	padding: 0;
}

.accountMenu .balanceContainer > div {
	background-color: #ebecff;
	font-size: 90%;
	margin: calc(var(--pico-form-element-spacing-vertical) * .5);
	padding: calc(var(--pico-form-element-spacing-vertical) * .5);
	margin-top: 0;
}

@media (max-width: 767px) {
	.sm-hide {
		display: none;
	}
}