{"version":3,"sources":["../gui/index.scss","../gui/_variables.scss","../gui/_global.scss","../gui/_balloon.scss","../gui/_button.scss","../gui/_checkbox.scss","../gui/_collapse.scss","../gui/_combobox.scss","../gui/_dropdown.scss","../gui/_groupbox.scss","../gui/_listbox.scss","../gui/_listview.scss","../gui/_menu.scss","../gui/_progressbar.scss","../gui/_radiobutton.scss","../gui/_scrollbar.scss","../gui/_searchbox.scss","../gui/_slider.scss","../gui/_spinner.scss","../gui/_tabs.scss","../gui/_textbox.scss","../gui/_treeview.scss","../gui/_typography.scss","../gui/_window.scss"],"names":[],"mappings":"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","file":"7.scoped.css","sourcesContent":["/*! 7.css v0.19.0 - https://khang-nd.github.io/7.css */\n/**\r\n * Core 7.css\r\n * Based on XP GUI.css by Adam Hammad \r\n * https://github.com/khang-nd/7.css/blob/main/LICENSE\r\n */\r\n\r\n@import \"_variables.scss\";\r\n@import \"_global.scss\";\r\n@import \"_balloon.scss\";\r\n@import \"_button.scss\";\r\n@import \"_checkbox.scss\";\r\n@import \"_collapse.scss\";\r\n@import \"_combobox.scss\";\r\n@import \"_dropdown.scss\";\r\n@import \"_groupbox.scss\";\r\n@import \"_listbox.scss\";\r\n@import \"_listview.scss\";\r\n@import \"_menu.scss\";\r\n@import \"_progressbar.scss\";\r\n@import \"_radiobutton.scss\";\r\n@import \"_scrollbar.scss\";\r\n@import \"_searchbox.scss\";\r\n@import \"_slider.scss\";\r\n@import \"_spinner.scss\";\r\n@import \"_tabs.scss\";\r\n@import \"_textbox.scss\";\r\n@import \"_treeview.scss\";\r\n@import \"_typography.scss\";\r\n@import \"_window.scss\";\r\n",":root {\r\n --font: 9pt \"Segoe UI\", \"SegoeUI\", \"Noto Sans\", sans-serif;\r\n --surface: #f0f0f0;\r\n\r\n --button-highlight: #fff;\r\n --button-face: #f2f2f2;\r\n --button-face-hover: #eaf6fd;\r\n --button-face-active: #c4e5f6;\r\n --button-face-disabled: #f4f4f4;\r\n --button-shade-light: #ebebeb;\r\n --button-shade-light-default: #c3dcea;\r\n --button-shade-light-hovered: #bee6fd;\r\n --button-shade-light-active: #98d1ef;\r\n --button-shade-dark: #cfcfcf;\r\n --button-shadow: inset 0 0 0 1px #fffc;\r\n --button-shadow-active: inset 1px 1px 0 #0003, inset -1px 1px 0 #0001;\r\n --button-border: 1px solid;\r\n --button-border-color: #8e8f8f;\r\n --button-border-color-default: #5586a3;\r\n --button-border-color-hovered: #3c7fb1;\r\n --button-border-color-active: #6d91ab;\r\n --button-border-color-disabled: #adb2b5;\r\n --button-text-color-disabled: #838383;\r\n --button-gradient: linear-gradient(\r\n var(--button-face) 45%,\r\n var(--button-shade-light) 45%,\r\n var(--button-shade-dark)\r\n );\r\n --button-gradient-hovered: linear-gradient(\r\n var(--button-face-hover) 45%,\r\n var(--button-shade-light-hovered) 45%,\r\n #a7d9f5\r\n );\r\n --button-gradient-active: linear-gradient(\r\n #e5f4fc,\r\n var(--button-face-active) 30% 50%,\r\n var(--button-shade-light-active) 50%,\r\n #68b3db\r\n );\r\n\r\n --item-highlighted-border: #aaddfa;\r\n --item-highlighted-background: linear-gradient(\r\n #fff9,\r\n #e6ecf5cc 90%,\r\n #fffc\r\n );\r\n\r\n --element-spacing: 8px;\r\n --grouped-element-spacing: 6px;\r\n\r\n --border-radius: 3px;\r\n --border-width: 1px;\r\n}\r\n","body {\r\n font-family: \"Segoe UI\", \"SegoeUI\", \"Noto Sans\", sans-serif;\r\n font-size: 9pt;\r\n color: #222222;\r\n}\r\n\r\n.surface {\r\n background: var(--surface);\r\n}\r\n\r\nh1 {\r\n font-size: 5rem;\r\n}\r\n\r\nh2 {\r\n font-size: 2.5rem;\r\n}\r\n\r\nh3 {\r\n font-size: 2rem;\r\n}\r\n\r\nh4 {\r\n font-size: 1.5rem;\r\n}\r\n\r\nu {\r\n text-decoration: none;\r\n border-bottom: 0.5px solid #222222;\r\n}\r\n\r\ncode {\r\n &,\r\n * {\r\n font-family: monospace;\r\n }\r\n}\r\n\r\npre {\r\n display: block;\r\n margin: 0;\r\n padding: 12px 8px;\r\n background: #fff;\r\n border: 1px solid var(--button-border-color);\r\n}\r\n\r\nsummary {\r\n &:focus-visible {\r\n outline: 1px dotted #000;\r\n }\r\n}\r\n",":root {\r\n --balloon-border-color: #0006;\r\n --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\");\r\n --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\");\r\n --balloon-tail-size: 18px;\r\n --balloon-tail-offset: 1em;\r\n}\r\n\r\n[role=\"tooltip\"] {\r\n position: relative;\r\n padding: 1em 1em 1em 2.5em;\r\n border: 1px solid var(--balloon-border-color);\r\n border-radius: var(--border-radius);\r\n box-shadow: 5px 5px 3px -3px var(--balloon-border-color);\r\n background: linear-gradient(to bottom, #fff, var(--button-shade-light));\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n background: var(--balloon-tail-top);\r\n width: var(--balloon-tail-size);\r\n height: var(--balloon-tail-size);\r\n top: calc(var(--balloon-tail-size) * -1);\r\n left: var(--balloon-tail-offset);\r\n }\r\n\r\n &[id] {\r\n position: absolute;\r\n }\r\n\r\n &.is-top {\r\n &::before {\r\n background: var(--balloon-tail-bottom);\r\n bottom: calc(var(--balloon-tail-size) * -1);\r\n top: unset;\r\n transform: scale(-1);\r\n }\r\n\r\n &.is-right {\r\n &::before {\r\n transform: scaleY(-1);\r\n }\r\n }\r\n }\r\n\r\n &.is-left {\r\n &::before {\r\n left: unset;\r\n right: var(--balloon-tail-offset);\r\n }\r\n\r\n &.is-bottom {\r\n &::before {\r\n transform: scaleX(-1);\r\n }\r\n }\r\n }\r\n}\r\n","button,\r\n[role=\"button\"],\r\ninput[type=\"file\"]::file-selector-button {\r\n font: var(--font);\r\n box-sizing: border-box;\r\n border: var(--button-border);\r\n border-color: var(--button-border-color);\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--button-shadow);\r\n color: #222;\r\n min-width: 75px;\r\n min-height: 23px;\r\n padding: 0 12px;\r\n text-align: center;\r\n background: var(--button-gradient);\r\n position: relative;\r\n z-index: 0;\r\n}\r\n\r\nbutton,\r\n[role=\"button\"] {\r\n /* Button style on hovered */\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n margin: 0;\r\n top: 0;\r\n left: 0;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--button-shadow);\r\n background: var(--button-gradient-hovered);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n z-index: -1;\r\n }\r\n\r\n /* Button style on clicked */\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n margin: 0;\r\n top: 0;\r\n left: 0;\r\n box-shadow: var(--button-shadow-active);\r\n border-radius: 2px;\r\n background: var(--button-gradient-active);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n z-index: -1;\r\n }\r\n\r\n &:disabled {\r\n background: var(--button-face-disabled);\r\n border-color: var(--button-border-color-disabled);\r\n color: var(--button-text-color-disabled);\r\n }\r\n\r\n &:not(:disabled) {\r\n /* Animation when hovered */\r\n &:hover {\r\n border-color: var(--button-border-color-hovered);\r\n transition: border-color 0.3s;\r\n\r\n &::before {\r\n opacity: 1;\r\n transition: opacity 0.3s;\r\n }\r\n }\r\n\r\n /* Animation when unhovered */\r\n &:not(:hover) {\r\n border-color: var(--button-border-color);\r\n transition: border-color 1s linear;\r\n\r\n &::before {\r\n opacity: 0;\r\n transition: opacity 1s linear;\r\n }\r\n }\r\n\r\n &:active,\r\n &.active {\r\n border-color: var(--button-border-color-active);\r\n transition: border-color 0.3s;\r\n\r\n &::after {\r\n opacity: 1;\r\n transition: opacity 0.3s;\r\n }\r\n }\r\n }\r\n\r\n &:focus-visible,\r\n &.focused {\r\n box-shadow: inset 0 0 0 2px var(--button-shade-light-active);\r\n outline: 1px dotted #000;\r\n outline-offset: -4px;\r\n }\r\n\r\n &.default,\r\n &:focus,\r\n &.focused {\r\n border-color: var(--button-border-color-default);\r\n background-image: var(--button-gradient-hovered);\r\n animation: 1s ease infinite alternate pulse-anim;\r\n }\r\n}\r\n\r\nlabel[role=\"button\"] {\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n > input[type=\"file\"] {\r\n display: none;\r\n }\r\n}\r\n\r\n@keyframes pulse-anim {\r\n from {\r\n box-shadow: inset 0 0 3px 1px #34deffdd;\r\n }\r\n to {\r\n box-shadow: inset 0 0 1px 1px #34deffdd;\r\n }\r\n}\r\n",":root {\r\n --checkbox-width: 14px;\r\n --checkbox-label-spacing: 6px;\r\n --checkbox-total-width-precalc: 0;\r\n --checkbox-total-width: calc(var(--checkbox-total-width-precalc));\r\n --checkmark-top: 0;\r\n --checkmark-left: 2px;\r\n}\r\n\r\ninput[type=\"checkbox\"] {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n font: var(--font);\r\n background: none;\r\n border: none;\r\n margin: 0;\r\n opacity: 0;\r\n\r\n + label {\r\n font: var(--font);\r\n display: inline-flex;\r\n align-items: center;\r\n position: relative;\r\n margin-left: var(--checkbox-total-width);\r\n\r\n &::before {\r\n content: \"\";\r\n display: inline-block;\r\n width: var(--checkbox-width);\r\n height: var(--checkbox-width);\r\n margin-right: var(--checkbox-label-spacing);\r\n box-sizing: border-box;\r\n }\r\n }\r\n \r\n &:not(:disabled) {\r\n + label {\r\n &::before {\r\n content: \"\";\r\n background: #f6f6f6;\r\n border: 1px solid var(--button-border-color);\r\n box-shadow: inset 0 0 0 1px #f4f4f4, inset 1px 1px 0 1px #aeaeae,\r\n inset -1px -1px 0 1px #ddd, inset 3px 3px 6px #ccc;\r\n transition: 0.4s;\r\n }\r\n\r\n &:hover::before {\r\n background: #e9f7fe;\r\n border-color: var(--button-border-color-hovered);\r\n box-shadow: inset 0 0 0 1px #def9fa, inset 1px 1px 0 1px #79c6f9,\r\n inset -1px -1px 0 1px #c6e9fc, inset 3px 3px 6px #b1dffd;\r\n }\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n + label {\r\n outline: 1px dotted #000;\r\n }\r\n }\r\n\r\n &:checked {\r\n + label {\r\n &::after {\r\n content: \"\\2714\";\r\n font-weight: bold;\r\n display: block;\r\n position: absolute;\r\n top: var(--checkmark-top);\r\n left: var(--checkmark-left);\r\n color: #4a5f97;\r\n }\r\n }\r\n }\r\n\r\n &:disabled {\r\n + label {\r\n color: #6d6d6d;\r\n\r\n &::before {\r\n content: \"\";\r\n display: inline-block;\r\n width: var(--checkbox-width);\r\n height: var(--checkbox-width);\r\n margin-right: var(--checkbox-label-spacing);\r\n background: linear-gradient(to bottom right, #f0f0f0, #fbfbfb);\r\n border: 1px solid #b1b1b1;\r\n box-sizing: border-box;\r\n }\r\n\r\n &::after {\r\n color: #bfbfbf;\r\n }\r\n }\r\n }\r\n}\r\n",":root {\r\n --chevron-size: 5px;\r\n}\r\n\r\ndetails {\r\n margin-top: 0;\r\n\r\n > summary {\r\n display: inline;\r\n position: relative;\r\n margin-bottom: 0;\r\n cursor: pointer;\r\n\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n top: calc(50% - var(--chevron-size));\r\n right: 100%;\r\n border: var(--chevron-size) solid transparent;\r\n border-left-color: #000;\r\n border-radius: 3px;\r\n }\r\n\r\n &::-webkit-details-marker,\r\n &::marker {\r\n display: none;\r\n }\r\n }\r\n\r\n &[open] {\r\n > summary {\r\n &:before {\r\n top: calc(50% - var(--chevron-size) / 2);\r\n transform: rotateZ(45deg);\r\n }\r\n }\r\n }\r\n}\r\n",":root {\r\n --combobox-chevron-size: 4px;\r\n}\r\n\r\n.combobox {\r\n position: relative;\r\n display: inline-block;\r\n\r\n input[type=\"text\"] {\r\n padding-right: 20px;\r\n width: 100%;\r\n }\r\n\r\n button {\r\n position: absolute;\r\n right: 0;\r\n padding: 0;\r\n min-width: 16px;\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n background: url(\"icon/button-down.svg\") center no-repeat,\r\n var(--button-gradient);\r\n\r\n &::before {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n background: url(\"icon/button-down.svg\") center no-repeat,\r\n var(--button-gradient-hovered);\r\n }\r\n\r\n &::after {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n background: url(\"icon/button-down.svg\") center no-repeat,\r\n var(--button-gradient-active);\r\n }\r\n\r\n &:focus {\r\n box-shadow: none;\r\n outline: none;\r\n }\r\n }\r\n}\r\n","select:not([multiple]) {\r\n font: var(--font);\r\n padding: 2px 3px;\r\n border: var(--button-border);\r\n border-color: var(--button-border-color);\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--button-shadow);\r\n box-sizing: border-box;\r\n color: #222;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n position: relative;\r\n padding-right: 30px;\r\n background: url(\"./icon/dropdown-arrow.svg\"), var(--button-gradient);\r\n background-position: center right;\r\n background-repeat: no-repeat;\r\n\r\n &:not(:disabled) {\r\n &:hover {\r\n border-color: var(--button-border-color-hovered);\r\n background-image: url(\"./icon/dropdown-arrow.svg\"),\r\n var(--button-gradient-hovered);\r\n }\r\n\r\n &:active {\r\n outline: none;\r\n border-color: var(--button-border-color-active);\r\n box-shadow: var(--button-shadow-active);\r\n background-image: url(\"./icon/dropdown-arrow.svg\"),\r\n var(--button-gradient-active);\r\n }\r\n\r\n &:focus {\r\n outline: 1px dotted #000;\r\n outline-offset: -4px;\r\n box-shadow: inset 0 0 0 2px var(--button-shade-light-active);\r\n }\r\n }\r\n\r\n &:disabled {\r\n background: url(\"./icon/dropdown-arrow-disabled.svg\"), var(--button-face-disabled);\r\n background-position: center right;\r\n background-repeat: no-repeat;\r\n border-color: var(--button-border-color-disabled);\r\n color: var(--button-text-color-disabled);\r\n opacity: 1;\r\n }\r\n}\r\n","fieldset {\r\n border: 1px solid #cdd7db;\r\n border-radius: var(--border-radius);\r\n box-shadow: inset 0 0 0 1px #fff;\r\n padding: calc(2 * var(--border-width) + var(--element-spacing));\r\n padding-block-start: var(--element-spacing);\r\n margin: 0;\r\n\r\n legend {\r\n font: var(--font);\r\n }\r\n}\r\n\r\n.field-row {\r\n display: flex;\r\n align-items: center;\r\n\r\n > * {\r\n + * {\r\n margin-left: var(--grouped-element-spacing);\r\n }\r\n }\r\n\r\n &-stacked {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n * {\r\n + * {\r\n margin-top: var(--grouped-element-spacing);\r\n }\r\n }\r\n }\r\n}\r\n\r\n[class^=\"field-row\"] {\r\n + [class^=\"field-row\"] {\r\n margin-top: var(--grouped-element-spacing);\r\n }\r\n}\r\n","[role=\"listbox\"],\r\nselect[multiple] {\r\n background: #fff;\r\n border: 1px solid #c0c1cd;\r\n display: block;\r\n font: var(--font);\r\n overflow-y: scroll;\r\n\r\n &.has-shadow {\r\n box-shadow: 4px 4px 3px -2px #999;\r\n }\r\n\r\n &.has-hover {\r\n li:hover {\r\n background-color: #2a90ff;\r\n color: #fff;\r\n }\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n [role=\"option\"],\r\n option {\r\n padding: 2px;\r\n\r\n &[aria-selected],\r\n &:focus {\r\n background-color: #2a90ff;\r\n color: #fff;\r\n }\r\n }\r\n}\r\n",":root {\r\n --listview-chevron-size: 5px;\r\n --listview-background: #ffffff;\r\n --listview-border: 1px solid;\r\n --listview-border-color: #eeeeee;\r\n --listview-border-color-header: #d7d7d7;\r\n --listview-gradient: linear-gradient(\r\n to bottom,\r\n #ffffff 45%,\r\n #fafafa 45%,\r\n #f0f0f0\r\n );\r\n --listview-header-border-color-highlight: #a7d8f5;\r\n --listview-header-gradient-highlight: linear-gradient(\r\n to bottom,\r\n #f3f9fc 45%,\r\n #e4f0f8 45%,\r\n #d9eaf5\r\n );\r\n --listview-header-chevron-background: linear-gradient(\r\n to bottom right,\r\n #667f91 45%,\r\n #90c1e2 65%,\r\n #cce3f2\r\n );\r\n}\r\n\r\ntable {\r\n font: var(--font);\r\n background-color: var(--listview-background);\r\n border: 1px solid #c0c1cd;\r\n\r\n border-collapse: collapse;\r\n position: relative;\r\n text-align: left;\r\n white-space: nowrap;\r\n table-layout: fixed;\r\n\r\n td,\r\n th {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n &.has-shadow {\r\n box-shadow: 4px 4px 3px -2px #999;\r\n }\r\n\r\n > thead > tr > * {\r\n background: var(--listview-gradient);\r\n border: var(--listview-border) var(--listview-border-color-header);\r\n box-sizing: border-box;\r\n font-weight: 400;\r\n height: 22px;\r\n padding: 0 var(--grouped-element-spacing);\r\n position: sticky;\r\n top: 0;\r\n cursor: default;\r\n\r\n &.highlighted {\r\n border: var(--listview-border)\r\n var(--listview-header-border-color-highlight);\r\n background: var(--listview-header-gradient-highlight);\r\n border-radius: var(--border-radius);\r\n\r\n &:not(:last-child) {\r\n border-right-color: var(--listview-header-border-color-highlight);\r\n }\r\n\r\n &.indicator {\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n right: 50%;\r\n top: 0;\r\n width: calc(var(--listview-chevron-size) * 1.2);\r\n height: var(--listview-chevron-size);\r\n background: var(--listview-header-chevron-background);\r\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\r\n }\r\n &.up::before {\r\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n > tbody > tr {\r\n cursor: default;\r\n\r\n &.highlighted {\r\n border: var(--listview-border) var(--item-highlighted-border);\r\n background: var(--item-highlighted-background);\r\n border-radius: var(--border-radius);\r\n\r\n > *:not(:last-child) {\r\n border-right: none;\r\n }\r\n }\r\n\r\n > * {\r\n height: 14px;\r\n padding: 2px var(--element-spacing);\r\n }\r\n\r\n > *:not(:last-child) {\r\n border-right: var(--listview-border) var(--listview-border-color);\r\n }\r\n }\r\n}\r\n",":root {\r\n --menu-padding: 2px;\r\n --item-offset-left: 30px;\r\n}\r\n\r\nul {\r\n &[role] {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n cursor: default;\r\n }\r\n\r\n &[role=\"menubar\"] {\r\n display: flex;\r\n background: linear-gradient(\r\n #fff 20%,\r\n #f1f4fa 25%,\r\n #f1f4fa 43%,\r\n #d4dbee 48%,\r\n #e6eaf6\r\n );\r\n\r\n > [role=\"menuitem\"] {\r\n position: relative;\r\n padding: 6px 10px;\r\n\r\n &:focus,\r\n &:focus-within,\r\n &:hover {\r\n background: #3399ff;\r\n color: #fff;\r\n outline: none;\r\n ~ [role=\"menuitem\"]:focus,\r\n ~ [role=\"menuitem\"]:focus-within {\r\n background: transparent;\r\n color: inherit;\r\n }\r\n &:has(~ [role=\"menuitem\"]:hover) {\r\n background: transparent;\r\n color: inherit;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &[role=\"menu\"] {\r\n position: relative;\r\n min-width: 150px;\r\n padding: var(--menu-padding);\r\n background: var(--surface);\r\n color: initial;\r\n border: 1px solid #0006;\r\n box-shadow: 4px 4px 3px -2px #00000080;\r\n\r\n &::before {\r\n content: \"\";\r\n pointer-events: none;\r\n position: absolute;\r\n left: var(--item-offset-left);\r\n width: 2px;\r\n height: calc(100% - 4px);\r\n box-shadow: inset 1px 0 #00000026, inset -1px 0 #fff;\r\n }\r\n\r\n [role=\"menuitem\"] & {\r\n display: none;\r\n position: absolute;\r\n left: 0;\r\n top: 100%;\r\n z-index: 99;\r\n }\r\n\r\n & [role=\"menuitem\"] > [role=\"menu\"] {\r\n top: -4px;\r\n left: 100%;\r\n }\r\n\r\n > [role=\"menuitem\"] {\r\n > a,\r\n > button,\r\n > label,\r\n &[aria-haspopup=\"true\"] {\r\n all: unset;\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n padding: 4px 10px 4px 32px;\r\n box-sizing: border-box;\r\n border: 1px solid transparent;\r\n border-radius: 3px;\r\n white-space: nowrap;\r\n\r\n &:hover,\r\n &:focus-visible {\r\n background: var(--item-highlighted-background);\r\n border-color: var(--item-highlighted-border);\r\n }\r\n }\r\n\r\n > button {\r\n &:hover::before,\r\n &::after {\r\n content: none;\r\n }\r\n }\r\n\r\n &[aria-haspopup=\"true\"] {\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n right: 2px;\r\n transform: translateY(-50%);\r\n border: 4px solid transparent;\r\n border-left-color: currentColor;\r\n }\r\n }\r\n }\r\n }\r\n\r\n [role=\"menuitem\"] {\r\n position: relative;\r\n\r\n > input[type] {\r\n display: none;\r\n\r\n & + label {\r\n display: block;\r\n position: relative;\r\n\r\n &::before {\r\n all: unset; /* unset the standalone checkbox/radio styles */\r\n background: var(--item-highlighted-background);\r\n box-shadow: 0 0 0 1px #b3d3f9;\r\n border-radius: inherit;\r\n box-sizing: border-box;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 22px;\r\n height: 22px;\r\n }\r\n }\r\n\r\n &:checked + label {\r\n &::before {\r\n content: \"\";\r\n }\r\n }\r\n\r\n &[type=\"radio\"]:checked + label {\r\n &::after {\r\n left: 8px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: radial-gradient(circle at 75% 25%, #d5d4ea, #333583);\r\n border: 1px solid #1a1490;\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n &[type=\"checkbox\"]:checked + label {\r\n &::after {\r\n color: #0c12a1;\r\n font-size: 10pt;\r\n left: 6px;\r\n top: 50%;\r\n transform: translateY(-52%);\r\n }\r\n }\r\n }\r\n\r\n &:focus,\r\n &:focus-within {\r\n > [role=\"menu\"] {\r\n display: block;\r\n }\r\n &:has(~ [role=\"menuitem\"]:hover) {\r\n > [role=\"menu\"] {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n &[aria-disabled] {\r\n opacity: 0.5;\r\n pointer-events: none;\r\n }\r\n\r\n &.has-divider {\r\n &::after {\r\n content: \"\";\r\n pointer-events: none;\r\n display: block;\r\n margin: 3px 0 2px;\r\n height: 2px;\r\n margin-left: var(--item-offset-left);\r\n box-shadow: inset 0 1px #00000026, inset 0 -1px #fff;\r\n }\r\n }\r\n\r\n img {\r\n position: absolute;\r\n z-index: 1;\r\n left: 2px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n pointer-events: none;\r\n }\r\n\r\n span {\r\n margin-left: 32px;\r\n }\r\n }\r\n\r\n &.can-hover [role=\"menuitem\"]:hover {\r\n > [role=\"menu\"] {\r\n display: block;\r\n }\r\n ~ [role=\"menuitem\"]:focus,\r\n ~ [role=\"menuitem\"]:focus-within {\r\n background: transparent;\r\n color: inherit;\r\n > [role=\"menu\"] {\r\n display: none;\r\n }\r\n }\r\n }\r\n}\r\n",":root {\r\n --progress-color-normal: #0bd82c;\r\n --progress-color-paused: #e6df1b;\r\n --progress-color-error: #ef0000;\r\n}\r\n\r\n[role=\"progressbar\"] {\r\n height: 15px;\r\n border: 1px solid var(--button-border-color);\r\n border-radius: var(--border-radius);\r\n box-shadow: inset 0 0 0 1px #f3f3f388, 0 0 0 1px #eaeaea88;\r\n margin: 2px 0;\r\n overflow: hidden;\r\n background: radial-gradient(circle at 0 50%, #0000001f 10px, transparent 30px),\r\n radial-gradient(circle at 100% 50%, #0000001f 10px, transparent 30px),\r\n linear-gradient(\r\n to bottom,\r\n #f3f3f3af,\r\n #fcfcfcaf 3px,\r\n #dbdbdbaf 6px,\r\n #cacacaaf 6px,\r\n #d5d5d5af\r\n ),\r\n #ddd;\r\n\r\n > div {\r\n overflow: hidden;\r\n height: 100%;\r\n box-shadow: inset 0 0 0 1px #ffffff1f;\r\n background-color: var(--progress-color-normal);\r\n background-image: linear-gradient(\r\n to bottom,\r\n #f3f3f3af,\r\n #fcfcfcaf 3px,\r\n #dbdbdbaf 6px,\r\n transparent 6px\r\n ),\r\n radial-gradient(circle at 0 50%, #0000002f 10px, transparent 30px),\r\n radial-gradient(circle at 100% 50%, #0000002f 10px, transparent 30px),\r\n linear-gradient(to bottom, transparent 65%, #ffffff55),\r\n linear-gradient(to bottom, transparent 6px, #cacaca33 6px, #d5d5d533);\r\n }\r\n\r\n &.paused > div {\r\n background-color: var(--progress-color-paused);\r\n }\r\n\r\n &.error > div {\r\n background-color: var(--progress-color-error);\r\n }\r\n\r\n &.animate > div::before,\r\n &.marquee::before {\r\n content: \"\";\r\n animation: progressbar 3s linear infinite;\r\n display: block;\r\n height: 100%;\r\n background: linear-gradient(\r\n to right,\r\n transparent,\r\n #ffffff80,\r\n transparent 40%\r\n );\r\n }\r\n\r\n &.marquee::before {\r\n opacity: 0.5;\r\n background: linear-gradient(\r\n to right,\r\n transparent,\r\n var(--progress-color-normal),\r\n transparent 35%\r\n );\r\n }\r\n}\r\n\r\n@keyframes progressbar {\r\n 0% {\r\n transform: translateX(-40%);\r\n }\r\n 60% {\r\n transform: translateX(100%);\r\n }\r\n 100% {\r\n /* for faking delay */\r\n transform: translateX(100%);\r\n }\r\n}\r\n",":root {\r\n --radio-width: 14px;\r\n --radio-label-spacing: 6px;\r\n --radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing);\r\n --radio-total-width: calc(var(--radio-total-width-precalc));\r\n --radio-dot-width: 8px;\r\n --radio-dot-offset: calc(var(--radio-width) / 2);\r\n --radio-dot-top: calc(var(--radio-dot-offset) - var(--radio-dot-width) / 2);\r\n --radio-dot-left: calc(\r\n -1 * (var(--radio-total-width)) + var(--radio-width) / 2 - var(\r\n --radio-dot-width\r\n ) / 2\r\n );\r\n}\r\n\r\ninput[type=\"radio\"] {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n margin: 0;\r\n background: 0;\r\n position: fixed;\r\n opacity: 0;\r\n border: none;\r\n\r\n + label {\r\n font: var(--font);\r\n display: inline-flex;\r\n align-items: center;\r\n position: relative;\r\n margin-left: var(--radio-total-width);\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: calc(var(--radio-total-width) * -1);\r\n display: inline-block;\r\n width: var(--radio-width);\r\n height: var(--radio-width);\r\n margin-right: var(--radio-label-spacing);\r\n background: #f6f6f6;\r\n border-radius: 50%;\r\n border: 1px solid;\r\n border-color: var(--button-border-color);\r\n box-shadow: inset 0 0 0 1.5px #f4f4f4, inset 1px 1px 0 1.5px #aeaeae,\r\n inset -1px 0 0 1.5px #ddd, inset 3px 3px 6px #ccc;\r\n box-sizing: border-box;\r\n transition: 0.4s;\r\n }\r\n\r\n &:hover::before {\r\n border-color: var(--button-border-color-hovered);\r\n box-shadow: inset 0 0 0 1.5px #def9fa, inset 1px 1px 0 1.5px #79c6f9,\r\n inset -1px -1px 0 1.5px #c6e9fc, inset 3px 3px 6px #b1dffd;\r\n }\r\n }\r\n\r\n &:checked {\r\n + label {\r\n &::after {\r\n content: \"\";\r\n display: block;\r\n width: var(--radio-dot-width);\r\n height: var(--radio-dot-width);\r\n top: var(--radio-dot-top);\r\n left: var(--radio-dot-left);\r\n position: absolute;\r\n background: #7cd3eb;\r\n border-radius: 50%;\r\n border: 1.5px solid #27506d;\r\n box-shadow: inset -1px -1px 0 0.5px #16638f,\r\n inset -1px -1px 0 1px #1985c0;\r\n box-sizing: border-box;\r\n }\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n + label {\r\n outline: 1px dotted #000000;\r\n }\r\n }\r\n\r\n &:disabled {\r\n + label {\r\n opacity: 0.6;\r\n }\r\n }\r\n}\r\n",":root {\r\n --scrollbar-y: linear-gradient(to right, #e5e5e5, var(--surface) 20%);\r\n --scrollbar-x: linear-gradient(to bottom, #e5e5e5, var(--surface) 20%);\r\n}\r\n\r\n.has-scrollbar::-webkit-scrollbar {\r\n width: 16px;\r\n\r\n &:horizontal {\r\n height: 17px;\r\n }\r\n\r\n &-corner {\r\n background: var(--button-face);\r\n }\r\n\r\n &-track {\r\n &:vertical {\r\n background: var(--scrollbar-y);\r\n }\r\n\r\n &:horizontal {\r\n background: var(--scrollbar-x);\r\n }\r\n }\r\n\r\n &-thumb {\r\n border: var(--button-border);\r\n border-color: var(--button-border-color);\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--button-shadow);\r\n background-color: var(--button-face);\r\n\r\n &:vertical {\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC\")\r\n no-repeat center,\r\n linear-gradient(\r\n to right,\r\n var(--button-face) 45%,\r\n var(--button-shade-light) 45%,\r\n var(--button-shade-dark)\r\n );\r\n }\r\n\r\n &:horizontal {\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC\")\r\n no-repeat center,\r\n linear-gradient(\r\n to bottom,\r\n var(--button-face) 45%,\r\n var(--button-shade-light) 45%,\r\n var(--button-shade-dark)\r\n );\r\n }\r\n\r\n &:hover {\r\n &:vertical {\r\n border-color: var(--button-border-color-hovered);\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC\")\r\n no-repeat center,\r\n linear-gradient(\r\n to right,\r\n var(--button-face-hover) 45%,\r\n var(--button-shade-light-hovered) 45%\r\n );\r\n }\r\n\r\n &:horizontal {\r\n border-color: var(--button-border-color-hovered);\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC\")\r\n no-repeat center,\r\n linear-gradient(\r\n to bottom,\r\n var(--button-face-hover) 45%,\r\n var(--button-shade-light-hovered) 45%\r\n );\r\n }\r\n }\r\n\r\n &:active {\r\n &:vertical {\r\n border-color: var(--button-border-color-active);\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC\")\r\n no-repeat center,\r\n linear-gradient(\r\n to right,\r\n var(--button-face-active) 45%,\r\n var(--button-shade-light-active) 45%\r\n );\r\n }\r\n\r\n &:horizontal {\r\n border-color: var(--button-border-color-active);\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC\")\r\n no-repeat center,\r\n linear-gradient(\r\n to bottom,\r\n var(--button-face-active) 45%,\r\n var(--button-shade-light-active) 45%\r\n );\r\n }\r\n }\r\n }\r\n\r\n &-button:horizontal:start:increment,\r\n &-button:horizontal:end:decrement,\r\n &-button:vertical:start:increment,\r\n &-button:vertical:end:decrement {\r\n /* https://stackoverflow.com/a/67476494/3916702 */\r\n display: none;\r\n }\r\n\r\n &-button {\r\n /* Add an invisible border to prevent shifting\r\n when hovering the scrollbar buttons */\r\n border: var(--button-border) transparent;\r\n\r\n &:vertical {\r\n height: 17px;\r\n\r\n &:start {\r\n background: url(\"./icon/button-up.svg\"), var(--scrollbar-y);\r\n }\r\n\r\n &:end {\r\n background: url(\"./icon/button-down.svg\"), var(--scrollbar-y);\r\n }\r\n }\r\n\r\n &:horizontal {\r\n width: 16px;\r\n\r\n &:start {\r\n background: url(\"./icon/button-left.svg\"), var(--scrollbar-x);\r\n }\r\n\r\n &:end {\r\n background: url(\"./icon/button-right.svg\"), var(--scrollbar-x);\r\n }\r\n }\r\n\r\n &:hover {\r\n border-color: var(--button-border-color);\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--button-shadow);\r\n background-color: var(--button-face);\r\n\r\n &:vertical {\r\n height: 17px;\r\n\r\n &:start {\r\n border-color: var(--button-border-color-hovered);\r\n background: url(\"./icon/button-up.svg\"),\r\n linear-gradient(\r\n to right,\r\n var(--button-face-hover) 45%,\r\n var(--button-shade-light-hovered) 45%\r\n );\r\n }\r\n\r\n &:end {\r\n border-color: var(--button-border-color-hovered);\r\n background: url(\"./icon/button-down.svg\"),\r\n linear-gradient(\r\n to right,\r\n var(--button-face-hover) 45%,\r\n var(--button-shade-light-hovered) 45%\r\n );\r\n }\r\n }\r\n\r\n &:horizontal {\r\n width: 16px;\r\n\r\n &:start {\r\n border-color: var(--button-border-color-hovered);\r\n background: url(\"./icon/button-left.svg\"),\r\n linear-gradient(\r\n to bottom,\r\n var(--button-face-hover) 45%,\r\n var(--button-shade-light-hovered) 45%\r\n );\r\n }\r\n\r\n &:end {\r\n border-color: var(--button-border-color-hovered);\r\n background: url(\"./icon/button-right.svg\"),\r\n linear-gradient(\r\n to bottom,\r\n var(--button-face-hover) 45%,\r\n var(--button-shade-light-hovered) 45%\r\n );\r\n }\r\n }\r\n }\r\n\r\n &:active {\r\n border-color: var(--button-border-color);\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--button-shadow);\r\n background-color: var(--button-face);\r\n\r\n &:vertical {\r\n height: 17px;\r\n\r\n &:start {\r\n border-color: var(--button-border-color-active);\r\n background: url(\"./icon/button-up.svg\"),\r\n linear-gradient(\r\n to right,\r\n var(--button-face-active) 45%,\r\n var(--button-shade-light-active) 45%\r\n );\r\n }\r\n\r\n &:end {\r\n border-color: var(--button-border-color-active);\r\n background: url(\"./icon/button-down.svg\"),\r\n linear-gradient(\r\n to right,\r\n var(--button-face-active) 45%,\r\n var(--button-shade-light-active) 45%\r\n );\r\n }\r\n }\r\n\r\n &:horizontal {\r\n width: 16px;\r\n\r\n &:start {\r\n border-color: var(--button-border-color-active);\r\n background: url(\"./icon/button-left.svg\"),\r\n linear-gradient(\r\n to bottom,\r\n var(--button-face-active) 45%,\r\n var(--button-shade-light-active) 45%\r\n );\r\n }\r\n\r\n &:end {\r\n border-color: var(--button-border-color-active);\r\n background: url(\"./icon/button-right.svg\"),\r\n linear-gradient(\r\n to bottom,\r\n var(--button-face-active) 45%,\r\n var(--button-shade-light-active) 45%\r\n );\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",":root {\r\n --search-icon: url(\"./icon/search.svg\");\r\n --search-button: var(--search-icon) no-repeat center;\r\n}\r\n\r\n[type=\"search\"] {\r\n height: 24px;\r\n font: var(--font);\r\n padding: 3px 6px;\r\n border: 1px solid transparent;\r\n border-radius: 2px;\r\n background-color: var(--button-highlight);\r\n box-shadow: inset 1px 1px 0 var(--button-border-color), inset -1px -1px 0 #ccc;\r\n box-sizing: border-box;\r\n min-width: 187px;\r\n\r\n &:placeholder-shown {\r\n background-size: 14px;\r\n background-position: calc(100% - 8px) center;\r\n background-image: var(--search-icon);\r\n background-repeat: no-repeat;\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n &::placeholder {\r\n font-style: italic;\r\n }\r\n\r\n .searchbox & {\r\n padding-right: 26px;\r\n\r\n & + [aria-label=\"search\"] {\r\n position: absolute;\r\n top: 1px;\r\n right: 1px;\r\n border-radius: 0;\r\n padding: 0;\r\n min-width: 26px;\r\n min-height: 22px;\r\n background: var(--search-button), var(--button-gradient);\r\n background-size: 14px;\r\n\r\n &::before {\r\n background: var(--search-button), var(--button-gradient-hovered);\r\n background-size: 14px;\r\n border-radius: 0;\r\n }\r\n\r\n &::after {\r\n background: var(--search-button), var(--button-gradient-active);\r\n background-size: 14px;\r\n border-radius: 0;\r\n }\r\n\r\n &:focus-visible {\r\n outline: 1px dotted #000;\r\n outline-offset: -4px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.searchbox {\r\n position: relative;\r\n display: inline-block;\r\n}\r\n",":root {\r\n --thumb-w: 10px;\r\n --thumb-h: 18px;\r\n --thumb-icon: url(\"./icon/slider-indicator.png\");\r\n --thumb-icon-box: url(\"./icon/slider-indicator-box.png\");\r\n --thumb-icon-active: url(\"./icon/slider-indicator-active.png\");\r\n --thumb-icon-box-active: url(\"./icon/slider-indicator-box-active.png\");\r\n}\r\n\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n width: 100%;\r\n background: transparent;\r\n padding: 10px 1px;\r\n\r\n &:focus-visible {\r\n outline: 1px dotted #000;\r\n }\r\n\r\n &::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n height: var(--thumb-h);\r\n width: var(--thumb-w);\r\n background: var(--thumb-icon);\r\n transform: translateY(-7px);\r\n\r\n &:active {\r\n background: var(--thumb-icon-active);\r\n }\r\n }\r\n\r\n &::-moz-range-thumb {\r\n height: var(--thumb-h);\r\n width: var(--thumb-w);\r\n background: var(--thumb-icon);\r\n border: 0;\r\n border-radius: 0;\r\n\r\n &:active {\r\n background: var(--thumb-icon-active);\r\n }\r\n }\r\n\r\n &::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 3px;\r\n background: var(--surface);\r\n box-sizing: border-box;\r\n box-shadow: inset 1px 1px 1px #999, inset -1px 0 #999, 0 1px #fff;\r\n }\r\n\r\n &::-moz-range-track {\r\n width: 100%;\r\n height: 3px;\r\n background: var(--surface);\r\n box-sizing: border-box;\r\n box-shadow: inset 1px 1px 1px #999, inset -1px 0 #999, 0 1px #fff;\r\n }\r\n}\r\n\r\ninput[type=\"range\"].has-box-indicator {\r\n &::-webkit-slider-thumb {\r\n background: var(--thumb-icon-box);\r\n\r\n &:active {\r\n background: var(--thumb-icon-box-active);\r\n }\r\n }\r\n\r\n &::-moz-range-thumb {\r\n background: var(--thumb-icon-box);\r\n\r\n &:active {\r\n background: var(--thumb-icon-box-active);\r\n }\r\n }\r\n}\r\n\r\n.is-vertical {\r\n display: inline-block;\r\n width: 4px;\r\n height: 150px;\r\n transform: translateY(50%);\r\n\r\n > input[type=\"range\"] {\r\n width: 150px;\r\n height: 4px;\r\n margin: 0 calc(var(--grouped-element-spacing) + var(--range-spacing)) 0\r\n var(--range-spacing);\r\n transform-origin: left;\r\n transform: rotate(270deg) translateX(calc(-50% + var(--element-spacing)));\r\n\r\n &::-webkit-slider-thumb {\r\n transform: translateY(-8px) scaleX(-1);\r\n }\r\n\r\n &::-moz-range-thumb {\r\n transform: translateY(2px) scaleX(-1);\r\n }\r\n }\r\n\r\n > input[type=\"range\"].has-box-indicator {\r\n &::-webkit-slider-thumb {\r\n transform: translateY(-9px) scaleX(-1);\r\n }\r\n\r\n &::-moz-range-thumb {\r\n transform: translateY(0px) scaleX(-1);\r\n }\r\n }\r\n}\r\n",".spinner,\r\n.loader {\r\n background: url(\"./icon/spinner.png\") center;\r\n width: 20px;\r\n height: 20px;\r\n display: inline-block;\r\n color: transparent;\r\n\r\n &.animate {\r\n background-image: url(\"./icon/spinner.gif\");\r\n }\r\n}\r\n",":root {\r\n --tab-border: 1px solid #888;\r\n --tab-border-color: #888;\r\n --tab-bg: #fff;\r\n}\r\n\r\n[role=\"tabpanel\"] {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\nmenu[role=\"tablist\"] {\r\n position: relative;\r\n margin: 0 0 -2px 0;\r\n text-indent: 0;\r\n list-style-type: none;\r\n display: flex;\r\n padding-left: 3px;\r\n\r\n button {\r\n padding: 2px 6px;\r\n border-radius: 0;\r\n z-index: 1;\r\n display: block;\r\n color: #222;\r\n text-decoration: none;\r\n min-width: unset;\r\n\r\n &[aria-selected=\"true\"] {\r\n padding-bottom: 4px;\r\n margin: -2px 0px 1px -3px;\r\n background: var(--tab-bg);\r\n box-shadow: none;\r\n border-bottom: 0;\r\n position: relative;\r\n z-index: 8;\r\n\r\n &::before,\r\n &::after {\r\n content: none;\r\n }\r\n\r\n &:hover {\r\n border-color: var(--tab-border-color);\r\n }\r\n\r\n &:focus,\r\n &:active,\r\n &.active {\r\n border-color: var(--tab-border-color);\r\n animation: none;\r\n }\r\n\r\n &:focus-visible {\r\n outline: 1px dotted #222;\r\n outline-offset: -4px;\r\n }\r\n }\r\n\r\n &::before {\r\n border-radius: 0;\r\n }\r\n\r\n &::after {\r\n content: none;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.6;\r\n }\r\n }\r\n\r\n &.justified {\r\n button {\r\n flex-grow: 1;\r\n text-align: center;\r\n }\r\n }\r\n}\r\n\r\n[role=\"tabpanel\"] {\r\n padding: 14px;\r\n clear: both;\r\n background: var(--tab-bg);\r\n border: var(--tab-border);\r\n position: relative;\r\n z-index: 2;\r\n margin-bottom: 9px;\r\n}\r\n","input {\r\n &[type=\"url\"],\r\n &[type=\"text\"],\r\n &[type=\"email\"],\r\n &[type=\"number\"],\r\n &[type=\"password\"] {\r\n height: 23px;\r\n }\r\n}\r\n\r\ninput[type=\"url\"],\r\ninput[type=\"text\"],\r\ninput[type=\"email\"],\r\ninput[type=\"number\"],\r\ninput[type=\"password\"],\r\ntextarea {\r\n font: var(--font);\r\n padding: 3px 4px 5px;\r\n border: 1px solid #ccc;\r\n border-top-color: var(--button-border-color);\r\n border-radius: 2px;\r\n background-color: var(--button-highlight);\r\n box-sizing: border-box;\r\n\r\n &:focus {\r\n outline: none;\r\n border-color: var(--button-shade-light-hovered);\r\n border-top-color: var(--button-shade-light-active);\r\n }\r\n}\r\n",":root {\r\n --treeview-square-size: 8px;\r\n --treeview-spacing: 20px;\r\n}\r\n\r\nul.tree-view {\r\n font: var(--font);\r\n display: block;\r\n margin: 0;\r\n padding: 6px 6px 6px var(--treeview-spacing);\r\n\r\n li {\r\n list-style-type: none;\r\n margin-top: 4px;\r\n position: relative;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: #000;\r\n }\r\n\r\n ul {\r\n margin-top: 4px;\r\n padding-left: var(--treeview-spacing);\r\n }\r\n\r\n &.has-container {\r\n background: #fff;\r\n border: 1px solid var(--button-border-color);\r\n }\r\n\r\n &.has-collapse-button details {\r\n > summary {\r\n &::-webkit-details-marker,\r\n &::marker {\r\n display: none;\r\n }\r\n\r\n &::before {\r\n content: \"\\002b\";\r\n top: calc(50% - var(--treeview-square-size) / 2);\r\n left: calc(var(--treeview-square-size) * 2 * -1);\r\n right: unset;\r\n width: var(--treeview-square-size);\r\n height: var(--treeview-square-size);\r\n background: linear-gradient(\r\n to bottom,\r\n var(--button-face) 45%,\r\n var(--button-shade-light)\r\n );\r\n border: 1px solid #919191;\r\n border-radius: 1px;\r\n color: #4b63a7;\r\n font-size: 8pt;\r\n font-weight: bold;\r\n line-height: calc(var(--treeview-square-size) - calc(50% - var(--treeview-square-size) / 2));\r\n text-align: center;\r\n margin: 0;\r\n }\r\n }\r\n\r\n &[open] > summary::before {\r\n content: \"\\2013\";\r\n transform: none;\r\n }\r\n }\r\n\r\n &.has-connector {\r\n ul {\r\n position: relative;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: var(--treeview-square-size);\r\n height: calc(100% - var(--treeview-square-size));\r\n border-left: 1px dotted #000;\r\n }\r\n\r\n li::before {\r\n content: \"\";\r\n position: absolute;\r\n top: var(--treeview-square-size);\r\n right: calc(100% + var(--treeview-square-size) / 4);\r\n width: calc(var(--treeview-spacing) / 2);\r\n border-bottom: 1px dotted #000;\r\n }\r\n }\r\n }\r\n}\r\n",":root {\r\n --link-color: #0066cc;\r\n --link-color-hovered: #3399ff;\r\n --primary-color: #003399;\r\n --secondary-color: #000000;\r\n}\r\n\r\na {\r\n color: var(--link-color);\r\n text-decoration: none;\r\n\r\n &:focus-visible {\r\n outline: 1px dotted var(--link-color);\r\n }\r\n\r\n &:hover,\r\n &:focus {\r\n color: var(--link-color-hovered);\r\n text-decoration: underline;\r\n }\r\n}\r\n\r\n.instruction {\r\n font: var(--font);\r\n color: var(--secondary-color);\r\n font-weight: normal;\r\n margin: 0 0 20px;\r\n\r\n &-primary {\r\n font-size: 12pt;\r\n color: var(--primary-color);\r\n }\r\n}\r\n\r\n.header {\r\n font: var(--font);\r\n font-weight: normal;\r\n\r\n &-document {\r\n font-family: \"Calibri\", \"Noto Sans\", sans-serif;\r\n font-size: 17pt;\r\n color: var(--secondary-color);\r\n }\r\n\r\n &-group {\r\n font-size: 11pt;\r\n color: var(--primary-color);\r\n }\r\n}\r\n",":root {\r\n --window-spacing: 6px;\r\n --window-border: 1px solid;\r\n --window-border-radius: 6px;\r\n --window-border-color: #000000b3;\r\n --window-background-color: #4580c4;\r\n --window-background-glass-stripes: linear-gradient(\r\n 135deg,\r\n #fff5 70px,\r\n transparent 100px\r\n ),\r\n linear-gradient(225deg, #fff5 70px, transparent 100px),\r\n linear-gradient(\r\n 54deg,\r\n /* ------------------------------- 1st stripe ------------------------------- */\r\n #0002 0 4%,\r\n #6661 6% 6%,\r\n #0002 8% 10%,\r\n /* ------------------------------- 2nd stripe ------------------------------- */\r\n #0002 15% 16%,\r\n #aaa1 17% 18%,\r\n #0002 23% 24%,\r\n /* ------------------------------- 3rd stripe ------------------------------- */\r\n #bbb2 25% 26%,\r\n #0002 31% 33%,\r\n /* ------------------------------- 4th stripe ------------------------------- */\r\n #0002 34% 34.5%,\r\n #bbb2 36% 40%,\r\n /* ------------------------------- 5th stripe ------------------------------- */\r\n #0002 41% 41.5%,\r\n #bbb2 44% 45%,\r\n /* ------------------------------- 6th stripe ------------------------------- */\r\n #bbb2 46% 47%,\r\n #0002 48% 49%,\r\n #0002 50% 50.5%,\r\n /* ------------------------------- 7th stripe ------------------------------- */\r\n #0002 56% 56.5%,\r\n #bbb2 57% 63%,\r\n #0002 67% 69%,\r\n /* ------------------------------- 8th stripe ------------------------------- */\r\n #bbb2 69.5% 70%,\r\n #0002 73.5% 74%,\r\n /* ------------------------------- 9th stripe ------------------------------- */\r\n #bbb2 74.5% 79%,\r\n #0002 80% 84%,\r\n /* ------------------------------- 10th stripe ------------------------------- */\r\n #aaa2 85% 86%,\r\n #0002 87%,\r\n #bbb1 90%\r\n )\r\n left center/100vw 100vh no-repeat fixed;\r\n --window-background: linear-gradient(\r\n to right,\r\n #ffffff66,\r\n #0000001a,\r\n #ffffff33\r\n ),\r\n var(--window-background-color);\r\n\r\n --control-border-color: #0000004d;\r\n --control-border-radius: 5px;\r\n --control-inset-shadow: inset 0 0 0 1px #fffa;\r\n --control-background: linear-gradient(\r\n #ffffff80,\r\n #ffffff4d 45%,\r\n #0000001a 50%,\r\n #0000001a 75%,\r\n #ffffff80\r\n );\r\n\r\n /* Colors for minimize, maximize, and restore buttons when hovered */\r\n --control-background-hovered: radial-gradient(\r\n circle at bottom,\r\n #2aceda,\r\n transparent 65%\r\n ),\r\n linear-gradient(#b6d9ee 50%, #1a6ca1 50%);\r\n\r\n /* Colors for minimize, maximize, and restore buttons when clicked */\r\n --control-background-active: radial-gradient(\r\n circle at bottom,\r\n #0bfdfa,\r\n transparent 65%\r\n ),\r\n linear-gradient(#86a7bc 50%, #092747 50%);\r\n\r\n /* Colors for the close button at normal state */\r\n --control-background-close: radial-gradient(\r\n circle at -60% 50%,\r\n #0007 5% 10%,\r\n #0000 50%\r\n ),\r\n radial-gradient(circle at 160% 50%, #0007 5% 10%, #0000 50%),\r\n linear-gradient(#e0a197e5, #cf796a 25% 50%, #d54f36 50%);\r\n\r\n /* Colors for the close button when hovered */\r\n --control-background-close-hovered: radial-gradient(\r\n circle at 50% 170%,\r\n #f4e676 10% 20%,\r\n #0000 60%\r\n ),\r\n radial-gradient(circle at -60% 50%, #000a 5% 10%, #0000 50%),\r\n radial-gradient(circle at 160% 50%, #000a 5% 10%, #0000 50%),\r\n linear-gradient(#fb9d8b, #ee6d56 25% 50%, #d42809 50%);\r\n\r\n /* Colors for the close button when clicked */\r\n --control-background-close-active: radial-gradient(\r\n circle at 50% 170%,\r\n #dcc03f 10% 20%,\r\n #0000 60%\r\n ),\r\n radial-gradient(circle at -60% 50%, #000 5% 10%, #0000 50%),\r\n radial-gradient(circle at 160% 50%, #000 5% 10%, #0000 50%),\r\n linear-gradient(#d1a894, #b67562 25% 50%, #7d0d01 50%);\r\n}\r\n\r\n.window {\r\n font: var(--font);\r\n box-shadow: 2px 2px 10px 1px var(--window-border-color), inset 0 0 0 1px #fffa;\r\n border: var(--window-border) var(--window-border-color);\r\n border-radius: var(--window-border-radius);\r\n position: relative;\r\n z-index: 0;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n z-index: -1;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--window-border-radius);\r\n background: linear-gradient(transparent 20%, #ffffffb3 40%, transparent 41%),\r\n var(--window-background);\r\n background-color: var(--window-background-color);\r\n box-shadow: inset 0 0 0 1px #fffd;\r\n }\r\n\r\n &-body {\r\n margin: var(--window-spacing);\r\n margin-top: 0;\r\n border: var(--window-border) var(--window-border-color);\r\n background: var(--surface);\r\n box-shadow: 0 0 0 1px #fff9;\r\n\r\n &.has-space {\r\n padding: var(--window-spacing);\r\n }\r\n\r\n pre {\r\n margin: calc(var(--window-spacing) * -1);\r\n }\r\n }\r\n\r\n &-footer,\r\n footer {\r\n margin: var(--window-spacing);\r\n margin-top: calc(-1 * var(--window-spacing) - 1px);\r\n background: var(--surface);\r\n border: var(--window-border) var(--window-border-color);\r\n border-top: 0;\r\n box-shadow: 0 0.5px 1px 0.5px #fff;\r\n position: relative;\r\n padding: 10px;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n box-shadow: inset 0 1px #0000004d, inset 0 -1px #fff;\r\n }\r\n }\r\n\r\n &.is-bright {\r\n .window-body {\r\n background: #fff;\r\n }\r\n\r\n .window-footer,\r\n footer {\r\n background: #eee;\r\n box-shadow: inset 0 1px 3px #ddd, 0 1px 0 #fff9, 1px 1px 0 #fff9,\r\n -1px 1px 0 #fff9;\r\n\r\n &::before {\r\n content: none;\r\n }\r\n }\r\n }\r\n\r\n &.glass {\r\n &::before {\r\n opacity: 0.6;\r\n /* filter: brightness(1.2); */\r\n }\r\n\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: -10;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--window-border-radius);\r\n border: none;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n > .title-bar {\r\n background: var(--window-background-glass-stripes);\r\n background-attachment: fixed;\r\n }\r\n }\r\n\r\n > .title-bar {\r\n border: 0;\r\n box-shadow: inset 0 1px 0 #fffd, inset 1px 0 0 #fffd, inset -1px 0 0 #fffd;\r\n }\r\n\r\n fieldset {\r\n margin-bottom: 9px;\r\n }\r\n\r\n &[role=\"dialog\"] {\r\n position: fixed;\r\n z-index: 999;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n visibility: hidden;\r\n opacity: 0;\r\n transition-duration: 0.2s;\r\n transition-property: visibility, opacity;\r\n\r\n &:target {\r\n visibility: visible;\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n\r\n.title-bar {\r\n font: var(--font);\r\n box-shadow: inset 0 0 0 1px #fff9;\r\n border: var(--window-border) var(--window-border-color);\r\n border-radius: var(--window-border-radius) var(--window-border-radius) 0 0;\r\n padding: var(--window-spacing);\r\n padding-top: 0;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: var(--window-background);\r\n background-color: var(--window-background-color);\r\n\r\n &-text {\r\n color: #000;\r\n letter-spacing: 0;\r\n line-height: 15px;\r\n padding-top: var(--window-spacing);\r\n text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff,\r\n 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;\r\n }\r\n\r\n &-controls {\r\n display: flex;\r\n background: #fff3;\r\n border: var(--window-border) var(--control-border-color);\r\n border-top: 0;\r\n border-radius: 0 0 var(--control-border-radius) var(--control-border-radius);\r\n box-shadow: 0 1px 0 #fffa, 1px 0 0 #fffa, -1px 0 0 #fffa;\r\n\r\n button {\r\n position: relative;\r\n min-width: 29px;\r\n min-height: 19px;\r\n padding: 0;\r\n border: 0;\r\n border-right: var(--window-border) var(--control-border-color);\r\n border-radius: 0;\r\n box-shadow: none;\r\n box-sizing: border-box;\r\n background: none;\r\n\r\n &::after {\r\n content: none;\r\n }\r\n\r\n &:hover,\r\n &:active {\r\n /* resolve the conflict with button styles */\r\n background: none;\r\n }\r\n\r\n &:disabled {\r\n &::before {\r\n opacity: 0.4;\r\n }\r\n }\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n border-radius: 0;\r\n box-shadow: inset 0 0 0 1px #fff5;\r\n opacity: 1;\r\n }\r\n\r\n &:not(:hover)::before {\r\n transition: none;\r\n opacity: 1;\r\n }\r\n\r\n &[aria-label=\"Minimize\"],\r\n &.is-minimize {\r\n &::before {\r\n background: url(\"./icon/minimize.png\") no-repeat center 10px;\r\n }\r\n }\r\n\r\n &[aria-label=\"Maximize\"],\r\n &.is-maximize {\r\n &::before {\r\n background: url(\"./icon/maximize.png\") no-repeat center;\r\n }\r\n }\r\n\r\n &[aria-label=\"Help\"],\r\n &.is-help {\r\n &::before {\r\n background: url(\"./icon/help.png\") no-repeat center;\r\n }\r\n }\r\n\r\n &[aria-label=\"Restore\"],\r\n &.is-restore {\r\n &::before {\r\n background: url(\"./icon/restore.png\") no-repeat center;\r\n }\r\n }\r\n\r\n &[aria-label=\"Close\"],\r\n &.is-close {\r\n min-width: 48px;\r\n\r\n &::before {\r\n background: url(\"./icon/close.png\") no-repeat center;\r\n }\r\n }\r\n\r\n &:first-child,\r\n &:first-child::before {\r\n border-bottom-left-radius: var(--control-border-radius);\r\n }\r\n\r\n &:last-child,\r\n &:last-child::before {\r\n border: 0;\r\n border-bottom-right-radius: var(--control-border-radius);\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n animation: none;\r\n }\r\n }\r\n }\r\n\r\n /* Active title-bar */\r\n .window.active &,\r\n &.active {\r\n .title-bar-controls {\r\n border-color: var(--window-border-color);\r\n\r\n button {\r\n border-color: var(--window-border-color);\r\n box-shadow: var(--control-inset-shadow);\r\n\r\n &::after {\r\n content: none;\r\n }\r\n\r\n &[aria-label=\"Minimize\"],\r\n &.is-minimize {\r\n background: url(\"./icon/minimize.png\") no-repeat center 10px,\r\n var(--control-background);\r\n &::before {\r\n content: \"\";\r\n box-shadow: 0 0 7px 3px #5dc4f0, var(--control-inset-shadow);\r\n background: url(\"./icon/minimize.png\") no-repeat center 10px,\r\n var(--control-background-hovered);\r\n border-bottom-left-radius: var(--control-border-radius);\r\n opacity: 0;\r\n transition: opacity 0.3s linear;\r\n }\r\n\r\n &:hover::before,\r\n &:focus-visible::before {\r\n opacity: 1;\r\n transition: opacity 0.1s linear;\r\n }\r\n\r\n &:active::before {\r\n background: url(\"./icon/minimize.png\") no-repeat center 10px,\r\n var(--control-background-active);\r\n }\r\n }\r\n\r\n &[aria-label=\"Maximize\"],\r\n &.is-maximize {\r\n background: url(\"./icon/maximize.png\") no-repeat center,\r\n var(--control-background);\r\n &::before {\r\n content: \"\";\r\n box-shadow: 0 0 7px 3px #5dc4f0, var(--control-inset-shadow);\r\n background: url(\"./icon/maximize.png\") no-repeat center,\r\n var(--control-background-hovered);\r\n opacity: 0;\r\n transition: opacity 0.3s linear;\r\n }\r\n\r\n &:hover::before,\r\n &:focus-visible::before {\r\n opacity: 1;\r\n transition: opacity 0.1s linear;\r\n }\r\n\r\n &:active::before {\r\n background: url(\"./icon/maximize.png\") no-repeat center,\r\n var(--control-background-active);\r\n }\r\n }\r\n\r\n &[aria-label=\"Help\"],\r\n &.is-help {\r\n background: url(\"./icon/help.png\") no-repeat center,\r\n var(--control-background);\r\n &::before {\r\n content: \"\";\r\n box-shadow: 0 0 7px 3px #5dc4f0, var(--control-inset-shadow);\r\n background: url(\"./icon/help.png\") no-repeat center,\r\n var(--control-background-hovered);\r\n opacity: 0;\r\n transition: opacity 0.3s linear;\r\n }\r\n\r\n &:hover::before,\r\n &:focus-visible::before {\r\n opacity: 1;\r\n transition: opacity 0.1s linear;\r\n }\r\n\r\n &:active::before {\r\n background: url(\"./icon/help.png\") no-repeat center,\r\n var(--control-background-active);\r\n }\r\n }\r\n\r\n &[aria-label=\"Restore\"],\r\n &.is-restore {\r\n background: url(\"./icon/restore.png\") no-repeat center,\r\n var(--control-background);\r\n &::before {\r\n content: \"\";\r\n box-shadow: 0 0 7px 3px #5dc4f0, var(--control-inset-shadow);\r\n background: url(\"./icon/restore.png\") no-repeat center,\r\n var(--control-background-hovered);\r\n opacity: 0;\r\n transition: opacity 0.3s linear;\r\n }\r\n\r\n &:hover::before,\r\n &:focus-visible::before {\r\n opacity: 1;\r\n transition: opacity 0.1s linear;\r\n }\r\n\r\n &:active::before {\r\n background: url(\"./icon/restore.png\") no-repeat center,\r\n var(--control-background-active);\r\n }\r\n }\r\n\r\n &[aria-label=\"Close\"],\r\n &.is-close {\r\n background: url(\"./icon/close.png\") no-repeat center,\r\n var(--control-background), var(--control-background-close);\r\n box-shadow: var(--control-inset-shadow);\r\n\r\n &::before {\r\n content: \"\";\r\n background: url(\"./icon/close.png\") no-repeat center,\r\n var(--control-background), var(--control-background-close-hovered);\r\n box-shadow: 0 0 7px 3px #e68e75, var(--control-inset-shadow);\r\n border-bottom-right-radius: var(--control-border-radius);\r\n opacity: 0;\r\n transition: opacity 0.3s linear;\r\n }\r\n\r\n &:hover::before,\r\n &:focus-visible::before {\r\n opacity: 1;\r\n transition: opacity 0.1s linear;\r\n }\r\n\r\n &:active::before {\r\n background: url(\"./icon/close.png\") no-repeat center,\r\n var(--control-background), var(--control-background-close-active);\r\n }\r\n }\r\n\r\n &:disabled {\r\n &[aria-label=\"Maximize\"],\r\n &.is-maximize {\r\n background: var(--control-background);\r\n\r\n &::before {\r\n content: \"\";\r\n background: url(\"./icon/maximize.png\") no-repeat center;\r\n opacity: 0.4;\r\n }\r\n }\r\n /* TODO: Add rules to style disabled close button */\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.status-bar {\r\n margin: var(--window-spacing);\r\n margin-top: calc(var(--window-spacing) * -1);\r\n background: var(--surface);\r\n border: var(--window-border) var(--window-border-color);\r\n border-top: 0;\r\n box-shadow: 0 1px 0 #fff9, 1px 0 0 #fff9, -1px 0 0 #fff9;\r\n display: flex;\r\n\r\n &-field {\r\n border-right: var(--window-border) #cfcfcf;\r\n padding: 2px 3px;\r\n margin: 0;\r\n flex-grow: 1;\r\n\r\n &:last-child {\r\n border-right: 0;\r\n }\r\n }\r\n}\r\n"]}