Files
win32.run/static/html/jspaint/lib/os-gui/windows-98.css.map
2023-02-13 19:32:10 +07:00

1 line
32 KiB
Plaintext

{"version":3,"sources":["../src/windows-default.css","../src/windows-98.css"],"names":[],"mappings":"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","file":"windows-98.css","sourcesContent":[":root {\n\t/* These resources are generated. */\n\t/* JS: makeThemeCSSFile(renderThemeGraphics(getComputedStyle(document.documentElement))) */\n\t--checker: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAG0lEQVQYV2P8/////4MHDzIwHjhw4L+9vT0DAHAFCj6esq3FAAAAAElFTkSuQmCC\");\n\t--button-active-border-image: url(\"data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%3E%0A%09%09%09%0A%09%09%3Cpath%20d%3D%22M0%200h256v256h-256v-256z%22%20fill%3D%22%20rgb(0%2C%200%2C%200)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M32%2032h192v192h-192v-192z%22%20fill%3D%22%20rgb(128%2C%20128%2C%20128)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M64%2064h128v128h-128v-128z%22%20fill%3D%22%20rgb(192%2C%20192%2C%20192)%22%2F%3E%0A%09%0A%09%09%3C%2Fsvg%3E\") 64 / 2px;\n\t--button-normal-border-image: url(\"data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%3E%0A%09%09%09%0A%09%09%3Cpath%20d%3D%22M0%200h224v32h-192v192h-32v-224z%22%20fill%3D%22%20rgb(255%2C%20255%2C%20255)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M224%200h32v256h-256v-32h224v-224z%22%20fill%3D%22%20rgb(0%2C%200%2C%200)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M32%2032h160v32h-128v128h-32v-160z%22%20fill%3D%22%20rgb(223%2C%20223%2C%20223)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M192%2032h32v192h-192v-32h160v-160z%22%20fill%3D%22%20rgb(128%2C%20128%2C%20128)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M64%2064h128v128h-128v-128z%22%20fill%3D%22%20rgb(192%2C%20192%2C%20192)%22%2F%3E%0A%09%0A%09%09%3C%2Fsvg%3E\") 64 / 2px;\n\t--inset-deep-border-image: url(\"data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%3E%0A%09%09%09%0A%09%09%3Cpath%20d%3D%22M0%200h224v32h-192v192h-32v-224z%22%20fill%3D%22%20rgb(0%2C%200%2C%200)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M224%200h32v256h-256v-32h224v-224z%22%20fill%3D%22%20rgb(255%2C%20255%2C%20255)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M32%2032h160v32h-128v128h-32v-160z%22%20fill%3D%22%20rgb(128%2C%20128%2C%20128)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M192%2032h32v192h-192v-32h160v-160z%22%20fill%3D%22%20rgb(223%2C%20223%2C%20223)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M64%2064h128v128h-128v-128z%22%20fill%3D%22%20rgb(192%2C%20192%2C%20192)%22%2F%3E%0A%09%0A%09%09%3C%2Fsvg%3E\") 64 / 2px;\n\t--button-default-border-image: url(\"data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%3E%0A%09%09%09%0A%09%09%3Cpath%20d%3D%22M0%200h256v256h-256v-256z%22%20fill%3D%22%20rgb(0%2C%200%2C%200)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M32%2032h160v32h-128v128h-32v-160z%22%20fill%3D%22%20rgb(255%2C%20255%2C%20255)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M64%2064h96v32h-64v64h-32v-96z%22%20fill%3D%22%20rgb(223%2C%20223%2C%20223)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M160%2064h32v128h-128v-32h96v-96z%22%20fill%3D%22%20rgb(128%2C%20128%2C%20128)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M96%2096h64v64h-64v-64z%22%20fill%3D%22%20rgb(192%2C%20192%2C%20192)%22%2F%3E%0A%09%09%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22256%22%20height%3D%22256%22%20stroke-width%3D%2264%22%20stroke%3D%22%20rgb(0%2C%200%2C%200)%22%20fill%3D%22none%22%2F%3E%0A%09%0A%09%09%3C%2Fsvg%3E\") 96 / 3px;\n\t--button-default-active-border-image: url(\"data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%3E%0A%09%09%09%0A%09%09%3Cpath%20d%3D%22M0%200h256v256h-256v-256z%22%20fill%3D%22%20rgb(0%2C%200%2C%200)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M32%2032h192v192h-192v-192z%22%20fill%3D%22%20rgb(128%2C%20128%2C%20128)%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M64%2064h128v128h-128v-128z%22%20fill%3D%22%20rgb(192%2C%20192%2C%20192)%22%2F%3E%0A%09%09%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22256%22%20height%3D%22256%22%20stroke-width%3D%2264%22%20stroke%3D%22%20rgb(0%2C%200%2C%200)%22%20fill%3D%22none%22%2F%3E%0A%09%0A%09%09%3C%2Fsvg%3E\") 64 / 2px;\n\t--scrollbar-arrows-ButtonText: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAJCAYAAABaMo5wAAAAW0lEQVQ4T2NkGGSAcZC5h4FWDvrPwEC02ShqkR0EkkAHuBxMyEKYWYQ8jKEOXQOyo/A5BuZwqqvBZiA+3xMbilQLIWqlcUJRimwPzjRELcdQZA6hREeR4eRoBgBoXhAK6oiMhwAAAABJRU5ErkJggg==\");\n\t--scrollbar-arrows-GrayText: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAJCAYAAABaMo5wAAAAYElEQVQ4T2NkGGSAcZC5h4EmDmpoaPjf0NBAlNnoauGaQBLooYXLUEIWwswi5Chs6lB8gewofI6BOZwWajCCFZ/viQ1FqoUQtRI4oShFtgdnGqKWYyg1h6icQKklpOgHAM9mQArEvm5+AAAAAElFTkSuQmCC\");\n\t--scrollbar-arrows-ButtonHilight: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAJCAYAAABaMo5wAAAAYElEQVQ4T2NkGGSAcZC5h4EmDvr///9/RkZGosxGVwvXBJJADy1chhKyEGYWIUdhU4fiC2RH4XMMzOG0UIMRrPh8T2woUi2EqJXACUUpsj040xC1HEOpOUTlBEotIUU/AKXFQAqyTJ6DAAAAAElFTkSuQmCC\");\n\t--scrollbar-size: 13px;\n\t--scrollbar-button-inner-size: 9px;\n\n\t/* Colors */\n\t--ActiveBorder: rgb(192, 192, 192);\n\t--ActiveTitle: rgb(0, 0, 128);\n\t--AppWorkspace: rgb(128, 128, 128);\n\t--Background: rgb(0, 128, 128);\n\t--ButtonAlternateFace: rgb(180, 180, 180);\n\t--ButtonDkShadow: rgb(0, 0, 0);\n\t--ButtonFace: rgb(192, 192, 192);\n\t--ButtonHilight: rgb(255, 255, 255);\n\t--ButtonLight: rgb(223, 223, 223);\n\t--ButtonShadow: rgb(128, 128, 128);\n\t--ButtonText: rgb(0, 0, 0);\n\t--GradientActiveTitle: rgb(16, 132, 208);\n\t--GradientInactiveTitle: rgb(181, 181, 181);\n\t--GrayText: rgb(128, 128, 128);\n\t--Hilight: rgb(0, 0, 128);\n\t--HilightText: rgb(255, 255, 255);\n\t--HotTrackingColor: rgb(0, 0, 255);\n\t--InactiveBorder: rgb(192, 192, 192);\n\t--InactiveTitle: rgb(128, 128, 128);\n\t--InactiveTitleText: rgb(192, 192, 192);\n\t--InfoText: rgb(0, 0, 0);\n\t--InfoWindow: rgb(255, 255, 225);\n\t--Menu: rgb(192, 192, 192);\n\t--MenuText: rgb(0, 0, 0);\n\t--Scrollbar: rgb(192, 192, 192);\n\t--TitleText: rgb(255, 255, 255);\n\t--Window: rgb(255, 255, 255);\n\t--WindowFrame: rgb(0, 0, 0);\n\t--WindowText: rgb(0, 0, 0);\n}\n","\n@import url(\"windows-default.css\");\n\n%checkerboard {\n\tbackground: var(--checker) repeat;\n\timage-rendering: pixelated;\n}\n%font {\n\tfont-family: 'Segoe UI', sans-serif;\n\tfont-size: 12px;\n}\n%button-face {\n\tbackground-color: var(--ButtonFace);\n\tcolor: var(--ButtonText);\n}\n%inset-shallow {\n\tborder-style: solid;\n\tborder-width: 1px;\n\tborder-color: var(--ButtonShadow) var(--ButtonHilight) var(--ButtonHilight) var(--ButtonShadow);\n\t@extend %button-face;\n}\n%outset-shallow {\n\tborder-style: solid;\n\tborder-width: 1px;\n\tborder-color: var(--ButtonHilight) var(--ButtonShadow) var(--ButtonShadow) var(--ButtonHilight);\n\t@extend %button-face;\n}\n%inset-deep {\n\t@extend %inset-shallow; /* as fallback */\n\tposition: relative; /* for pseudo element(s) */\n\tborder-image: var(--inset-deep-border-image);\n}\n%outset-deep {\n\t@extend %outset-shallow; /* as fallback */\n\tposition: relative; /* for pseudo element(s) */\n\tborder-image: var(--button-normal-border-image);\n}\n%outset-deep {\n\tborder-color: var(--ButtonLight) var(--ButtonShadow) var(--ButtonShadow) var(--ButtonLight);\n\tborder-style: solid;\n\tborder-width: 2px 2px;\n}\n%inset-deep {\n\tborder-color: var(--ButtonShadow);\n\tborder-style: solid;\n\tborder-width: 2px 2px;\n}\n\n%outset-deep-2 {\n\tbackground-color: var(--ButtonFace);\n\tborder-top: 1px solid var(--ButtonFace);\n\tborder-left: 1px solid var(--ButtonFace);\n\tborder-right: 1px solid var(--ButtonDkShadow);\n\tborder-bottom: 1px solid var(--ButtonDkShadow);\n\tbox-shadow: 1px 1px 0 var(--ButtonHilight) inset, -1px -1px 0 var(--ButtonShadow) inset;\n}\n\n.inset-deep {\n\t@extend %inset-deep;\n}\n.outset-deep {\n\t@extend %outset-deep;\n}\n.inset-shallow {\n\t@extend %inset-shallow;\n}\n.outset-shallow {\n\t@extend %outset-shallow;\n}\n\nbutton {\n\t@extend %button-face;\n}\nbutton:not(.lightweight) {\n\toutline: none; /* replaced with inner dotted focus ring (which is admittedly not so prominent...) */\n\t@extend %outset-deep;\n\tborder-image: var(--button-normal-border-image);\n}\nbutton:not(.lightweight).default {\n\tborder-image: var(--button-default-border-image);\n}\nbutton:not(.lightweight):enabled:hover:active {\n\tborder-image: var(--button-active-border-image);\n}\nbutton:not(.lightweight).default:enabled:hover:active {\n\tborder-image: var(--button-default-active-border-image);\n}\n\n/* TODO: offset content on press! */\n/* (this would need a child ELEMENT, wouldn't work with text nodes as direct descendants:) */\n/*button:active > * {\n\tposition: relative;\n\tleft: 1px;\n\ttop: 1px;\n}\n*/\n/* also, this is more complicated; see Paint; the tool buttons translate when being pushed and when depressed, and these add together */\n/* omg, a thought... what if I used feDisplacementMap SVG filter... */\n\nbutton:not(.lightweight):focus::before {\n\tcontent: \"\";\n\tdisplay: block;\n\tposition: absolute;\n\tleft: 2px;\n\ttop: 2px;\n\tright: 2px;\n\tbottom: 2px;\n\tborder: 1px dotted var(--ButtonDkShadow); /* ?? */\n\t/* TODO: get exact inset dimensions, and have corners without dots ideally */\n\t/* (could use outline instead of ::before at this point) */\n}\nbutton.lightweight {\n\toutline: none; /* these buttons are not usually keyboard accessible, or the focus it shown just by inset (menu buttons) */\n\n\tborder-style: solid;\n\tborder-width: 1px;\n\tborder-color: transparent;\n}\n/* TODO: recommend preventing focus on click for lightweight buttons */\nbutton.lightweight:enabled:hover /*,\nbutton.lightweight:focus */ {\n\t@extend %outset-shallow;\n}\nbutton.lightweight:enabled:hover:active,\nbutton.lightweight.pressing,\nbutton.lightweight.pressed {\n\t@extend %inset-shallow;\n}\nbutton:disabled {\n\tcolor: var(--GrayText);\n\ttext-shadow: 1px 1px 0px var(--ButtonHilight);\n}\nbutton:not(.lightweight).toggle:enabled:hover:active,\nbutton:not(.lightweight).pressing {\n\t@extend %inset-deep;\n}\nbutton:not(.lightweight).toggle.selected, /* @TODO: deprecate/remove .toggle API, use .pressed instead */\nbutton:not(.lightweight).pressed {\n\t@extend %inset-deep;\n\t@extend %checkerboard;\n}\n\n.os-window .window-titlebar,\nbody > .window-titlebar {\n\tbackground: var(--ActiveTitle);\n\tbackground: linear-gradient(to right, var(--ActiveTitle) 0%, var(--GradientActiveTitle) 100%);\n\t\n\tcolor: var(--TitleText);\n\t@extend %font;\n}\n.os-window.rtl .window-titlebar {\n\tbackground: linear-gradient(to left, var(--ActiveTitle) 0%, var(--GradientActiveTitle) 100%);\n}\n.os-window:not(.tool-window) .window-titlebar,\nbody > .window-titlebar {\n\tfont-weight: bold;\n}\n.os-window:not(.focused) .window-titlebar {\n\tbackground: darkgray;\n\tbackground: linear-gradient(to right, var(--InactiveTitle) 0%, var(--GradientInactiveTitle) 100%);\n\n\tcolor: var(--InactiveTitleText);\n}\n.os-window.rtl:not(.focused) .window-titlebar {\n\tbackground: linear-gradient(to left, var(--InactiveTitle) 0%, var(--GradientInactiveTitle) 100%);\n}\n.os-window {\n\t/* Needed for when maximized, otherwise would be provided by %outset-deep */\n\tbackground: var(--ButtonFace);\n\n\t/* background: var(--Window); */\n\t/*color: var(--WindowText);*/\n\t/*border: 1px solid var(--WindowFrame);*/\n\t/* TODO: use window-specific theme colors; also different types of windows */\n}\n.os-window:not(.maximized) {\n\t@extend %outset-deep;\n\tpadding: 2px;\n}\n\n.window-button {\n\tdisplay: block;\n\twidth: 16px;\n\theight: 14px;\n\tpadding: 0;\n\tmargin: 2px 0;\n}\n.window-button-icon {\n\tdisplay: block;\n\t/* background-image: url(\"images/titlebar-buttons.png\"); */\n\t--sprite-image: url(\"images/titlebar-buttons.png\");\n\t--sprite-y: 0;\n\timage-rendering: pixelated;\n\twidth: 12px;\n\theight: 10px;\n\tposition: relative;\n\tpointer-events: none;\n}\n.os-window .window-button:enabled:hover:active .window-button-icon,\n.os-window .window-button.pressing .window-button-icon {\n\ttop: 1px;\n\tleft: 1px;\n}\n.window-button:disabled .window-button-icon {\n\t/* filter: saturate(0%) opacity(50%); fallback */\n\t/* filter: url(\"#os-gui-black-to-inset-filter\"); */\n}\n.window-button .window-button-icon::before,\n.window-button .window-button-icon::after {\n\tcontent: \"\";\n\tdisplay: block;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tmask-image: var(--sprite-image);\n\tmask-position: var(--sprite-x) var(--sprite-y);\n\tbackground-color: var(--ButtonText);\n}\n.window-button:disabled .window-button-icon::before {\n\tbackground-color: var(--ButtonHilight);\n\tleft: 1px;\n\ttop: 1px;\n}\n.window-button:enabled .window-button-icon::after {\n\tdisplay: none;\n}\n.window-button:disabled .window-button-icon::after {\n\tbackground-color: var(--GrayText);\n}\n.window-action-close .window-button-icon {\n\t--sprite-x: calc(-3 * 13px - 1px);\n}\n.window-action-maximize .window-button-icon {\n\t--sprite-x: calc(-1 * 13px - 1px);\n}\n.window-action-restore .window-button-icon {\n\t--sprite-x: calc(-2 * 13px - 1px);\n}\n.window-action-minimize .window-button-icon {\n\t--sprite-x: calc(-0 * 13px - 1px);\n}\n.window-close-button {\n\tmargin-left: 2px;\n\tmargin-right: 2px;\n}\n.os-window.tool-window .window-close-button {\n\twidth: 11px;\n\theight: 11px;\n}\n.os-window.tool-window .window-close-button .window-button-icon {\n\twidth: 7px;\n\theight: 7px;\n\t--sprite-x: 7px;\n}\n.os-window .window-title-area {\n\theight: 16px;\n}\n.os-window.tool-window .window-title-area {\n\theight: 14px;\n}\n.os-window .window-titlebar {\n\theight: 18px;\n}\n.os-window.tool-window .window-titlebar {\n\theight: 15px;\n}\n.os-window .window-title {\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tdisplay: inline-block !important;\n\tmargin: 0;\n\tpadding: 0;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tpadding-left: 2px;\n}\n\n.menus {\n\tbackground: var(--Menu);\n\tcolor: var(--MenuText);\n}\n.os-window:not(.focused) .menus {\n\tcolor: var(--GrayText);\n}\n.menus *,\n.menu-popup * {\n\t@extend %font;\n}\n.menu-button {\n\tbox-sizing: border-box;\n\t/* Using a balanced border to offset the contents on press */\n\tborder: 0px solid transparent;\n\tborder-top-width: 0px;\n\tborder-left-width: 0px;\n\tborder-bottom-width: 1px;\n\tborder-right-width: 1px;\n\t/* Unfortunately, everything else has to be balanced by 1px (very carefully) in many places. */\n\t\n\theight: 18px; /* (EFFECTIVELY NORMAL but...) +1px -1px: +1px due to transparent border, but needs to be metrically same as visual height for the menu popup positioning, so I used bottom: -1px on the pseudo element to get it so this can be -1px to 18px again */\n\tline-height: 1;\n\tmargin-top: 1px; /* NORMAL MARGIN */\n\t/* margin-bottom: 1px; consumed margin */\n\tmargin-right: -1px; /* keep menu items directly abutting */\n\n\t/* need the overflow visible for the psuedo element's top and left borders to be visible */\n\toverflow: visible;\n\tclip-path: inset(0 1px 0 0); /* clipping text off inside the border, without clipping the border (somewhat mysteriously) */\n\n\tpadding: 2px 5px; /* NORMAL PADDING; I took great lengths to make this easily changable from outside code (padding is an obvious strategy for making the press offset effect, but I think this is a common thing you might want to customize) */\n\tposition: relative;\n\toutline: 0;\n\t/* @extend button.lightweight; */\n\tbackground: var(--Menu);\n}\n.menu-button.highlight.active {\n\tborder-top-width: 1px;\n\tborder-left-width: 1px;\n\tborder-bottom-width: 0px;\n\tborder-right-width: 0px;\n}\n/* Note: In Windows 98, normal menu bars have an inset highlight if you use Esc and then the arrow keys,\nwhereas Explorer's menu bars are outset and match the hover effect, which I feel makes more sense,\nso I think I'll immitate that. */\n/* Also, to prevent duplicate highlight (via keyboard + mouse), and lingering highlight with touch, I'm using a class, rather than :hover/:focus/:active */\n.menu-button.highlight::after {\n\tcontent: \"\";\n\tdisplay: block;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tright: 0;\n\tbottom: -1px;\n\tbox-shadow: 1px 1px 0 var(--ButtonHilight) inset, -1px -1px 0 var(--ButtonShadow) inset;\n}\n.menu-button.highlight.active::after {\n\tbox-shadow: 1px 1px 0 var(--ButtonShadow) inset, -1px -1px 0 var(--ButtonHilight) inset;\n\t/* counteract the balanced border, in order to render this border, in the proper place */\n\tleft: -1px;\n\ttop: -1px;\n\tright: 1px;\n\tbottom: 0;\n}\n\n.menu-popup {\n\tdisplay: block;\n\tpadding: 2px;\n\t@extend %outset-deep-2;\n\tbackground: var(--Menu);\n\tcolor: var(--MenuText);\n}\n.menu-popup td {\n padding: 0 1px;\n}\n.menu-item {\n\tpadding: 1px 3px;\n\tmargin: 2px;\n\theight: 17px;\n}\n.menu-item[disabled] {\n\tcolor: var(--GrayText);\n\ttext-shadow: 0.8px 0.8px 0px var(--ButtonHilight);\n}\n.menu-item.highlight:not([disabled]),\n.menu-item.active:not([disabled]) {\n\tcolor: var(--HilightText);\n}\n.menu-item.highlight,\n.menu-item.active {\n\tbackground: var(--Hilight);\n\ttext-shadow: none;\n\toutline: 0;\n}\n.menu-item .menu-item-shortcut {\n\tpadding-left: 10px;\n}\n/* Note: viewBox is needed for scaling the SVG, used in JS Paint's Eye Gaze Mode */\n.menu-item-checkbox-area::after {\n\tmask-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' style='fill:currentColor;display:inline-block;vertical-align:middle' %3E%3Cpath d='M5 7v3l2 2 5-5V4L7 9Z'/%3E%3C/svg%3E\");\n}\n.menu-item-checkbox-area.radio::after {\n\tmask-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' style='fill:currentColor;display:inline-block;vertical-align:middle' %3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E\");\n}\n.has-submenu .menu-item-submenu-area::after {\n\tmask-image: url(\"data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' style='fill:currentColor;display:inline-block;vertical-align:middle' %3E%3Cpath d='m6 4 4 4-4 4z'/%3E%3C/svg%3E\");\n}\n.has-submenu .menu-item-submenu-area.point-right::after {\n\ttransform: scaleX(-1);\n}\n.menu-item-checkbox-area::after,\n.menu-item-submenu-area::after {\n\tcontent: \"\";\n\tdisplay: block;\n\twidth: 16px;\n\theight: 16px;\n\t/* no background means it's invisible by default here (masking transparent gives transparent, i.e. nothing) */\n}\n.menu-item[aria-checked=true] .menu-item-checkbox-area::after,\n.menu-item.has-submenu .menu-item-submenu-area::after {\n\t/* makes it visible */\n\tbackground: currentColor;\n}\n\n.menu-hr {\n\tborder: 0;\n\tborder-top: 1px solid var(--ButtonShadow);\n\tborder-bottom: 1px solid var(--ButtonHilight);\n\tmargin: 0;\n\tmargin-top: 3px;\n\tmargin-bottom: 4px;\n}\n.menu-hotkey {\n\ttext-decoration: underline;\n}\n.menu-hotkey::selection {\n\t/* prevent weird looking white underlines if menubar is contained in a selection, possible in the demo (minute edge case) */\n text-decoration-color: var(--MenuText) !important;\n}\n\n\n::selection {\n\tbackground-color: var(--Hilight);\n\tcolor: var(--HilightText);\n}\n\n.scrollbar {\n\t@extend %checkerboard;\n}\n.scrollbar-thumb {\n\t@extend %outset-deep-2;\n}\n.scrollbar-track-piece:hover:active {\n\t@extend %checkerboard;\n\tbackground-color: white;\n\tbackground-blend-mode: difference;\n\t/* background-attachment: fixed; breaks the checkered background in chrome */\n}\n.scrollbar-track-piece.increment {\n\tbackground-position: bottom;\n}\n.scrollbar-corner {\n\tbackground-color: var(--ButtonFace);\n}\n\n.scrollbar-button {\n\t@extend %outset-deep-2;\n\tbackground-image: var(--scrollbar-arrows-ButtonText);\n\timage-rendering: pixelated;\n\twidth: var(--scrollbar-size);\n\theight: var(--scrollbar-size);\n\tbox-sizing: border-box;\n}\n.scrollbar-button:not(.disabled):hover:active {\n\tborder: 1px solid var(--ButtonShadow);\n\tbox-shadow: none;\n}\n.scrollbar-button.disabled {\n\tbackground-image: var(--scrollbar-arrows-GrayText), var(--scrollbar-arrows-ButtonHilight);\n}\n\n.scrollbar-button.horizontal.decrement.disabled {\n\tbackground-position: /* left arrow */\n\t\tcalc(var(--scrollbar-button-inner-size) * -3 + 1px) 1px,\n\t\tcalc(var(--scrollbar-button-inner-size) * -3 + 2px) 2px;\n}\n.scrollbar-button.horizontal.increment.disabled {\n\tbackground-position: /* right arrow */\n\t\tcalc(var(--scrollbar-button-inner-size) * -2 + 1px) 1px,\n\t\tcalc(var(--scrollbar-button-inner-size) * -2 + 2px) 2px;\n}\n.scrollbar-button.vertical.decrement.disabled {\n\tbackground-position: /* up arrow */\n\t\tcalc(var(--scrollbar-button-inner-size) * -1 + 1px) 1px,\n\t\tcalc(var(--scrollbar-button-inner-size) * -1 + 2px) 2px;\n}\n.scrollbar-button.vertical.increment.disabled {\n\tbackground-position: /* down arrow */\n\t\tcalc(var(--scrollbar-button-inner-size) * -0 + 1px) 1px,\n\t\tcalc(var(--scrollbar-button-inner-size) * -0 + 2px) 2px;\n}\n\n.scrollbar-button.horizontal.decrement {\n\tbackground-position: calc(var(--scrollbar-button-inner-size) * -3 + 1px) 1px; /* left */\n}\n.scrollbar-button.horizontal.increment {\n\tbackground-position: calc(var(--scrollbar-button-inner-size) * -2 + 1px) 1px; /* right */\n}\n.scrollbar-button.vertical.decrement {\n\tbackground-position: calc(var(--scrollbar-button-inner-size) * -1 + 1px) 1px; /* up */\n}\n.scrollbar-button.vertical.increment {\n\tbackground-position: calc(var(--scrollbar-button-inner-size) * -0 + 1px) 1px; /* down */\n}\n\n::-webkit-scrollbar,\n::-webkit-scrollbar-thumb,\n::-webkit-scrollbar-button {\n\twidth: var(--scrollbar-size);\n\theight: var(--scrollbar-size);\n}\n\n::-webkit-scrollbar {\n\t@extend .scrollbar;\n}\n::-webkit-scrollbar-thumb {\n\t@extend .scrollbar-thumb;\n}\n::-webkit-scrollbar-corner {\n\t@extend .scrollbar-corner;\n}\n\n::-webkit-scrollbar-button {\n\t@extend .scrollbar-button;\n}\n::-webkit-scrollbar-button:hover:active {\n\t@extend .scrollbar-button:not(.disabled):hover:active;\n}\n::-webkit-scrollbar-button:disabled {\n\t@extend .scrollbar-button.disabled;\n}\n\n::-webkit-scrollbar-button:horizontal:decrement:disabled {\n\t@extend .scrollbar-button.horizontal.decrement.disabled;\n}\n::-webkit-scrollbar-button:horizontal:increment:disabled {\n\t@extend .scrollbar-button.horizontal.increment.disabled;\n}\n::-webkit-scrollbar-button:vertical:decrement:disabled {\n\t@extend .scrollbar-button.vertical.decrement.disabled;\n}\n::-webkit-scrollbar-button:vertical:increment:disabled {\n\t@extend .scrollbar-button.vertical.increment.disabled;\n}\n\n::-webkit-scrollbar-button:horizontal:decrement {\n\t@extend .scrollbar-button.horizontal.decrement;\n}\n::-webkit-scrollbar-button:horizontal:increment {\n\t@extend .scrollbar-button.horizontal.increment;\n}\n::-webkit-scrollbar-button:vertical:decrement {\n\t@extend .scrollbar-button.vertical.decrement;\n}\n::-webkit-scrollbar-button:vertical:increment {\n\t@extend .scrollbar-button.vertical.increment;\n}\n\n::-webkit-scrollbar-track-piece {\n\t@extend .scrollbar-track-piece;\n}\n::-webkit-scrollbar-track-piece:increment {\n\t@extend .scrollbar-track-piece.increment;\n}\n\n/* turn off double buttons */\n::-webkit-scrollbar-button:start:increment,\n::-webkit-scrollbar-button:end:decrement {\n\tdisplay: none;\n}\n"]}