: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;
}
[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 0.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 0.3s;
}
[role="button"]:not(:disabled):hover:before,
button:not(:disabled):hover:before {
  opacity: 1;
  transition: opacity 0.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 0.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 0.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: 0.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: pointer;
  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: 0.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: 0.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: 0.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 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: 0.6;
}
input[type="radio"]:disabled:not(:checked) + label:before {
  opacity: 0.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,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");
}
: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: 0.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 0.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 0.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 {
  --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 0.5px 1px 0.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: 0.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: 0.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: 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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: 0.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: 0.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(0.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: 0.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 */