/*! 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 .3s;
        width: 100%;
        z-index: -1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

details {
    margin-top: 0
}

    details > summary {
        cursor: 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: .5;
        pointer-events: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    60% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(100%)
    }
}

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

    60% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(100%)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.window fieldset {
    margin-bottom: 9px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .status-bar-field:last-child {
        border-right: 0
    }
/*# sourceMappingURL=7.css.map */