/*! 7.css v0.21.1 - https://khang-nd.github.io/7.css */
: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 */