/*! 7.css v0.18.0 - https://khang-nd.github.io/7.css */
:root {
    --font: 9pt "Segoe UI","SegoeUI","Noto Sans",sans-serif;
    --surface: #f0f0f0;
    --button-highlight: #fff;
    --button-face: #f2f2f2;
    --button-face-hover: #eaf6fd;
    --button-face-active: #c4e5f6;
    --button-face-disabled: #f4f4f4;
    --button-shade-light: #ebebeb;
    --button-shade-light-default: #c3dcea;
    --button-shade-light-hovered: #bee6fd;
    --button-shade-light-active: #98d1ef;
    --button-shade-dark: #cfcfcf;
    --button-shadow: inset 0 0 0 1px #fffc;
    --button-shadow-active: inset 1px 1px 0 #0003,inset -1px 1px 0 #0001;
    --button-border: 1px solid;
    --button-border-color: #8e8f8f;
    --button-border-color-default: #5586a3;
    --button-border-color-hovered: #3c7fb1;
    --button-border-color-active: #6d91ab;
    --button-border-color-disabled: #aeb2b5;
    --button-text-color-disabled: #838383;
    --button-gradient: linear-gradient(to bottom,var(--button-face) 45%,var(--button-shade-light) 45%,var(--button-shade-dark));
    --button-gradient-hovered: linear-gradient(to bottom,var(--button-face-hover) 45%,var(--button-shade-light-hovered) 45%,#a7d9f5);
    --button-gradient-active: linear-gradient(to bottom,#e5f4fc,var(--button-face-active) 30% 50%,var(--button-shade-light-active) 50%,#68b3db);
    --item-highlighted-border: #aaddfa;
    --item-highlighted-background: linear-gradient(180deg,#fff9,#e6ecf5cc 90%,#fffc);
    --element-spacing: 8px;
    --grouped-element-spacing: 6px;
    --border-radius: 3px;
    --border-width: 1px
}

body {
    color: #222;
    font-family: Segoe UI,SegoeUI,Noto Sans,sans-serif;
    font-size: 9pt
}

.surface {
    background: var(--surface)
}

h1 {
    font-size: 5rem
}

h2 {
    font-size: 2.5rem
}

h3 {
    font-size: 2rem
}

h4 {
    font-size: 1.5rem
}

u {
    border-bottom: .5px solid #222;
    text-decoration: none
}

code,code * {
    font-family: monospace
}

pre {
    background: #fff;
    border: 1px solid var(--button-border-color);
    display: block;
    margin: 0;
    padding: 12px 8px
}

summary:focus-visible {
    outline: 1px dotted #000
}

:root {
    --balloon-border-color: #0006;
    --balloon-tail-top: 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");
    --balloon-tail-bottom: 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='%23ddd' stroke='%23ddd'/%3E%3Cpath d='M1 19.5H.5v-18l18 18H18' stroke='%23939393'/%3E%3C/svg%3E");
    --balloon-tail-size: 18px;
    --balloon-tail-offset: 1em
}

[role=tooltip] {
    background: linear-gradient(to bottom,#fff,var(--button-shade-light));
    border: 1px solid var(--balloon-border-color);
    border-radius: var(--border-radius);
    box-shadow: 5px 5px 3px -3px var(--balloon-border-color);
    padding: 1em 1em 1em 2.5em;
    position: relative
}

[role=tooltip]:before {
    background: var(--balloon-tail-top);
    content: "";
    height: var(--balloon-tail-size);
    left: var(--balloon-tail-offset);
    position: absolute;
    top: calc(var(--balloon-tail-size)*-1);
    width: var(--balloon-tail-size)
}

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

[role=tooltip].is-top:before {
    background: var(--balloon-tail-bottom);
    bottom: calc(var(--balloon-tail-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(--balloon-tail-offset)
}

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

[role=button],button {
    background: var(--button-gradient);
    border: var(--button-border);
    border-color: var(--button-border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--button-shadow);
    box-sizing: border-box;
    color: #222;
    font: var(--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(--button-gradient-hovered);
    border-radius: var(--border-radius);
    box-shadow: var(--button-shadow)
}

[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(--button-gradient-active);
    border-radius: 2px;
    box-shadow: var(--button-shadow-active)
}

[role=button]:disabled,button:disabled {
    background: var(--button-face-disabled);
    border-color: var(--button-border-color-disabled);
    color: var(--button-text-color-disabled)
}

[role=button]:not(:disabled):hover,button:not(:disabled):hover {
    border-color: var(--button-border-color-hovered);
    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(--button-border-color);
    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(--button-border-color-active);
    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 var(--button-shade-light-active);
    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(--button-gradient-hovered);
    border-color: var(--button-border-color-default)
}

@-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 {
    --checkbox-width: 14px;
    --checkbox-label-spacing: 6px;
    --checkbox-total-width-precalc: 0;
    --checkbox-total-width: calc(var(--checkbox-total-width-precalc));
    --checkmark-top: 0;
    --checkmark-left: 2px
}

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

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

input[type=checkbox]+label:before {
    background: #f6f6f6;
    border: 1px solid;
    border-color: var(--button-border-color);
    box-shadow: inset 0 0 0 1px #f4f4f4,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(--checkbox-width);
    margin-right: var(--checkbox-label-spacing);
    transition: .4s;
    width: var(--checkbox-width)
}

input[type=checkbox]+label:hover:before {
    background: #e9f7fe;
    border-color: var(--button-border-color-hovered);
    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: var(--checkmark-left);
    position: absolute;
    top: var(--checkmark-top)
}

input[type=checkbox]:disabled+label {
    opacity: .6
}

:root {
    --chevron-size: 5px
}

details {
    margin-top: 0
}

details>summary {
    cursor: pointer;
    display: inline;
    margin-bottom: 0;
    position: relative
}

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

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

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

:root {
    --combobox-chevron-size: 4px
}

.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(--button-gradient);
    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(--button-gradient-hovered)
}

.combobox button:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+") 50% no-repeat,var(--button-gradient-active);
    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+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),var(--button-gradient);
    background-position: 100%;
    background-repeat: no-repeat;
    border: var(--button-border);
    border-color: var(--button-border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--button-shadow);
    box-sizing: border-box;
    color: #222;
    font: var(--font);
    padding: 2px 30px 2px 3px;
    position: relative
}

select:not([multiple]):hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),var(--button-gradient-hovered);
    border-color: var(--button-border-color-hovered)
}

select:not([multiple]):active {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),var(--button-gradient-active);
    border-color: var(--button-border-color-active);
    box-shadow: var(--button-shadow-active);
    outline: none
}

select:not([multiple]):focus {
    box-shadow: inset 0 0 0 2px var(--button-shade-light-active);
    outline: 1px dotted #000;
    outline-offset: -4px
}

fieldset {
    border: 1px solid #cdd7db;
    border-radius: var(--border-radius);
    box-shadow: inset 0 0 0 1px #fff;
    margin: 0;
    padding: calc(var(--border-width)*2 + var(--element-spacing));
    -webkit-padding-before: var(--element-spacing);
    padding-block-start:var(--element-spacing)}

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

.field-row {
    align-items: center;
    display: flex
}

.field-row>*+* {
    margin-left: var(--grouped-element-spacing)
}

.field-row-stacked {
    display: flex;
    flex-direction: column
}

.field-row-stacked *+*,[class^=field-row]+[class^=field-row] {
    margin-top: var(--grouped-element-spacing)
}

[role=listbox],select[multiple] {
    background: #fff;
    border: 1px solid #c0c1cd;
    display: block;
    font: var(--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 {
    --listview-chevron-size: 5px;
    --listview-background: #fff;
    --listview-border: 1px solid;
    --listview-border-color: #eee;
    --listview-border-color-header: #d7d7d7;
    --listview-gradient: linear-gradient(180deg,#fff 45%,#fafafa 0,#f0f0f0);
    --listview-header-border-color-highlight: #a7d8f5;
    --listview-header-gradient-highlight: linear-gradient(180deg,#f3f9fc 45%,#e4f0f8 0,#d9eaf5);
    --listview-header-chevron-background: linear-gradient(to bottom right,#667f91 45%,#90c1e2 65%,#cce3f2)
}

table {
    background-color: var(--listview-background);
    border: 1px solid #c0c1cd;
    border-collapse: collapse;
    font: var(--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: var(--listview-gradient);
    border: var(--listview-border) var(--listview-border-color-header);
    box-sizing: border-box;
    cursor: default;
    font-weight: 400;
    height: 22px;
    padding: 0 var(--grouped-element-spacing);
    position: sticky;
    top: 0
}

table>thead>tr>.highlighted {
    background: var(--listview-header-gradient-highlight);
    border: var(--listview-border) var(--listview-header-border-color-highlight);
    border-radius: var(--border-radius)
}

table>thead>tr>.highlighted:not(:last-child) {
    border-right-color: var(--listview-header-border-color-highlight)
}

table>thead>tr>.highlighted.indicator:before {
    background: var(--listview-header-chevron-background);
    -webkit-clip-path: polygon(0 0,50% 100%,100% 0);
    clip-path: polygon(0 0,50% 100%,100% 0);
    content: "";
    height: var(--listview-chevron-size);
    position: absolute;
    right: 50%;
    top: 0;
    width: calc(var(--listview-chevron-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(--item-highlighted-background);
    border: var(--listview-border) var(--item-highlighted-border);
    border-radius: var(--border-radius)
}

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

table>tbody>tr>* {
    height: 14px;
    padding: 2px var(--element-spacing)
}

table>tbody>tr>:not(:last-child) {
    border-right: var(--listview-border) var(--listview-border-color)
}

:root {
    --menu-padding: 2px;
    --item-offset-left: 30px
}

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(--surface);
    border: 1px solid #0006;
    box-shadow: 4px 4px 3px -2px #00000080;
    color: initial;
    min-width: 150px;
    padding: var(--menu-padding);
    position: relative
}

ul[role=menu]:before {
    box-shadow: inset 1px 0 #00000026,inset -1px 0 #fff;
    content: "";
    height: calc(100% - 4px);
    left: var(--item-offset-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(--item-highlighted-background);
    border-color: var(--item-highlighted-border)
}

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(--item-highlighted-background);
    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(--item-offset-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 {
    --progress-color-normal: #0bd82c;
    --progress-color-paused: #e6df1b;
    --progress-color-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(--button-border-color);
    border-radius: var(--border-radius);
    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(--progress-color-normal);
    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(--progress-color-paused)
}

[role=progressbar].error>div {
    background-color: var(--progress-color-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(--progress-color-normal),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 {
    --radio-width: 14px;
    --radio-label-spacing: 6px;
    --radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing);
    --radio-total-width: calc(var(--radio-total-width-precalc));
    --radio-dot-width: 8px;
    --radio-dot-offset: calc(var(--radio-width)/2);
    --radio-dot-top: calc(var(--radio-dot-offset) - var(--radio-dot-width)/2);
    --radio-dot-left: calc(var(--radio-total-width)*-1 + var(--radio-width)/2 - var( --radio-dot-width )/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(--font);
    margin-left: var(--radio-total-width);
    position: relative
}

input[type=radio]+label:before {
    background: #f6f6f6;
    border: 1px solid;
    border-color: var(--button-border-color);
    border-radius: 50%;
    box-shadow: inset 0 0 0 1.5px #f4f4f4,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(--radio-width);
    left: calc(var(--radio-total-width)*-1);
    margin-right: var(--radio-label-spacing);
    position: absolute;
    top: 0;
    transition: .4s;
    width: var(--radio-width)
}

input[type=radio]+label:hover:before {
    border-color: var(--button-border-color-hovered);
    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(--radio-dot-width);
    left: var(--radio-dot-left);
    position: absolute;
    top: var(--radio-dot-top);
    width: var(--radio-dot-width)
}

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

input[type=radio]:disabled+label {
    opacity: .6
}

:root {
    --scrollbar-y: linear-gradient(to right,#e5e5e5,var(--surface) 20%);
    --scrollbar-x: linear-gradient(to bottom,#e5e5e5,var(--surface) 20%)
}

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

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

.has-scrollbar::-webkit-scrollbar-corner {
    background: var(--button-face)
}

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

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

.has-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--button-face);
    border: var(--button-border);
    border-color: var(--button-border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--button-shadow)
}

.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(--button-face) 45%,var(--button-shade-light) 45%,var(--button-shade-dark))
}

.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(--button-face) 45%,var(--button-shade-light) 45%,var(--button-shade-dark))
}

.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(--button-face-hover) 45%,var(--button-shade-light-hovered) 45%);
    border-color: var(--button-border-color-hovered)
}

.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(--button-face-hover) 45%,var(--button-shade-light-hovered) 45%);
    border-color: var(--button-border-color-hovered)
}

.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(--button-face-active) 45%,var(--button-shade-light-active) 45%);
    border-color: var(--button-border-color-active)
}

.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(--button-face-active) 45%,var(--button-shade-light-active) 45%);
    border-color: var(--button-border-color-active)
}

.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: var(--button-border) 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(--scrollbar-y)
}

.has-scrollbar::-webkit-scrollbar-button:vertical:end {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),var(--scrollbar-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(--scrollbar-x)
}

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

.has-scrollbar::-webkit-scrollbar-button:hover {
    background-color: var(--button-face);
    border-color: var(--button-border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--button-shadow)
}

.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(--button-face-hover) 45%,var(--button-shade-light-hovered) 45%);
    border-color: var(--button-border-color-hovered)
}

.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(--button-face-hover) 45%,var(--button-shade-light-hovered) 45%);
    border-color: var(--button-border-color-hovered)
}

.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(--button-face-hover) 45%,var(--button-shade-light-hovered) 45%);
    border-color: var(--button-border-color-hovered)
}

.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(--button-face-hover) 45%,var(--button-shade-light-hovered) 45%);
    border-color: var(--button-border-color-hovered)
}

.has-scrollbar::-webkit-scrollbar-button:active {
    background-color: var(--button-face);
    border-color: var(--button-border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--button-shadow)
}

.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(--button-face-active) 45%,var(--button-shade-light-active) 45%);
    border-color: var(--button-border-color-active)
}

.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(--button-face-active) 45%,var(--button-shade-light-active) 45%);
    border-color: var(--button-border-color-active)
}

.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(--button-face-active) 45%,var(--button-shade-light-active) 45%);
    border-color: var(--button-border-color-active)
}

.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(--button-face-active) 45%,var(--button-shade-light-active) 45%);
    border-color: var(--button-border-color-active)
}

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

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

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

[type=search]:placeholder-shown {
    background-image: var(--search-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(--search-button),var(--button-gradient);
    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(--search-button),var(--button-gradient-hovered);
    background-size: 14px;
    border-radius: 0
}

.searchbox [type=search]+[aria-label=search]:after {
    background: var(--search-button),var(--button-gradient-active);
    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 {
    --thumb-w: 10px;
    --thumb-h: 18px;
    --thumb-icon: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC7SURBVHgBlZLBCYQwEEVj9CDYgRfbswF7sRAbsArPdhBICDmEzPoDE9CdXeKH0eHP48fINOrSPM+k/mhd16YDtCyLmqZJhM7zxIs6PAF570WQAzJIRLkksd89DUl939eB1Ym3b0wpiQBmIYSXiTFGZYwRgWEY6o8uIPQLZGlu2rYtP54L3g3c912N45gHSEahh4dZERZj2zZyztFxHLnQw/vaLIattbmeULkMdg6XxLFaa3WB7MlCirTIHxVUkxicbwSEAAAAAElFTkSuQmCC");
    --thumb-icon-box: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABrSURBVHgB7dLNCcAgDAXgWASjm9TJ3Egns8N4SGv6c2gbyQA+kED40IPPwJGUEsEgpRRjO8o5i6i11gfZe7HVCojIJ4QA6D3vnXM8F1DmBUkL1TdOOIRGC2X7hcIvPu1ZY/wFV83OhzTF3QGRrxiDB3GCSQAAAABJRU5ErkJggg==");
    --thumb-icon-active: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgB3ZKxCoMwEIYvJWOn0r10LHTuVDp1KIU+RN+gT9FZ6AP0LYqDY+nQWXAScXMQdRYh+ouRqEF0cPGHHJfcl7sbfkaFroYlqEefx5lxQK/blu6rjRZ6R34RLcFxAWSkmRZEbUkeLWigZgVymZhuoid264lGjwMvTkhmtYsqvKEGMQQY43jYNwoy//7t0j31b8DPXyBOcVYe5Kr9mDpKdoY6ndoCrDNyDnRZRNbxQWFyAAAAAElFTkSuQmCC");
    --thumb-icon-box-active: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgB7dKxCYAwEAXQfyEKYhrBThdwCwsLyRKukFGcRiyyh0tY2kcT0fJIn/zijg+v/IQnerUOTDYzkfToWkbOQcM6+ZX5OMNvVIVeFehqEbopXyIQmQzTgf969qFlIfkTM9wbGH4SS8YdBX4AAAAASUVORK5CYII=")
}

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(--thumb-icon);
    height: var(--thumb-h);
    transform: translateY(-7px);
    width: var(--thumb-w)
}

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

input[type=range]::-moz-range-thumb {
    background: var(--thumb-icon);
    border: 0;
    border-radius: 0;
    height: var(--thumb-h);
    width: var(--thumb-w)
}

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

input[type=range]::-webkit-slider-runnable-track {
    background: var(--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(--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(--thumb-icon-box)
}

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

input[type=range].has-box-indicator::-moz-range-thumb {
    background: var(--thumb-icon-box)
}

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

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

.is-vertical>input[type=range] {
    height: 4px;
    margin: 0 calc(var(--grouped-element-spacing) + var(--range-spacing)) 0 var(--range-spacing);
    transform: rotate(270deg) translateX(calc(-50% + var(--element-spacing)));
    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)
}

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

.loader,.spinner {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAGiElEQVRYw+2UWWxcVxnH/+fcdebeuTNjj+2pM96bOCkle900Dq3dLBVulVBSiUpVQECpoC9ICPpSJChIiBceeEQtTRSQUNOGCqrgxkqaQkpoFodmoa4TO7Yn9nibxbPcmbucew4P5imJhfuGRH4vR/oezvnp/33fAe5zn/93yJ2FX/z0l+CgCKAhICpqnCIcrUO2bMOnMv4xfHmDkOVtfiBaNU1r8X2fuq47pShSOhTWhjdv2zxChA9TJQgLDmLbUDjHz1/93j0F5DsLHAAnyyejgB42kK+U8PHF4e2aZe0+dOjQCy1d7e1dnbEwpZCCAGAMLJOp1MYnJ6ZPnxn6w80bI4O7v/TYJUWVIZPl+1biLoGALj/uUyAAkF/K4/wnVw/07dn3/f69T+00LUvzGMdcxkEQMACA53myZVmRfXu+uKG7u+vHH5w52X/i3eO/PvjMwJ8C371Hzv9FwBMcgixL/Pnk4IFvvPTdV58+sH97Zi5LZqfGIISA4AJCCGSzWYQNA6GCjrFJgaYHkmp//5N9qgTryOu/kV547qt/FJ9HwCMCNSbAAh+/P/bW9qefPfjy2ocf2nYzPUUmpm/DZU6+5rmnajX7L47jfMgYE6qq9hm6ORBStX2STuJhLUQe7Xl0y8T46MuvHz2cfvHb37y0aoGaCOByDp/IUA2zv/+pvb0eZ3RyahrZbHZEONVfmYb626Rlwkg2QFVU2FX7aKlUOVotFV68frXyw5aWlu6oadCdu3p3DJ0afLLKvBUFpDsLu54ZQEAp3n3v5Pqdj/e90rGuu2ssncZ8vrAoHO+1hxJNbzaAIOwxKNUqZLsKkwnUyxrqjejlXKFk11y/t1DIheuTCdVhjnXsd0c+Qj6bXVUCN/UoBGXISXSriEY6rk3fwnxuCYGQBpOGeTikSDAFBWcBuMfBmQ9CPMiyBKZ6KLv24ZJT6Usm4l83IiYaGxvblFh8qw98di8BemdhpncA+Z7HwU1j02Rgx/6VmwWPG1hwau9bySbkvRKWvDJc34HgDCoBVCFAGIMf+BhdnEGG2ScypTxODL2PXDZr0YBvWPUM3DYtxBUioatjjUhEQ4uBg5npW6gzEh/ViEfClIlA8sAFIACw/+xYQIGqSrEkPBD4fw35DqauX0NdSNNBad2qBQgvQ1a4Jq3tiKgNdSJpmmQ2kwFUxTIbIwLlNCg8cAq4FAAl8CngyMCSRuGFKIQIxLXxUSRiESiKDNkMKe4KAne1gCsOoDFNNjXe2tbBd/XswBOP9CCs0631rQla1DmKOoetcjgyYKtAIQTMRoA5E3AMBbbwH1GjJqiho/nBdle2wpVVJxAYDjxGvWg0Wuh5eKvYbCqwzRgaYuq36pPxt4YjkudETNRXOAyuwEGABdnHXEyCb5ooahySkAYaE3HIjGHo3NmMzf1PVxK4K4E1lSpiJdtuMM0rc3MLNSaAjpCMzlRD75mLp3/Q9sQO/YYmYco0cA0M00YIWcNETg9jSdFkJRY/pMYiBzc91gNbMFScyoRQ6LmVBO76Bw7ufx6RoouwHrm8kM9/rblpTWMZLjEVIuVpdfPxC58EUurB87mQLkQqReZkGVpzirhckcZuTH1HUcM/6uxoa3dKRSzMzuQqpaW3U22t75TOXVxdC7oWy8gSjniq2f84PfHOzXx7Z2trk2EigJRoSDS2iZ+MzMztASWD3F8Yiqg6RjJzW+Ja+LnudRt3m2bIhOdgfCYdVKTaPxEVp0vWSiN4D4EosaHIMhaL89jYlvzZqavDa5vJFw40pawIEyo2rtsYfqChsLdUKu3NZrPwHReRNSnEIhY62zuQTt/GxNQkW/LKl8re3Jvdz/ecc1FBabUCeuCBCI6AACVVRqQ1+crfpm/MJ1H3UlPEMho8RuPRCBJxC+vbOuHCBRMM1WoVl65fgO96laqdv0LswhvPfnngWLo4KnT6ORKQAwoIwHKBEOOoUm/WXJt87VZm/LMlT/9KUTd2JXhU931fUhRFDofDWFzM+o5Ts8tBftYuFS7EiHN8ixV9L3b9NhIMkIiMK6sVoAKQOUA4R8TjqHcD1MrVcn0s/obHi0c+nby8U9Kx3zDNNtd1k67jEEmSMkG1+veQbFxfn2w+o4+VeKMToNVXECwBuqSuPgFOKASW9zPmcGzKcaSqHphcRc4qMr/FOVswi2cF5iUVgE4lzWd+TZZkkuJ6IJ0fRUvZRNwDaC2ApOgQXOA+9/mf5d+3RhGneJlNNgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0wNFQxMjo1OToxNyswMDowMD1ktU4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMDRUMTI6NTk6MTcrMDA6MDBMOQ3yAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTA0VDEyOjU5OjE3KzAwOjAwGywsLQAAACV0RVh0d2VicDptdXgtYmxlbmQAQXRvcFByZXZpb3VzQWxwaGFCbGVuZH56rZIAAAAASUVORK5CYII=") 50%;
    color: transparent;
    display: inline-block;
    height: 20px;
    width: 20px
}

.loader.animate,.spinner.animate {
    background-image: url("data:image/gif;base64,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")
}

:root {
    --tab-border: 1px solid #888;
    --tab-border-color: #888;
    --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(--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(--tab-border-color)
}

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(--tab-border-color)
}

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(--tab-bg);
    border: var(--tab-border);
    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: var(--button-highlight);
    border: 1px solid #ccc;
    border-radius: 2px;
    border-top: 1px solid var(--button-border-color);
    box-sizing: border-box;
    font: var(--font);
    padding: 3px 4px 5px
}

input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus {
    border-color: var(--button-shade-light-hovered);
    border-top-color: var(--button-shade-light-active);
    outline: none
}

:root {
    --treeview-square-size: 8px;
    --treeview-spacing: 20px
}

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

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(--treeview-spacing)
}

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

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(--button-face) 45%,var(--button-shade-light));
    border: 1px solid #919191;
    border-radius: 1px;
    color: #4b63a7;
    content: "\002b";
    font-size: 8pt;
    font-weight: 700;
    height: var(--treeview-square-size);
    left: calc(var(--treeview-square-size)*2*-1);
    line-height: calc(var(--treeview-square-size) - 50% + var(--treeview-square-size)/2);
    margin: 0;
    right: unset;
    text-align: center;
    top: calc(50% - var(--treeview-square-size)/2);
    width: var(--treeview-square-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(--treeview-square-size));
    left: var(--treeview-square-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(--treeview-square-size)/4);
    top: var(--treeview-square-size);
    width: calc(var(--treeview-spacing)/2)
}

:root {
    --link-color: #06c;
    --link-color-hovered: #39f;
    --primary-color: #039;
    --secondary-color: #000
}

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

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

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

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

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

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

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

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

:root {
    --window-spacing: 6px;
    --window-border: 1px solid;
    --window-border-radius: 6px;
    --window-border-color: #000000b3;
    --window-background-color: #4580c4;
    --window-background-glass-stripes: 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;
    --window-background: linear-gradient(to right,#ffffff66,#0000001a,#ffffff33),var(--window-background-color);
    --control-border-color: #0000004d;
    --control-border-radius: 5px;
    --control-inset-shadow: inset 0 0 0 1px #fffa;
    --control-background: linear-gradient(#ffffff80,#ffffff4d 45%,#0000001a 50%,#0000001a 75%,#ffffff80);
    --control-background-hovered: radial-gradient(circle at bottom,#2aceda,transparent 65%),linear-gradient(#b6d9ee 50%,#1a6ca1 0);
    --control-background-active: radial-gradient(circle at bottom,#0bfdfa,transparent 65%),linear-gradient(#86a7bc 50%,#092747 0);
    --control-background-close: 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%);
    --control-background-close-hovered: 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%);
    --control-background-close-active: 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%)
}

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

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

.window:before {
    background: linear-gradient(transparent 20%,#ffffffb3 40%,transparent 41%),var(--window-background);
    background-color: var(--window-background-color);
    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(--surface);
    border: var(--window-border) var(--window-border-color);
    box-shadow: 0 0 0 1px #fff9;
    margin: var(--window-spacing);
    margin-top: 0
}

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

.window-body pre {
    margin: calc(var(--window-spacing)*-1)
}

.window footer,.window-footer {
    background: var(--surface);
    border: var(--window-border) var(--window-border-color);
    border-top: 0;
    box-shadow: 0 .5px 1px .5px #fff;
    margin: var(--window-spacing);
    margin-top: calc(var(--window-spacing)*-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(--window-border-radius);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10
}

.window.glass>.title-bar {
    background: var(--window-background-glass-stripes)
}

.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(--window-background);
    background-color: var(--window-background-color);
    border: var(--window-border) var(--window-border-color);
    border-radius: var(--window-border-radius) var(--window-border-radius) 0 0;
    box-shadow: inset 0 0 0 1px #fff9;
    display: flex;
    font: var(--font);
    justify-content: space-between;
    padding: var(--window-spacing);
    padding-top: 0
}

.title-bar-text {
    color: #000;
    letter-spacing: 0;
    line-height: 15px;
    padding-top: var(--window-spacing);
    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: var(--window-border) var(--control-border-color);
    border-radius: 0 0 var(--control-border-radius) var(--control-border-radius);
    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: var(--window-border) var(--control-border-color);
    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(--control-border-radius)
}

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

.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(--window-border-color)
}

.title-bar.active .title-bar-controls button,.window.active .title-bar .title-bar-controls button {
    border-color: var(--window-border-color);
    box-shadow: var(--control-inset-shadow)
}

.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(--control-background)
}

.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(--control-background-hovered);
    border-bottom-left-radius: var(--control-border-radius);
    box-shadow: 0 0 7px 3px #5dc4f0,var(--control-inset-shadow);
    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(--control-background-active)
}

.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(--control-background)
}

.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(--control-background-hovered);
    box-shadow: 0 0 7px 3px #5dc4f0,var(--control-inset-shadow);
    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(--control-background-active)
}

.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(--control-background)
}

.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(--control-background-hovered);
    box-shadow: 0 0 7px 3px #5dc4f0,var(--control-inset-shadow);
    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(--control-background-active)
}

.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(--control-background)
}

.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(--control-background-hovered);
    box-shadow: 0 0 7px 3px #5dc4f0,var(--control-inset-shadow);
    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(--control-background-active)
}

.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(--control-background),var(--control-background-close);
    box-shadow: var(--control-inset-shadow)
}

.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(--control-background),var(--control-background-close-hovered);
    border-bottom-right-radius: var(--control-border-radius);
    box-shadow: 0 0 7px 3px #e68e75,var(--control-inset-shadow);
    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(--control-background),var(--control-background-close-active)
}

.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(--control-background)
}

.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%;
    content: "";
    opacity: .4
}

.status-bar {
    background: var(--surface);
    border: var(--window-border) var(--window-border-color);
    border-top: 0;
    box-shadow: 0 1px 0 #fff9,1px 0 0 #fff9,-1px 0 0 #fff9;
    display: flex;
    margin: var(--window-spacing);
    margin-top: calc(var(--window-spacing)*-1)
}

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

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


/* SUITE */

:root {
  --balloon-border-color: #0006;
  --balloon-tail-top: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1.5V19.5H18.5L0.5 1.5Z' fill='%23fff' stroke='%23fff'/%3E%3Cpath d='M1 19.5H0.5V1.5L18.5 19.5H18' stroke='%23939393'/%3E%3C/svg%3E");
  --balloon-tail-bottom: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1.5V19.5H18.5L0.5 1.5Z' fill='%23ddd' stroke='%23ddd'/%3E%3Cpath d='M1 19.5H0.5V1.5L18.5 19.5H18' stroke='%23939393'/%3E%3C/svg%3E");
  --balloon-tail-size: 18px;
  --balloon-tail-offset: 1em;
}

[role="tooltip"] {
  position: relative;
  padding: 1em 1em 1em 2.5em;
  border: 1px solid var(--balloon-border-color);
  border-radius: var(--border-radius);
  box-shadow: 5px 5px 3px -3px var(--balloon-border-color);
  background: linear-gradient(to bottom, #fff, var(--button-shade-light));

  &::before {
    content: "";
    position: absolute;
    background: var(--balloon-tail-top);
    width: var(--balloon-tail-size);
    height: var(--balloon-tail-size);
    top: calc(var(--balloon-tail-size) * -1);
    left: var(--balloon-tail-offset);
  }

  &[id] {
    position: absolute;
  }

  &.is-top {
    &::before {
      background: var(--balloon-tail-bottom);
      bottom: calc(var(--balloon-tail-size) * -1);
      top: unset;
      transform: scale(-1);
    }

    &.is-right {
      &::before {
        transform: scaleY(-1);
      }
    }
  }

  &.is-left {
    &::before {
      left: unset;
      right: var(--balloon-tail-offset);
    }

    &.is-bottom {
      &::before {
        transform: scaleX(-1);
      }
    }
  }
}

button,
[role="button"] {
  font: var(--font);
  box-sizing: border-box;
  border: var(--button-border);
  border-color: var(--button-border-color);
  border-radius: var(--border-radius);
  box-shadow: var(--button-shadow);
  color: #222;
  min-width: 75px;
  min-height: 23px;
  padding: 0 12px;
  text-align: center;
  background: var(--button-gradient);
  position: relative;
  z-index: 0;

  /* Button style on hovered */
  &::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    border-radius: var(--border-radius);
    box-shadow: var(--button-shadow);
    background: var(--button-gradient-hovered);
    opacity: 0;
    transition: opacity 0.3s;
    z-index: -1;
  }

  /* Button style on clicked */
  &::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    box-shadow: var(--button-shadow-active);
    border-radius: 2px;
    background: var(--button-gradient-active);
    opacity: 0;
    transition: opacity 0.3s;
    z-index: -1;
  }

  &:disabled {
    background: var(--button-face-disabled);
    border-color: var(--button-border-color-disabled);
    color: var(--button-text-color-disabled);
  }

  &:not(:disabled) {
    /* Animation when hovered */
    &:hover {
      border-color: var(--button-border-color-hovered);
      transition: border-color 0.3s;

      &::before {
        opacity: 1;
        transition: opacity 0.3s;
      }
    }

    /* Animation when unhovered */
    &:not(:hover) {
      border-color: var(--button-border-color);
      transition: border-color 1s linear;

      &::before {
        opacity: 0;
        transition: opacity 1s linear;
      }
    }

    &:active,
    &.active {
      border-color: var(--button-border-color-active);
      transition: border-color 0.3s;

      &::after {
        opacity: 1;
        transition: opacity 0.3s;
      }
    }
  }

  &:focus-visible,
  &.focused {
    box-shadow: inset 0 0 0 2px var(--button-shade-light-active);
    outline: 1px dotted #000;
    outline-offset: -4px;
  }

  &.default,
  &:focus,
  &.focused {
    border-color: var(--button-border-color-default);
    background-image: var(--button-gradient-hovered);
    animation: 1s ease infinite alternate pulse-anim;
  }
}

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

:root {
  --checkbox-width: 14px;
  --checkbox-label-spacing: 6px;
  --checkbox-total-width-precalc: 0;
  --checkbox-total-width: calc(var(--checkbox-total-width-precalc));
  --checkmark-top: 0;
  --checkmark-left: 2px;
}

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

  + label {
    font: var(--font);
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-left: var(--checkbox-total-width);

    &::before {
      content: "";
      display: inline-block;
      width: var(--checkbox-width);
      height: var(--checkbox-width);
      margin-right: var(--checkbox-label-spacing);
      background: #f6f6f6;
      border: 1px solid;
      border-color: var(--button-border-color);
      box-shadow: inset 0 0 0 1px #f4f4f4, inset 1px 1px 0 1px #aeaeae,
        inset -1px -1px 0 1px #ddd, inset 3px 3px 6px #ccc;
      box-sizing: border-box;
      transition: 0.4s;
    }

    &:hover::before {
      background: #e9f7fe;
      border-color: var(--button-border-color-hovered);
      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;
    }
  }

  &:focus-visible {
    + label {
      outline: 1px dotted #000;
    }
  }

  &:checked {
    + label {
      &::after {
        content: "\2714";
        font-weight: bold;
        display: block;
        position: absolute;
        top: var(--checkmark-top);
        left: var(--checkmark-left);
        color: #4a5f97;
      }
    }
  }

  &:disabled {
    + label {
      opacity: 0.6;
    }
  }
}

:root {
  --chevron-size: 5px;
}

details {
  margin-top: 0;

  > summary {
    display: inline;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;

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

    &::-webkit-details-marker,
    &::marker {
      display: none;
    }
  }

  &[open] {
    > summary {
      &:before {
        top: calc(50% - var(--chevron-size) / 2);
        transform: rotateZ(45deg);
      }
    }
  }
}

:root {
  --combobox-chevron-size: 4px;
}

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

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

  button {
    position: absolute;
    right: 0;
    padding: 0;
    min-width: 16px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: url("icon/button-down.svg") center no-repeat,
      var(--button-gradient);

    &::before {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      background: url("icon/button-down.svg") center no-repeat,
        var(--button-gradient-hovered);
    }

    &::after {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      background: url("icon/button-down.svg") center no-repeat,
        var(--button-gradient-active);
    }

    &:focus {
      box-shadow: none;
      outline: none;
    }
  }
}

select:not([multiple]) {
  font: var(--font);
  padding: 2px 3px;
  border: var(--button-border);
  border-color: var(--button-border-color);
  border-radius: var(--border-radius);
  box-shadow: var(--button-shadow);
  box-sizing: border-box;
  color: #222;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  padding-right: 30px;
  background: url("./icon/button-down.svg"), var(--button-gradient);
  background-position: center right;
  background-repeat: no-repeat;

  &:hover {
    border-color: var(--button-border-color-hovered);
    background-image: url("./icon/button-down.svg"),
      var(--button-gradient-hovered);
  }

  &:active {
    outline: none;
    border-color: var(--button-border-color-active);
    box-shadow: var(--button-shadow-active);
    background-image: url("./icon/button-down.svg"),
      var(--button-gradient-active);
  }

  &:focus {
    outline: 1px dotted #000;
    outline-offset: -4px;
    box-shadow: inset 0 0 0 2px var(--button-shade-light-active);
  }
}

body {
  font-family: "Segoe UI", "SegoeUI", "Noto Sans", sans-serif;
  font-size: 9pt;
  color: #222222;
}

.surface {
  background: var(--surface);
}

h1 {
  font-size: 5rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

u {
  text-decoration: none;
  border-bottom: 0.5px solid #222222;
}

code {
  &,
  * {
    font-family: monospace;
  }
}

pre {
  display: block;
  margin: 0;
  padding: 12px 8px;
  background: #fff;
  border: 1px solid var(--button-border-color);
}

summary {
  &:focus-visible {
    outline: 1px dotted #000;
  }
}

fieldset {
  border: 1px solid #cdd7db;
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 0 1px #fff;
  padding: calc(2 * var(--border-width) + var(--element-spacing));
  padding-block-start: var(--element-spacing);
  margin: 0;

  legend {
    font: var(--font);
  }
}

.field-row {
  display: flex;
  align-items: center;

  > * {
    + * {
      margin-left: var(--grouped-element-spacing);
    }
  }

  &-stacked {
    display: flex;
    flex-direction: column;

    * {
      + * {
        margin-top: var(--grouped-element-spacing);
      }
    }
  }
}

[class^="field-row"] {
  + [class^="field-row"] {
    margin-top: var(--grouped-element-spacing);
  }
}

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

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

  &.has-hover {
    li:hover {
      background-color: #2a90ff;
      color: #fff;
    }
  }

  &:focus {
    outline: none;
  }

  [role="option"],
  option {
    padding: 2px;

    &[aria-selected],
    &:focus {
      background-color: #2a90ff;
      color: #fff;
    }
  }
}

:root {
  --listview-chevron-size: 5px;
  --listview-background: #ffffff;
  --listview-border: 1px solid;
  --listview-border-color: #eeeeee;
  --listview-border-color-header: #d7d7d7;
  --listview-gradient: linear-gradient(
    to bottom,
    #ffffff 45%,
    #fafafa 45%,
    #f0f0f0
  );
  --listview-header-border-color-highlight: #a7d8f5;
  --listview-header-gradient-highlight: linear-gradient(
    to bottom,
    #f3f9fc 45%,
    #e4f0f8 45%,
    #d9eaf5
  );
  --listview-header-chevron-background: linear-gradient(
    to bottom right,
    #667f91 45%,
    #90c1e2 65%,
    #cce3f2
  );
}

table {
  font: var(--font);
  background-color: var(--listview-background);
  border: 1px solid #c0c1cd;

  border-collapse: collapse;
  position: relative;
  text-align: left;
  white-space: nowrap;
  table-layout: fixed;

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

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

  > thead > tr > * {
    background: var(--listview-gradient);
    border: var(--listview-border) var(--listview-border-color-header);
    box-sizing: border-box;
    font-weight: 400;
    height: 22px;
    padding: 0 var(--grouped-element-spacing);
    position: sticky;
    top: 0;
    cursor: default;

    &.highlighted {
      border: var(--listview-border)
        var(--listview-header-border-color-highlight);
      background: var(--listview-header-gradient-highlight);
      border-radius: var(--border-radius);

      &:not(:last-child) {
        border-right-color: var(--listview-header-border-color-highlight);
      }

      &.indicator {
        &::before {
          content: "";
          position: absolute;
          right: 50%;
          top: 0;
          width: calc(var(--listview-chevron-size) * 1.2);
          height: var(--listview-chevron-size);
          background: var(--listview-header-chevron-background);
          clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
        }
        &.up::before {
          clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
        }
      }
    }
  }

  > tbody > tr {
    cursor: default;

    &.highlighted {
      border: var(--listview-border) var(--item-highlighted-border);
      background: var(--item-highlighted-background);
      border-radius: var(--border-radius);

      > *:not(:last-child) {
        border-right: none;
      }
    }

    > * {
      height: 14px;
      padding: 2px var(--element-spacing);
    }

    > *:not(:last-child) {
      border-right: var(--listview-border) var(--listview-border-color);
    }
  }
}

:root {
  --menu-padding: 2px;
  --item-offset-left: 30px;
}

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

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

    > [role="menuitem"] {
      position: relative;
      padding: 6px 10px;

      &:focus,
      &:focus-within,
      &:hover {
        background: #3399ff;
        color: #fff;
        outline: none;
        ~ [role="menuitem"]:focus,
        ~ [role="menuitem"]:focus-within {
          background: transparent;
          color: inherit;
        }
        &:has(~ [role="menuitem"]:hover) {
          background: transparent;
          color: inherit;
        }
      }
    }
  }

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

    &::before {
      content: "";
      pointer-events: none;
      position: absolute;
      left: var(--item-offset-left);
      width: 2px;
      height: calc(100% - 4px);
      box-shadow: inset 1px 0 #00000026, inset -1px 0 #fff;
    }

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

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

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

        &:hover,
        &:focus-visible {
          background: var(--item-highlighted-background);
          border-color: var(--item-highlighted-border);
        }
      }

      > button {
        &:hover::before,
        &::after {
          content: none;
        }
      }

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

  [role="menuitem"] {
    position: relative;

    > input[type] {
      display: none;

      & + label {
        display: block;
        position: relative;

        &::before {
          all: unset; /* unset the standalone checkbox/radio styles */
          background: var(--item-highlighted-background);
          box-shadow: 0 0 0 1px #b3d3f9;
          border-radius: inherit;
          box-sizing: border-box;
          position: absolute;
          top: 0;
          left: 0;
          width: 22px;
          height: 22px;
        }
      }

      &:checked + label {
        &::before {
          content: "";
        }
      }

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

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

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

    &[aria-disabled] {
      opacity: 0.5;
      pointer-events: none;
    }

    &.has-divider {
      &::after {
        content: "";
        pointer-events: none;
        display: block;
        margin: 3px 0 2px;
        height: 2px;
        margin-left: var(--item-offset-left);
        box-shadow: inset 0 1px #00000026, inset 0 -1px #fff;
      }
    }

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

    span {
      margin-left: 32px;
    }
  }

  &.can-hover [role="menuitem"]:hover {
    > [role="menu"] {
      display: block;
    }
    ~ [role="menuitem"]:focus,
    ~ [role="menuitem"]:focus-within {
      background: transparent;
      color: inherit;
      > [role="menu"] {
        display: none;
      }
    }
  }
}

:root {
  --progress-color-normal: #0bd82c;
  --progress-color-paused: #e6df1b;
  --progress-color-error: #ef0000;
}

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

  > div {
    overflow: hidden;
    height: 100%;
    box-shadow: inset 0 0 0 1px #ffffff1f;
    background-color: var(--progress-color-normal);
    background-image: linear-gradient(
        to bottom,
        #f3f3f3af,
        #fcfcfcaf 3px,
        #dbdbdbaf 6px,
        transparent 6px
      ),
      radial-gradient(circle at 0 50%, #0000002f 10px, transparent 30px),
      radial-gradient(circle at 100% 50%, #0000002f 10px, transparent 30px),
      linear-gradient(to bottom, transparent 65%, #ffffff55),
      linear-gradient(to bottom, transparent 6px, #cacaca33 6px, #d5d5d533);
  }

  &.paused > div {
    background-color: var(--progress-color-paused);
  }

  &.error > div {
    background-color: var(--progress-color-error);
  }

  &.animate > div::before,
  &.marquee::before {
    content: "";
    animation: progressbar 3s linear infinite;
    display: block;
    height: 100%;
    background: linear-gradient(
      to right,
      transparent,
      #ffffff80,
      transparent 40%
    );
  }

  &.marquee::before {
    opacity: 0.5;
    background: linear-gradient(
      to right,
      transparent,
      var(--progress-color-normal),
      transparent 35%
    );
  }
}

@keyframes progressbar {
  0% {
    transform: translateX(-40%);
  }
  60% {
    transform: translateX(100%);
  }
  100% {
    /* for faking delay */
    transform: translateX(100%);
  }
}

:root {
  --radio-width: 14px;
  --radio-label-spacing: 6px;
  --radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing);
  --radio-total-width: calc(var(--radio-total-width-precalc));
  --radio-dot-width: 8px;
  --radio-dot-offset: calc(var(--radio-width) / 2);
  --radio-dot-top: calc(var(--radio-dot-offset) - var(--radio-dot-width) / 2);
  --radio-dot-left: calc(
    -1 * (var(--radio-total-width)) + var(--radio-width) / 2 - var(
        --radio-dot-width
      ) / 2
  );
}

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

  + label {
    font: var(--font);
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-left: var(--radio-total-width);

    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: calc(var(--radio-total-width) * -1);
      display: inline-block;
      width: var(--radio-width);
      height: var(--radio-width);
      margin-right: var(--radio-label-spacing);
      background: #f6f6f6;
      border-radius: 50%;
      border: 1px solid;
      border-color: var(--button-border-color);
      box-shadow: inset 0 0 0 1.5px #f4f4f4, inset 1px 1px 0 1.5px #aeaeae,
        inset -1px 0 0 1.5px #ddd, inset 3px 3px 6px #ccc;
      box-sizing: border-box;
      transition: 0.4s;
    }

    &:hover::before {
      border-color: var(--button-border-color-hovered);
      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;
    }
  }

  &:checked {
    + label {
      &::after {
        content: "";
        display: block;
        width: var(--radio-dot-width);
        height: var(--radio-dot-width);
        top: var(--radio-dot-top);
        left: var(--radio-dot-left);
        position: absolute;
        background: #7cd3eb;
        border-radius: 50%;
        border: 1.5px solid #27506d;
        box-shadow: inset -1px -1px 0 0.5px #16638f,
          inset -1px -1px 0 1px #1985c0;
        box-sizing: border-box;
      }
    }
  }

  &:focus-visible {
    + label {
      outline: 1px dotted #000000;
    }
  }

  &:disabled {
    + label {
      opacity: 0.6;
    }
  }
}

:root {
  --scrollbar-y: linear-gradient(to right, #e5e5e5, var(--surface) 20%);
  --scrollbar-x: linear-gradient(to bottom, #e5e5e5, var(--surface) 20%);
}

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

  &:horizontal {
    height: 17px;
  }

  &-corner {
    background: var(--button-face);
  }

  &-track {
    &:vertical {
      background: var(--scrollbar-y);
    }

    &:horizontal {
      background: var(--scrollbar-x);
    }
  }

  &-thumb {
    border: var(--button-border);
    border-color: var(--button-border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--button-shadow);
    background-color: var(--button-face);

    &:vertical {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC")
          no-repeat center,
        linear-gradient(
          to right,
          var(--button-face) 45%,
          var(--button-shade-light) 45%,
          var(--button-shade-dark)
        );
    }

    &:horizontal {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC")
          no-repeat center,
        linear-gradient(
          to bottom,
          var(--button-face) 45%,
          var(--button-shade-light) 45%,
          var(--button-shade-dark)
        );
    }

    &:hover {
      &:vertical {
        border-color: var(--button-border-color-hovered);
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC")
            no-repeat center,
          linear-gradient(
            to right,
            var(--button-face-hover) 45%,
            var(--button-shade-light-hovered) 45%
          );
      }

      &:horizontal {
        border-color: var(--button-border-color-hovered);
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC")
            no-repeat center,
          linear-gradient(
            to bottom,
            var(--button-face-hover) 45%,
            var(--button-shade-light-hovered) 45%
          );
      }
    }

    &:active {
      &:vertical {
        border-color: var(--button-border-color-active);
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC")
            no-repeat center,
          linear-gradient(
            to right,
            var(--button-face-active) 45%,
            var(--button-shade-light-active) 45%
          );
      }

      &:horizontal {
        border-color: var(--button-border-color-active);
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC")
            no-repeat center,
          linear-gradient(
            to bottom,
            var(--button-face-active) 45%,
            var(--button-shade-light-active) 45%
          );
      }
    }
  }

  &-button:horizontal:start:increment,
  &-button:horizontal:end:decrement,
  &-button:vertical:start:increment,
  &-button:vertical:end:decrement {
    /* https://stackoverflow.com/a/67476494/3916702 */
    display: none;
  }

  &-button {
    /* Add an invisible border to prevent shifting
       when hovering the scrollbar buttons */
    border: var(--button-border) transparent;

    &:vertical {
      height: 17px;

      &:start {
        background: url("./icon/button-up.svg"), var(--scrollbar-y);
      }

      &:end {
        background: url("./icon/button-down.svg"), var(--scrollbar-y);
      }
    }

    &:horizontal {
      width: 16px;

      &:start {
        background: url("./icon/button-left.svg"), var(--scrollbar-x);
      }

      &:end {
        background: url("./icon/button-right.svg"), var(--scrollbar-x);
      }
    }

    &:hover {
      border-color: var(--button-border-color);
      border-radius: var(--border-radius);
      box-shadow: var(--button-shadow);
      background-color: var(--button-face);

      &:vertical {
        height: 17px;

        &:start {
          border-color: var(--button-border-color-hovered);
          background: url("./icon/button-up.svg"),
            linear-gradient(
              to right,
              var(--button-face-hover) 45%,
              var(--button-shade-light-hovered) 45%
            );
        }

        &:end {
          border-color: var(--button-border-color-hovered);
          background: url("./icon/button-down.svg"),
            linear-gradient(
              to right,
              var(--button-face-hover) 45%,
              var(--button-shade-light-hovered) 45%
            );
        }
      }

      &:horizontal {
        width: 16px;

        &:start {
          border-color: var(--button-border-color-hovered);
          background: url("./icon/button-left.svg"),
            linear-gradient(
              to bottom,
              var(--button-face-hover) 45%,
              var(--button-shade-light-hovered) 45%
            );
        }

        &:end {
          border-color: var(--button-border-color-hovered);
          background: url("./icon/button-right.svg"),
            linear-gradient(
              to bottom,
              var(--button-face-hover) 45%,
              var(--button-shade-light-hovered) 45%
            );
        }
      }
    }

    &:active {
      border-color: var(--button-border-color);
      border-radius: var(--border-radius);
      box-shadow: var(--button-shadow);
      background-color: var(--button-face);

      &:vertical {
        height: 17px;

        &:start {
          border-color: var(--button-border-color-active);
          background: url("./icon/button-up.svg"),
            linear-gradient(
              to right,
              var(--button-face-active) 45%,
              var(--button-shade-light-active) 45%
            );
        }

        &:end {
          border-color: var(--button-border-color-active);
          background: url("./icon/button-down.svg"),
            linear-gradient(
              to right,
              var(--button-face-active) 45%,
              var(--button-shade-light-active) 45%
            );
        }
      }

      &:horizontal {
        width: 16px;

        &:start {
          border-color: var(--button-border-color-active);
          background: url("./icon/button-left.svg"),
            linear-gradient(
              to bottom,
              var(--button-face-active) 45%,
              var(--button-shade-light-active) 45%
            );
        }

        &:end {
          border-color: var(--button-border-color-active);
          background: url("./icon/button-right.svg"),
            linear-gradient(
              to bottom,
              var(--button-face-active) 45%,
              var(--button-shade-light-active) 45%
            );
        }
      }
    }
  }
}

:root {
  --search-icon: url("./icon/search.svg");
  --search-button: var(--search-icon) no-repeat center;
}

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

  &:placeholder-shown {
    background-size: 14px;
    background-position: calc(100% - 8px) center;
    background-image: var(--search-icon);
    background-repeat: no-repeat;
  }

  &:focus {
    outline: none;
  }

  &::placeholder {
    font-style: italic;
  }

  .searchbox & {
    padding-right: 26px;

    & + [aria-label="search"] {
      position: absolute;
      top: 1px;
      right: 1px;
      border-radius: 0;
      padding: 0;
      min-width: 26px;
      min-height: 22px;
      background: var(--search-button), var(--button-gradient);
      background-size: 14px;

      &::before {
        background: var(--search-button), var(--button-gradient-hovered);
        background-size: 14px;
        border-radius: 0;
      }

      &::after {
        background: var(--search-button), var(--button-gradient-active);
        background-size: 14px;
        border-radius: 0;
      }

      &:focus-visible {
        outline: 1px dotted #000;
        outline-offset: -4px;
      }
    }
  }
}

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

:root {
  --thumb-w: 10px;
  --thumb-h: 18px;
  --thumb-icon: url("./icon/slider-indicator.png");
  --thumb-icon-box: url("./icon/slider-indicator-box.png");
  --thumb-icon-active: url("./icon/slider-indicator-active.png");
  --thumb-icon-box-active: url("./icon/slider-indicator-box-active.png");
}

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

  &:focus-visible {
    outline: 1px dotted #000;
  }

  &::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: var(--thumb-h);
    width: var(--thumb-w);
    background: var(--thumb-icon);
    transform: translateY(-7px);

    &:active {
      background: var(--thumb-icon-active);
    }
  }

  &::-moz-range-thumb {
    height: var(--thumb-h);
    width: var(--thumb-w);
    background: var(--thumb-icon);
    border: 0;
    border-radius: 0;

    &:active {
      background: var(--thumb-icon-active);
    }
  }

  &::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: var(--surface);
    box-sizing: border-box;
    box-shadow: inset 1px 1px 1px #999, inset -1px 0 #999, 0 1px #fff;
  }

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

input[type="range"].has-box-indicator {
  &::-webkit-slider-thumb {
    background: var(--thumb-icon-box);

    &:active {
      background: var(--thumb-icon-box-active);
    }
  }

  &::-moz-range-thumb {
    background: var(--thumb-icon-box);

    &:active {
      background: var(--thumb-icon-box-active);
    }
  }
}

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

  > input[type="range"] {
    width: 150px;
    height: 4px;
    margin: 0 calc(var(--grouped-element-spacing) + var(--range-spacing)) 0
      var(--range-spacing);
    transform-origin: left;
    transform: rotate(270deg) translateX(calc(-50% + var(--element-spacing)));

    &::-webkit-slider-thumb {
      transform: translateY(-8px) scaleX(-1);
    }

    &::-moz-range-thumb {
      transform: translateY(2px) scaleX(-1);
    }
  }

  > input[type="range"].has-box-indicator {
    &::-webkit-slider-thumb {
      transform: translateY(-9px) scaleX(-1);
    }

    &::-moz-range-thumb {
      transform: translateY(0px) scaleX(-1);
    }
  }
}

.spinner,
.loader {
  background: url("./icon/spinner.png") center;
  width: 20px;
  height: 20px;
  display: inline-block;
  color: transparent;

  &.animate {
    background-image: url("./icon/spinner.gif");
  }
}

:root {
  --tab-border: 1px solid #888;
  --tab-border-color: #888;
  --tab-bg: #fff;
}

[role="tabpanel"] {
  position: relative;
  z-index: 2;
}

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

  button {
    padding: 2px 6px;
    border-radius: 0;
    z-index: 1;
    display: block;
    color: #222;
    text-decoration: none;
    min-width: unset;

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

      &::before,
      &::after {
        content: none;
      }

      &:hover {
        border-color: var(--tab-border-color);
      }

      &:focus,
      &:active,
      &.active {
        border-color: var(--tab-border-color);
        animation: none;
      }

      &:focus-visible {
        outline: 1px dotted #222;
        outline-offset: -4px;
      }
    }

    &::before {
      border-radius: 0;
    }

    &::after {
      content: none;
    }

    &:disabled {
      opacity: 0.6;
    }
  }

  &.justified {
    button {
      flex-grow: 1;
      text-align: center;
    }
  }
}

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

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

input[type="url"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
textarea {
  font: var(--font);
  padding: 3px 4px 5px;
  border: 1px solid #ccc;
  border-top-color: var(--button-border-color);
  border-radius: 2px;
  background-color: var(--button-highlight);
  box-sizing: border-box;

  &:focus {
    outline: none;
    border-color: var(--button-shade-light-hovered);
    border-top-color: var(--button-shade-light-active);
  }
}

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

input[type="url"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
textarea {
  font: var(--font);
  padding: 3px 4px 5px;
  border: 1px solid #ccc;
  border-top-color: var(--button-border-color);
  border-radius: 2px;
  background-color: var(--button-highlight);
  box-sizing: border-box;

  &:focus {
    outline: none;
    border-color: var(--button-shade-light-hovered);
    border-top-color: var(--button-shade-light-active);
  }
}

:root {
  --treeview-square-size: 8px;
  --treeview-spacing: 20px;
}

ul.tree-view {
  font: var(--font);
  display: block;
  margin: 0;
  padding: 6px 6px 6px var(--treeview-spacing);

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

  a {
    text-decoration: none;
    color: #000;
  }

  ul {
    margin-top: 4px;
    padding-left: var(--treeview-spacing);
  }

  &.has-container {
    background: #fff;
    border: 1px solid var(--button-border-color);
  }

  &.has-collapse-button details {
    > summary {
      &::-webkit-details-marker,
      &::marker {
        display: none;
      }

      &::before {
        content: "\002b";
        top: calc(50% - var(--treeview-square-size) / 2);
        left: calc(var(--treeview-square-size) * 2 * -1);
        right: unset;
        width: var(--treeview-square-size);
        height: var(--treeview-square-size);
        background: linear-gradient(
                        to bottom,
                        var(--button-face) 45%,
                        var(--button-shade-light)
        );
        border: 1px solid #919191;
        border-radius: 1px;
        color: #4b63a7;
        font-size: 8pt;
        font-weight: bold;
        line-height: calc(var(--treeview-square-size) - calc(50% - var(--treeview-square-size) / 2));
        text-align: center;
        margin: 0;
      }
    }

    &[open] > summary::before {
      content: "\2013";
      transform: none;
    }
  }

  &.has-connector {
    ul {
      position: relative;

      &::before {
        content: "";
        position: absolute;
        top: 0;
        left: var(--treeview-square-size);
        height: calc(100% - var(--treeview-square-size));
        border-left: 1px dotted #000;
      }

      li::before {
        content: "";
        position: absolute;
        top: var(--treeview-square-size);
        right: calc(100% + var(--treeview-square-size) / 4);
        width: calc(var(--treeview-spacing) / 2);
        border-bottom: 1px dotted #000;
      }
    }
  }
}

:root {
  --link-color: #0066cc;
  --link-color-hovered: #3399ff;
  --primary-color: #003399;
  --secondary-color: #000000;
}

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

  &:focus-visible {
    outline: 1px dotted var(--link-color);
  }

  &:hover,
  &:focus {
    color: var(--link-color-hovered);
    text-decoration: underline;
  }
}

.instruction {
  font: var(--font);
  color: var(--secondary-color);
  font-weight: normal;
  margin: 0 0 20px;

  &-primary {
    font-size: 12pt;
    color: var(--primary-color);
  }
}

.header {
  font: var(--font);
  font-weight: normal;

  &-document {
    font-family: "Calibri", "Noto Sans", sans-serif;
    font-size: 17pt;
    color: var(--secondary-color);
  }

  &-group {
    font-size: 11pt;
    color: var(--primary-color);
  }
}

:root {
  --font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif;
  --surface: #f0f0f0;

  --button-highlight: #fff;
  --button-face: #f2f2f2;
  --button-face-hover: #eaf6fd;
  --button-face-active: #c4e5f6;
  --button-face-disabled: #f4f4f4;
  --button-shade-light: #ebebeb;
  --button-shade-light-default: #c3dcea;
  --button-shade-light-hovered: #bee6fd;
  --button-shade-light-active: #98d1ef;
  --button-shade-dark: #cfcfcf;
  --button-shadow: inset 0 0 0 1px #fffc;
  --button-shadow-active: inset 1px 1px 0 #0003, inset -1px 1px 0 #0001;
  --button-border: 1px solid;
  --button-border-color: #8e8f8f;
  --button-border-color-default: #5586a3;
  --button-border-color-hovered: #3c7fb1;
  --button-border-color-active: #6d91ab;
  --button-border-color-disabled: #aeb2b5;
  --button-text-color-disabled: #838383;
  --button-gradient: linear-gradient(
    to bottom,
    var(--button-face) 45%,
    var(--button-shade-light) 45%,
    var(--button-shade-dark)
  );
  --button-gradient-hovered: linear-gradient(
    to bottom,
    var(--button-face-hover) 45%,
    var(--button-shade-light-hovered) 45%,
    #a7d9f5
  );
  --button-gradient-active: linear-gradient(
    to bottom,
    #e5f4fc,
    var(--button-face-active) 30% 50%,
    var(--button-shade-light-active) 50%,
    #68b3db
  );

  --item-highlighted-border: #aaddfa;
  --item-highlighted-background: linear-gradient(
    to bottom,
    #fff9,
    #e6ecf5cc 90%,
    #fffc
  );

  --element-spacing: 8px;
  --grouped-element-spacing: 6px;

  --border-radius: 3px;
  --border-width: 1px;
}

:root {
  --window-spacing: 6px;
  --window-border: 1px solid;
  --window-border-radius: 6px;
  --window-border-color: #000000b3;
  --window-background-color: #4580c4;
  --window-background-glass-stripes: linear-gradient(
      135deg,
      #fff5 70px,
      transparent 100px
    ),
    linear-gradient(225deg, #fff5 70px, transparent 100px),
    linear-gradient(
        54deg,
        /* ------------------------------- 1st stripe ------------------------------- */
          #0002 0 4%,
        #6661 6% 6%,
        #0002 8% 10%,
        /* ------------------------------- 2nd stripe ------------------------------- */
          #0002 15% 16%,
        #aaa1 17% 18%,
        #0002 23% 24%,
        /* ------------------------------- 3rd stripe ------------------------------- */
          #bbb2 25% 26%,
        #0002 31% 33%,
        /* ------------------------------- 4th stripe ------------------------------- */
          #0002 34% 34.5%,
        #bbb2 36% 40%,
        /* ------------------------------- 5th stripe ------------------------------- */
          #0002 41% 41.5%,
        #bbb2 44% 45%,
        /* ------------------------------- 6th stripe ------------------------------- */
          #bbb2 46% 47%,
        #0002 48% 49%,
        #0002 50% 50.5%,
        /* ------------------------------- 7th stripe ------------------------------- */
          #0002 56% 56.5%,
        #bbb2 57% 63%,
        #0002 67% 69%,
        /* ------------------------------- 8th stripe ------------------------------- */
          #bbb2 69.5% 70%,
        #0002 73.5% 74%,
        /* ------------------------------- 9th stripe ------------------------------- */
          #bbb2 74.5% 79%,
        #0002 80% 84%,
        /* ------------------------------- 10th stripe ------------------------------- */
          #aaa2 85% 86%,
        #0002 87%,
        #bbb1 90%
      )
      left center/100vw 100vh no-repeat fixed;
  --window-background: linear-gradient(
      to right,
      #ffffff66,
      #0000001a,
      #ffffff33
    ),
    var(--window-background-color);

  --control-border-color: #0000004d;
  --control-border-radius: 5px;
  --control-inset-shadow: inset 0 0 0 1px #fffa;
  --control-background: linear-gradient(
    #ffffff80,
    #ffffff4d 45%,
    #0000001a 50%,
    #0000001a 75%,
    #ffffff80
  );

  /* Colors for minimize, maximize, and restore buttons when hovered */
  --control-background-hovered: radial-gradient(
      circle at bottom,
      #2aceda,
      transparent 65%
    ),
    linear-gradient(#b6d9ee 50%, #1a6ca1 50%);

  /* Colors for minimize, maximize, and restore buttons when clicked */
  --control-background-active: radial-gradient(
      circle at bottom,
      #0bfdfa,
      transparent 65%
    ),
    linear-gradient(#86a7bc 50%, #092747 50%);

  /* Colors for the close button at normal state */
  --control-background-close: 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%);

  /* Colors for the close button when hovered */
  --control-background-close-hovered: 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%);

  /* Colors for the close button when clicked */
  --control-background-close-active: 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%);
}

.window {
  font: var(--font);
  box-shadow: 2px 2px 10px 1px var(--window-border-color), inset 0 0 0 1px #fffa;
  border: var(--window-border) var(--window-border-color);
  border-radius: var(--window-border-radius);
  position: relative;
  z-index: 0;

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

  &-body {
    margin: var(--window-spacing);
    margin-top: 0;
    border: var(--window-border) var(--window-border-color);
    background: var(--surface);
    box-shadow: 0 0 0 1px #fff9;

    &.has-space {
      padding: var(--window-spacing);
    }

    pre {
      margin: calc(var(--window-spacing) * -1);
    }
  }

  &-footer,
  footer {
    margin: var(--window-spacing);
    margin-top: calc(-1 * var(--window-spacing) - 1px);
    background: var(--surface);
    border: var(--window-border) var(--window-border-color);
    border-top: 0;
    box-shadow: 0 0.5px 1px 0.5px #fff;
    position: relative;
    padding: 10px;

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

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

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

      &::before {
        content: none;
      }
    }
  }

  &.glass {
    &::before {
      opacity: 0.6;
      /* filter: brightness(1.2); */
    }

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

    > .title-bar {
      background: var(--window-background-glass-stripes);
    }
  }

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

  fieldset {
    margin-bottom: 9px;
  }

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

    &:target {
      visibility: visible;
      opacity: 1;
    }
  }
}

.title-bar {
  font: var(--font);
  box-shadow: inset 0 0 0 1px #fff9;
  border: var(--window-border) var(--window-border-color);
  border-radius: var(--window-border-radius) var(--window-border-radius) 0 0;
  padding: var(--window-spacing);
  padding-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--window-background);
  background-color: var(--window-background-color);

  &-text {
    color: #000;
    letter-spacing: 0;
    line-height: 15px;
    padding-top: var(--window-spacing);
    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;
  }

  &-controls {
    display: flex;
    background: #fff3;
    border: var(--window-border) var(--control-border-color);
    border-top: 0;
    border-radius: 0 0 var(--control-border-radius) var(--control-border-radius);
    box-shadow: 0 1px 0 #fffa, 1px 0 0 #fffa, -1px 0 0 #fffa;

    button {
      position: relative;
      min-width: 29px;
      min-height: 19px;
      padding: 0;
      border: 0;
      border-right: var(--window-border) var(--control-border-color);
      border-radius: 0;
      box-shadow: none;
      box-sizing: border-box;
      background: none;

      &::after {
        content: none;
      }

      &:hover,
      &:active {
        /* resolve the conflict with button styles */
        background: none;
      }

      &:disabled {
        &::before {
          opacity: 0.4;
        }
      }

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

      &:not(:hover)::before {
        transition: none;
        opacity: 1;
      }

      &[aria-label="Minimize"],
      &.is-minimize {
        &::before {
          background: url("./icon/minimize.png") no-repeat center 10px;
        }
      }

      &[aria-label="Maximize"],
      &.is-maximize {
        &::before {
          background: url("./icon/maximize.png") no-repeat center;
        }
      }

      &[aria-label="Help"],
      &.is-help {
        &::before {
          background: url("./icon/help.png") no-repeat center;
        }
      }

      &[aria-label="Restore"],
      &.is-restore {
        &::before {
          background: url("./icon/restore.png") no-repeat center;
        }
      }

      &[aria-label="Close"],
      &.is-close {
        min-width: 48px;

        &::before {
          background: url("./icon/close.png") no-repeat center;
        }
      }

      &:first-child,
      &:first-child::before {
        border-bottom-left-radius: var(--control-border-radius);
      }

      &:last-child,
      &:last-child::before {
        border: 0;
        border-bottom-right-radius: var(--control-border-radius);
      }

      &:focus {
        outline: none;
        animation: none;
      }
    }
  }

  /* Active title-bar */
  .window.active &,
  &.active {
    .title-bar-controls {
      border-color: var(--window-border-color);

      button {
        border-color: var(--window-border-color);
        box-shadow: var(--control-inset-shadow);

        &::after {
          content: none;
        }

        &[aria-label="Minimize"],
        &.is-minimize {
          background: url("./icon/minimize.png") no-repeat center 10px,
            var(--control-background);
          &::before {
            content: "";
            box-shadow: 0 0 7px 3px #5dc4f0, var(--control-inset-shadow);
            background: url("./icon/minimize.png") no-repeat center 10px,
              var(--control-background-hovered);
            border-bottom-left-radius: var(--control-border-radius);
            opacity: 0;
            transition: opacity 0.3s linear;
          }

          &:hover::before,
          &:focus-visible::before {
            opacity: 1;
            transition: opacity 0.1s linear;
          }

          &:active::before {
            background: url("./icon/minimize.png") no-repeat center 10px,
              var(--control-background-active);
          }
        }

        &[aria-label="Maximize"],
        &.is-maximize {
          background: url("./icon/maximize.png") no-repeat center,
            var(--control-background);
          &::before {
            content: "";
            box-shadow: 0 0 7px 3px #5dc4f0, var(--control-inset-shadow);
            background: url("./icon/maximize.png") no-repeat center,
              var(--control-background-hovered);
            opacity: 0;
            transition: opacity 0.3s linear;
          }

          &:hover::before,
          &:focus-visible::before {
            opacity: 1;
            transition: opacity 0.1s linear;
          }

          &:active::before {
            background: url("./icon/maximize.png") no-repeat center,
              var(--control-background-active);
          }
        }

        &[aria-label="Help"],
        &.is-help {
          background: url("./icon/help.png") no-repeat center,
            var(--control-background);
          &::before {
            content: "";
            box-shadow: 0 0 7px 3px #5dc4f0, var(--control-inset-shadow);
            background: url("./icon/help.png") no-repeat center,
              var(--control-background-hovered);
            opacity: 0;
            transition: opacity 0.3s linear;
          }

          &:hover::before,
          &:focus-visible::before {
            opacity: 1;
            transition: opacity 0.1s linear;
          }

          &:active::before {
            background: url("./icon/help.png") no-repeat center,
              var(--control-background-active);
          }
        }

        &[aria-label="Restore"],
        &.is-restore {
          background: url("./icon/restore.png") no-repeat center,
            var(--control-background);
          &::before {
            content: "";
            box-shadow: 0 0 7px 3px #5dc4f0, var(--control-inset-shadow);
            background: url("./icon/restore.png") no-repeat center,
              var(--control-background-hovered);
            opacity: 0;
            transition: opacity 0.3s linear;
          }

          &:hover::before,
          &:focus-visible::before {
            opacity: 1;
            transition: opacity 0.1s linear;
          }

          &:active::before {
            background: url("./icon/restore.png") no-repeat center,
              var(--control-background-active);
          }
        }

        &[aria-label="Close"],
        &.is-close {
          background: url("./icon/close.png") no-repeat center,
            var(--control-background), var(--control-background-close);
          box-shadow: var(--control-inset-shadow);

          &::before {
            content: "";
            background: url("./icon/close.png") no-repeat center,
              var(--control-background), var(--control-background-close-hovered);
            box-shadow: 0 0 7px 3px #e68e75, var(--control-inset-shadow);
            border-bottom-right-radius: var(--control-border-radius);
            opacity: 0;
            transition: opacity 0.3s linear;
          }

          &:hover::before,
          &:focus-visible::before {
            opacity: 1;
            transition: opacity 0.1s linear;
          }

          &:active::before {
            background: url("./icon/close.png") no-repeat center,
              var(--control-background), var(--control-background-close-active);
          }
        }

        &:disabled {
          &[aria-label="Maximize"],
          &.is-maximize {
            background: var(--control-background);

            &::before {
              content: "";
              background: url("./icon/maximize.png") no-repeat center;
              opacity: 0.4;
            }
          }
          /* TODO: Add rules to style disabled close button */
        }
      }
    }
  }
}

.status-bar {
  margin: var(--window-spacing);
  margin-top: calc(var(--window-spacing) * -1);
  background: var(--surface);
  border: var(--window-border) var(--window-border-color);
  border-top: 0;
  box-shadow: 0 1px 0 #fff9, 1px 0 0 #fff9, -1px 0 0 #fff9;
  display: flex;

  &-field {
    border-right: var(--window-border) #cfcfcf;
    padding: 2px 3px;
    margin: 0;
    flex-grow: 1;

    &:last-child {
      border-right: 0;
    }
  }
}