/*! 7.css v0.21.1 - https://khang-nd.github.io/7.css */

html {
    cursor: url(img/misc/cursorpoint.gif), auto !important;
}

:root {
	--w7-font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif;
	--w7-surface: #f0f0f0;
	--w7-el-bg: #f2f2f2;
	--w7-el-bg-d: #f4f4f4;
	--w7-el-bg-s-1: #ebebeb;
	--w7-el-bg-s-2: #cfcfcf;
	--w7-el-sd: inset 0 0 0 1px #fffc;
	--w7-el-sd-a: inset 1px 1px 0 #0003, inset -1px 1px 0 #0001;
	--w7-el-bd: #8e8f8f;
	--w7-el-bd-h: #3c7fb1;
	--w7-el-bd-a: #6d91ab;
	--w7-el-bd-d: #adb2b5;
	--w7-el-bdr: 3px;
	--w7-el-c: #000;
	--w7-el-c-d: #838383;
	--w7-el-grad: linear-gradient(var(--w7-el-bg) 45%, var(--w7-el-bg-s-1) 45%, var(--w7-el-bg-s-2));
	--w7-el-grad-h: linear-gradient(#eaf6fd 45%, #bee6fd 0, #a7d9f5);
	--w7-el-grad-a: linear-gradient(#e5f4fc, #c4e5f6 30% 50%, #98d1ef 50%, #68b3db);
	--w7-li-bd-hl: #aaddfa;
	--w7-li-bg-hl: linear-gradient(#fff9, #e6ecf5cc 90%, #fffc);
	--w7-bl-bd: #0006;
	--w7-blt-size: 18px;
	--w7-blt-offset: 1em;
    cursor: url(img/misc/cursorpoint.gif), auto !important;
}

[role=tooltip] {
	background: linear-gradient(to bottom, #fff, var(--w7-el-bg-s-1));
	border: 1px solid var(--w7-bl-bd);
	border-radius: var(--w7-el-bdr);
	box-shadow: 5px 5px 3px -3px var(--w7-bl-bd);
	padding: 1em 1em 1em 2.5em;
	position: relative
}

[role=tooltip]:before {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5 1.5v18h18l-18-18Z' fill='%23fff' stroke='%23fff'/%3E%3Cpath d='M1 19.5H.5v-18l18 18H18' stroke='%23939393'/%3E%3C/svg%3E");
	content: "";
	height: var(--w7-blt-size);
	left: var(--w7-blt-offset);
	position: absolute;
	top: calc(var(--w7-blt-size)*-1);
	width: var(--w7-blt-size)
}

[role=tooltip][id] {
	position: absolute
}

[role=tooltip].is-top:before {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5 1.5v18h18l-18-18Z' fill='%23ebebeb' stroke='%23ddd'/%3E%3Cpath d='M1 19.5H.5v-18l18 18H18' stroke='%23939393'/%3E%3C/svg%3E");
	bottom: calc(var(--w7-blt-size)*-1);
	top: unset;
	transform: scale(-1)
}

[role=tooltip].is-top.is-right:before {
	transform: scaleY(-1)
}

[role=tooltip].is-left:before {
	left: unset;
	right: var(--w7-blt-offset)
}

[role=tooltip].is-left.is-bottom:before {
	transform: scaleX(-1)
}

[role=button],
button,
input[type=file]::file-selector-button {
	background: var(--w7-el-grad);
	border: 1px solid var(--w7-el-bd);
	border-radius: var(--w7-el-bdr);
	box-shadow: var(--w7-el-sd);
	box-sizing: border-box;
	color: #222;
	font: var(--w7-font);
	min-height: 23px;
	min-width: 75px;
	padding: 0 12px;
	position: relative;
	text-align: center;
	z-index: 0
}

[role=button]:before,
button:before {
	background: var(--w7-el-grad-h);
	border-radius: var(--w7-el-bdr);
	box-shadow: var(--w7-el-sd)
}

[role=button]:after,
[role=button]:before,
button:after,
button:before {
	content: "";
	height: 100%;
	left: 0;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	top: 0;
	transition: opacity .3s;
	width: 100%;
	z-index: -1
}

[role=button]:after,
button:after {
	background: var(--w7-el-grad-a);
	border-radius: 2px;
	box-shadow: var(--w7-el-sd-a)
}

[role=button]:disabled,
button:disabled {
	background: var(--w7-el-bg-d);
	border-color: var(--w7-el-bd-d);
	color: var(--w7-el-c-d)
}

[role=button]:not(:disabled):hover,
button:not(:disabled):hover {
	border-color: var(--w7-el-bd-h);
	transition: border-color .3s
}

[role=button]:not(:disabled):hover:before,
button:not(:disabled):hover:before {
	opacity: 1;
	transition: opacity .3s
}

[role=button]:not(:disabled):not(:hover),
button:not(:disabled):not(:hover) {
	border-color: var(--w7-el-bd);
	transition: border-color 1s linear
}

[role=button]:not(:disabled):not(:hover):before,
button:not(:disabled):not(:hover):before {
	opacity: 0;
	transition: opacity 1s linear
}

[role=button]:not(:disabled).active,
[role=button]:not(:disabled):active,
button:not(:disabled).active,
button:not(:disabled):active {
	border-color: var(--w7-el-bd-a);
	transition: border-color .3s
}

[role=button]:not(:disabled).active:after,
[role=button]:not(:disabled):active:after,
button:not(:disabled).active:after,
button:not(:disabled):active:after {
	opacity: 1;
	transition: opacity .3s
}

[role=button].focused,
[role=button]:focus-visible,
button.focused,
button:focus-visible {
	box-shadow: inset 0 0 0 2px #98d1ef;
	outline: 1px dotted #000;
	outline-offset: -4px
}

[role=button].default,
[role=button].focused,
[role=button]:focus,
button.default,
button.focused,
button:focus {
	-webkit-animation: pulse-anim 1s ease infinite alternate;
	animation: pulse-anim 1s ease infinite alternate;
	background-image: var(--w7-el-grad-h);
	border-color: #5586a3
}

label[role=button] {
	align-items: center;
	display: inline-flex
}

label[role=button]>input[type=file] {
	display: none
}

@-webkit-keyframes pulse-anim {
	0% {
		box-shadow: inset 0 0 3px 1px #34deffdd
	}

	to {
		box-shadow: inset 0 0 1px 1px #34deffdd
	}
}

@keyframes pulse-anim {
	0% {
		box-shadow: inset 0 0 3px 1px #34deffdd
	}

	to {
		box-shadow: inset 0 0 1px 1px #34deffdd
	}
}

:root {
	--w7-cb-size: 14px
}

input[type=checkbox] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	border: none;
	font: var(--w7-font);
	margin: 0;
	opacity: 0
}

input[type=checkbox]+label {
	align-items: center;
	display: inline-flex;
	font: var(--w7-font);
	position: relative
}

input[type=checkbox]+label:before {
	background: #f6f6f6;
	border: 1px solid var(--w7-el-bd);
	box-shadow: inset 0 0 0 1px var(--w7-el-bg-d), inset 1px 1px 0 1px #aeaeae, inset -1px -1px 0 1px #ddd, inset 3px 3px 6px #ccc;
	box-sizing: border-box;
	content: "";
	display: inline-block;
	height: var(--w7-cb-size);
	margin-right: 6px;
	transition: .4s;
	width: var(--w7-cb-size)
}

input[type=checkbox]+label:hover:before {
	background: #e9f7fe;
	border-color: var(--w7-el-bd-h);
	box-shadow: inset 0 0 0 1px #def9fa, inset 1px 1px 0 1px #79c6f9, inset -1px -1px 0 1px #c6e9fc, inset 3px 3px 6px #b1dffd
}

input[type=checkbox]:focus-visible+label {
	outline: 1px dotted #000
}

input[type=checkbox]:checked+label:after {
	color: #4a5f97;
	content: "\2714";
	display: block;
	font-weight: 700;
	left: 2px;
	position: absolute;
	top: 0
}

input[type=checkbox]:disabled+label {
	color: #6d6d6d
}

input[type=checkbox]:disabled+label:before {
	background: linear-gradient(to bottom right, #f0f0f0, #fbfbfb);
	border: 1px solid #b1b1b1;
	box-shadow: none;
	content: "";
	display: inline-block;
	height: var(--w7-cb-size);
	margin-right: 6px;
	width: var(--w7-cb-size)
}

input[type=checkbox]:disabled+label:after {
	color: #bfbfbf
}

:root {
	--w7-clc-size: 5px
}

details {
	margin-top: 0
}

details>summary {
	cursor: url(img/misc/cursorpoint.gif), auto !important;
	display: inline;
	margin-bottom: 0;
	position: relative
}

details>summary:before {
	border: var(--w7-clc-size) solid transparent;
	border-left-color: #000;
	border-radius: 3px;
	content: "";
	position: absolute;
	right: 100%;
	top: calc(50% - var(--w7-clc-size))
}

details>summary::-webkit-details-marker,
details>summary::marker {
	display: none
}

details[open]>summary:before {
	top: calc(50% - var(--w7-clc-size)/2);
	transform: rotate(45deg)
}

.combobox {
	display: inline-block;
	position: relative
}

.combobox input[type=text] {
	padding-right: 20px;
	width: 100%
}

.combobox button {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+") 50% no-repeat, var(--w7-el-grad);
	min-width: 16px;
	padding: 0;
	position: absolute;
	right: 0
}

.combobox button,
.combobox button:before {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.combobox button:before {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+") 50% no-repeat, var(--w7-el-grad-h)
}

.combobox button:after {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+") 50% no-repeat, var(--w7-el-grad-a);
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.combobox button:focus {
	box-shadow: none;
	outline: none
}

select:not([multiple]) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDZINHYxaDF2MWgxdjFoMXYxaDFWOWgxVjhoMVY3aDFWNloiIGZpbGw9IiMwMDAiLz48L3N2Zz4="), var(--w7-el-grad);
	background-position: 100%;
	background-repeat: no-repeat;
	border: 1px solid var(--w7-el-bd);
	border-radius: var(--w7-el-bdr);
	box-shadow: var(--w7-el-sd);
	box-sizing: border-box;
	color: #222;
	font: var(--w7-font);
	padding: 2px 30px 2px 3px;
	position: relative
}

select:not([multiple]):not(:disabled):hover {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDZINHYxaDF2MWgxdjFoMXYxaDFWOWgxVjhoMVY3aDFWNloiIGZpbGw9IiMwMDAiLz48L3N2Zz4="), var(--w7-el-grad-h);
	border-color: var(--w7-el-bd-h)
}

select:not([multiple]):not(:disabled):active {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDZINHYxaDF2MWgxdjFoMXYxaDFWOWgxVjhoMVY3aDFWNloiIGZpbGw9IiMwMDAiLz48L3N2Zz4="), var(--w7-el-grad-a);
	border-color: var(--w7-el-bd-a);
	box-shadow: var(--w7-el-sd-a);
	outline: none
}

select:not([multiple]):not(:disabled):focus {
	box-shadow: inset 0 0 0 2px #98d1ef;
	outline: 1px dotted #000;
	outline-offset: -4px
}

select:not([multiple]):disabled {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDZINHYxaDF2MWgxdjFoMXYxaDFWOWgxVjhoMVY3aDFWNloiIGZpbGw9IiNhZmFmYWYiLz48L3N2Zz4="), var(--w7-el-bg-d);
	background-position: 100%;
	background-repeat: no-repeat;
	border-color: var(--w7-el-bd-d);
	color: var(--w7-el-c-d);
	opacity: 1
}

fieldset {
	border: 1px solid #cdd7db;
	border-radius: var(--w7-el-bdr);
	box-shadow: inset 0 0 0 1px #fff;
	margin: 0;
	padding: 8px 10px 10px
}

fieldset legend {
	font: var(--w7-font)
}

.group,
fieldset {
	display: flex;
	flex-direction: column;
	gap: 6px
}

.group+.group {
	margin-top: 6px
}

[role=listbox],
select[multiple] {
	background: #fff;
	border: 1px solid #c0c1cd;
	display: block;
	font: var(--w7-font);
	overflow-y: scroll
}

[role=listbox].has-shadow,
select[multiple].has-shadow {
	box-shadow: 4px 4px 3px -2px #999
}

[role=listbox].has-hover li:hover,
select[multiple].has-hover li:hover {
	background-color: #2a90ff;
	color: #fff
}

[role=listbox]:focus,
select[multiple]:focus {
	outline: none
}

[role=listbox] [role=option],
[role=listbox] option,
select[multiple] [role=option],
select[multiple] option {
	padding: 2px
}

[role=listbox] [role=option]:focus,
[role=listbox] [role=option][aria-selected],
[role=listbox] option:focus,
[role=listbox] option[aria-selected],
select[multiple] [role=option]:focus,
select[multiple] [role=option][aria-selected],
select[multiple] option:focus,
select[multiple] option[aria-selected] {
	background-color: #2a90ff;
	color: #fff
}

:root {
	--w7-lvc-size: 5px
}

table {
	background-color: #fff;
	border: 1px solid #c0c1cd;
	border-collapse: collapse;
	font: var(--w7-font);
	position: relative;
	table-layout: fixed;
	text-align: left;
	white-space: nowrap
}

table td,
table th {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

table.has-shadow {
	box-shadow: 4px 4px 3px -2px #999
}

table>thead>tr>* {
	background: linear-gradient(180deg, #fff 45%, #fafafa 0, #f0f0f0);
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	cursor: default;
	font-weight: 400;
	height: 22px;
	padding: 0 8px;
	position: sticky;
	top: 0
}

table>thead>tr>.highlighted {
	background: linear-gradient(180deg, #f3f9fc 45%, #e4f0f8 0, #d9eaf5);
	border: 1px solid #a7d8f5;
	border-radius: var(--w7-el-bdr)
}

table>thead>tr>.highlighted:not(:last-child) {
	border-right-color: #a7d8f5
}

table>thead>tr>.highlighted.indicator:before {
	background: linear-gradient(to bottom right, #667f91 45%, #90c1e2 65%, #cce3f2);
	-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	content: "";
	height: var(--w7-lvc-size);
	position: absolute;
	right: 50%;
	top: 0;
	width: calc(var(--w7-lvc-size)*1.2)
}

table>thead>tr>.highlighted.indicator.up:before {
	-webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
	clip-path: polygon(0 100%, 50% 0, 100% 100%)
}

table>tbody>tr {
	cursor: default
}

table>tbody>tr.highlighted {
	background: var(--w7-li-bg-hl);
	border: 1px solid var(--w7-li-bd-hl);
	border-radius: var(--w7-el-bdr)
}

table>tbody>tr.highlighted>:not(:last-child) {
	border-right: none
}

table>tbody>tr>* {
	height: 14px;
	padding: 2px 8px
}

table>tbody>tr>:not(:last-child) {
	border-right: 1px solid #eee
}

:root {
	--w7-mn-left: 28px
}

ul[role] {
	cursor: default;
	list-style: none;
	margin: 0;
	padding: 0
}

ul[role=menubar] {
	background: linear-gradient(#fff 20%, #f1f4fa 25%, #f1f4fa 43%, #d4dbee 48%, #e6eaf6);
	display: flex
}

ul[role=menubar]>[role=menuitem] {
	padding: 6px 10px;
	position: relative
}

ul[role=menubar]>[role=menuitem]:focus,
ul[role=menubar]>[role=menuitem]:focus-within,
ul[role=menubar]>[role=menuitem]:hover {
	background: #39f;
	color: #fff;
	outline: none
}

ul[role=menubar]>[role=menuitem]:focus-within~[role=menuitem]:focus,
ul[role=menubar]>[role=menuitem]:focus-within~[role=menuitem]:focus-within,
ul[role=menubar]>[role=menuitem]:focus~[role=menuitem]:focus,
ul[role=menubar]>[role=menuitem]:focus~[role=menuitem]:focus-within,
ul[role=menubar]>[role=menuitem]:hover~[role=menuitem]:focus,
ul[role=menubar]>[role=menuitem]:hover~[role=menuitem]:focus-within {
	background: transparent;
	color: inherit
}

ul[role=menubar]>[role=menuitem]:focus-within:has(~[role=menuitem]:hover),
ul[role=menubar]>[role=menuitem]:focus:has(~[role=menuitem]:hover),
ul[role=menubar]>[role=menuitem]:hover:has(~[role=menuitem]:hover) {
	background: transparent;
	color: inherit
}

ul[role=menu] {
	background: var(--w7-surface);
	border: 1px solid #0006;
	box-shadow: 4px 4px 3px -2px #00000080;
	color: initial;
	min-width: 150px;
	padding: 2px;
	position: relative
}

ul[role=menu]:before {
	box-shadow: inset 1px 0 #00000026, inset -1px 0 #fff;
	content: "";
	height: calc(100% - 4px);
	left: var(--w7-mn-left);
	pointer-events: none;
	position: absolute;
	width: 2px
}

[role=menuitem] ul[role=menu] {
	display: none;
	left: 0;
	position: absolute;
	top: 100%;
	z-index: 99
}

ul[role=menu] [role=menuitem]>[role=menu] {
	left: 100%;
	top: -4px
}

ul[role=menu]>[role=menuitem]>a,
ul[role=menu]>[role=menuitem]>button,
ul[role=menu]>[role=menuitem]>label,
ul[role=menu]>[role=menuitem][aria-haspopup=true] {
	all: unset;
	border: 1px solid transparent;
	border-radius: 3px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	padding: 4px 10px 4px 32px;
	position: relative;
	white-space: nowrap;
	width: 100%
}

ul[role=menu]>[role=menuitem]>a:focus-visible,
ul[role=menu]>[role=menuitem]>a:hover,
ul[role=menu]>[role=menuitem]>button:focus-visible,
ul[role=menu]>[role=menuitem]>button:hover,
ul[role=menu]>[role=menuitem]>label:focus-visible,
ul[role=menu]>[role=menuitem]>label:hover,
ul[role=menu]>[role=menuitem][aria-haspopup=true]:focus-visible,
ul[role=menu]>[role=menuitem][aria-haspopup=true]:hover {
	background: var(--w7-li-bg-hl);
	border-color: var(--w7-li-bd-hl)
}

ul[role=menu]>[role=menuitem]>button:after,
ul[role=menu]>[role=menuitem]>button:hover:before {
	content: none
}

ul[role=menu]>[role=menuitem][aria-haspopup=true]:after {
	border: 4px solid transparent;
	border-left-color: currentcolor;
	content: "";
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translateY(-50%)
}

ul [role=menuitem] {
	position: relative
}

ul [role=menuitem]>input[type] {
	display: none
}

ul [role=menuitem]>input[type]+label {
	display: block;
	position: relative
}

ul [role=menuitem]>input[type]+label:before {
	all: unset;
	background: var(--w7-li-bg-hl);
	border-radius: inherit;
	box-shadow: 0 0 0 1px #b3d3f9;
	box-sizing: border-box;
	height: 22px;
	left: 0;
	position: absolute;
	top: 0;
	width: 22px
}

ul [role=menuitem]>input[type]:checked+label:before {
	content: ""
}

ul [role=menuitem]>input[type][type=radio]:checked+label:after {
	background: radial-gradient(circle at 75% 25%, #d5d4ea, #333583);
	border: 1px solid #1a1490;
	box-shadow: none;
	left: 8px;
	top: 50%;
	transform: translateY(-50%)
}

ul [role=menuitem]>input[type][type=checkbox]:checked+label:after {
	color: #0c12a1;
	font-size: 10pt;
	left: 6px;
	top: 50%;
	transform: translateY(-52%)
}

ul [role=menuitem]:focus-within>[role=menu],
ul [role=menuitem]:focus>[role=menu] {
	display: block
}

ul [role=menuitem]:focus-within:has(~[role=menuitem]:hover)>[role=menu],
ul [role=menuitem]:focus:has(~[role=menuitem]:hover)>[role=menu] {
	display: none
}

ul [role=menuitem][aria-disabled] {
	opacity: .5;
	pointer-events: none
}

ul [role=menuitem].has-divider:after {
	box-shadow: inset 0 1px #00000026, inset 0 -1px #fff;
	content: "";
	display: block;
	height: 2px;
	margin: 3px 0 2px;
	margin-left: var(--w7-mn-left);
	pointer-events: none
}

ul [role=menuitem] img {
	left: 2px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1
}

ul [role=menuitem] span {
	margin-left: 32px
}

ul.can-hover [role=menuitem]:hover>[role=menu] {
	display: block
}

ul.can-hover [role=menuitem]:hover~[role=menuitem]:focus,
ul.can-hover [role=menuitem]:hover~[role=menuitem]:focus-within {
	background: transparent;
	color: inherit
}

ul.can-hover [role=menuitem]:hover~[role=menuitem]:focus-within>[role=menu],
ul.can-hover [role=menuitem]:hover~[role=menuitem]:focus>[role=menu] {
	display: none
}

:root {
	--w7-pg-bg: #0bd82c;
	--w7-pg-bg-paused: #e6df1b;
	--w7-pg-bg-error: #ef0000
}

[role=progressbar] {
	background: radial-gradient(circle at 0 50%, #0000001f 10px, transparent 30px), radial-gradient(circle at 100% 50%, #0000001f 10px, transparent 30px), linear-gradient(180deg, #f3f3f3af, #fcfcfcaf 3px, #dbdbdbaf 6px, #cacacaaf 0, #d5d5d5af), #ddd;
	border: 1px solid var(--w7-el-bd);
	border-radius: var(--w7-el-bdr);
	box-shadow: inset 0 0 0 1px #f3f3f388, 0 0 0 1px #eaeaea88;
	height: 15px;
	margin: 2px 0;
	overflow: hidden
}

[role=progressbar]>div {
	background-color: var(--w7-pg-bg);
	background-image: linear-gradient(180deg, #f3f3f3af, #fcfcfcaf 3px, #dbdbdbaf 6px, transparent 0), radial-gradient(circle at 0 50%, #0000002f 10px, transparent 30px), radial-gradient(circle at 100% 50%, #0000002f 10px, transparent 30px), linear-gradient(180deg, transparent 65%, #ffffff55), linear-gradient(180deg, transparent 6px, #cacaca33 0, #d5d5d533);
	box-shadow: inset 0 0 0 1px #ffffff1f;
	height: 100%;
	overflow: hidden
}

[role=progressbar].paused>div {
	background-color: var(--w7-pg-bg-paused)
}

[role=progressbar].error>div {
	background-color: var(--w7-pg-bg-error)
}

[role=progressbar].animate>div:before,
[role=progressbar].marquee:before {
	-webkit-animation: progressbar 3s linear infinite;
	animation: progressbar 3s linear infinite;
	background: linear-gradient(90deg, transparent, #ffffff80, transparent 40%);
	content: "";
	display: block;
	height: 100%
}

[role=progressbar].marquee:before {
	background: linear-gradient(to right, transparent, var(--w7-pg-bg), transparent 35%);
	opacity: .5
}

@-webkit-keyframes progressbar {
	0% {
		transform: translateX(-40%)
	}

	60% {
		transform: translateX(100%)
	}

	to {
		transform: translateX(100%)
	}
}

@keyframes progressbar {
	0% {
		transform: translateX(-40%)
	}

	60% {
		transform: translateX(100%)
	}

	to {
		transform: translateX(100%)
	}
}

:root {
	--w7-rd-size: 14px;
	--w7-rdl-space: 6px;
	--w7-rd-left: calc(var(--w7-rd-size) + var(--w7-rdl-space));
	--w7-rdd-size: 8px;
	--w7-rdd-center: (var(--w7-rd-size) - var(--w7-rdd-size)) /2
}

input[type=radio] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: 0;
	border: none;
	margin: 0;
	opacity: 0;
	position: fixed
}

input[type=radio]+label {
	align-items: center;
	display: inline-flex;
	font: var(--w7-font);
	margin-left: var(--w7-rd-left);
	position: relative
}

input[type=radio]+label:before {
	background: #f6f6f6;
	border: 1px solid;
	border-color: var(--w7-el-bd);
	border-radius: 50%;
	box-shadow: inset 0 0 0 1.5px var(--w7-el-bg-d), inset 1px 1px 0 1.5px #aeaeae, inset -1px 0 0 1.5px #ddd, inset 3px 3px 6px #ccc;
	box-sizing: border-box;
	content: "";
	display: inline-block;
	height: var(--w7-rd-size);
	left: calc(var(--w7-rd-left)*-1);
	margin-right: var(--w7-rdl-space);
	position: absolute;
	top: 0;
	transition: .4s;
	width: var(--w7-rd-size)
}

input[type=radio]+label:hover:before {
	border-color: var(--w7-el-bd-h);
	box-shadow: inset 0 0 0 1.5px #def9fa, inset 1px 1px 0 1.5px #79c6f9, inset -1px -1px 0 1.5px #c6e9fc, inset 3px 3px 6px #b1dffd
}

input[type=radio]:checked+label:after {
	background: #7cd3eb;
	border: 1.5px solid #27506d;
	border-radius: 50%;
	box-shadow: inset -1px -1px 0 .5px #16638f, inset -1px -1px 0 1px #1985c0;
	box-sizing: border-box;
	content: "";
	display: block;
	height: var(--w7-rdd-size);
	left: calc(var(--w7-rd-left)*-1 + var(--w7-rdd-center));
	position: absolute;
	top: calc(var(--w7-rdd-center));
	width: var(--w7-rdd-size)
}

input[type=radio]:focus-visible+label {
	outline: 1px dotted #000
}

input[type=radio]:disabled+label {
	filter: grayscale(1);
	opacity: .6
}

input[type=radio]:disabled:not(:checked)+label:before {
	opacity: .5
}

:root {
	--w7-sb-grad-a-1: #c4e5f6;
	--w7-sb-grad-a-2: #98d1ef;
	--w7-sb-grad-h-1: #eaf6fd;
	--w7-sb-grad-h-2: #bee6fd;
	--w7-sb-y: linear-gradient(to right, #e5e5e5, var(--w7-surface) 20%);
	--w7-sb-x: linear-gradient(to bottom, #e5e5e5, var(--w7-surface) 20%)
}

.has-scrollbar::-webkit-scrollbar {
	width: 16px
}

.has-scrollbar::-webkit-scrollbar:horizontal {
	height: 17px
}

.has-scrollbar::-webkit-scrollbar-corner {
	background: var(--w7-el-bg)
}

.has-scrollbar::-webkit-scrollbar-track:vertical {
	background: var(--w7-sb-y)
}

.has-scrollbar::-webkit-scrollbar-track:horizontal {
	background: var(--w7-sb-x)
}

.has-scrollbar::-webkit-scrollbar-thumb {
	background-color: var(--w7-el-bg);
	border: 1px solid var(--w7-el-bd);
	border-radius: var(--w7-el-bdr);
	box-shadow: var(--w7-el-sd)
}

.has-scrollbar::-webkit-scrollbar-thumb:vertical {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(to right, var(--w7-el-bg) 45%, var(--w7-el-bg-s-1) 45%, var(--w7-el-bg-s-2))
}

.has-scrollbar::-webkit-scrollbar-thumb:horizontal {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(to bottom, var(--w7-el-bg) 45%, var(--w7-el-bg-s-1) 45%, var(--w7-el-bg-s-2))
}

.has-scrollbar::-webkit-scrollbar-thumb:hover:vertical {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(to right, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);
	border-color: var(--w7-el-bd-h)
}

.has-scrollbar::-webkit-scrollbar-thumb:hover:horizontal {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(to bottom, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);
	border-color: var(--w7-el-bd-h)
}

.has-scrollbar::-webkit-scrollbar-thumb:active:vertical {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(to right, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);
	border-color: var(--w7-el-bd-a)
}

.has-scrollbar::-webkit-scrollbar-thumb:active:horizontal {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(to bottom, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);
	border-color: var(--w7-el-bd-a)
}

.has-scrollbar::-webkit-scrollbar-button:horizontal:end:decrement,
.has-scrollbar::-webkit-scrollbar-button:horizontal:start:increment,
.has-scrollbar::-webkit-scrollbar-button:vertical:end:decrement,
.has-scrollbar::-webkit-scrollbar-button:vertical:start:increment {
	display: none
}

.has-scrollbar::-webkit-scrollbar-button {
	border: 1px solid transparent
}

.has-scrollbar::-webkit-scrollbar-button:vertical {
	height: 17px
}

.has-scrollbar::-webkit-scrollbar-button:vertical:start {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik04IDZIN3YxSDZ2MUg1djFINHYxaDdWOWgtMVY4SDlWN0g4VjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), var(--w7-sb-y)
}

.has-scrollbar::-webkit-scrollbar-button:vertical:end {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), var(--w7-sb-y)
}

.has-scrollbar::-webkit-scrollbar-button:horizontal {
	width: 16px
}

.has-scrollbar::-webkit-scrollbar-button:horizontal:start {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik05IDRIOHYxSDd2MUg2djFINXYxaDF2MWgxdjFoMXYxaDFWNFoiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4="), var(--w7-sb-x)
}

.has-scrollbar::-webkit-scrollbar-button:horizontal:end {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik03IDRINnY3aDF2LTFoMVY5aDFWOGgxVjdIOVY2SDhWNUg3VjRaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), var(--w7-sb-x)
}

.has-scrollbar::-webkit-scrollbar-button:hover {
	background-color: var(--w7-el-bg);
	border-color: var(--w7-el-bd);
	border-radius: var(--w7-el-bdr);
	box-shadow: var(--w7-el-sd)
}

.has-scrollbar::-webkit-scrollbar-button:hover:vertical {
	height: 17px
}

.has-scrollbar::-webkit-scrollbar-button:hover:vertical:start {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik04IDZIN3YxSDZ2MUg1djFINHYxaDdWOWgtMVY4SDlWN0g4VjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), linear-gradient(to right, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);
	border-color: var(--w7-el-bd-h)
}

.has-scrollbar::-webkit-scrollbar-button:hover:vertical:end {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), linear-gradient(to right, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);
	border-color: var(--w7-el-bd-h)
}

.has-scrollbar::-webkit-scrollbar-button:hover:horizontal {
	width: 16px
}

.has-scrollbar::-webkit-scrollbar-button:hover:horizontal:start {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik05IDRIOHYxSDd2MUg2djFINXYxaDF2MWgxdjFoMXYxaDFWNFoiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4="), linear-gradient(to bottom, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);
	border-color: var(--w7-el-bd-h)
}

.has-scrollbar::-webkit-scrollbar-button:hover:horizontal:end {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik03IDRINnY3aDF2LTFoMVY5aDFWOGgxVjdIOVY2SDhWNUg3VjRaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), linear-gradient(to bottom, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);
	border-color: var(--w7-el-bd-h)
}

.has-scrollbar::-webkit-scrollbar-button:active {
	background-color: var(--w7-el-bg);
	border-color: var(--w7-el-bd);
	border-radius: var(--w7-el-bdr);
	box-shadow: var(--w7-el-sd)
}

.has-scrollbar::-webkit-scrollbar-button:active:vertical {
	height: 17px
}

.has-scrollbar::-webkit-scrollbar-button:active:vertical:start {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik04IDZIN3YxSDZ2MUg1djFINHYxaDdWOWgtMVY4SDlWN0g4VjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), linear-gradient(to right, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);
	border-color: var(--w7-el-bd-a)
}

.has-scrollbar::-webkit-scrollbar-button:active:vertical:end {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), linear-gradient(to right, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);
	border-color: var(--w7-el-bd-a)
}

.has-scrollbar::-webkit-scrollbar-button:active:horizontal {
	width: 16px
}

.has-scrollbar::-webkit-scrollbar-button:active:horizontal:start {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik05IDRIOHYxSDd2MUg2djFINXYxaDF2MWgxdjFoMXYxaDFWNFoiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4="), linear-gradient(to bottom, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);
	border-color: var(--w7-el-bd-a)
}

.has-scrollbar::-webkit-scrollbar-button:active:horizontal:end {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik03IDRINnY3aDF2LTFoMVY5aDFWOGgxVjdIOVY2SDhWNUg3VjRaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), linear-gradient(to bottom, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);
	border-color: var(--w7-el-bd-a)
}

:root {
	--w7-s-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3Ryb2tlPSIjMjA3MGI5IiBkPSJNMTAuNSAxQzguMDIgMSA2IDMuMDIgNiA1LjVhNC40NSA0LjQ1IDAgMCAwIDEgMi43OTNMMi4wMjMgMTMuMjdsLjcwNC43MUw3LjcwNyA5Yy43Ny42MTcgMS43MzQgMSAyLjc5MyAxIDIuNDggMCA0LjUtMi4wMiA0LjUtNC41UzEyLjk4IDEgMTAuNSAxWm0wIDFDMTIuNDM4IDIgMTQgMy41NjMgMTQgNS41IDE0IDcuNDM4IDEyLjQzNyA5IDEwLjUgOUEzLjQ5NCAzLjQ5NCAwIDAgMSA3IDUuNUM3IDMuNTYyIDguNTYzIDIgMTAuNSAyWiIvPjwvc3ZnPg==");
	--w7-s-bg: var(--w7-s-icon) no-repeat center
}

[type=search] {
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 2px;
	box-shadow: inset 1px 1px 0 var(--w7-el-bd), inset -1px -1px 0 #ccc;
	box-sizing: border-box;
	font: var(--w7-font);
	height: 24px;
	min-width: 187px;
	padding: 3px 6px
}

[type=search]:-moz-placeholder-shown {
	background-image: var(--w7-s-icon);
	background-position: calc(100% - 8px);
	background-repeat: no-repeat;
	background-size: 14px
}

[type=search]:placeholder-shown {
	background-image: var(--w7-s-icon);
	background-position: calc(100% - 8px);
	background-repeat: no-repeat;
	background-size: 14px
}

[type=search]:focus {
	outline: none
}

[type=search]::-moz-placeholder {
	font-style: italic
}

[type=search]::placeholder {
	font-style: italic
}

.searchbox [type=search] {
	padding-right: 26px
}

.searchbox [type=search]+[aria-label=search] {
	background: var(--w7-s-bg), var(--w7-el-grad);
	background-size: 14px;
	border-radius: 0;
	min-height: 22px;
	min-width: 26px;
	padding: 0;
	position: absolute;
	right: 1px;
	top: 1px
}

.searchbox [type=search]+[aria-label=search]:before {
	background: var(--w7-s-bg), var(--w7-el-grad-h);
	background-size: 14px;
	border-radius: 0
}

.searchbox [type=search]+[aria-label=search]:after {
	background: var(--w7-s-bg), var(--w7-el-grad-a);
	background-size: 14px;
	border-radius: 0
}

.searchbox [type=search]+[aria-label=search]:focus-visible {
	outline: 1px dotted #000;
	outline-offset: -4px
}

.searchbox {
	display: inline-block;
	position: relative
}

:root {
	--w7-sdt-w: 10px;
	--w7-sdt-h: 18px;
	--w7-sdt-icon: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC7SURBVHgBlZLBCYQwEEVj9CDYgRfbswF7sRAbsArPdhBICDmEzPoDE9CdXeKH0eHP48fINOrSPM+k/mhd16YDtCyLmqZJhM7zxIs6PAF570WQAzJIRLkksd89DUl939eB1Ym3b0wpiQBmIYSXiTFGZYwRgWEY6o8uIPQLZGlu2rYtP54L3g3c912N45gHSEahh4dZERZj2zZyztFxHLnQw/vaLIattbmeULkMdg6XxLFaa3WB7MlCirTIHxVUkxicbwSEAAAAAElFTkSuQmCC");
	--w7-sdt-icon-h: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAMAAABVab95AAAAWlBMVEUAAAAAjf8AVpo8f7G44/v5/f7l9P3g8/za8Pzp9v32+/7u+f695v2z4PmWvdjr9/1onMKu3vjQ4e2Zv9l+pcJLc5GTu9eMtNGCqseLrcVhlbt0l7BWfptOdpOMIi2BAAAAA3RSTlMADUenYG6gAAAAWklEQVQI113GRwKAIAwEwCBBRaUo9vL/b0qWG3MaaqKG2FBcDCw3aWPB6NwW6nYgHUoHaQ9VxwlGKUPVwC7joOlIgeeZQ3pJnd46Z/2miNTqbZl8918efj2yH/8dBY1fB+zGAAAAAElFTkSuQmCC");
	--w7-sdt-icon-a: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgB3ZKxCoMwEIYvJWOn0r10LHTuVDp1KIU+RN+gT9FZ6AP0LYqDY+nQWXAScXMQdRYh+ouRqEF0cPGHHJfcl7sbfkaFroYlqEefx5lxQK/blu6rjRZ6R34RLcFxAWSkmRZEbUkeLWigZgVymZhuoid264lGjwMvTkhmtYsqvKEGMQQY43jYNwoy//7t0j31b8DPXyBOcVYe5Kr9mDpKdoY6ndoCrDNyDnRZRNbxQWFyAAAAAElFTkSuQmCC");
	--w7-sdt-icon-d: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASBAMAAACQmVJ4AAAAJFBMVEUAAAAAERr19fX8/PytsrXW2NrKzc66vb+/w8bq6+zQ0tS8wMJ24HiUAAAAAnRSTlMAHoyc8FsAAAA4SURBVAjXY5BwcXFpZOg0NjaezeCspKRkQhG51EhJOZyBLVjJtICBIdU4nIGBgS20gAEIljEwAADrIhGV6oosPgAAAABJRU5ErkJggg==");
	--w7-sdt-iconb: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABrSURBVHgB7dLNCcAgDAXgWASjm9TJ3Egns8N4SGv6c2gbyQA+kED40IPPwJGUEsEgpRRjO8o5i6i11gfZe7HVCojIJ4QA6D3vnXM8F1DmBUkL1TdOOIRGC2X7hcIvPu1ZY/wFV83OhzTF3QGRrxiDB3GCSQAAAABJRU5ErkJggg==");
	--w7-sdt-iconb-h: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASBAMAAACQmVJ4AAAAKlBMVEUAAAA8f7Hp9/76/f695v3i8/zb8fy24vuu3vhkmb/Q4e3E3exckbhHfKRL187IAAAAAXRSTlMAQObYZgAAACRJREFUCNdj4BQUFJzAcFpJ2Xglg1C7W5AhlcnbYJN5gbYcAAA6fxkRCu8xlwAAAABJRU5ErkJggg==");
	--w7-sdt-iconb-a: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgB7dKxCYAwEAXQfyEKYhrBThdwCwsLyRKukFGcRiyyh0tY2kcT0fJIn/zijg+v/IQnerUOTDYzkfToWkbOQcM6+ZX5OMNvVIVeFehqEbopXyIQmQzTgf969qFlIfkTM9wbGH4SS8YdBX4AAAAASUVORK5CYII=");
	--w7-sdt-iconb-d: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASBAMAAACQmVJ4AAAAElBMVEUAAAD09PStsrX8/Py8wMLq6+ySuCnaAAAAAXRSTlMAQObYZgAAACJJREFUCNdjYFFSUnJgcDU2Ng5hUBYUFDSiLgk2OQhsiwIAV/wLB9LkGuwAAAAASUVORK5CYII=")
}

input[type=range] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	padding: 10px 1px;
	width: 100%
}

input[type=range]:focus-visible {
	outline: 1px dotted #000
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	background: var(--w7-sdt-icon);
	filter: drop-shadow(1px 1px 0 #0002);
	height: var(--w7-sdt-h);
	transform: translateY(-7px);
	width: var(--w7-sdt-w)
}

input[type=range]::-webkit-slider-thumb:hover {
	background: var(--w7-sdt-icon-h)
}

input[type=range]::-webkit-slider-thumb:active {
	background: var(--w7-sdt-icon-a)
}

input[type=range]::-moz-range-thumb {
	background: var(--w7-sdt-icon);
	border: 0;
	border-radius: 0;
	filter: drop-shadow(1px 1px 0 #0002);
	height: var(--w7-sdt-h);
	width: var(--w7-sdt-w)
}

input[type=range]::-moz-range-thumb:hover {
	background: var(--w7-sdt-icon-h)
}

input[type=range]::-moz-range-thumb:active {
	background: var(--w7-sdt-icon-a)
}

input[type=range]::-webkit-slider-runnable-track {
	background: var(--w7-surface);
	box-shadow: inset 1px 1px 1px #999, inset -1px 0 #999, 0 1px #fff;
	box-sizing: border-box;
	height: 3px;
	width: 100%
}

input[type=range]::-moz-range-track {
	background: var(--w7-surface);
	box-shadow: inset 1px 1px 1px #999, inset -1px 0 #999, 0 1px #fff;
	box-sizing: border-box;
	height: 3px;
	width: 100%
}

input[type=range].has-box-indicator::-webkit-slider-thumb {
	background: var(--w7-sdt-iconb);
	filter: drop-shadow(-1px -1px 0 #0002);
	transform: rotate(180deg) translateY(7px)
}

input[type=range].has-box-indicator::-webkit-slider-thumb:hover {
	background: var(--w7-sdt-iconb-h)
}

input[type=range].has-box-indicator::-webkit-slider-thumb:active {
	background: var(--w7-sdt-iconb-a)
}

input[type=range].has-box-indicator::-moz-range-thumb {
	background: var(--w7-sdt-iconb);
	filter: drop-shadow(1px 1px 0 #0002);
	transform: rotate(180deg)
}

input[type=range].has-box-indicator::-moz-range-thumb:hover {
	background: var(--w7-sdt-iconb-h)
}

input[type=range].has-box-indicator::-moz-range-thumb:active {
	background: var(--w7-sdt-iconb-a)
}

input[type=range]:disabled::-webkit-slider-thumb {
	background: var(--w7-sdt-icon-d)
}

input[type=range]:disabled::-moz-range-thumb {
	background: var(--w7-sdt-icon-d)
}

input[type=range]:disabled.has-box-indicator::-webkit-slider-thumb {
	background: var(--w7-sdt-iconb-d)
}

input[type=range]:disabled.has-box-indicator::-moz-range-thumb {
	background: var(--w7-sdt-iconb-d)
}

.is-vertical {
	display: inline-block;
	height: 150px;
	transform: translateY(50%);
	width: 4px
}

.is-vertical>input[type=range] {
	height: 4px;
	margin: 0 16px 0 10px;
	transform: rotate(270deg) translateX(calc(-50% + 8px));
	transform-origin: left;
	width: 150px
}

.is-vertical>input[type=range]::-webkit-slider-thumb {
	transform: translateY(-8px) scaleX(-1)
}

.is-vertical>input[type=range]::-moz-range-thumb {
	transform: translateY(2px) scaleX(-1)
}

.is-vertical>input[type=range].has-box-indicator::-webkit-slider-thumb {
	transform: translateY(-9px) scaleX(-1) rotate(180deg)
}

.is-vertical>input[type=range].has-box-indicator::-moz-range-thumb {
	transform: translateY(0) scaleX(-1) rotate(180deg)
}

.loader,
.spinner {
	background: url("data:image/png;base64,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") 50%;
	color: transparent;
	display: inline-block;
	height: 20px;
	width: 20px
}

.loader.animate,
.spinner.animate {
	background-image: url("data:image/gif;base64,R0lGODlhIAAgAPcCAFfTyh3a223GwZjQ0sH19NL2+eP//77m73bS3dbl7vj6+l/VubXr81nT22Pi37vS26Dm65DI2k7d1qvS2yi1qFzEzmPj0IC7vBhua7Tf6h96dnvw8xW6wsjs7I7e4qTy8lS0vG3b5T6wqoTKytjn72zGwHWswa/Eypu1vbfd3BKrnTTO1nLD1zuwqVubiHqdpoXa032Xm0rEuii1pynn4FPVlhnJzB95dqXv5za8rT7Vsdn9/XDO0Qtscoq7yenx9im0qdvw82yJjoTW5FiZlFmSo093d/P+/5br8rP19Mfc6BHX0GL9/GLp7Yb49kx8iJS/0hhtbGSjuX6eq8bd3kjAtk/jw5C60ar//zRgYitrbv3+/gVkcXze3nWuxE/AsOrx9o/9+0+qooTTubz//83//5zU3QqlqTuvq+H4+CO+rxWTjBmxt3+unpbLxIbX0an5+JC60Ljp5EmLmXiQmEm+x1/t24bY0YXa0n6Zm2OltxGrnU2poXClrpi6yO/+/jCPgoPj72zd173W5FDv5m+6zD2in7rV46Hc6FrQqOTt8CdVWCLUv1n38mPQxhXj1iPu8FnCuhHKuin7+IHy6TDAs4jq4nqTmoi3zS/LrHWtxKLF2CO/rpS702LeqB55dh3nqk+kpJy0vhisn0mLmiLejYrm12nDsGHftk93eCK+rzGvp6vh4U+/sGrCsk6poXPs42qokFnBuwmKlzRfYixXXXa0q4THvXjWwk+/sf3//46wqMne6KTH14SzzGyhxHnZzXnMoWjEob3W4zhfZ120iXO4l53h2zjDfxLox2LCiou7yX6WnImuwYazy3GNkd3u6kLGl4GbnU+mo3HmvrrR25S81KbX0HqcpxP563WrwrzV5KHF2Nfm72qfw5H18KTG1xfx3Zu0vYayy1LwznChsX3jtEW0eR+5lHCgsZS71E5vdxzxuiDf6ImtwU7OhZ7l2lrZ7LzR23WswjHguTeigP7//////3z+/1q+sY/CtSZUVxjSokPA20TK4Xbp2iH/C05FVFNDQVBFMi4wAwEAAAAh/iVDcmVhdGVkIGJ5IGZDb2RlciBHcmFwaGljcyBQcm9jZXNzb3IAACH5BAUBAAIALAAAAAAgACAAAAj/AAUIHEiwoMGDCBMqXMiwocOHECNKnBjxlzeKBztt6/aj47BlGAWMG5RAybBqKJUo+jixGa9Dm644s+bFV5xeh3g1izjlAThMNQlC8cIN5wuI4vxo04TQhAk/KB7SQVFOikIpfVDQcXgJWxEfCn0QOZGn4YtUc4owJALICLO1c2bNWpuFmBCGaNhwOMMwCoYsdxfKWkKJR18Nz2IxdIRjC7RrYQFpwODQ0p80HRSeEaEhlcMAcHYUwIOQUxU0ayASIrPDSQAABB0BmL2Kj2pCTJg4ISSBkSRGEiwBkJRDoqBw2SY1+vbhAyUHSxjpwGiFHHIahB5F9xRSoDlPOmpwC+9Ovrz58+jTdw8IACH5BAUBAAQALAYABwAUABMAAAjFAAkIHKiOAAmBB6EMXEhw4SECw3iRGMSwIrc4GB1WFChPoKaNcSBOWSiKwLyNHiv2GeDFBMqUJwSOEMCjDouXAovsikGgToMuFXDmfLKu54cCCoX2qJWFwAoDCh4IJcAlStEAO6JOJaAlSx4JcI4QGKC0q0BYO75J+PXS0LQoAxlNmtRoCcovOfhoWPgIUiNCjCpWcuRoDRGG7LJ9oyQhMAFJAEw9brERVDgasCgRwGHJAiPILz1ZeUQ6mZ3PuLaiGsi2YkAAIfkEBQEAFwAsBgAHABQAEwAACL0ALwgc2GkgmAuDCg5cyBDhoUMCEzQkKHDTBUxeFkJsWOgAoggZOXKEAAFBoYkXG3YpwAAByoWiBDYgsEXRhJcDX1y6EMCAAok4L5ASGIOGzwdBL3C5oEVgmAIDkjLNwnNSIxtSLyy6sIAGpAAAgn5aqAMSIUZBQy2sQYmQBEEoBVAwdGNhqUduGTlaKFdGpImgHlHCIVBSJU4yYMgYJWaijkd4LeHAYcqU4S8vUTFiJGGz3kxjpHpKdCr0xIAAIfkEBQEAAwAsBgAHABQAEwAACMMABwgUyMLawB/dBhgcyJDgARK8tg2oNkiJwHENByAIVIAAoggXFXILyTDEEQMfCmYUWI0hjTRbwBxaOcCLNoUDKelSkICmQCnlUAgEAOfIRJ84BzJiEgYRUoFzBDLLBAkSh6cDiQ2IRoPGVazEam1dEoANVoH7BgTjt4KDgKcaGL6zIeErTRXT5C6RsJdmvlwD4g70tFeQjoYlVn2hmakvo0ozOA3IdEfgK8Z2LJiCN1DHjHw+PXlmBEBSpkzRzqp9GhAAIfkEBQEAAQAsBgAGABMAFAAACL0AAwgcGGAIC4IIE8YLxCBIADAJETrY8OdPgQMZDm2LKFCCE11bFDAw6KvkJoHNCDp4CIbEBISaAoAjCADOjpYcNZmgGeabB44D04kKEMzOBgc8gAbwEQBbgGISHKxQihAZIxtnqBK0WierVi5PVXXVKnBRMHQc2JRQ6qpsALQAqIp4NdAYBQCMKnGckSPAp4HRAAiWsSBhFY6SAJhakGOUikqZ8AjkYzixKRjwMuMSpBRXps+SIOf4QpYo0IAAIfkEBQEAAAAsBgAGABMAEwAACLwAAQgcCCBePH/9WBBcOJBGGANH/khkSFBQE4j27KUhcIAXRQC4CJX5AwCMIiVDIqgU6I6gFTJwkiQYtNALgF4EhSH5tgHBRy/zAIgSmAhJiAYfB5ZDIRBXF6RJGcpYUSfqwnM52BiySjDWKDazuBI0hGar2H3x1pw5Y/WCwCwA6hmShSZqWQxGBM6tkuNji78aBvKh4EhGlRIUZUnlJAOPjBkqVORonPSLmkwwMh/D4yhTpS+VPXMSiI5hQAAh+QQFAQADACwGAAYAEwATAAAItwAHCBw4wAGNbO0CNCDIUCCARmQG2Ltnj0AgFg0FkiOz457ELRQLHMDUkFoBMnA+SCSh6AOEDAOaEfSUxGUIBAQjsIjAUJmllzwyEhQnsEYQQQCEDnUIrIJSgi8EogEB4qlAUgMNGbLK8NwsQ7K4DowFyNAasQMWDQC0ZhZaWmvLnnmqdUCqgmVziBCKZi9BImsiVZkhIGOkhmIqDbgzcA/hAY6Uzqjk6Bi8gZVyPG2ldwCnzA0DAgAh+QQFAQACACwGAAYAEwAUAAAItgAFCBwoABeARwFo0CDIUOCCf0l2/NFF8UO8hg4JpClAhoyBLfYohmgIjOMHJBAgHBAARsGfAggIujqQEgEPgoMSMNhpYqCZYx4qYBTAAsEAPwKFsQJ2c6gALz0F3roma4TTgdgExDIkBs1VhkQAif1K0MUNQGvIYtUCiIjagVo0ALrwVkCqT9MMkY1iRKAGrl4xtvAruK6AUQ0pyIAhgwLGfDkEwmA4I5/TLzk4adbcqq6roQEBACH5BAUBAAEALAYABgATABQAAAiyAAMIHChwgQ56AAQRXDiwS5ICfyJi2dCOoUAeAglofLgjYqMQCwV0GOkBAoIhgZIo2KILCYKBpzogGsJjBMEJJFYeARmgzQAzGC0G4AVmB4Q6PX9WECrQDISjAfS5ycf0YoURfWIREWOoqsBQRVK5uNHjk9cAPQQ+I1b27EBptTS4JZgFQwBXcwMYsXs2FEGzVUUIlXVxYQuhrwZWoaBCBZAqdwKMElMVz7G8Fr/kPSU0IAAh+QQFAQAOACwGAAYAFAAUAAAIxQAdCBwoMJHBBbgIKiSI4ECaIw4KJIEFYOFAAR2CdGDAkYBHMoQQLPSRkRUiMwhSIvlApswGQQRtDULJYwDDEB8MHNlA0M2AQoUsJsrgYIuBAAJjuLkAwuLABAp0eRAYy9YFH04FHlJ0BAmPqm2IZB1oxisIIUYw9Bgr8AwHNmgc1OKylu0sQ2uKyNWiga0DDRpovRhI5JZfuQRfHXaQamDfsWgiP7YogKCAVQ5k+QXCUKBiizMUwljcyoEaVagzL87sKmtAACH5BAUBAC8ALAYABgAUABMAAAi5AF8IHPhizIsvIAQQXEgwTgQ5f9KAKcCgywKGBA8IPJCBwQECFC1gvECig5mTLFJ6gADSzsI+KSYMEGBmIYJAcMhIIHjCjxcvGF802AAnDACBdFD00RO0YIicgZC2MdFU4IQXWwhIyOMCUNWBCRQYCOAij4avVsWueJEFAxe0bihWGIgBLQcHK+oI1AJoRFUBaNic8StQjIqqZ0CsmbOwRVURX0ugHShG4BuBewbeKRyUgs3JC9U0DQgAIfkEBQEAWQAsBgAGABQAEgAAB6mAWYKDggIgICWEioojHUE/kAcIPIuDPkokHRmbB44MlJUJKRNQVywsEUMQDAQWilMPSiOlhBGoqzqEKFkmJpVZPCFISDWCMSe8v4INTR9Wxi9FyoUOTk0LMUZE0tPAG0w2Qk8YUd1ZAwVYSy5G5OYPCgY0gz3v8QH0F9PoRzgNhCKm2UCy4Z+gG4Ja/KqyRMKKCr8EKAIiAwCHKt1UaBw0I8evGYJgdAsEACH5BAUBAAEALAYABgAUABMAAAjJAAMIHCjQ1y8phQgqVAhFCYkAYAJkiFBi4UBng0jwGnSoo8ADFgM029gLCiZfKM0gOtCBh8IXVB4si8OQxxAIHWosvBAyQAUEByAIE3gJRQA9PX0KEkp0isikATxYohaMWQAhUAUCcAArmpAsGHpk5UADktdUN6KMhQQpUx6wWQMAC8CEEUFXSVNAowtAYJRpaPKmMUBIoYieMArsgPNIYSStd200IVPGgWGFe7RaIkSIhoWkeATCAMBoyZIuPb8IVKOKtYy5BAMCACH5BAUBAAUALAYABgAUABQAAAi9AAsIHEjw1y+CCBMOE/iDxKAIIxIqXFhgEC8SBQpJJBjHlxePE8xkyKiwV0eEAwpFYBVEGEoTXjYW4nFsgDGBdDYmhHHMJU6dA0fQBBYsRqonc4AKrAPAUbECxLQoFXhGkiRkUDH0mArEgQSsWjRMLSCJ0CNlArVeAArAAaRkwQgaYrthEqOEIjayKkCGyV2JAgjCkENgRxk7G+8IXKVqCSXDh5XyhEBpgxM4TRzobLXYagAamscWiASsi8SAACH5BAUBAAEALAYABgAUABQAAAi9AAMIHEjQG8GDCDtt6xYADENrCA8qSRBgUMVhDQf5iChwGLeBXnpB6YXx1sEpAjEl9DJCDi9bB/1wBDlg5sxCA64ZE3gppc0AIEaY/HkQRBURA2lxIWqo0pdiAWppIRpgDzBH56RJpSqDESeoAW4QdcRoSbSBGEL9tEHj0Tu0ayFBovSW6DFWG5hMAnVQjMA3XW0IwkEgAJZJNHBFpBAAgKUPZXaUIRMm8cxckpbQaITFSSMaVIEtkeCgScSAACH5BAUBAAIALAYABwAUABMAAAjDAAUIHGhNAImBAtQhXChwEEMlCYZdYJhQwKFNBCtSUTRxYTWBmhZC8eLjWoo+CEUJ0BaSIsmEbRCmk0Jx4IULE2IKxFaxZkI9NwUwWyeAlM+BoUTwiSWw1tGBa265OieQC5enAkahU9EUq8AqQAw11fLpaQlVldANjIJVkgRBNdZ+rWkjAA1GDGU5cosQQABCTQKUYrgKAKUmOCAobhSmESRQFGUwohFmh4HLYSZNYudTkF0sZEJrtoLVQbt22Wg4oBgQACH5BAUBAAEALAgABwASABMAAAiwAAMIDKBu4A+BnQYqJDhwWzWFvBYq5HYFoY84AXjxagZRosJbGV9YNOFxIBQ3J0p61NPHz6UAIn2oFBjKVpuZCw1diIVTIaB6gFz0pLkm6NAAawwZ1YBTwCgRYn4FgDqTA4Ac6AJoqLLCRklJS64qm8qhCSVWxxbakODAxoyBNmhg2UEgQJclNGhQIvRIx0K9ZMrQheOkESQa9Dy2axQGC5NJk8IlQzUz76NHVqh5DAgAIfkEBQEAAAAsBwAHABMAEwAACLcAAQgU2GngQCg+DCocOMwgiYUEDzrzEceZQCoQAYDLqHECgCkHBXrh6MUPCoPlOBpEQUcgNpUEieySNnAOTAAyAeW5aRCDFiEAtPS4uUaDlqCAZt3UAEggoDNsKqiUtWZNLABnbMDioTLqmqZ1AsApwCqjDBsyDLUR2IDMDrIwFEqSIKESuoGCmpTZu4HGEhtLJFhyYCOTQgeNsOBbDOfDhiZ+GWWkAWmSZUiRb1qwAkoHKnMQAwIAOw==")
}

:root {
	--w7-tab-bg: #fff
}

menu[role=tablist] {
	display: flex;
	list-style-type: none;
	margin: 0 0 -2px;
	padding-left: 3px;
	position: relative;
	text-indent: 0
}

menu[role=tablist] button {
	border-radius: 0;
	color: #222;
	display: block;
	min-width: unset;
	padding: 2px 6px;
	text-decoration: none;
	z-index: 1
}

menu[role=tablist] button[aria-selected=true] {
	background: var(--w7-tab-bg);
	border-bottom: 0;
	box-shadow: none;
	margin: -2px 0 1px -3px;
	padding-bottom: 4px;
	position: relative;
	z-index: 8
}

menu[role=tablist] button[aria-selected=true]:after,
menu[role=tablist] button[aria-selected=true]:before {
	content: none
}

menu[role=tablist] button[aria-selected=true]:hover {
	border-color: var(--w7-el-bd)
}

menu[role=tablist] button[aria-selected=true].active,
menu[role=tablist] button[aria-selected=true]:active,
menu[role=tablist] button[aria-selected=true]:focus {
	-webkit-animation: none;
	animation: none;
	border-color: var(--w7-el-bd)
}

menu[role=tablist] button[aria-selected=true]:focus-visible {
	outline: 1px dotted #222;
	outline-offset: -4px
}

menu[role=tablist] button:before {
	border-radius: 0
}

menu[role=tablist] button:after {
	content: none
}

menu[role=tablist] button:disabled {
	opacity: .6
}

menu[role=tablist].justified button {
	flex-grow: 1;
	text-align: center
}

[role=tabpanel] {
	background: var(--w7-tab-bg);
	border: 1px solid var(--w7-el-bd);
	clear: both;
	margin-bottom: 9px;
	padding: 14px;
	position: relative;
	z-index: 2
}

input[type=email],
input[type=number],
input[type=password],
input[type=text],
input[type=url] {
	height: 23px
}

input[type=email],
input[type=number],
input[type=password],
input[type=text],
input[type=url],
textarea {
	background-color: #fff;
	border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	box-sizing: border-box;
	font: var(--w7-font);
	padding: 3px 4px 5px;
	transition: border-color .5s
}

input[type=email]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=text]:hover,
input[type=url]:hover,
textarea:hover {
	border-color: #5794bf #b7d5ea #c7e2f1 #c5daed;
	transition: border-color .3s
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
	border-color: #3d7bad #a4c9e3 #b7d9ed #b5cfe7;
	outline: none
}

input[type=email]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=text]:disabled,
input[type=url]:disabled,
textarea:disabled {
	background: var(--w7-surface);
	border-color: #afafaf;
	box-shadow: inset 0 0 0 1px #fff
}

:root {
	--w7-tvb-size: 8px;
	--w7-tv-left: 20px
}

ul.tree-view {
	display: block;
	font: var(--w7-font);
	margin: 0;
	padding: 6px 6px 6px var(--w7-tv-left)
}

ul.tree-view li {
	list-style-type: none;
	margin-top: 4px;
	position: relative
}

ul.tree-view a {
	color: #000;
	text-decoration: none
}

ul.tree-view ul {
	margin-top: 4px;
	padding-left: var(--w7-tv-left)
}

ul.tree-view.has-container {
	background: #fff;
	border: 1px solid var(--w7-el-bd)
}

ul.tree-view.has-collapse-button details>summary::-webkit-details-marker,
ul.tree-view.has-collapse-button details>summary::marker {
	display: none
}

ul.tree-view.has-collapse-button details>summary:before {
	background: linear-gradient(to bottom, var(--w7-el-bg) 45%, var(--w7-el-bg-s-1));
	border: 1px solid #919191;
	border-radius: 1px;
	color: #4b63a7;
	content: "\002b";
	font-size: 8pt;
	font-weight: 700;
	height: var(--w7-tvb-size);
	left: calc(var(--w7-tvb-size)*2*-1);
	line-height: calc(var(--w7-tvb-size) - 50% + var(--w7-tvb-size)/2);
	margin: 0;
	right: unset;
	text-align: center;
	top: calc(50% - var(--w7-tvb-size)/2);
	width: var(--w7-tvb-size)
}

ul.tree-view.has-collapse-button details[open]>summary:before {
	content: "\2013";
	transform: none
}

ul.tree-view.has-connector ul {
	position: relative
}

ul.tree-view.has-connector ul:before {
	border-left: 1px dotted #000;
	content: "";
	height: calc(100% - var(--w7-tvb-size));
	left: var(--w7-tvb-size);
	position: absolute;
	top: 0
}

ul.tree-view.has-connector ul li:before {
	border-bottom: 1px dotted #000;
	content: "";
	position: absolute;
	right: calc(100% + var(--w7-tvb-size)/4);
	top: var(--w7-tvb-size);
	width: calc(var(--w7-tv-left)/2)
}

:root {
	--w7-link-c: #06c;
	--w7-link-c-h: #39f;
	--w7-title-c: #039
}

a {
	color: var(--w7-link-c);
	text-decoration: none
}

a:focus-visible {
	outline: 1px dotted var(--w7-link-c)
}

a:focus,
a:hover {
	color: var(--w7-link-c-h);
	text-decoration: underline
}

.instruction {
	color: var(--w7-el-c);
	font: var(--w7-font);
	font-weight: 400;
	margin: 0 0 20px
}

.instruction-primary {
	color: var(--w7-title-c);
	font-size: 12pt
}

.header {
	font: var(--w7-font);
	font-weight: 400
}

.header-document {
	color: var(--w7-el-c);
	font-family: Calibri, Noto Sans, sans-serif;
	font-size: 17pt
}

.header-group {
	color: var(--w7-title-c);
	font-size: 11pt
}

:root {
    cursor: url(img/misc/cursorpoint.gif), auto !important;
	--w7-w-space: 6px;
	--w7-w-bd: #000000b3;
	--w7-w-bdr: 6px;
	--w7-w-bg: #4580c4;
	--w7-w-glass: linear-gradient(135deg, #fff5 70px, transparent 100px), linear-gradient(225deg, #fff5 70px, transparent 100px), linear-gradient(54deg, #0002 0 4%, #6661 6% 6%, #0002 8% 10%, #0002 15% 16%, #aaa1 17% 18%, #0002 23% 24%, #bbb2 25% 26%, #0002 31% 33%, #0002 34% 34.5%, #bbb2 36% 40%, #0002 41% 41.5%, #bbb2 44% 45%, #bbb2 46% 47%, #0002 48% 49%, #0002 50% 50.5%, #0002 56% 56.5%, #bbb2 57% 63%, #0002 67% 69%, #bbb2 69.5% 70%, #0002 73.5% 74%, #bbb2 74.5% 79%, #0002 80% 84%, #aaa2 85% 86%, #0002 87%, #bbb1 90%) left center/100vw 100vh no-repeat fixed;
	--w7-w-grad: linear-gradient(to right, #ffffff66, #0000001a, #ffffff33), var(--w7-w-bg);
	--w7-wct-bd: #0000004d;
	--w7-wct-bdr: 5px;
	--w7-wct-sd: inset 0 0 0 1px #fffa;
	--w7-wct-bg: linear-gradient(#ffffff80, #ffffff4d 45%, #0000001a 50%, #0000001a 75%, #ffffff80);
	--w7-wct-bg-h: radial-gradient(circle at bottom, #2aceda, transparent 65%), linear-gradient(#b6d9ee 50%, #1a6ca1 0);
	--w7-wct-bg-a: radial-gradient(circle at bottom, #0bfdfa, transparent 65%), linear-gradient(#86a7bc 50%, #092747 0);
	--w7-wct_close-bg: radial-gradient(circle at -60% 50%, #0007 5% 10%, #0000 50%), radial-gradient(circle at 160% 50%, #0007 5% 10%, #0000 50%), linear-gradient(#e0a197e5, #cf796a 25% 50%, #d54f36 50%)
}

.window {
	border: 1px solid var(--w7-w-bd);
	box-shadow: 2px 2px 10px 1px var(--w7-w-bd), inset 0 0 0 1px #fffa;
	font: var(--w7-font);
	position: relative;
	z-index: 0;
    
	  
}

.window,
.window:before {
	border-radius: var(--w7-w-bdr)
}

.window:before {
	background: linear-gradient(transparent 20%, #ffffffb3 40%, transparent 41%), var(--w7-w-grad);
	background-color: var(--w7-w-bg);
	box-shadow: inset 0 0 0 1px #fffd;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.window-body {
	background: var(--w7-surface);
	border: 1px solid var(--w7-w-bd);
	box-shadow: 0 0 0 1px #fff9;
	margin: var(--w7-w-space);
	margin-top: 0
}

.window-body.has-space {
	padding: var(--w7-w-space)
}

.window-body pre {
	margin: calc(var(--w7-w-space)*-1)
}

.window footer,
.window-footer {
	background: var(--w7-surface);
	border: 1px solid var(--w7-w-bd);
	border-top: 0;
	box-shadow: 0 .5px 1px .5px #fff;
	margin: var(--w7-w-space);
	margin-top: calc(var(--w7-w-space)*-1 - 1px);
	padding: 10px;
	position: relative
}

.window footer:before,
.window-footer:before {
	box-shadow: inset 0 1px #0000004d, inset 0 -1px #fff;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.window.is-bright .window-body {
	background: #fff
}

.window.is-bright .window-footer,
.window.is-bright footer {
	background: #eee;
	box-shadow: inset 0 1px 3px #ddd, 0 1px 0 #fff9, 1px 1px 0 #fff9, -1px 1px 0 #fff9
}

.window.is-bright .window-footer:before,
.window.is-bright footer:before {
	content: none
}

.window.glass:before {
	opacity: .6
}

.window.glass:after {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border: none;
	border-radius: var(--w7-w-bdr);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -10
}

.window.glass>.title-bar {
	background: var(--w7-w-glass);
	background-attachment: fixed
}

.window>.title-bar {
	border: 0;
	box-shadow: inset 0 1px 0 #fffd, inset 1px 0 0 #fffd, inset -1px 0 0 #fffd
}

.window fieldset {
	margin-bottom: 9px
}

.window[role=dialog] {
	left: 50%;
	opacity: 0;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	transition-duration: .2s;
	transition-property: visibility, opacity;
	visibility: hidden;
	z-index: 999
}

.window[role=dialog]:target {
	opacity: 1;
	visibility: visible
}

.title-bar {
	align-items: center;
	background: var(--w7-w-grad);
	background-color: var(--w7-w-bg);
	border: 1px solid var(--w7-w-bd);
	border-radius: var(--w7-w-bdr) var(--w7-w-bdr) 0 0;
	box-shadow: inset 0 0 0 1px #fff9;
	display: flex;
	font: var(--w7-font);
	justify-content: space-between;
	padding: var(--w7-w-space);
	padding-top: 0
}

.title-bar-text {
	color: #000;
	letter-spacing: 0;
	line-height: 15px;
	padding-top: var(--w7-w-space);
	text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff
}

.title-bar-controls {
	background: #fff3;
	border: 1px solid var(--w7-wct-bd);
	border-radius: 0 0 var(--w7-wct-bdr) var(--w7-wct-bdr);
	border-top: 0;
	box-shadow: 0 1px 0 #fffa, 1px 0 0 #fffa, -1px 0 0 #fffa;
	display: flex
}

.title-bar-controls button {
	background: none;
	border: 0;
	border-radius: 0;
	border-right: 1px solid var(--w7-wct-bd);
	box-shadow: none;
	box-sizing: border-box;
	min-height: 19px;
	min-width: 29px;
	padding: 0;
	position: relative
}

.title-bar-controls button:after {
	content: none
}

.title-bar-controls button:active,
.title-bar-controls button:hover {
	background: none
}

.title-bar-controls button:disabled:before {
	opacity: .4
}

.title-bar-controls button:before {
	border-radius: 0;
	bottom: 0;
	box-shadow: inset 0 0 0 1px #fff5;
	content: "";
	left: 0;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0
}

.title-bar-controls button:not(:hover):before {
	opacity: 1;
	transition: none
}

.title-bar-controls button.is-minimize:before,
.title-bar-controls button[aria-label=Minimize]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px
}

.title-bar-controls button.is-maximize:before,
.title-bar-controls button[aria-label=Maximize]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat 50%
}

.title-bar-controls button.is-help:before,
.title-bar-controls button[aria-label=Help]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat 50%
}

.title-bar-controls button.is-restore:before,
.title-bar-controls button[aria-label=Restore]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat 50%
}

.title-bar-controls button.is-close,
.title-bar-controls button[aria-label=Close] {
	min-width: 48px
}

.title-bar-controls button.is-close:before,
.title-bar-controls button[aria-label=Close]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat 50%
}

.title-bar-controls button:first-child,
.title-bar-controls button:first-child:before {
	border-bottom-left-radius: var(--w7-wct-bdr)
}

.title-bar-controls button:last-child,
.title-bar-controls button:last-child:before {
	border: 0;
	border-bottom-right-radius: var(--w7-wct-bdr)
}

.title-bar-controls button:focus {
	-webkit-animation: none;
	animation: none;
	outline: none
}

.title-bar.active .title-bar-controls,
.window.active .title-bar .title-bar-controls {
	border-color: var(--w7-w-bd)
}

.title-bar.active .title-bar-controls button,
.window.active .title-bar .title-bar-controls button {
	border-color: var(--w7-w-bd);
	box-shadow: var(--w7-wct-sd)
}

.title-bar.active .title-bar-controls button:after,
.window.active .title-bar .title-bar-controls button:after {
	content: none
}

.title-bar.active .title-bar-controls button.is-minimize,
.title-bar.active .title-bar-controls button[aria-label=Minimize],
.window.active .title-bar .title-bar-controls button.is-minimize,
.window.active .title-bar .title-bar-controls button[aria-label=Minimize] {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px, var(--w7-wct-bg)
}

.title-bar.active .title-bar-controls button.is-minimize:before,
.title-bar.active .title-bar-controls button[aria-label=Minimize]:before,
.window.active .title-bar .title-bar-controls button.is-minimize:before,
.window.active .title-bar .title-bar-controls button[aria-label=Minimize]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px, var(--w7-wct-bg-h);
	border-bottom-left-radius: var(--w7-wct-bdr);
	box-shadow: 0 0 7px 3px #5dc4f0, var(--w7-wct-sd);
	content: "";
	opacity: 0;
	transition: opacity .3s linear
}

.title-bar.active .title-bar-controls button.is-minimize:focus-visible:before,
.title-bar.active .title-bar-controls button.is-minimize:hover:before,
.title-bar.active .title-bar-controls button[aria-label=Minimize]:focus-visible:before,
.title-bar.active .title-bar-controls button[aria-label=Minimize]:hover:before,
.window.active .title-bar .title-bar-controls button.is-minimize:focus-visible:before,
.window.active .title-bar .title-bar-controls button.is-minimize:hover:before,
.window.active .title-bar .title-bar-controls button[aria-label=Minimize]:focus-visible:before,
.window.active .title-bar .title-bar-controls button[aria-label=Minimize]:hover:before {
	opacity: 1;
	transition: opacity .1s linear
}

.title-bar.active .title-bar-controls button.is-minimize:active:before,
.title-bar.active .title-bar-controls button[aria-label=Minimize]:active:before,
.window.active .title-bar .title-bar-controls button.is-minimize:active:before,
.window.active .title-bar .title-bar-controls button[aria-label=Minimize]:active:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px, var(--w7-wct-bg-a)
}

.title-bar.active .title-bar-controls button.is-maximize,
.title-bar.active .title-bar-controls button[aria-label=Maximize],
.window.active .title-bar .title-bar-controls button.is-maximize,
.window.active .title-bar .title-bar-controls button[aria-label=Maximize] {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat 50%, var(--w7-wct-bg)
}

.title-bar.active .title-bar-controls button.is-maximize:before,
.title-bar.active .title-bar-controls button[aria-label=Maximize]:before,
.window.active .title-bar .title-bar-controls button.is-maximize:before,
.window.active .title-bar .title-bar-controls button[aria-label=Maximize]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat 50%, var(--w7-wct-bg-h);
	box-shadow: 0 0 7px 3px #5dc4f0, var(--w7-wct-sd);
	content: "";
	opacity: 0;
	transition: opacity .3s linear
}

.title-bar.active .title-bar-controls button.is-maximize:focus-visible:before,
.title-bar.active .title-bar-controls button.is-maximize:hover:before,
.title-bar.active .title-bar-controls button[aria-label=Maximize]:focus-visible:before,
.title-bar.active .title-bar-controls button[aria-label=Maximize]:hover:before,
.window.active .title-bar .title-bar-controls button.is-maximize:focus-visible:before,
.window.active .title-bar .title-bar-controls button.is-maximize:hover:before,
.window.active .title-bar .title-bar-controls button[aria-label=Maximize]:focus-visible:before,
.window.active .title-bar .title-bar-controls button[aria-label=Maximize]:hover:before {
	opacity: 1;
	transition: opacity .1s linear
}

.title-bar.active .title-bar-controls button.is-maximize:active:before,
.title-bar.active .title-bar-controls button[aria-label=Maximize]:active:before,
.window.active .title-bar .title-bar-controls button.is-maximize:active:before,
.window.active .title-bar .title-bar-controls button[aria-label=Maximize]:active:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat 50%, var(--w7-wct-bg-a)
}

.title-bar.active .title-bar-controls button.is-help,
.title-bar.active .title-bar-controls button[aria-label=Help],
.window.active .title-bar .title-bar-controls button.is-help,
.window.active .title-bar .title-bar-controls button[aria-label=Help] {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat 50%, var(--w7-wct-bg)
}

.title-bar.active .title-bar-controls button.is-help:before,
.title-bar.active .title-bar-controls button[aria-label=Help]:before,
.window.active .title-bar .title-bar-controls button.is-help:before,
.window.active .title-bar .title-bar-controls button[aria-label=Help]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat 50%, var(--w7-wct-bg-h);
	box-shadow: 0 0 7px 3px #5dc4f0, var(--w7-wct-sd);
	content: "";
	opacity: 0;
	transition: opacity .3s linear
}

.title-bar.active .title-bar-controls button.is-help:focus-visible:before,
.title-bar.active .title-bar-controls button.is-help:hover:before,
.title-bar.active .title-bar-controls button[aria-label=Help]:focus-visible:before,
.title-bar.active .title-bar-controls button[aria-label=Help]:hover:before,
.window.active .title-bar .title-bar-controls button.is-help:focus-visible:before,
.window.active .title-bar .title-bar-controls button.is-help:hover:before,
.window.active .title-bar .title-bar-controls button[aria-label=Help]:focus-visible:before,
.window.active .title-bar .title-bar-controls button[aria-label=Help]:hover:before {
	opacity: 1;
	transition: opacity .1s linear
}

.title-bar.active .title-bar-controls button.is-help:active:before,
.title-bar.active .title-bar-controls button[aria-label=Help]:active:before,
.window.active .title-bar .title-bar-controls button.is-help:active:before,
.window.active .title-bar .title-bar-controls button[aria-label=Help]:active:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat 50%, var(--w7-wct-bg-a)
}

.title-bar.active .title-bar-controls button.is-restore,
.title-bar.active .title-bar-controls button[aria-label=Restore],
.window.active .title-bar .title-bar-controls button.is-restore,
.window.active .title-bar .title-bar-controls button[aria-label=Restore] {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat 50%, var(--w7-wct-bg)
}

.title-bar.active .title-bar-controls button.is-restore:before,
.title-bar.active .title-bar-controls button[aria-label=Restore]:before,
.window.active .title-bar .title-bar-controls button.is-restore:before,
.window.active .title-bar .title-bar-controls button[aria-label=Restore]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat 50%, var(--w7-wct-bg-h);
	box-shadow: 0 0 7px 3px #5dc4f0, var(--w7-wct-sd);
	content: "";
	opacity: 0;
	transition: opacity .3s linear
}

.title-bar.active .title-bar-controls button.is-restore:focus-visible:before,
.title-bar.active .title-bar-controls button.is-restore:hover:before,
.title-bar.active .title-bar-controls button[aria-label=Restore]:focus-visible:before,
.title-bar.active .title-bar-controls button[aria-label=Restore]:hover:before,
.window.active .title-bar .title-bar-controls button.is-restore:focus-visible:before,
.window.active .title-bar .title-bar-controls button.is-restore:hover:before,
.window.active .title-bar .title-bar-controls button[aria-label=Restore]:focus-visible:before,
.window.active .title-bar .title-bar-controls button[aria-label=Restore]:hover:before {
	opacity: 1;
	transition: opacity .1s linear
}

.title-bar.active .title-bar-controls button.is-restore:active:before,
.title-bar.active .title-bar-controls button[aria-label=Restore]:active:before,
.window.active .title-bar .title-bar-controls button.is-restore:active:before,
.window.active .title-bar .title-bar-controls button[aria-label=Restore]:active:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat 50%, var(--w7-wct-bg-a)
}

.title-bar.active .title-bar-controls button.is-close,
.title-bar.active .title-bar-controls button[aria-label=Close],
.window.active .title-bar .title-bar-controls button.is-close,
.window.active .title-bar .title-bar-controls button[aria-label=Close] {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat 50%, var(--w7-wct-bg), var(--w7-wct_close-bg);
	box-shadow: var(--w7-wct-sd)
}

.title-bar.active .title-bar-controls button.is-close:before,
.title-bar.active .title-bar-controls button[aria-label=Close]:before,
.window.active .title-bar .title-bar-controls button.is-close:before,
.window.active .title-bar .title-bar-controls button[aria-label=Close]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat 50%, var(--w7-wct-bg), radial-gradient(circle at 50% 170%, #f4e676 10% 20%, #0000 60%), radial-gradient(circle at -60% 50%, #000a 5% 10%, #0000 50%), radial-gradient(circle at 160% 50%, #000a 5% 10%, #0000 50%), linear-gradient(#fb9d8b, #ee6d56 25% 50%, #d42809 50%);
	border-bottom-right-radius: var(--w7-wct-bdr);
	box-shadow: 0 0 7px 3px #e68e75, var(--w7-wct-sd);
	content: "";
	opacity: 0;
	transition: opacity .3s linear
}

.title-bar.active .title-bar-controls button.is-close:focus-visible:before,
.title-bar.active .title-bar-controls button.is-close:hover:before,
.title-bar.active .title-bar-controls button[aria-label=Close]:focus-visible:before,
.title-bar.active .title-bar-controls button[aria-label=Close]:hover:before,
.window.active .title-bar .title-bar-controls button.is-close:focus-visible:before,
.window.active .title-bar .title-bar-controls button.is-close:hover:before,
.window.active .title-bar .title-bar-controls button[aria-label=Close]:focus-visible:before,
.window.active .title-bar .title-bar-controls button[aria-label=Close]:hover:before {
	opacity: 1;
	transition: opacity .1s linear
}

.title-bar.active .title-bar-controls button.is-close:active:before,
.title-bar.active .title-bar-controls button[aria-label=Close]:active:before,
.window.active .title-bar .title-bar-controls button.is-close:active:before,
.window.active .title-bar .title-bar-controls button[aria-label=Close]:active:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat 50%, var(--w7-wct-bg), radial-gradient(circle at 50% 170%, #dcc03f 10% 20%, #0000 60%), radial-gradient(circle at -60% 50%, #000 5% 10%, #0000 50%), radial-gradient(circle at 160% 50%, #000 5% 10%, #0000 50%), linear-gradient(#d1a894, #b67562 25% 50%, #7d0d01 50%)
}

.title-bar.active .title-bar-controls button:disabled.is-minimize,
.title-bar.active .title-bar-controls button:disabled[aria-label=Minimize],
.window.active .title-bar .title-bar-controls button:disabled.is-minimize,
.window.active .title-bar .title-bar-controls button:disabled[aria-label=Minimize] {
	background: var(--w7-wct-bg)
}

.title-bar.active .title-bar-controls button:disabled.is-minimize:before,
.title-bar.active .title-bar-controls button:disabled[aria-label=Minimize]:before,
.window.active .title-bar .title-bar-controls button:disabled.is-minimize:before,
.window.active .title-bar .title-bar-controls button:disabled[aria-label=Minimize]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px;
	box-shadow: none;
	content: "";
	opacity: .4
}

.title-bar.active .title-bar-controls button:disabled.is-maximize,
.title-bar.active .title-bar-controls button:disabled[aria-label=Maximize],
.window.active .title-bar .title-bar-controls button:disabled.is-maximize,
.window.active .title-bar .title-bar-controls button:disabled[aria-label=Maximize] {
	background: var(--w7-wct-bg)
}

.title-bar.active .title-bar-controls button:disabled.is-maximize:before,
.title-bar.active .title-bar-controls button:disabled[aria-label=Maximize]:before,
.window.active .title-bar .title-bar-controls button:disabled.is-maximize:before,
.window.active .title-bar .title-bar-controls button:disabled[aria-label=Maximize]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat 50%;
	box-shadow: none;
	content: "";
	opacity: .4
}

.title-bar.active .title-bar-controls button:disabled.is-close,
.title-bar.active .title-bar-controls button:disabled[aria-label=Close],
.window.active .title-bar .title-bar-controls button:disabled.is-close,
.window.active .title-bar .title-bar-controls button:disabled[aria-label=Close] {
	background: var(--w7-wct-bg), var(--w7-wct_close-bg);
	filter: contrast(.7) brightness(1.1)
}

.title-bar.active .title-bar-controls button:disabled.is-close:before,
.title-bar.active .title-bar-controls button:disabled[aria-label=Close]:before,
.window.active .title-bar .title-bar-controls button:disabled.is-close:before,
.window.active .title-bar .title-bar-controls button:disabled[aria-label=Close]:before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat 50%;
	box-shadow: none;
	content: "";
	opacity: .4
}

.status-bar {
	background: var(--w7-surface);
	border: 1px solid var(--w7-w-bd);
	border-top: 0;
	box-shadow: 0 1px 0 #fff9, 1px 0 0 #fff9, -1px 0 0 #fff9;
	display: flex;
	margin: var(--w7-w-space);
	margin-top: calc(var(--w7-w-space)*-1)
}

.status-bar-field {
	border-right: 1px solid #cfcfcf;
	flex-grow: 1;
	margin: 0;
	padding: 2px 3px
}

.status-bar-field:last-child {
	border-right: 0
}

/*# sourceMappingURL=7.css.map */