:root {
	--placeholder: #7d828a;
	--line: #eaeaea;
	--checkbox_focus: #4e586c;

	--primary: #498ac7;
	--primary_hover: #427db4;
	--primary_active: #55a1e7;
	--primary_focus: #326088;

	--icon_size: 20px;
	--icon_bg: #22262f;

	--tag: #4b5468;

	--font_family: 'Inter', sans-serif;
	--font_family_mono: 'Victor Mono', monospace;
	--font_size: 0.960rem;
	--line_height: 1.7em;
}







/* DO NOT TOUCH BELOW THIS LINE */

*, ::after, ::before {
	box-sizing: inherit;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: var(--placeholder);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: var(--placeholder);
	opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: var(--placeholder);
	opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--placeholder);
}
::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--placeholder);
}

::placeholder { /* Most modern browsers support this now. */
	color: var(--placeholder);
}



html,body {
	font-family: var(--font_family) !important;
	font-size: var(--font_size) !important;
	line-height: var(--line_height) !important;
}

svg,
.icon {
	height: 100%;
	width: var(--icon_size);
}



.icon-notext {
	align-items: center;
	background-color: var(--icon_bg);
	border-radius: 3px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	height: 1.85em;
	width: 1.85em;
}

.icon-notext > svg,
.icon-text > svg {
	height: 100%;
	width: var(--icon_size);
}

.icon-text {
	align-items: center;
	display: flex;
	justify-content: flex-start;
}

.icon-text > svg {
	flex-shrink: 0;
	margin: 0 .25em;
}



.tag {
	background-color: var(--tag);
	border-radius: 3px;
	display: inline-block;
	font-size: .75rem;
	line-height: 1.5;
	padding: .20rem .75em;
}



.title {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.125;
	margin: 0;
	padding: 0 0 .25em 0;
	word-break: break-word;
}

.subtitle {
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.25;
	margin: 0;
	opacity: .7;
	padding: 0;
	word-break: break-word;
}



.item {
	padding: .5em;
}

.item > .label {
	display: block;
	margin: 0 .550em .3em .550em;
}

.item > .field {
	box-sizing: border-box;
}

.item > .field > input:focus {
	box-shadow: 0 0 0 2px var(--primary_focus) !important;
}

.item > .field.has-icon-left {
	box-sizing: border-box;
	clear: both;
	position: relative;
	text-align: inherit;
}

.item > .field.has-icon-left > input {
	padding-left: 2.5em;
}

.item > .field.has-icon-right > input {
	padding-right: 2.5em;
}

.item > .field.has-icon-left > .icon-notext {
	background-color: transparent;
	height: 2.3em;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 2.3em;
	z-index: 4;
}

.item > .field.has-icon-left > .icon-notext.is-left {
	left: 0;
}

.item > .field.has-icon-left > .icon-notext.is-right {
	right: 0;
}

.item > .help {
	display: block;
	font-size: .8em;
	margin: .25em .65em 0 .65em;
	opacity: .7;
}

.item > .help > p {
	padding: 0;
}



.form.button {
	padding: .5em;
}

.button.is-primary {
	align-items: center;
	background-color: var(--primary) !important;
	border: 1px solid var(--primary) !important;
	border-radius: 3px;
	box-shadow: none;
	display: inline-flex;
	cursor: pointer;
	flex-direction: row;
	padding: calc(.5em - 1px) 1em !important;
	position: relative;
	white-space: nowrap;
	width: auto;
}

.button.is-primary:hover {
	background-color: var(--primary_hover) !important;
}

.button.is-primary:active {
	background-color: var(--primary_active) !important;
}

.button.is-primary:focus {
	box-shadow: 0 0 0 2px var(--primary_focus) !important;
}


table {
	border-collapse: collapse;
}

table > * > tr > td {
	padding: .35em 0;
}

table > * > tr > .with-icon {
	align-items: center;
	display: inline-flex;
	flex-direction: row;
	line-height: calc(var(--line_height) + 1px) !important;
}

table > * > tr > .with-icon > .icon-text {
	margin-right: .75em;
}

table > * > tr > .is-center {
	text-align: center;
}

table > * > tr > .width-name {
	width: 20em;
}

table > * > tr > .width-digits {
	width: 100px;
}

table > * > tr > .width-latest {
	width: 300px;
}

table > thead {
	margin-bottom: 10px;
}

table > thead > tr > th {
	font-weight: 700;
	text-align: left;
}

table > thead > tr > .is-center {
	margin-left: 1px;
}

table > tbody > tr:not(:last-child) > td {
	border-bottom: 1px solid var(--line);
}



.checkbox {
	padding: 10px 0;
}

.checkbox.nodesc {
	padding: 3px 0;
}

.checkbox > div {
	align-items: center;
	display: inline-flex;
	flex-direction: row;
	position: relative;
}

.checkbox > div > input {
	cursor: pointer !important;
	left: 5px;
	opacity: 0;
	position: absolute;
	top: 6px;
}

.checkbox > div > input[disabled],
.checkbox > div > input[disabled] ~ label {
	color: #999999;
	cursor: not-allowed !important;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
}

.checkbox > div > input[disabled] ~ .icon-checkbox > svg > path:not(:first-child) {
	stroke: #999999;
}

.checkbox > div > .icon-checkbox {
	left: 6px;
	position: absolute;
	pointer-events: none;
	top: 6px;
}

.checkbox > div > .icon-checkbox.is-checked,
.checkbox > div > input:checked ~ .icon-checkbox.is-unchecked {
	opacity: 0;
}

.checkbox > div > input:checked ~ .is-checked {
	opacity: 1;
}

.checkbox > div > label {
	cursor: pointer !important;
	padding: 4px 8px 4px 35px;
}

.checkbox > div > input:not([disabled]):hover ~ .icon-checkbox,
.checkbox > div > input:not([disabled]):hover ~ label,
.checkbox > div > input:not([disabled]):focus ~ .icon-checkbox,
.checkbox > div > input:not([disabled]):focus ~ label {
	background-color: var(--checkbox_focus);
	border-radius: 3px;
}

.checkbox > .desc {
	display: block;
	left: 35px;
	line-height: 140%;
	font-size: .92em;
	opacity: .7;
	top: 5px;
	width: calc(100% - 35px);
}

.checkbox > .desc > p {
	text-align: left;
}



.input.has-ghost {
	align-items: center;
	display: inline-flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

.input.has-ghost > input {
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width: 50px;
}

.input.has-ghost > .ghost {
	background-color: var(--main);
	border: 1px dashed var(--field_border);
	border-left: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	height: 34px;
	width: 100%;
}

.input.has-ghost > .text {
	margin-left: 10px;
}



.breadcrumb {
	align-items: center;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	line-height: var(--line_height);
	font-size: 1.77em;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

.breadcrumb > svg {
	margin: 0 .3em;
	padding: 0;
	width: 24px;
}



.paging {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.paging > div > a > svg,
.paging > div > div > svg {
	padding: 0;
}

.paging > div > a,
.paging > div > .inactive {
	padding: 5px;
}

.paging > .previous > a > svg,
.paging > .previous > div > svg {
	margin-left: 0;
}

.paging > .next > a > svg,
.paging > .next > div > svg {
	margin-right: 0;
}



.content {
	margin-top: 2em;
	width: 400px;
}

.mono {
	font-family: var(--font_family_mono);
	font-size: var(--font_size);
	line-height: calc(var(--line_height) + 1px);
}

.disabled {
	cursor: not-allowed;
	opacity: .3;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
}

.hidden {
	display: none !important;
}