7.css
Version:
A design system for building faithful recreations of the Windows 7 UI.
1 lines • 74.5 kB
Source Map (JSON)
{"version":3,"sources":["../gui/index.scss","../gui/_variables.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.css","sourcesContent":["/*! 7.css v0.21.1 - https://khang-nd.github.io/7.css */\n/**\r\n * Core 7.css\r\n * Based on XP GUI.css by Adam Hammad <adamham.dev>\r\n * https://github.com/khang-nd/7.css/blob/main/LICENSE\r\n */\r\n\r\n@import \"_variables.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 /* Naming convention:\r\n * `--w7-<component>-<property>-<state>`\r\n * where:\r\n * <component> is the name of the component (el = element, li = list item, etc.)\r\n * <property> is the property being defined (bg = background, bd = border, c = color, sd = shadow, etc.)\r\n * <state> is the state of the component (d = disabled, h = hovered, a = active, hl = highlighted, etc.)\r\n */\r\n\r\n --w7-font: 9pt \"Segoe UI\", \"SegoeUI\", \"Noto Sans\", sans-serif;\r\n --w7-surface: #f0f0f0;\r\n\r\n --w7-el-bg: #f2f2f2;\r\n --w7-el-bg-d: #f4f4f4;\r\n --w7-el-bg-s-1: #ebebeb; /* element background shade 1 (slightly darker) */\r\n --w7-el-bg-s-2: #cfcfcf; /* element background shade 2 (darker) */\r\n\r\n --w7-el-sd: inset 0 0 0 1px #fffc;\r\n --w7-el-sd-a: inset 1px 1px 0 #0003, inset -1px 1px 0 #0001;\r\n\r\n --w7-el-bd: #8e8f8f;\r\n --w7-el-bd-h: #3c7fb1;\r\n --w7-el-bd-a: #6d91ab;\r\n --w7-el-bd-d: #adb2b5;\r\n --w7-el-bdr: 3px; /* element border radius */\r\n\r\n --w7-el-c: #000000;\r\n --w7-el-c-d: #838383;\r\n\r\n --w7-el-grad: linear-gradient(var(--w7-el-bg) 45%, var(--w7-el-bg-s-1) 45%, var(--w7-el-bg-s-2));\r\n --w7-el-grad-h: linear-gradient(#eaf6fd 45%, #bee6fd 45%, #a7d9f5);\r\n --w7-el-grad-a: linear-gradient(#e5f4fc, #c4e5f6 30% 50%, #98d1ef 50%, #68b3db);\r\n\r\n --w7-li-bd-hl: #aaddfa;\r\n --w7-li-bg-hl: linear-gradient(#fff9, #e6ecf5cc 90%, #fffc);\r\n}\r\n",":root {\r\n /* blt = balloon tail */\r\n --w7-bl-bd: #0006;\r\n --w7-blt-size: 18px;\r\n --w7-blt-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(--w7-bl-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: 5px 5px 3px -3px var(--w7-bl-bd);\r\n background: linear-gradient(to bottom, #fff, var(--w7-el-bg-s-1));\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n background: 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 width: var(--w7-blt-size);\r\n height: var(--w7-blt-size);\r\n top: calc(var(--w7-blt-size) * -1);\r\n left: var(--w7-blt-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: 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='%23ebebeb' stroke='%23ddd'/%3E%3Cpath d='M1 19.5H0.5V1.5L18.5 19.5H18' stroke='%23939393'/%3E%3C/svg%3E\");\r\n bottom: calc(var(--w7-blt-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(--w7-blt-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(--w7-font);\r\n box-sizing: border-box;\r\n border: 1px solid var(--w7-el-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: var(--w7-el-sd);\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(--w7-el-grad);\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(--w7-el-bdr);\r\n box-shadow: var(--w7-el-sd);\r\n background: var(--w7-el-grad-h);\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(--w7-el-sd-a);\r\n border-radius: 2px;\r\n background: var(--w7-el-grad-a);\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(--w7-el-bg-d);\r\n border-color: var(--w7-el-bd-d);\r\n color: var(--w7-el-c-d);\r\n }\r\n\r\n &:not(:disabled) {\r\n /* Animation when hovered */\r\n &:hover {\r\n border-color: var(--w7-el-bd-h);\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(--w7-el-bd);\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(--w7-el-bd-a);\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 #98d1ef;\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: #5586a3;\r\n background-image: var(--w7-el-grad-h);\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 --w7-cb-size: 14px;\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(--w7-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(--w7-font);\r\n display: inline-flex;\r\n align-items: center;\r\n position: relative;\r\n\r\n &::before {\r\n content: \"\";\r\n display: inline-block;\r\n width: var(--w7-cb-size);\r\n height: var(--w7-cb-size);\r\n margin-right: 6px;\r\n box-sizing: border-box;\r\n background: #f6f6f6;\r\n border: 1px solid var(--w7-el-bd);\r\n box-shadow: inset 0 0 0 1px var(--w7-el-bg-d), inset 1px 1px 0 1px #aeaeae, inset -1px -1px 0 1px #ddd, inset 3px 3px 6px #ccc;\r\n transition: 0.4s;\r\n }\r\n\r\n &:hover::before {\r\n background: #e9f7fe;\r\n border-color: var(--w7-el-bd-h);\r\n 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;\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: 0;\r\n left: 2px;\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(--w7-cb-size);\r\n height: var(--w7-cb-size);\r\n margin-right: 6px;\r\n background: linear-gradient(to bottom right, #f0f0f0, #fbfbfb);\r\n box-shadow: none;\r\n border: 1px solid #b1b1b1;\r\n }\r\n\r\n &::after {\r\n color: #bfbfbf;\r\n }\r\n }\r\n }\r\n}\r\n",":root {\r\n /* clc = collapse chevron */\r\n --w7-clc-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(--w7-clc-size));\r\n right: 100%;\r\n border: var(--w7-clc-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(--w7-clc-size) / 2);\r\n transform: rotateZ(45deg);\r\n }\r\n }\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, var(--w7-el-grad);\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, var(--w7-el-grad-h);\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, var(--w7-el-grad-a);\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(--w7-font);\r\n padding: 2px 3px;\r\n border: 1px solid var(--w7-el-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: var(--w7-el-sd);\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(--w7-el-grad);\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(--w7-el-bd-h);\r\n background-image: url(\"./icon/dropdown-arrow.svg\"), var(--w7-el-grad-h);\r\n }\r\n\r\n &:active {\r\n outline: none;\r\n border-color: var(--w7-el-bd-a);\r\n box-shadow: var(--w7-el-sd-a);\r\n background-image: url(\"./icon/dropdown-arrow.svg\"), var(--w7-el-grad-a);\r\n }\r\n\r\n &:focus {\r\n box-shadow: inset 0 0 0 2px #98d1ef;\r\n outline: 1px dotted #000;\r\n outline-offset: -4px;\r\n }\r\n }\r\n\r\n &:disabled {\r\n background: url(\"./icon/dropdown-arrow-disabled.svg\"), var(--w7-el-bg-d);\r\n background-position: center right;\r\n background-repeat: no-repeat;\r\n border-color: var(--w7-el-bd-d);\r\n color: var(--w7-el-c-d);\r\n opacity: 1;\r\n }\r\n}\r\n","fieldset {\r\n border: 1px solid #cdd7db;\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: inset 0 0 0 1px #fff;\r\n margin: 0;\r\n padding: 8px 10px 10px;\r\n\r\n legend {\r\n font: var(--w7-font);\r\n }\r\n}\r\n\r\nfieldset,\r\n.group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n}\r\n\r\n.group + .group {\r\n margin-top: 6px;\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(--w7-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 --w7-lvc-size: 5px;\r\n}\r\n\r\ntable {\r\n font: var(--w7-font);\r\n background-color: #fff;\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: linear-gradient(to bottom, #fff 45%, #fafafa 45%, #f0f0f0);\r\n border: 1px solid #d7d7d7;\r\n box-sizing: border-box;\r\n font-weight: 400;\r\n height: 22px;\r\n padding: 0 8px;\r\n position: sticky;\r\n top: 0;\r\n cursor: default;\r\n\r\n &.highlighted {\r\n border: 1px solid #a7d8f5;\r\n background: linear-gradient(to bottom, #f3f9fc 45%, #e4f0f8 45%, #d9eaf5);\r\n border-radius: var(--w7-el-bdr);\r\n\r\n &:not(:last-child) {\r\n border-right-color: #a7d8f5;\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(--w7-lvc-size) * 1.2);\r\n height: var(--w7-lvc-size);\r\n background: linear-gradient(to bottom right, #667f91 45%, #90c1e2 65%, #cce3f2);\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: 1px solid var(--w7-li-bd-hl);\r\n background: var(--w7-li-bg-hl);\r\n border-radius: var(--w7-el-bdr);\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 8px;\r\n }\r\n\r\n > *:not(:last-child) {\r\n border-right: 1px solid #eee;\r\n }\r\n }\r\n}\r\n",":root {\r\n --w7-mn-left: 28px;\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: 2px;\r\n background: var(--w7-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(--w7-mn-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(--w7-li-bg-hl);\r\n border-color: var(--w7-li-bd-hl);\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(--w7-li-bg-hl);\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(--w7-mn-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 --w7-pg-bg: #0bd82c;\r\n --w7-pg-bg-paused: #e6df1b;\r\n --w7-pg-bg-error: #ef0000;\r\n}\r\n\r\n[role=\"progressbar\"] {\r\n height: 15px;\r\n border: 1px solid var(--w7-el-bd);\r\n border-radius: var(--w7-el-bdr);\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(--w7-pg-bg);\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(--w7-pg-bg-paused);\r\n }\r\n\r\n &.error > div {\r\n background-color: var(--w7-pg-bg-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(--w7-pg-bg),\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 --w7-rd-size: 14px;\r\n --w7-rdl-space: 6px; /* rdl = radio label */\r\n --w7-rd-left: calc(var(--w7-rd-size) + var(--w7-rdl-space));\r\n --w7-rdd-size: 8px; /* rdd = radio dot */\r\n --w7-rdd-center: (var(--w7-rd-size) - var(--w7-rdd-size)) / 2;\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(--w7-font);\r\n display: inline-flex;\r\n align-items: center;\r\n position: relative;\r\n margin-left: var(--w7-rd-left);\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: calc(var(--w7-rd-left) * -1);\r\n display: inline-block;\r\n width: var(--w7-rd-size);\r\n height: var(--w7-rd-size);\r\n margin-right: var(--w7-rdl-space);\r\n background: #f6f6f6;\r\n border-radius: 50%;\r\n border: 1px solid;\r\n border-color: var(--w7-el-bd);\r\n box-shadow: inset 0 0 0 1.5px var(--w7-el-bg-d), inset 1px 1px 0 1.5px #aeaeae, inset -1px 0 0 1.5px #ddd, inset 3px 3px 6px #ccc;\r\n box-sizing: border-box;\r\n transition: 0.4s;\r\n }\r\n\r\n &:hover::before {\r\n border-color: var(--w7-el-bd-h);\r\n 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;\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(--w7-rdd-size);\r\n height: var(--w7-rdd-size);\r\n top: calc(var(--w7-rdd-center));\r\n left: calc(-1 * var(--w7-rd-left) + var(--w7-rdd-center));\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, 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 filter: grayscale(1);\r\n opacity: 0.6;\r\n }\r\n\r\n &:not(:checked) + label::before {\r\n opacity: 0.5;\r\n }\r\n }\r\n}\r\n",":root {\r\n /* active gradient color stops */\r\n --w7-sb-grad-a-1: #c4e5f6;\r\n --w7-sb-grad-a-2: #98d1ef;\r\n /* hovered gradient color stops */\r\n --w7-sb-grad-h-1: #eaf6fd;\r\n --w7-sb-grad-h-2: #bee6fd;\r\n\r\n --w7-sb-y: linear-gradient(to right, #e5e5e5, var(--w7-surface) 20%);\r\n --w7-sb-x: linear-gradient(to bottom, #e5e5e5, var(--w7-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(--w7-el-bg);\r\n }\r\n\r\n &-track {\r\n &:vertical {\r\n background: var(--w7-sb-y);\r\n }\r\n\r\n &:horizontal {\r\n background: var(--w7-sb-x);\r\n }\r\n }\r\n\r\n &-thumb {\r\n border: 1px solid var(--w7-el-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: var(--w7-el-sd);\r\n background-color: var(--w7-el-bg);\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(to right, var(--w7-el-bg) 45%, var(--w7-el-bg-s-1) 45%, var(--w7-el-bg-s-2));\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(to bottom, var(--w7-el-bg) 45%, var(--w7-el-bg-s-1) 45%, var(--w7-el-bg-s-2));\r\n }\r\n\r\n &:hover {\r\n &:vertical {\r\n border-color: var(--w7-el-bd-h);\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(to right, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);\r\n }\r\n\r\n &:horizontal {\r\n border-color: var(--w7-el-bd-h);\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(to bottom, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);\r\n }\r\n }\r\n\r\n &:active {\r\n &:vertical {\r\n border-color: var(--w7-el-bd-a);\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(to right, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);\r\n }\r\n\r\n &:horizontal {\r\n border-color: var(--w7-el-bd-a);\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(to bottom, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);\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: 1px solid transparent;\r\n\r\n &:vertical {\r\n height: 17px;\r\n\r\n &:start {\r\n background: url(\"./icon/button-up.svg\"), var(--w7-sb-y);\r\n }\r\n\r\n &:end {\r\n background: url(\"./icon/button-down.svg\"), var(--w7-sb-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(--w7-sb-x);\r\n }\r\n\r\n &:end {\r\n background: url(\"./icon/button-right.svg\"), var(--w7-sb-x);\r\n }\r\n }\r\n\r\n &:hover {\r\n border-color: var(--w7-el-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: var(--w7-el-sd);\r\n background-color: var(--w7-el-bg);\r\n\r\n &:vertical {\r\n height: 17px;\r\n\r\n &:start {\r\n border-color: var(--w7-el-bd-h);\r\n background: url(\"./icon/button-up.svg\"), linear-gradient(to right, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);\r\n }\r\n\r\n &:end {\r\n border-color: var(--w7-el-bd-h);\r\n background: url(\"./icon/button-down.svg\"), linear-gradient(to right, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);\r\n }\r\n }\r\n\r\n &:horizontal {\r\n width: 16px;\r\n\r\n &:start {\r\n border-color: var(--w7-el-bd-h);\r\n background: url(\"./icon/button-left.svg\"), linear-gradient(to bottom, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);\r\n }\r\n\r\n &:end {\r\n border-color: var(--w7-el-bd-h);\r\n background: url(\"./icon/button-right.svg\"), linear-gradient(to bottom, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);\r\n }\r\n }\r\n }\r\n\r\n &:active {\r\n border-color: var(--w7-el-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: var(--w7-el-sd);\r\n background-color: var(--w7-el-bg);\r\n\r\n &:vertical {\r\n height: 17px;\r\n\r\n &:start {\r\n border-color: var(--w7-el-bd-a);\r\n background: url(\"./icon/button-up.svg\"), linear-gradient(to right, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);\r\n }\r\n\r\n &:end {\r\n border-color: var(--w7-el-bd-a);\r\n background: url(\"./icon/button-down.svg\"), linear-gradient(to right, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);\r\n }\r\n }\r\n\r\n &:horizontal {\r\n width: 16px;\r\n\r\n &:start {\r\n border-color: var(--w7-el-bd-a);\r\n background: url(\"./icon/button-left.svg\"), linear-gradient(to bottom, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);\r\n }\r\n\r\n &:end {\r\n border-color: var(--w7-el-bd-a);\r\n background: url(\"./icon/button-right.svg\"), linear-gradient(to bottom, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",":root {\r\n --w7-s-icon: url(\"./icon/search.svg\");\r\n --w7-s-bg: var(--w7-s-icon) no-repeat center;\r\n}\r\n\r\n[type=\"search\"] {\r\n height: 24px;\r\n font: var(--w7-font);\r\n padding: 3px 6px;\r\n border: 1px solid transparent;\r\n border-radius: 2px;\r\n background-color: #fff;\r\n box-shadow: inset 1px 1px 0 var(--w7-el-bd), 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(--w7-s-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(--w7-s-bg), var(--w7-el-grad);\r\n background-size: 14px;\r\n\r\n &::before {\r\n background: var(--w7-s-bg), var(--w7-el-grad-h);\r\n background-size: 14px;\r\n border-radius: 0;\r\n }\r\n\r\n &::after {\r\n background: var(--w7-s-bg), var(--w7-el-grad-a);\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 /* sdt = slider thumb */\r\n --w7-sdt-w: 10px;\r\n --w7-sdt-h: 18px;\r\n --w7-sdt-icon: url(\"./icon/slider-indicator.png\");\r\n --w7-sdt-icon-h: url(\"./icon/slider-indicator-hover.png\");\r\n --w7-sdt-icon-a: url(\"./icon/slider-indicator-active.png\");\r\n --w7-sdt-icon-d: url(\"./icon/slider-indicator-disabled.png\");\r\n --w7-sdt-iconb: url(\"./icon/slider-indicator-box.png\");\r\n --w7-sdt-iconb-h: url(\"./icon/slider-indicator-box-hover.png\");\r\n --w7-sdt-iconb-a: url(\"./icon/slider-indicator-box-active.png\");\r\n --w7-sdt-iconb-d: url(\"./icon/slider-indicator-box-disabled.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%;\