commit 8edd9f7ac041ba67457c1b8df5c4beb51a155992 Author: Tyler Hallada Date: Sun Feb 18 18:36:16 2018 -0500 Initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3c3629e --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules diff --git a/README.md b/README.md new file mode 100644 index 0000000..50f2a8d --- /dev/null +++ b/README.md @@ -0,0 +1,186 @@ +# Default Stylesheet + +Return styles to browser defaults. + +## Warning: Work in Progress! + +This technique is still a work in progress. Styles for all elements are not yet +completely isolated. Using the Firefox's browser default stylesheet means that +it doesn't quite work as expected in other browsers. + +To see the current progress for yourself: + +```bash +git clone https://github.com/thallada/default-stylesheet +cd default-stylesheet +npm install +npm run build +python -m SimpleHTTPServer 8888 +``` + +Then visit `http://localhost:8888/example/index.html` in your browser. + +That said, I've had success using only Bootstrap components on top of this reset +in another project. + +## Why this is needed + +If you have applied an [`all: +initial`](https://developer.mozilla.org/en-US/docs/Web/CSS/all) reset, the +affected elements will have absolutely no styling because they have been reset +to the element's initial values as defined in the CSS spec (e.g. all elements +will be inline). `all: initial` effectively undoes all styling on an element +including the browser default styling. + +Applying this stylesheet after applying an `all: initial` style will return +elements to some sane browser default. It "redoes" the browser default +stylesheet after undoing it. + +## Will this work in non-Firefox browsers? + +Theoretically yes, you will just end up with a styling that looks a lot like +Firefox. This stylesheet is based upon the [default Firefox +stylesheets](https://dxr.mozilla.org/mozilla-central/source/layout/style/res), +but with modifications to remove `-moz-` prefixes, `%if` blocks, and +Firefox-specific properties. + +You can use CSS resets, such as +[normalize.css](https://necolas.github.io/normalize.css/), to normalize the +Firefox styling to a cross-browser default standard. + +## Usage + +You have two options: + +### Import source and process with Webpack (recommended) + +Using [Webpack](https://webpack.js.org/) with [PostCSS](http://postcss.org/) +will give you the most control over how this stylesheet is applied. +Additionally, since `all: initial` is only supported by Firefox at the time of +writing, the [`postcss-initial` +plugin](https://github.com/maximkoretskiy/postcss-initial) is necessary to +polyfill it for other browsers. + +If you are using `all: initial` to isolate a specific element on the page from +the surrounding CSS cascade, you will likely want to scope it and this +stylesheet to that specific element. This can either be done by nesting +[Sass](https://sass-lang.com/) selectors or by using the +[`postcss-prepend-selector` +plugin](https://www.npmjs.com/package/postcss-prepend-selector). + +The advantage of using `postcss-prepend-selector` is that you won't have to wrap +every style in a selector to your embedded element. It will automatically +prepend every selector in your project with the selector at Webpack build-time. + +Here is an example of a Sass file that fully resets an embedded element: + +```scss +/* Note: Because postcss-prepend-selector is used in this project, all selectors defined in any CSS/SCSS file will have + * "#embedded.embedded " prepended to them so that all styles here will be scoped to *only* the root div. */ + +/* reset all element properties to initial values as defined in CSS spec (*not* browser defaults) */ +* { + all: initial; + /* allow all elements to inherit these properties from the root "body" div */ + font-family: inherit; + font-size: inherit; + font-weight: inherit; + line-height: inherit; + color: inherit; + text-align: left; + background-color: inherit; + cursor: inherit; +} + +/* apply Firefox's default stylesheet so that Bootstrap has some browser-like styling to work with */ +@import '~default-stylesheet/default.css'; + +/* apply the Bootstrap reboot (normalize.css) to convert Firefox default styling to some cross-browser baseline + * then, apply the Bootstrap component styling */ +@import '~bootstrap/scss/bootstrap'; + +/* Since elements inside the embedded div can no longer inherit styles set on the , we will apply the styles + * that the Bootstrap reboot applies to the on the wrapper div instead, which containing elements can inherit. + * + *
+ *
+ * + *
+ *
+ */ +.embedded-wrapper { + font-family: $font-family-base; + font-size: $font-size-base; + font-weight: $font-weight-base; + line-height: $line-height-base; + color: $body-color; + text-align: left; + background-color: rgb(255, 255, 255); +} +``` + +And an example Webpack 3 SCSS/CSS rule to process it: + +```javascript +{ + test: /(.scss|.css)$/, + use: [ + 'style-loader', + { + loader: 'css-loader', + options: { + sourceMap: true, + importLoaders: 1, + }, + }, + { + loader: 'postcss-loader', + options: { + sourceMap: true, + ident: 'postcss', + plugins: () => [ + /* eslint-disable global-require */ + require('autoprefixer'), + require('postcss-initial')(), + require('postcss-prepend-selector')({ selector: '#embedded.embedded ' }), + /* eslint-enable global-require */ + ], + }, + }, + { + loader: 'sass-loader', + options: { + sourceMap: true, + includePaths: [ + path.join(__dirname, '../node_modules'), + path.join(__dirname, '../src'), + ], + }, + }, + ], +}, +``` + +### Include pre-built CSS + +This project includes built CSS files in-case you are not using Webpack or +PostCSS. However, all of the styles are scoped to the hard-coded selector +"#embedded.embedded". Make sure there is an element on the page that has the id +"embedded" and a class name of "embedded". The styles will be applied to that +div. + +```html + + + + + + + +
+ +
+ + + element all have display:none */ +head { + display: none +} +meta { + display: none +} +title { + display: none +} +link { + display: none +} +style { + display: none +} +script { + display: none +} +/* generic block-level elements */ +body { + display: block; + margin: 8px +} +body:-webkit-full-page-media { + background-color: rgb(0, 0, 0) +} +p { + display: block; + margin-before: 1em; + margin-after: 1em; + margin-start: 0; + margin-end: 0; +} +div { + display: block +} +layer { + display: block +} +article, aside, footer, header, hgroup, main, nav, section { + display: block +} +marquee { + display: inline-block; +} +address { + display: block +} +blockquote { + display: block; + margin-before: 1em; + margin-after: 1em; + margin-start: 40px; + margin-end: 40px; +} +figcaption { + display: block +} +figure { + display: block; + margin-before: 1em; + margin-after: 1em; + margin-start: 40px; + margin-end: 40px; +} +q { + display: inline +} +q:before { + content: open-quote; +} +q:after { + content: close-quote; +} +center { + display: block; + /* special centering to be able to emulate the html4/netscape behaviour */ + text-align: center +} +hr { + display: block; + margin-before: 0.5em; + margin-after: 0.5em; + margin-start: auto; + margin-end: auto; + border-style: inset; + border-width: 1px +} +map { + display: inline +} +video { + object-fit: contain; +} +/* heading elements */ +h1 { + display: block; + font-size: 2em; + margin-before: 0.67em; + margin-after: 0.67em; + margin-start: 0; + margin-end: 0; + font-weight: bold +} +:any(article,aside,nav,section) h1 { + font-size: 1.5em; + margin-before: 0.83em; + margin-after: 0.83em; +} +:any(article,aside,nav,section) :any(article,aside,nav,section) h1 { + font-size: 1.17em; + margin-before: 1em; + margin-after: 1em; +} +:any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) h1 { + font-size: 1.00em; + margin-before: 1.33em; + margin-after: 1.33em; +} +:any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) h1 { + font-size: .83em; + margin-before: 1.67em; + margin-after: 1.67em; +} +:any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) h1 { + font-size: .67em; + margin-before: 2.33em; + margin-after: 2.33em; +} +h2 { + display: block; + font-size: 1.5em; + margin-before: 0.83em; + margin-after: 0.83em; + margin-start: 0; + margin-end: 0; + font-weight: bold +} +h3 { + display: block; + font-size: 1.17em; + margin-before: 1em; + margin-after: 1em; + margin-start: 0; + margin-end: 0; + font-weight: bold +} +h4 { + display: block; + margin-before: 1.33em; + margin-after: 1.33em; + margin-start: 0; + margin-end: 0; + font-weight: bold +} +h5 { + display: block; + font-size: .83em; + margin-before: 1.67em; + margin-after: 1.67em; + margin-start: 0; + margin-end: 0; + font-weight: bold +} +h6 { + display: block; + font-size: .67em; + margin-before: 2.33em; + margin-after: 2.33em; + margin-start: 0; + margin-end: 0; + font-weight: bold +} +/* tables */ +table { + display: table; + border-collapse: separate; + border-spacing: 2px; + border-color: gray +} +thead { + display: table-header-group; + vertical-align: middle; + border-color: inherit +} +tbody { + display: table-row-group; + vertical-align: middle; + border-color: inherit +} +tfoot { + display: table-footer-group; + vertical-align: middle; + border-color: inherit +} +/* for tables without table section elements (can happen with XHTML or dynamically created tables) */ +table > tr { + vertical-align: middle; +} +col { + display: table-column +} +colgroup { + display: table-column-group +} +tr { + display: table-row; + vertical-align: inherit; + border-color: inherit +} +td, th { + display: table-cell; + vertical-align: inherit +} +th { + font-weight: bold +} +caption { + display: table-caption; + text-align: center +} +/* lists */ +ul, menu, dir { + display: block; + list-style-type: disc; + margin-before: 1em; + margin-after: 1em; + margin-start: 0; + margin-end: 0; + padding-start: 40px +} +ol { + display: block; + list-style-type: decimal; + margin-before: 1em; + margin-after: 1em; + margin-start: 0; + margin-end: 0; + padding-start: 40px +} +li { + display: list-item; + text-align: match-parent; +} +ul ul, ol ul { + list-style-type: circle +} +ol ol ul, ol ul ul, ul ol ul, ul ul ul { + list-style-type: square +} +dd { + display: block; + margin-start: 40px +} +dl { + display: block; + margin-before: 1em; + margin-after: 1em; + margin-start: 0; + margin-end: 0; +} +dt { + display: block +} +ol ul, ul ol, ul ul, ol ol { + margin-before: 0; + margin-after: 0 +} +/* form elements */ +form { + display: block; + margin-top: 0em; +} +label { + cursor: default; +} +legend { + display: block; + padding-start: 2px; + padding-end: 2px; + border: none +} +fieldset { + display: block; + margin-start: 2px; + margin-end: 2px; + padding-before: 0.35em; + padding-start: 0.75em; + padding-end: 0.75em; + padding-after: 0.625em; + border: 2px groove ThreeDFace; + min-width: min-content; +} +button { + appearance: button; +} +/* Form controls don't go vertical. */ +input, textarea, keygen, select, button, meter, progress { + webkit-writing-mode: horizontal-tb !important; +} +input, textarea, keygen, select, button { + margin: 0em; + font: small-control; + text-rendering: auto; /* FIXME: Remove when tabs work with optimizeLegibility. */ + color: initial; + letter-spacing: normal; + word-spacing: normal; + line-height: normal; + text-transform: none; + text-indent: 0; + text-shadow: none; + display: inline-block; + text-align: start; +} +input[type="hidden"] { + display: none +} +input { + appearance: textfield; + padding: 1px; + background-color: white; + border: 2px inset; + rtl-ordering: logical; + user-select: text; + cursor: auto; +} +input[type="search"] { + appearance: searchfield; + box-sizing: border-box; +} +input::-webkit-textfield-decoration-container { + display: flex; + align-items: center; + -webkit-user-modify: read-only !important; + content: none !important; +} +input[type="search"]::-webkit-textfield-decoration-container { + direction: ltr; +} +input::-webkit-clear-button { + -webkit-appearance: searchfield-cancel-button; + display: inline-block; + flex: none; + -webkit-user-modify: read-only !important; + -webkit-margin-start: 2px; + opacity: 0; + pointer-events: none; +} +input:enabled:read-write:any(:focus,:hover)::-webkit-clear-button { + opacity: 1; + pointer-events: auto; +} +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: searchfield-cancel-button; + display: block; + flex: none; + -webkit-user-modify: read-only !important; + -webkit-margin-start: 1px; + opacity: 0; + pointer-events: none; +} +input[type="search"]:enabled:read-write:any(:focus,:hover)::-webkit-search-cancel-button { + opacity: 1; + pointer-events: auto; +} +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: searchfield-decoration; + display: block; + flex: none; + -webkit-user-modify: read-only !important; + -webkit-align-self: flex-start; + margin: auto 0; +} +input[type="search"]::-webkit-search-results-decoration { + -webkit-appearance: searchfield-results-decoration; + display: block; + flex: none; + -webkit-user-modify: read-only !important; + -webkit-align-self: flex-start; + margin: auto 0; +} +input::-webkit-inner-spin-button { + -webkit-appearance: inner-spin-button; + display: inline-block; + cursor: default; + flex: none; + align-self: stretch; + -webkit-user-select: none; + -webkit-user-modify: read-only !important; + opacity: 0; + pointer-events: none; +} +input:enabled:read-write:any(:focus,:hover)::-webkit-inner-spin-button { + opacity: 1; + pointer-events: auto; +} +keygen, select { + border-radius: 5px; +} +keygen::-webkit-keygen-select { + margin: 0px; +} +textarea { + -webkit-appearance: textarea; + background-color: white; + border: 1px solid; + -webkit-rtl-ordering: logical; + -webkit-user-select: text; + flex-direction: column; + resize: auto; + cursor: auto; + padding: 2px; + white-space: pre-wrap; + word-wrap: break-word; +} +::-webkit-input-placeholder { + -webkit-text-security: none; + color: darkGray; + pointer-events: none !important; +} +input::-webkit-input-placeholder { + white-space: pre; + word-wrap: normal; + overflow: hidden; + -webkit-user-modify: read-only !important; +} +input[type="password"] { + -webkit-text-security: disc !important; +} +input[type="hidden"], input[type="image"], input[type="file"] { + appearance: initial; + padding: initial; + background-color: initial; + border: initial; +} +input[type="file"] { + align-items: baseline; + color: inherit; + text-align: start !important; +} +input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { + background-color: #FAFFBD !important; + background-image:none !important; + color: #000000 !important; +} +input[type="radio"], input[type="checkbox"] { + margin: 3px 0.5ex; + padding: initial; + background-color: initial; + border: initial; +} +input[type="button"], input[type="submit"], input[type="reset"] { + appearance: push-button; + user-select: none; + white-space: pre +} +input[type="file"]::-webkit-file-upload-button { + -webkit-appearance: push-button; + -webkit-user-modify: read-only !important; + white-space: nowrap; + margin: 0; + font-size: inherit; +} +input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { + align-items: flex-start; + text-align: center; + cursor: default; + color: ButtonText; + padding: 2px 6px 3px 6px; + border: 2px outset ButtonFace; + background-color: ButtonFace; + box-sizing: border-box +} +input[type="range"] { + appearance: slider-horizontal; + padding: initial; + border: initial; + margin: 2px; + color: #909090; +} +input[type="range"]::-webkit-slider-container, input[type="range"]::-webkit-media-slider-container { + flex: 1; + min-width: 0; + box-sizing: border-box; + -webkit-user-modify: read-only !important; + display: flex; +} +input[type="range"]::-webkit-slider-runnable-track { + flex: 1; + min-width: 0; + -webkit-align-self: center; + box-sizing: border-box; + -webkit-user-modify: read-only !important; + display: block; +} +input[type="range"]::-webkit-slider-thumb, input[type="range"]::-webkit-media-slider-thumb { + -webkit-appearance: sliderthumb-horizontal; + box-sizing: border-box; + -webkit-user-modify: read-only !important; + display: block; +} +input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, +input[type="file"]:disabled::-webkit-file-upload-button, button:disabled, +select:disabled, keygen:disabled, optgroup:disabled, option:disabled, +select[disabled]>option { + color: GrayText +} +input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active { + border-style: inset +} +input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, input[type="file"]:active:disabled::-webkit-file-upload-button, button:active:disabled { + border-style: outset +} +option:-internal-spatial-navigation-focus { + outline: black dashed 1px; + outline-offset: -1px; +} +datalist { + display: none +} +area { + display: inline; + cursor: pointer; +} +param { + display: none +} +input[type="checkbox"] { + appearance: checkbox; + box-sizing: border-box; +} +input[type="radio"] { + appearance: radio; + box-sizing: border-box; +} +input[type="color"] { + appearance: square-button; + width: 44px; + height: 23px; + background-color: ButtonFace; + /* Same as native_theme_base. */ + border: 1px #a9a9a9 solid; + padding: 1px 2px; +} +input[type="color"]::-webkit-color-swatch-wrapper { + display:flex; + padding: 4px 2px; + box-sizing: border-box; + -webkit-user-modify: read-only !important; + width: 100%; + height: 100% +} +input[type="color"]::-webkit-color-swatch { + background-color: #000000; + border: 1px solid #777777; + flex: 1; + min-width: 0; + -webkit-user-modify: read-only !important; +} +input[type="color"][list] { + appearance: menulist; + width: 88px; + height: 23px +} +input[type="color"][list]::-webkit-color-swatch-wrapper { + padding-left: 8px; + padding-right: 24px; +} +input[type="color"][list]::-webkit-color-swatch { + border-color: #000000; +} +input::-webkit-calendar-picker-indicator { + display: inline-block; + width: 0.66em; + height: 0.66em; + padding: 0.17em 0.34em; + -webkit-user-modify: read-only !important; + opacity: 0; + pointer-events: none; +} +input::-webkit-calendar-picker-indicator:hover { + background-color: #eee; +} +input:enabled:read-write:any(:focus,:hover)::-webkit-calendar-picker-indicator, +input::-webkit-calendar-picker-indicator:focus { + opacity: 1; + pointer-events: auto; +} +input[type="date"]:disabled::-webkit-clear-button, +input[type="date"]:disabled::-webkit-inner-spin-button, +input[type="datetime-local"]:disabled::-webkit-clear-button, +input[type="datetime-local"]:disabled::-webkit-inner-spin-button, +input[type="month"]:disabled::-webkit-clear-button, +input[type="month"]:disabled::-webkit-inner-spin-button, +input[type="week"]:disabled::-webkit-clear-button, +input[type="week"]:disabled::-webkit-inner-spin-button, +input:disabled::-webkit-calendar-picker-indicator, +input[type="date"][readonly]::-webkit-clear-button, +input[type="date"][readonly]::-webkit-inner-spin-button, +input[type="datetime-local"][readonly]::-webkit-clear-button, +input[type="datetime-local"][readonly]::-webkit-inner-spin-button, +input[type="month"][readonly]::-webkit-clear-button, +input[type="month"][readonly]::-webkit-inner-spin-button, +input[type="week"][readonly]::-webkit-clear-button, +input[type="week"][readonly]::-webkit-inner-spin-button, +input[readonly]::-webkit-calendar-picker-indicator { + visibility: hidden; +} +select { + appearance: menulist; + box-sizing: border-box; + align-items: center; + border: 1px solid; + white-space: pre; + rtl-ordering: logical; + color: black; + background-color: white; + cursor: default; +} +select:not(:-internal-list-box) { + overflow: visible !important; +} +select:-internal-list-box { + appearance: listbox; + align-items: flex-start; + border: 1px inset gray; + border-radius: initial; + overflow-x: hidden; + overflow-y: scroll; + vertical-align: text-bottom; + user-select: none; + white-space: nowrap; +} +optgroup { + font-weight: bolder; + display: block; +} +option { + font-weight: normal; + display: block; + padding: 0 2px 1px 2px; + white-space: pre; + min-height: 1.2em; +} +select:-internal-list-box optgroup option:before { + content: "\00a0\00a0\00a0\00a0";; +} +select:-internal-list-box option, +select:-internal-list-box optgroup { + line-height: initial !important; +} +select:-internal-list-box:focus option:checked { + background-color: -internal-active-list-box-selection !important; + color: -internal-active-list-box-selection-text !important; +} +select:-internal-list-box option:checked { + background-color: -internal-inactive-list-box-selection !important; + color: -internal-inactive-list-box-selection-text !important; +} +select:-internal-list-box:disabled option:checked, +select:-internal-list-box option:checked:disabled { + color: gray !important; +} +select:-internal-list-box hr { + border-style: none; +} +output { + display: inline; +} +/* meter */ +meter { + appearance: meter; + box-sizing: border-box; + display: inline-block; + height: 1em; + width: 5em; + vertical-align: -0.2em; +} +meter::-webkit-meter-inner-element { + -webkit-appearance: inherit; + box-sizing: inherit; + -webkit-user-modify: read-only !important; + height: 100%; + width: 100%; +} +meter::-webkit-meter-bar { + background: linear-gradient(to bottom, #ddd, #eee 20%, #ccc 45%, #ccc 55%, #ddd); + height: 100%; + width: 100%; + -webkit-user-modify: read-only !important; + box-sizing: border-box; +} +meter::-webkit-meter-optimum-value { + background: linear-gradient(to bottom, #ad7, #cea 20%, #7a3 45%, #7a3 55%, #ad7); + height: 100%; + -webkit-user-modify: read-only !important; + box-sizing: border-box; +} +meter::-webkit-meter-suboptimum-value { + background: linear-gradient(to bottom, #fe7, #ffc 20%, #db3 45%, #db3 55%, #fe7); + height: 100%; + -webkit-user-modify: read-only !important; + box-sizing: border-box; +} +meter::-webkit-meter-even-less-good-value { + background: linear-gradient(to bottom, #f77, #fcc 20%, #d44 45%, #d44 55%, #f77); + height: 100%; + -webkit-user-modify: read-only !important; + box-sizing: border-box; +} +/* progress */ +progress { + appearance: progress-bar; + box-sizing: border-box; + display: inline-block; + height: 1em; + width: 10em; + vertical-align: -0.2em; +} +progress::-webkit-progress-inner-element { + -webkit-appearance: inherit; + box-sizing: inherit; + -webkit-user-modify: read-only; + height: 100%; + width: 100%; +} +progress::-webkit-progress-bar { + background-color: gray; + height: 100%; + width: 100%; + -webkit-user-modify: read-only !important; + box-sizing: border-box; +} +progress::-webkit-progress-value { + background-color: green; + height: 100%; + width: 50%; /* should be removed later */ + -webkit-user-modify: read-only !important; + box-sizing: border-box; +} +/* inline elements */ +u, ins { + text-decoration: underline +} +strong, b { + font-weight: bold +} +i, cite, em, var, address, dfn { + font-style: italic +} +tt, code, kbd, samp { + font-family: monospace +} +pre, xmp, plaintext, listing { + display: block; + font-family: monospace; + white-space: pre; + margin: 1em 0 +} +mark { + background-color: yellow; + color: black +} +big { + font-size: larger +} +small { + font-size: smaller +} +s, strike, del { + text-decoration: line-through +} +sub { + vertical-align: sub; + font-size: smaller +} +sup { + vertical-align: super; + font-size: smaller +} +nobr { + white-space: nowrap +} +/* states */ +:focus { + outline: auto 5px Highlight +} +/* Read-only text fields do not show a focus ring but do still receive focus */ +html:focus, body:focus, input[readonly]:focus { + outline: none +} +embed:focus, iframe:focus, object:focus { + outline: none +} + +input:focus, textarea:focus, keygen:focus, select:focus { + outline-offset: -2px +} +input[type="button"]:focus, +input[type="checkbox"]:focus, +input[type="file"]:focus, +input[type="hidden"]:focus, +input[type="image"]:focus, +input[type="radio"]:focus, +input[type="reset"]:focus, +input[type="search"]:focus, +input[type="submit"]:focus, +input[type="file"]:focus::-webkit-file-upload-button { + outline-offset: 0 +} + +a:any-link { + color: -webkit-link; + text-decoration: underline; + cursor: auto; +} +a:any-link:active { + color: -webkit-activelink +} +/* HTML5 ruby elements */ +ruby, rt { + text-indent: 0; /* blocks used for ruby rendering should not trigger this */ +} +rt { + line-height: normal; + text-emphasis: none; +} +ruby > rt { + display: block; + font-size: 50%; + text-align: start; +} +ruby > rp { + display: none; +} +/* other elements */ +noframes { + display: none +} +frameset, frame { + display: block +} +frameset { + border-color: inherit +} +iframe { + border: 2px inset +} +details { + display: block +} +summary { + display: block +} +summary::-webkit-details-marker { + display: inline-block; + width: 0.66em; + height: 0.66em; + -webkit-margin-end: 0.4em; +} +template { + display: none +} +bdi, output { + unicode-bidi: isolate; +} +bdo { + unicode-bidi: bidi-override; +} +textarea[dir=auto] { + unicode-bidi: plaintext; +} +dialog:not([open]) { + display: none +} +dialog { + position: absolute; + left: 0; + right: 0; + width: fit-content; + height: fit-content; + margin: auto; + border: solid; + padding: 1em; + background: white; + color: black +} +dialog::backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(0,0,0,0.1) +} +/* page */ +@page { + /* FIXME: Define the right default values for page properties. */ + size: auto; + margin: auto; + padding: 0px; + border-width: 0px; +} +/* Disable multicol in printing, since it's not implemented properly. See crbug.com/99358 */ +@media print { + * { columns: auto !important; } +} +/* noscript is handled internally, as it depends on settings. */ diff --git a/dist/default.min.css b/dist/default.min.css new file mode 100644 index 0000000..3e315b8 --- /dev/null +++ b/dist/default.min.css @@ -0,0 +1 @@ +#embedded.embedded :has-dir-attr{unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded :dir-attr-rtl{direction:rtl}#embedded.embedded :dir-attr-ltr{direction:ltr}#embedded.embedded :dir-attr-like-auto:dir(ltr){direction:ltr}#embedded.embedded :dir-attr-like-auto:dir(rtl){direction:rtl}#embedded.embedded address,#embedded.embedded article,#embedded.embedded aside,#embedded.embedded bdi,#embedded.embedded blockquote,#embedded.embedded body,#embedded.embedded caption,#embedded.embedded center,#embedded.embedded col,#embedded.embedded colgroup,#embedded.embedded dd,#embedded.embedded dir,#embedded.embedded div,#embedded.embedded dl,#embedded.embedded dt,#embedded.embedded fieldset,#embedded.embedded figcaption,#embedded.embedded figure,#embedded.embedded footer,#embedded.embedded form,#embedded.embedded h1,#embedded.embedded h2,#embedded.embedded h3,#embedded.embedded h4,#embedded.embedded h5,#embedded.embedded h6,#embedded.embedded header,#embedded.embedded hgroup,#embedded.embedded hr,#embedded.embedded html,#embedded.embedded legend,#embedded.embedded li,#embedded.embedded listing,#embedded.embedded main,#embedded.embedded marquee,#embedded.embedded menu,#embedded.embedded nav,#embedded.embedded noframes,#embedded.embedded ol,#embedded.embedded output,#embedded.embedded p,#embedded.embedded plaintext,#embedded.embedded pre,#embedded.embedded section,#embedded.embedded summary,#embedded.embedded table,#embedded.embedded tbody,#embedded.embedded td,#embedded.embedded tfoot,#embedded.embedded th,#embedded.embedded thead,#embedded.embedded tr,#embedded.embedded ul,#embedded.embedded xmp{unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded bdo,#embedded.embedded bdo:has-dir-attr{unicode-bidi:isolate-override}#embedded.embedded pre:dir-attr-like-auto,#embedded.embedded textarea:dir-attr-like-auto{unicode-bidi:plaintext}#embedded.embedded article,#embedded.embedded aside,#embedded.embedded details,#embedded.embedded div,#embedded.embedded dt,#embedded.embedded figcaption,#embedded.embedded footer,#embedded.embedded form,#embedded.embedded header,#embedded.embedded hgroup,#embedded.embedded html,#embedded.embedded main,#embedded.embedded nav,#embedded.embedded section,#embedded.embedded summary{display:block}#embedded.embedded body{display:block;margin:8px}#embedded.embedded dl,#embedded.embedded multicol,#embedded.embedded p{display:block;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em}#embedded.embedded dd{display:block;-webkit-margin-start:40px;margin-inline-start:40px}#embedded.embedded blockquote,#embedded.embedded figure{display:block;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:40px;margin-inline-start:40px;-webkit-margin-end:40px;margin-inline-end:40px}#embedded.embedded address{display:block;font-style:italic}#embedded.embedded center{display:block;text-align:center}#embedded.embedded blockquote[type=cite]{display:block;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:1em;padding-inline-start:1em;-webkit-border-start:solid;border-inline-start:solid;border-color:blue;border-width:thin}#embedded.embedded pre[_moz_quote=true],#embedded.embedded span[_moz_quote=true]{color:blue}#embedded.embedded h1{display:block;font-size:2em;font-weight:700;-webkit-margin-before:.67em;margin-block-start:.67em;-webkit-margin-after:.67em;margin-block-end:.67em}#embedded.embedded :any(article,aside,nav,section) h1,#embedded.embedded h2{display:block;font-size:1.5em;font-weight:700;-webkit-margin-before:.83em;margin-block-start:.83em;-webkit-margin-after:.83em;margin-block-end:.83em}#embedded.embedded :any(article,aside,nav,section) :any(article,aside,nav,section) h1,#embedded.embedded h3{display:block;font-size:1.17em;font-weight:700;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em}#embedded.embedded :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) h1,#embedded.embedded h4{display:block;font-size:1em;font-weight:700;-webkit-margin-before:1.33em;margin-block-start:1.33em;-webkit-margin-after:1.33em;margin-block-end:1.33em}#embedded.embedded :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) h1,#embedded.embedded h5{display:block;font-size:.83em;font-weight:700;-webkit-margin-before:1.67em;margin-block-start:1.67em;-webkit-margin-after:1.67em;margin-block-end:1.67em}#embedded.embedded :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) h1,#embedded.embedded h6{display:block;font-size:.67em;font-weight:700;-webkit-margin-before:2.33em;margin-block-start:2.33em;-webkit-margin-after:2.33em;margin-block-end:2.33em}#embedded.embedded listing{font-size:medium}#embedded.embedded listing,#embedded.embedded plaintext,#embedded.embedded pre,#embedded.embedded xmp{display:block;font-family:fixed;white-space:pre;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em}#embedded.embedded table{display:table;border-spacing:2px;border-collapse:separate;box-sizing:border-box;text-indent:0}#embedded.embedded table[align=left]{float:left}#embedded.embedded table[align=right]{float:right;text-align:start}#embedded.embedded table[rules]{border-width:thin;border-style:hidden}#embedded.embedded table:table-border-nonzero{border-width:thin;border-style:outset}#embedded.embedded table[frame]{border:thin hidden}#embedded.embedded table[frame=void]{border-style:hidden}#embedded.embedded table[frame=above]{border-style:outset hidden hidden}#embedded.embedded table[frame=below]{border-style:hidden hidden outset}#embedded.embedded table[frame=lhs]{border-style:hidden hidden hidden outset}#embedded.embedded table[frame=rhs]{border-style:hidden outset hidden hidden}#embedded.embedded table[frame=hsides]{border-style:outset hidden}#embedded.embedded table[frame=vsides]{border-style:hidden outset}#embedded.embedded table[frame=border],#embedded.embedded table[frame=box]{border-style:outset}#embedded.embedded table:table-border-nonzero>*>td,#embedded.embedded table:table-border-nonzero>*>th,#embedded.embedded table:table-border-nonzero>*>tr>td,#embedded.embedded table:table-border-nonzero>*>tr>th,#embedded.embedded table:table-border-nonzero>td,#embedded.embedded table:table-border-nonzero>th{border-width:thin;border-style:inset}#embedded.embedded table[rules]:not([rules=none]):not([rules=""]){border-collapse:collapse}#embedded.embedded table[rules]:not([rules=""])>*>tr>td,#embedded.embedded table[rules]:not([rules=""])>*>tr>th,#embedded.embedded table[rules]:not([rules=""])>td,#embedded.embedded table[rules]:not([rules=""])>th,#embedded.embedded table[rules]:not([rules=""])>tr>td,#embedded.embedded table[rules]:not([rules=""])>tr>th,#embedded.embedded table[rules][rules=none]>*>tr>td,#embedded.embedded table[rules][rules=none]>*>tr>th,#embedded.embedded table[rules][rules=none]>td,#embedded.embedded table[rules][rules=none]>th,#embedded.embedded table[rules][rules=none]>tr>td,#embedded.embedded table[rules][rules=none]>tr>th{border-width:thin;border-style:none}#embedded.embedded table[rules][rules=all]>*>tr>td,#embedded.embedded table[rules][rules=all]>*>tr>th,#embedded.embedded table[rules][rules=all]>td,#embedded.embedded table[rules][rules=all]>th,#embedded.embedded table[rules][rules=all]>tr>td,#embedded.embedded table[rules][rules=all]>tr>th{border-width:thin;border-style:solid}#embedded.embedded table[rules][rules=rows]>*>tr,#embedded.embedded table[rules][rules=rows]>tr{border-block-start-width:thin;border-block-end-width:thin;border-block-start-style:solid;border-block-end-style:solid}#embedded.embedded table[rules][rules=cols]>*>tr>td,#embedded.embedded table[rules][rules=cols]>*>tr>th,#embedded.embedded table[rules][rules=cols]>tr>td,#embedded.embedded table[rules][rules=cols]>tr>th,#embedded.embedded table[rules][rules=groups]>colgroup{border-inline-start-width:thin;border-inline-end-width:thin;border-inline-start-style:solid;border-inline-end-style:solid}#embedded.embedded table[rules][rules=groups]>tbody,#embedded.embedded table[rules][rules=groups]>tfoot,#embedded.embedded table[rules][rules=groups]>thead{border-block-start-width:thin;border-block-end-width:thin;border-block-start-style:solid}#embedded.embedded caption{display:table-caption;text-align:center}#embedded.embedded table[align=center]>caption{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}#embedded.embedded table[align=center]>caption[align=left]:dir(ltr){-webkit-margin-end:0;margin-inline-end:0}#embedded.embedded table[align=center]>caption[align=left]:dir(rtl){-webkit-margin-start:0;margin-inline-start:0}#embedded.embedded table[align=center]>caption[align=right]:dir(ltr){-webkit-margin-start:0;margin-inline-start:0}#embedded.embedded table[align=center]>caption[align=right]:dir(rtl){-webkit-margin-end:0;margin-inline-end:0}#embedded.embedded tr{display:table-row;vertical-align:inherit}#embedded.embedded col{display:table-column}#embedded.embedded colgroup{display:table-column-group}#embedded.embedded tbody{display:table-row-group;vertical-align:middle}#embedded.embedded thead{display:table-header-group;vertical-align:middle}#embedded.embedded tfoot{display:table-footer-group;vertical-align:middle}#embedded.embedded table>tr{vertical-align:middle}#embedded.embedded td{text-align:inherit}#embedded.embedded td,#embedded.embedded th{display:table-cell;vertical-align:inherit;padding:1px}#embedded.embedded th{font-weight:700}#embedded.embedded table>form:is-html,#embedded.embedded tbody>form:is-html,#embedded.embedded tfoot>form:is-html,#embedded.embedded thead>form:is-html,#embedded.embedded tr>form:is-html{display:none!important}#embedded.embedded table[bordercolor]>*>tr,#embedded.embedded table[bordercolor]>*>tr>td,#embedded.embedded table[bordercolor]>*>tr>th,#embedded.embedded table[bordercolor]>col,#embedded.embedded table[bordercolor]>colgroup,#embedded.embedded table[bordercolor]>tbody,#embedded.embedded table[bordercolor]>tfoot,#embedded.embedded table[bordercolor]>thead,#embedded.embedded table[bordercolor]>tr,#embedded.embedded table[bordercolor]>tr>td,#embedded.embedded table[bordercolor]>tr>th{border-color:inherit}#embedded.embedded q:before{content:open-quote}#embedded.embedded q:after{content:close-quote}#embedded.embedded b,#embedded.embedded strong{font-weight:bolder}#embedded.embedded cite,#embedded.embedded dfn,#embedded.embedded em,#embedded.embedded i,#embedded.embedded var{font-style:italic}#embedded.embedded code,#embedded.embedded kbd,#embedded.embedded samp,#embedded.embedded tt{font-family:fixed}#embedded.embedded ins,#embedded.embedded u{text-decoration:underline}#embedded.embedded del,#embedded.embedded s,#embedded.embedded strike{text-decoration:line-through}#embedded.embedded big{font-size:larger}#embedded.embedded small{font-size:smaller}#embedded.embedded sub{vertical-align:sub;font-size:smaller;line-height:normal}#embedded.embedded sup{vertical-align:super;font-size:smaller;line-height:normal}#embedded.embedded nobr{white-space:nowrap}#embedded.embedded mark{background:#ff0;color:#000}#embedded.embedded abbr[title],#embedded.embedded acronym[title]{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}#embedded.embedded dir,#embedded.embedded menu,#embedded.embedded ul{display:block;list-style-type:disc;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-padding-start:40px;padding-inline-start:40px}#embedded.embedded menu[type=context]{display:none!important}#embedded.embedded ol{display:block;list-style-type:decimal;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-padding-start:40px;padding-inline-start:40px}#embedded.embedded li{display:list-item;text-align:match-parent}#embedded.embedded :any(ul,ol,dir,menu,dl) dir,#embedded.embedded :any(ul,ol,dir,menu,dl) dl,#embedded.embedded :any(ul,ol,dir,menu,dl) menu,#embedded.embedded :any(ul,ol,dir,menu,dl) ol,#embedded.embedded :any(ul,ol,dir,menu,dl) ul{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}#embedded.embedded :any(ol,ul,menu,dir) dir,#embedded.embedded :any(ol,ul,menu,dir) menu,#embedded.embedded :any(ol,ul,menu,dir) ul{list-style-type:circle}#embedded.embedded :any(ol,ul,menu,dir) :any(ol,ul,menu,dir) dir,#embedded.embedded :any(ol,ul,menu,dir) :any(ol,ul,menu,dir) menu,#embedded.embedded :any(ol,ul,menu,dir) :any(ol,ul,menu,dir) ul{list-style-type:square}#embedded.embedded hr{display:block;border:1px inset;-webkit-margin-before:.5em;margin-block-start:.5em;-webkit-margin-after:.5em;margin-block-end:.5em;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;color:gray;float-edge:margin-box;box-sizing:content-box}#embedded.embedded hr[size="1"]{border-style:solid none none}#embedded.embedded img:broken:before,#embedded.embedded img:loading:before,#embedded.embedded img:user-disabled:before,#embedded.embedded input:broken:before,#embedded.embedded input:loading:before,#embedded.embedded input:user-disabled:before{content:alt-content!important;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded object:any(:broken,:user-disabled)>*|*{vertical-align:inherit}#embedded.embedded embed:suppressed,#embedded.embedded img:suppressed,#embedded.embedded input:suppressed,#embedded.embedded object:suppressed{display:none!important;visibility:hidden!important}#embedded.embedded img[usemap],#embedded.embedded object[usemap]{color:blue}#embedded.embedded frameset{display:block!important;overflow:hidden-unscrollable;position:static!important;float:none!important;border:none!important}#embedded.embedded link{display:none}#embedded.embedded frame{border-radius:0!important}#embedded.embedded iframe{border:2px inset}#embedded.embedded noframes{display:none}#embedded.embedded spacer{position:static!important;float:none!important}#embedded.embedded canvas{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#embedded.embedded :focusring:not(input):not(button):not(select):not(textarea):not(iframe):not(frame):not(body):not(html){outline:1px dotted}#embedded.embedded base,#embedded.embedded basefont,#embedded.embedded datalist,#embedded.embedded head,#embedded.embedded meta,#embedded.embedded noembed,#embedded.embedded param,#embedded.embedded script,#embedded.embedded style,#embedded.embedded template,#embedded.embedded title{display:none}#embedded.embedded area{display:none!important}#embedded.embedded iframe:-webkit-full-screen{border:none!important;padding:0!important}#embedded.embedded iframe:-moz-full-screen{border:none!important;padding:0!important}#embedded.embedded iframe:-ms-fullscreen{border:none!important;padding:0!important}#embedded.embedded iframe:fullscreen{border:none!important;padding:0!important}#embedded.embedded audio>xul|videocontrols,#embedded.embedded video>xul|videocontrols{display:flex;box-orient:vertical}#embedded.embedded audio:not([controls])>xul|videocontrols,#embedded.embedded video:not([controls])>xul|videocontrols{visibility:hidden;binding:none}#embedded.embedded video{-o-object-fit:contain;object-fit:contain}#embedded.embedded video>img:native-anonymous{-o-object-fit:inherit!important;object-fit:inherit!important;-o-object-position:inherit!important;object-position:inherit!important}#embedded.embedded audio:not([controls]){display:none}#embedded.embedded audio[controls]{-webkit-writing-mode:horizontal-tb!important;-ms-writing-mode:lr-tb!important;writing-mode:horizontal-tb!important}#embedded.embedded ::html-canvas-content{display:block!important;transform:translate(0)!important}#embedded.embedded video>.caption-box{width:100%;height:100%;position:relative}#embedded.embedded ::cue{color:#fff;white-space:pre-line;background-color:rgba(0,0,0,.8);font:var(--cue-font-size) sans-serif}#embedded.embedded input[type=date]>xul|datetimebox,#embedded.embedded input[type=time]>xul|datetimebox{display:flex}#embedded.embedded details>summary:first-of-type,#embedded.embedded details>summary:native-anonymous{display:list-item;list-style:disclosure-closed inside}#embedded.embedded details[open]>summary:first-of-type,#embedded.embedded details[open]>summary:native-anonymous{list-style-type:disclosure-open}#embedded.embedded details>summary:first-of-type>*|*{list-style-position:outside;list-style-position:initial}#embedded.embedded dialog{position:absolute;offset-inline-start:0;offset-inline-end:0;color:#000;margin:auto;border-width:medium;border-width:initial;border-style:solid;border-color:currentColor;border-color:initial;-o-border-image:initial;border-image:none;border-image:initial;padding:1em;background:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#embedded.embedded dialog:not([open]){display:none}#embedded.embedded marquee{inline-size:available;display:inline-block;vertical-align:text-bottom;text-align:start}#embedded.embedded marquee[direction=down],#embedded.embedded marquee[direction=up]{block-size:200px}@media print{#embedded.embedded marquee{binding:none}}#embedded.embedded ruby{display:ruby}#embedded.embedded rb{display:ruby-base;white-space:nowrap}#embedded.embedded rp{display:none}#embedded.embedded rt{display:ruby-text}#embedded.embedded rtc{display:ruby-text-container}#embedded.embedded rt,#embedded.embedded rtc{white-space:nowrap;font-size:50%;moz-min-font-size-ratio:50%;line-height:1;-webkit-text-emphasis:none;text-emphasis:none}#embedded.embedded rt:lang(zh),#embedded.embedded rtc:lang(zh){ruby-align:center}#embedded.embedded rt:lang(zh-TW),#embedded.embedded rtc:lang(zh-TW){font-size:30%;moz-min-font-size-ratio:30%}#embedded.embedded rtc>rt{font-size:inherit}#embedded.embedded rb,#embedded.embedded rt,#embedded.embedded rtc,#embedded.embedded ruby{unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded pre{white-space:pre-wrap;word-wrap:break-word;control-character-visibility:visible}#embedded.embedded html:not([dir]) pre{unicode-bidi:plaintext}#embedded.embedded ::table{display:table;box-sizing:border-box}#embedded.embedded ::inline-table{display:inline-table;box-sizing:border-box}#embedded.embedded ::table-wrapper{display:inherit;top-layer:inherit;margin:inherit;float:inherit;clear:inherit;position:inherit;top:inherit;right:inherit;bottom:inherit;left:inherit;z-index:inherit;page-break-before:inherit;page-break-after:inherit;page-break-inside:inherit;vertical-align:inherit;line-height:inherit;transform:inherit;transform-origin:inherit;-webkit-backface-visibility:inherit;backface-visibility:inherit;clip:inherit;align-self:inherit;justify-self:inherit;grid-column-start:inherit;grid-column-end:inherit;grid-row-start:inherit;grid-row-end:inherit;order:inherit}#embedded.embedded ::table-row{display:table-row}#embedded.embedded ::table-column{display:table-column;visibility:hidden}#embedded.embedded ::table-column-group{display:table-column-group;visibility:hidden}#embedded.embedded ::table-row-group{display:table-row-group}#embedded.embedded ::table-cell{display:table-cell;white-space:inherit}#embedded.embedded ::ruby{display:ruby;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded ::ruby-base{display:ruby-base;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded ::ruby-text{display:ruby-text;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded ::ruby-base-container{display:ruby-base-container;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded ::ruby-text-container{display:ruby-text-container;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded ::list-bullet,#embedded.embedded ::list-number{display:inline;vertical-align:baseline;font-variant-numeric:tabular-nums;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#embedded.embedded :-webkit-any-link{cursor:pointer}#embedded.embedded :any-link{cursor:pointer}#embedded.embedded :-webkit-any-link:focusring{outline:1px dotted}#embedded.embedded :any-link:focusring{outline:1px dotted}#embedded.embedded ::block-inside-inline-wrapper,#embedded.embedded ::cell-content{display:block;unicode-bidi:inherit;text-overflow:inherit;overflow-clip-box:inherit}#embedded.embedded ::block-inside-inline-wrapper{position:inherit;outline:inherit;outline-offset:inherit;-webkit-clip-path:inherit;clip-path:inherit;-webkit-filter:inherit;filter:inherit;-webkit-mask:inherit;mask:inherit;opacity:inherit;text-decoration:inherit;box-ordinal-group:inherit;top:inherit;left:inherit;bottom:inherit;right:inherit;z-index:inherit}#embedded.embedded ::xul-anonymous-block{display:block;box-ordinal-group:inherit;text-overflow:inherit;overflow-clip-box:inherit}#embedded.embedded ::scrolled-canvas,#embedded.embedded ::scrolled-content,#embedded.embedded ::scrolled-page-sequence{padding:inherit;display:block;unicode-bidi:inherit;text-overflow:inherit;-webkit-column-count:inherit;column-count:inherit;-webkit-column-width:inherit;column-width:inherit;-webkit-column-gap:inherit;column-gap:inherit;-webkit-column-rule:inherit;column-rule:inherit;-webkit-column-fill:inherit;column-fill:inherit;flex-direction:inherit;flex-wrap:inherit;box-orient:inherit;box-direction:inherit;box-pack:inherit;box-align:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid-column-gap:inherit;grid-row-gap:inherit;grid-template-areas:inherit;grid-template-columns:inherit;grid-template-rows:inherit;align-content:inherit;align-items:inherit;justify-content:inherit;justify-items:inherit;overflow-clip-box:inherit}#embedded.embedded ::canvas,#embedded.embedded ::scrolled-canvas,#embedded.embedded ::viewport,#embedded.embedded ::viewport-scroll{display:block;background-color:inherit}#embedded.embedded ::viewport-scroll{overflow:auto}#embedded.embedded ::column-content{unicode-bidi:inherit;text-overflow:inherit;display:inherit;height:100%}#embedded.embedded ::anonymous-flex-item,#embedded.embedded ::anonymous-grid-item{display:block}#embedded.embedded ::page-sequence,#embedded.embedded ::scrolled-page-sequence{display:block;background:linear-gradient(#606060,#8a8a8a) fixed;height:100%}#embedded.embedded ::page{display:block;background:#fff;box-shadow:5px 5px 8px #202020;-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:.125in .25in}#embedded.embedded ::pagecontent{display:block;margin:auto}#embedded.embedded ::pagebreak{display:block}@media print{#embedded.embedded *{cursor:default!important}}#embedded.embedded :-webkit-full-screen:not(:root){position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;margin:0!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;object-fit:contain;transform:none!important}#embedded.embedded :-moz-full-screen:not(:root){position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;margin:0!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;object-fit:contain;transform:none!important}#embedded.embedded :-ms-fullscreen:not(:root){position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;margin:0!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;object-fit:contain;transform:none!important}#embedded.embedded :fullscreen:not(:root){position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;margin:0!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;-o-object-fit:contain;object-fit:contain;transform:none!important}#embedded.embedded :-webkit-full-screen:not(:root):not(:browser-frame){top-layer:top!important}#embedded.embedded :-moz-full-screen:not(:root):not(:browser-frame){top-layer:top!important}#embedded.embedded :-ms-fullscreen:not(:root):not(:browser-frame){top-layer:top!important}#embedded.embedded :fullscreen:not(:root):not(:browser-frame){top-layer:top!important}#embedded.embedded ::-webkit-backdrop{top-layer:top!important;display:block;position:fixed;top:0;left:0;right:0;bottom:0}#embedded.embedded ::backdrop{top-layer:top!important;display:block;position:fixed;top:0;left:0;right:0;bottom:0}#embedded.embedded :full-screen:not(:root)::-webkit-backdrop{background:#000}#embedded.embedded :full-screen:not(:root)::backdrop{background:#000}#embedded.embedded parsererror|parsererror{display:block;font-family:sans-serif;font-weight:700;white-space:pre;margin:1em;padding:1em;border:thin inset red;font-size:14pt;background-color:#ffffe0;color:#000}#embedded.embedded parsererror|sourcetext{display:block;white-space:pre;font-family:fixed;margin-top:2em;margin-bottom:1em;color:red;font-weight:700;font-size:12pt}#embedded.embedded div:native-anonymous.moz-accessiblecaret{transition-duration:.25s;transition-property:width,height,margin-left}#embedded.embedded div:native-anonymous.moz-accessiblecaret,#embedded.embedded div:native-anonymous.moz-accessiblecaret>#bar,#embedded.embedded div:native-anonymous.moz-accessiblecaret>#image,#embedded.embedded div:native-anonymous.moz-accessiblecaret>#text-overlay{position:absolute;z-index:1}#embedded.embedded div:native-anonymous.moz-accessiblecaret>#image,#embedded.embedded div:native-anonymous.moz-accessiblecaret>#text-overlay{top:0;width:100%;pointer-events:auto}#embedded.embedded div:native-anonymous.moz-accessiblecaret>#image{background-position:top;background-size:100%;background-repeat:no-repeat;background-origin:content-box;height:100%}#embedded.embedded div:native-anonymous.moz-accessiblecaret>#bar{margin-left:49%;background-color:#008aa0}#embedded.embedded div:native-anonymous.moz-accessiblecaret.no-bar>#bar{display:none}#embedded.embedded div:native-anonymous.moz-accessiblecaret.left>#image,#embedded.embedded div:native-anonymous.moz-accessiblecaret.left>#text-overlay{margin-left:-39%}#embedded.embedded div:native-anonymous.moz-accessiblecaret.right>#image,#embedded.embedded div:native-anonymous.moz-accessiblecaret.right>#text-overlay{margin-left:41%}#embedded.embedded div:native-anonymous.moz-accessiblecaret.none{display:none}#embedded.embedded div:native-anonymous.moz-custom-content-container{pointer-events:none;top-layer:top;position:absolute;top:0;left:0;width:100%;height:100%}#embedded.embedded slot{display:contents}#embedded.embedded ::fieldset-content{display:block;unicode-bidi:inherit;text-overflow:inherit;overflow:inherit;overflow-clip-box:inherit;border-radius:inherit;padding:inherit;block-size:100%;-webkit-column-count:inherit;column-count:inherit;-webkit-column-width:inherit;column-width:inherit;-webkit-column-gap:inherit;column-gap:inherit;-webkit-column-rule:inherit;column-rule:inherit;-webkit-column-fill:inherit;column-fill:inherit;flex-direction:inherit;flex-wrap:inherit;box-orient:inherit;box-direction:inherit;box-pack:inherit;box-align:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid-column-gap:inherit;grid-row-gap:inherit;grid-template-areas:inherit;grid-template-columns:inherit;grid-template-rows:inherit;align-content:inherit;align-items:inherit;justify-content:inherit;justify-items:inherit}#embedded.embedded fieldset>legend{-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content}#embedded.embedded legend{display:block}#embedded.embedded fieldset{display:block;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;-webkit-padding-before:.35em;padding-block-start:.35em;-webkit-padding-after:.75em;padding-block-end:.75em;-webkit-padding-start:.625em;padding-inline-start:.625em;-webkit-padding-end:.625em;padding-inline-end:.625em;border:2px groove ThreeDLightShadow;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}#embedded.embedded label{cursor:default}#embedded.embedded input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;padding:1px;border:2px inset #e3e3e3;background-color:transparent;color:#000;font:field;text-rendering:optimizeLegibility;line-height:normal;text-align:start;text-transform:none;word-spacing:normal;letter-spacing:normal;cursor:text;text-indent:0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;text-shadow:none;overflow-clip-box:padding-box content-box}#embedded.embedded input::-webkit-input-placeholder,#embedded.embedded input>.anonymous-div{word-wrap:normal!important;line-height:block-height}#embedded.embedded input:-ms-input-placeholder,#embedded.embedded input::-ms-input-placeholder,#embedded.embedded input>.anonymous-div{word-wrap:normal!important;line-height:block-height}#embedded.embedded input::placeholder,#embedded.embedded input>.anonymous-div{word-wrap:normal!important;line-height:block-height}#embedded.embedded textarea{-webkit-margin-before:1px;margin-block-start:1px;-webkit-margin-after:1px;margin-block-end:1px;border:2px inset ThreeDLightShadow;-webkit-padding-start:1px;padding-inline-start:1px;-webkit-padding-end:1px;padding-inline-end:1px;background-color:transparent;color:#000;font:medium fixed;text-rendering:optimizeLegibility;text-align:start;text-transform:none;word-spacing:normal;letter-spacing:normal;vertical-align:text-bottom;cursor:text;resize:both;-webkit-appearance:textfield-multiline;-moz-appearance:textfield-multiline;appearance:textfield-multiline;text-indent:0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;text-shadow:none;white-space:pre-wrap;word-wrap:break-word;overflow-clip-box:content-box}#embedded.embedded textarea>scrollbar{cursor:default}#embedded.embedded input::-webkit-input-placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded input>.preview-div textarea>.preview-div,#embedded.embedded textarea::-webkit-input-placeholder,#embedded.embedded textarea>.anonymous-div{overflow:auto;border:0!important;padding:inherit!important;margin:0;text-decoration:inherit;-webkit-text-decoration-color:inherit;text-decoration-color:inherit;-webkit-text-decoration-style:inherit;text-decoration-style:inherit;display:inline-block;ime-mode:inherit;resize:inherit;control-character-visibility:visible;overflow-clip-box:inherit}#embedded.embedded input:-ms-input-placeholder,#embedded.embedded input::-ms-input-placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded input>.preview-div textarea>.preview-div,#embedded.embedded textarea:-ms-input-placeholder,#embedded.embedded textarea::-ms-input-placeholder,#embedded.embedded textarea>.anonymous-div{overflow:auto;border:0!important;padding:inherit!important;margin:0;text-decoration:inherit;text-decoration-color:inherit;text-decoration-style:inherit;display:inline-block;ime-mode:inherit;resize:inherit;control-character-visibility:visible;overflow-clip-box:inherit}#embedded.embedded input::placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded input>.preview-div textarea>.preview-div,#embedded.embedded textarea::placeholder,#embedded.embedded textarea>.anonymous-div{overflow:auto;border:0!important;padding:inherit!important;margin:0;text-decoration:inherit;-webkit-text-decoration-color:inherit;text-decoration-color:inherit;-webkit-text-decoration-style:inherit;text-decoration-style:inherit;display:inline-block;ime-mode:inherit;resize:inherit;control-character-visibility:visible;overflow-clip-box:inherit}#embedded.embedded input::-webkit-input-placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded input>.preview-div{white-space:pre}#embedded.embedded input:-ms-input-placeholder,#embedded.embedded input::-ms-input-placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded input>.preview-div{white-space:pre}#embedded.embedded input::placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded input>.preview-div{white-space:pre}#embedded.embedded input>.anonymous-div.wrap{white-space:pre-wrap}#embedded.embedded input>.anonymous-div.inherit-overflow,#embedded.embedded textarea>.anonymous-div.inherit-overflow{overflow:inherit}#embedded.embedded input>.anonymous-div.inherit-scroll-behavior,#embedded.embedded textarea>.anonymous-div.inherit-scroll-behavior{scroll-behavior:inherit;overscroll-behavior:inherit}#embedded.embedded input::-webkit-input-placeholder,#embedded.embedded input>.preview-div,#embedded.embedded textarea::-webkit-input-placeholder,#embedded.embedded textarea>.preview-div{display:inline-block!important;resize:none!important;overflow:hidden!important;pointer-events:none!important}#embedded.embedded input:-ms-input-placeholder,#embedded.embedded input::-ms-input-placeholder,#embedded.embedded input>.preview-div,#embedded.embedded textarea:-ms-input-placeholder,#embedded.embedded textarea::-ms-input-placeholder,#embedded.embedded textarea>.preview-div{display:inline-block!important;resize:none!important;overflow:hidden!important;pointer-events:none!important}#embedded.embedded input::placeholder,#embedded.embedded input>.preview-div,#embedded.embedded textarea::placeholder,#embedded.embedded textarea>.preview-div{display:inline-block!important;resize:none!important;overflow:hidden!important;pointer-events:none!important}#embedded.embedded input::-webkit-input-placeholder,#embedded.embedded textarea::-webkit-input-placeholder{opacity:.54}#embedded.embedded input:-ms-input-placeholder,#embedded.embedded input::-ms-input-placeholder,#embedded.embedded textarea:-ms-input-placeholder,#embedded.embedded textarea::-ms-input-placeholder{opacity:.54}#embedded.embedded input::placeholder,#embedded.embedded textarea::placeholder{opacity:.54}#embedded.embedded textarea::-webkit-input-placeholder,#embedded.embedded textarea>.preview-div{white-space:pre-wrap!important}#embedded.embedded textarea:-ms-input-placeholder,#embedded.embedded textarea::-ms-input-placeholder,#embedded.embedded textarea>.preview-div{white-space:pre-wrap!important}#embedded.embedded textarea::placeholder,#embedded.embedded textarea>.preview-div{white-space:pre-wrap!important}#embedded.embedded input:-moz-read-write,#embedded.embedded textarea:-moz-read-write{user-modify:read-write!important}#embedded.embedded input:read-write,#embedded.embedded textarea:read-write{user-modify:read-write!important}#embedded.embedded select{margin:0;border:2px inset #e3e3e3;background-color:Combobox;color:ComboboxText;font:list;line-height:normal!important;white-space:nowrap!important;word-wrap:normal!important;text-align:start;cursor:default;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;text-indent:0;overflow:hidden-unscrollable;text-shadow:none;display:inline-block;page-break-inside:avoid;overflow-clip-box:padding-box!important}#embedded.embedded select[multiple],#embedded.embedded select[size],#embedded.embedded select[size][multiple]{background-color:transparent;color:#000;vertical-align:text-bottom;-webkit-padding-before:1px;padding-block-start:1px;-webkit-padding-after:1px;padding-block-end:1px;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox}#embedded.embedded select[size="0"],#embedded.embedded select[size="1"]{background-color:Combobox;color:ComboboxText;vertical-align:baseline;padding:0;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}#embedded.embedded select>button{inline-size:12px;white-space:nowrap;position:static!important;background-repeat:no-repeat!important;background-position:50%!important;-webkit-appearance:menulist-button;-moz-appearance:menulist-button;appearance:menulist-button;block-size:100%!important;box-sizing:border-box!important;vertical-align:top!important}#embedded.embedded select:empty{inline-size:2.5em}#embedded.embedded ::display-comboboxcontrol-frame{overflow:hidden-unscrollable;-webkit-padding-before:1px;padding-block-start:1px;-webkit-padding-after:1px;padding-block-end:1px;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;color:inherit;white-space:nowrap;text-align:inherit;block-size:100%!important;box-sizing:border-box!important;line-height:block-height}#embedded.embedded ::display-comboboxcontrol-frame,#embedded.embedded option{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#embedded.embedded option{display:block;float:none!important;position:static!important;min-block-size:1em;line-height:normal!important;text-indent:0;white-space:nowrap!important;word-wrap:normal!important;text-align:match-parent}#embedded.embedded select>option{-webkit-padding-before:0;padding-block-start:0;-webkit-padding-after:0;padding-block-end:0;-webkit-padding-start:3px;padding-inline-start:3px;-webkit-padding-end:5px;padding-inline-end:5px}#embedded.embedded option:checked{background-color:html-cellhighlight!important;color:html-cellhighlighttext!important}#embedded.embedded select:focus>optgroup>option:checked,#embedded.embedded select:focus>option:checked{background-color:Highlight!important;color:HighlightText!important}#embedded.embedded optgroup{display:block;float:none!important;position:static!important;font:list;line-height:normal!important;font-style:italic;font-weight:700;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-indent:0;white-space:nowrap!important;word-wrap:normal!important}#embedded.embedded optgroup>option{-webkit-padding-start:20px;padding-inline-start:20px;font-style:normal;font-weight:400}#embedded.embedded optgroup:before{display:block;content:attr(label)}#embedded.embedded ::dropdown-list{z-index:1;background-color:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static!important;float:none!important;border:1px outset #000!important;border-inline-start-width:2px!important}#embedded.embedded input:disabled,#embedded.embedded optgroup:disabled,#embedded.embedded option:disabled,#embedded.embedded select:disabled:disabled,#embedded.embedded textarea:disabled{color:GrayText;background-color:ThreeDLightShadow;cursor:inherit}#embedded.embedded input:disabled,#embedded.embedded textarea:disabled{cursor:default}#embedded.embedded optgroup:disabled,#embedded.embedded option:disabled{background-color:transparent}#embedded.embedded input[type=hidden]{display:none!important;border:0;cursor:auto;user-focus:ignore}#embedded.embedded input[type=hidden],#embedded.embedded input[type=image]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;binding:none}#embedded.embedded input[type=image]{border:none;background-color:transparent;font-family:sans-serif;font-size:small;cursor:pointer}#embedded.embedded input[type=image]:disabled{cursor:inherit}#embedded.embedded input[type=image]:focusring{outline:1px dotted}#embedded.embedded input[type=file]{display:inline-block;white-space:nowrap;overflow:hidden;overflow-clip-box:padding-box;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;binding:none;cursor:default;border:none;background-color:transparent;padding:0}#embedded.embedded input[type=file]>xul|label{min-inline-size:12em;-webkit-padding-start:5px;padding-inline-start:5px;text-align:match-parent;color:inherit;font-size:inherit;letter-spacing:inherit;direction:ltr!important}#embedded.embedded input[type=file]>button[type=button]{block-size:inherit;font-size:inherit;letter-spacing:inherit;cursor:inherit}#embedded.embedded input[type=color]::color-swatch{width:100%;height:100%;min-width:3px;min-height:3px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;box-sizing:border-box;border:1px solid grey;display:block}#embedded.embedded input[type=file]:dir(rtl)>xul|label{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:5px;padding-inline-end:5px}#embedded.embedded input[type=radio]{display:inline-block;-webkit-appearance:radio;-moz-appearance:radio;appearance:radio;-webkit-margin-before:3px;margin-block-start:3px;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:3px;margin-inline-end:3px}#embedded.embedded input[type=checkbox]{display:inline-block;-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;-webkit-margin-before:3px;margin-block-start:3px;-webkit-margin-after:3px;margin-block-end:3px;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:3px;margin-inline-end:3px}#embedded.embedded input[type=checkbox],#embedded.embedded input[type=radio]{box-sizing:border-box;cursor:default;padding:unset;binding:unset;border:unset;background-color:unset;color:unset}#embedded.embedded input[type=checkbox]:disabled,#embedded.embedded input[type=checkbox]:disabled:active,#embedded.embedded input[type=checkbox]:disabled:hover,#embedded.embedded input[type=checkbox]:disabled:hover:active,#embedded.embedded input[type=radio]:disabled,#embedded.embedded input[type=radio]:disabled:active,#embedded.embedded input[type=radio]:disabled:hover,#embedded.embedded input[type=radio]:disabled:hover:active{cursor:inherit}#embedded.embedded input[type=search]{box-sizing:border-box}#embedded.embedded button,#embedded.embedded input[type=button],#embedded.embedded input[type=color],#embedded.embedded input[type=reset],#embedded.embedded input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;-webkit-padding-before:0;padding-block-start:0;-webkit-padding-end:8px;padding-inline-end:8px;-webkit-padding-after:0;padding-block-end:0;-webkit-padding-start:8px;padding-inline-start:8px;border:2px outset ThreeDLightShadow;background-color:ButtonFace;cursor:default;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;binding:none}#embedded.embedded button,#embedded.embedded input[type=button],#embedded.embedded input[type=reset],#embedded.embedded input[type=submit]{color:ButtonText;font:button;line-height:normal;white-space:pre;text-align:center;text-shadow:none;overflow-clip-box:padding-box}#embedded.embedded input[type=color]{inline-size:64px;block-size:23px}#embedded.embedded button{white-space:inherit;text-indent:0;display:inline-block}#embedded.embedded ::button-content{display:block;-webkit-column-count:inherit;column-count:inherit;-webkit-column-width:inherit;column-width:inherit;-webkit-column-gap:inherit;column-gap:inherit;-webkit-column-rule:inherit;column-rule:inherit;-webkit-column-fill:inherit;column-fill:inherit;flex-direction:inherit;flex-wrap:inherit;box-orient:inherit;box-direction:inherit;box-pack:inherit;box-align:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid-column-gap:inherit;grid-row-gap:inherit;grid-template-areas:inherit;grid-template-columns:inherit;grid-template-rows:inherit;align-content:inherit;align-items:inherit;justify-content:inherit;justify-items:inherit}#embedded.embedded button:hover,#embedded.embedded input[type=button]:hover,#embedded.embedded input[type=color]:hover,#embedded.embedded input[type=reset]:hover,#embedded.embedded input[type=submit]:hover{background-color:buttonhoverface}#embedded.embedded button:hover,#embedded.embedded input[type=button]:hover,#embedded.embedded input[type=reset]:hover,#embedded.embedded input[type=submit]:hover{color:buttonhovertext}#embedded.embedded button:active:hover,#embedded.embedded input[type=button]:active:hover,#embedded.embedded input[type=color]:active:hover,#embedded.embedded input[type=reset]:active:hover,#embedded.embedded input[type=submit]:active:hover{border-style:inset;background-color:ButtonFace}#embedded.embedded button:active:hover,#embedded.embedded input[type=button]:active:hover,#embedded.embedded input[type=reset]:active:hover,#embedded.embedded input[type=submit]:active:hover{color:ButtonText}#embedded.embedded button::focus-inner,#embedded.embedded input[type=button]::focus-inner,#embedded.embedded input[type=color]::focus-inner,#embedded.embedded input[type=file]>button[type=button]::focus-inner,#embedded.embedded input[type=reset]::focus-inner,#embedded.embedded input[type=submit]::focus-inner{-webkit-padding-before:0;padding-block-start:0;-webkit-padding-end:2px;padding-inline-end:2px;-webkit-padding-after:0;padding-block-end:0;-webkit-padding-start:2px;padding-inline-start:2px;border:1px dotted transparent}#embedded.embedded button:focusring::focus-inner,#embedded.embedded input[type=button]:focusring::focus-inner,#embedded.embedded input[type=color]:focusring::focus-inner,#embedded.embedded input[type=file]>button[type=button]:focusring::focus-inner,#embedded.embedded input[type=reset]:focusring::focus-inner,#embedded.embedded input[type=submit]:focusring::focus-inner{border-color:ButtonText}#embedded.embedded button:disabled,#embedded.embedded button:disabled:active,#embedded.embedded input[type=button]:disabled,#embedded.embedded input[type=button]:disabled:active,#embedded.embedded input[type=color]:disabled,#embedded.embedded input[type=color]:disabled:active,#embedded.embedded input[type=reset]:disabled,#embedded.embedded input[type=reset]:disabled:active,#embedded.embedded input[type=submit]:disabled,#embedded.embedded input[type=submit]:disabled:active,#embedded.embedded select:disabled>button{-webkit-padding-before:0;padding-block-start:0;-webkit-padding-end:8px;padding-inline-end:8px;-webkit-padding-after:0;padding-block-end:0;-webkit-padding-start:8px;padding-inline-start:8px;border:2px outset ThreeDLightShadow;cursor:inherit}#embedded.embedded button:disabled,#embedded.embedded button:disabled:active,#embedded.embedded input[type=button]:disabled,#embedded.embedded input[type=button]:disabled:active,#embedded.embedded input[type=reset]:disabled,#embedded.embedded input[type=reset]:disabled:active,#embedded.embedded input[type=submit]:disabled,#embedded.embedded input[type=submit]:disabled:active,#embedded.embedded select:disabled>button{color:GrayText}#embedded.embedded ::button-content,#embedded.embedded ::display-comboboxcontrol-frame,#embedded.embedded input::-webkit-input-placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded optgroup:before,#embedded.embedded textarea::-webkit-input-placeholder,#embedded.embedded textarea>.anonymous-div{unicode-bidi:inherit;text-overflow:inherit}#embedded.embedded ::button-content,#embedded.embedded ::display-comboboxcontrol-frame,#embedded.embedded input:-ms-input-placeholder,#embedded.embedded input::-ms-input-placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded optgroup:before,#embedded.embedded textarea:-ms-input-placeholder,#embedded.embedded textarea::-ms-input-placeholder,#embedded.embedded textarea>.anonymous-div{unicode-bidi:inherit;text-overflow:inherit}#embedded.embedded ::button-content,#embedded.embedded ::display-comboboxcontrol-frame,#embedded.embedded input::placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded optgroup:before,#embedded.embedded textarea::placeholder,#embedded.embedded textarea>.anonymous-div{unicode-bidi:inherit;text-overflow:inherit}#embedded.embedded :not(output):ui-invalid{box-shadow:0 0 1.5px 1px red}#embedded.embedded :not(output):ui-invalid:focusring{box-shadow:0 0 2px 2px rgba(255,0,0,.4)}#embedded.embedded output:ui-invalid{color:red}@media print{#embedded.embedded button,#embedded.embedded input,#embedded.embedded select,#embedded.embedded textarea{user-input:none!important}#embedded.embedded input[type=file]{height:2em}}#embedded.embedded progress{-webkit-appearance:progressbar;-moz-appearance:progressbar;appearance:progressbar;display:inline-block;vertical-align:-.2em;border:1px solid ThreeDShadow;border-right-color:ThreeDHighlight;border-bottom-color:ThreeDHighlight;background-color:#e6e6e6}#embedded.embedded ::progress-bar{display:inline-block!important;float:none!important;position:static!important;overflow:visible!important;box-sizing:border-box!important;-webkit-appearance:progresschunk;-moz-appearance:progresschunk;appearance:progresschunk;height:100%;width:100%;background-color:#0064b4}#embedded.embedded meter{-webkit-appearance:meterbar;-moz-appearance:meterbar;appearance:meterbar;display:inline-block;vertical-align:-.2em;background:linear-gradient(#e6e6e6,#e6e6e6,#eee 20%,#ccc 45%,#ccc 55%)}#embedded.embedded ::meter-bar{display:inline-block!important;float:none!important;position:static!important;overflow:visible!important;-webkit-appearance:meterchunk;-moz-appearance:meterchunk;appearance:meterchunk;height:100%;width:100%}#embedded.embedded :meter-optimum::meter-bar{background:linear-gradient(#ad7,#ad7,#cea 20%,#7a3 45%,#7a3 55%)}#embedded.embedded :meter-sub-optimum::meter-bar{background:linear-gradient(#fe7,#fe7,#ffc 20%,#db3 45%,#db3 55%)}#embedded.embedded :meter-sub-sub-optimum::meter-bar{background:linear-gradient(#f77,#f77,#fcc 20%,#d44 45%,#d44 55%)}#embedded.embedded input[type=range]{-webkit-appearance:range;-moz-appearance:range;appearance:range;display:inline-block;inline-size:12em;block-size:1.3em;-webkit-margin-start:.7em;margin-inline-start:.7em;-webkit-margin-end:.7em;margin-inline-end:.7em;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;cursor:default;background:none;border:none;binding:none;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}#embedded.embedded input[type=range][orient=block]{inline-size:1.3em;block-size:12em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-before:.7em;margin-block-start:.7em;-webkit-margin-after:.7em;margin-block-end:.7em}#embedded.embedded input[type=range][orient=horizontal]{width:12em;height:1.3em;margin:0 .7em}#embedded.embedded input[type=range][orient=vertical]{width:1.3em;height:12em;margin:.7em 0}#embedded.embedded input[type=range]::focus-outer{border:1px dotted #000}#embedded.embedded input[type=range]::range-track{display:inline-block!important;float:none!important;position:static!important;border:none;background-color:#999;inline-size:100%;block-size:.2em;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}#embedded.embedded input[type=range][orient=block]::range-track{inline-size:.2em;block-size:100%}#embedded.embedded input[type=range][orient=horizontal]::range-track{width:100%;height:.2em}#embedded.embedded input[type=range][orient=vertical]::range-track{width:.2em;height:100%}#embedded.embedded input[type=range]::range-progress{width:.2em;height:.2em}#embedded.embedded input[type=range]::range-progress,#embedded.embedded input[type=range]::range-thumb{display:inline-block!important;float:none!important;position:static!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}#embedded.embedded input[type=range]::range-thumb{-webkit-appearance:range-thumb!important;-moz-appearance:range-thumb!important;appearance:range-thumb!important;width:1em;height:1em;border:.1em solid #999;border-radius:.5em;background-color:#f0f0f0}#embedded.embedded input[type=number]::number-wrapper{display:flex;float:none!important;position:static!important;block-size:100%}#embedded.embedded input[type=number]::number-text{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;user-modify:read-write;text-align:inherit;flex:1;min-inline-size:0;padding:0;border:0;margin:0}#embedded.embedded input[type=number]::number-spin-box{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;display:flex;flex-direction:column;max-height:1em;align-self:center;justify-content:center}#embedded.embedded input[type=number]::number-spin-up{-webkit-appearance:spinner-upbutton;-moz-appearance:spinner-upbutton;appearance:spinner-upbutton;background-image:url('data:image/svg+xml;charset=utf-8,');background-position:bottom;border:1px solid #a9a9a9;border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px}#embedded.embedded input[type=number]::number-spin-down,#embedded.embedded input[type=number]::number-spin-up{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;display:block;flex:none;cursor:default;background-repeat:no-repeat}#embedded.embedded input[type=number]::number-spin-down{-webkit-appearance:spinner-downbutton;-moz-appearance:spinner-downbutton;appearance:spinner-downbutton;background-image:url('data:image/svg+xml;charset=utf-8,');background-position:top;border:1px solid #a9a9a9;border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}#embedded.embedded input[type=number]>div>div>div:hover{background-color:#add8e6}#embedded.embedded input[type=date],#embedded.embedded input[type=time]{overflow:hidden!important;font-family:fixed}#embedded.embedded :autofill,#embedded.embedded :autofill-preview{-webkit-filter:grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%);filter:grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%)}#embedded.embedded :autofill-preview{color:GrayText}@namespace "http://www.w3.org/1999/xhtml";#embedded.embedded li{list-style-position:inside}#embedded.embedded li dir,#embedded.embedded li menu,#embedded.embedded li ol,#embedded.embedded li ul{list-style-position:outside}#embedded.embedded dir dir,#embedded.embedded dir li,#embedded.embedded dir menu,#embedded.embedded dir ol,#embedded.embedded dir ul,#embedded.embedded menu dir,#embedded.embedded menu li,#embedded.embedded menu menu,#embedded.embedded menu ol,#embedded.embedded menu ul,#embedded.embedded ol dir,#embedded.embedded ol li,#embedded.embedded ol menu,#embedded.embedded ol ol,#embedded.embedded ol ul,#embedded.embedded ul dir,#embedded.embedded ul li,#embedded.embedded ul menu,#embedded.embedded ul ol,#embedded.embedded ul ul{list-style-position:inherit}#embedded.embedded li>ol:first-node,#embedded.embedded li>ul:first-node{-webkit-padding-before:1em;padding-block-start:1em}#embedded.embedded table{text-align:start;white-space:normal;line-height:normal;font-size:medium;font-weight:400;font-style:normal;font-variant:normal}#embedded.embedded col,#embedded.embedded colgroup,#embedded.embedded table,#embedded.embedded tbody,#embedded.embedded td,#embedded.embedded tfoot,#embedded.embedded th,#embedded.embedded thead,#embedded.embedded tr{border-color:gray}#embedded.embedded body>blockquote:first-node,#embedded.embedded body>dir:first-node,#embedded.embedded body>dl:first-node,#embedded.embedded body>h1:first-node,#embedded.embedded body>h2:first-node,#embedded.embedded body>h3:first-node,#embedded.embedded body>h4:first-node,#embedded.embedded body>h5:first-node,#embedded.embedded body>h6:first-node,#embedded.embedded body>listing:first-node,#embedded.embedded body>menu:first-node,#embedded.embedded body>multicol:first-node,#embedded.embedded body>ol:first-node,#embedded.embedded body>p:first-node,#embedded.embedded body>plaintext:first-node,#embedded.embedded body>pre:first-node,#embedded.embedded body>ul:first-node,#embedded.embedded body>xmp:first-node,#embedded.embedded td>blockquote:first-node,#embedded.embedded td>dir:first-node,#embedded.embedded td>dl:first-node,#embedded.embedded td>h1:first-node,#embedded.embedded td>h2:first-node,#embedded.embedded td>h3:first-node,#embedded.embedded td>h4:first-node,#embedded.embedded td>h5:first-node,#embedded.embedded td>h6:first-node,#embedded.embedded td>listing:first-node,#embedded.embedded td>menu:first-node,#embedded.embedded td>multicol:first-node,#embedded.embedded td>ol:first-node,#embedded.embedded td>p:first-node,#embedded.embedded td>plaintext:first-node,#embedded.embedded td>pre:first-node,#embedded.embedded td>ul:first-node,#embedded.embedded td>xmp:first-node,#embedded.embedded th>blockquote:first-node,#embedded.embedded th>dir:first-node,#embedded.embedded th>dl:first-node,#embedded.embedded th>h1:first-node,#embedded.embedded th>h2:first-node,#embedded.embedded th>h3:first-node,#embedded.embedded th>h4:first-node,#embedded.embedded th>h5:first-node,#embedded.embedded th>h6:first-node,#embedded.embedded th>listing:first-node,#embedded.embedded th>menu:first-node,#embedded.embedded th>multicol:first-node,#embedded.embedded th>ol:first-node,#embedded.embedded th>p:first-node,#embedded.embedded th>plaintext:first-node,#embedded.embedded th>pre:first-node,#embedded.embedded th>ul:first-node,#embedded.embedded th>xmp:first-node{-webkit-margin-before:0;margin-block-start:0}#embedded.embedded body>blockquote:only-whitespace:first-node,#embedded.embedded body>dir:only-whitespace:first-node,#embedded.embedded body>dl:only-whitespace:first-node,#embedded.embedded body>h1:only-whitespace:first-node,#embedded.embedded body>h2:only-whitespace:first-node,#embedded.embedded body>h3:only-whitespace:first-node,#embedded.embedded body>h4:only-whitespace:first-node,#embedded.embedded body>h5:only-whitespace:first-node,#embedded.embedded body>h6:only-whitespace:first-node,#embedded.embedded body>listing:only-whitespace:first-node,#embedded.embedded body>menu:only-whitespace:first-node,#embedded.embedded body>multicol:only-whitespace:first-node,#embedded.embedded body>ol:only-whitespace:first-node,#embedded.embedded body>p:only-whitespace:first-node,#embedded.embedded body>plaintext:only-whitespace:first-node,#embedded.embedded body>pre:only-whitespace:first-node,#embedded.embedded body>ul:only-whitespace:first-node,#embedded.embedded body>xmp:only-whitespace:first-node,#embedded.embedded td>blockquote:only-whitespace:first-node,#embedded.embedded td>dir:only-whitespace:first-node,#embedded.embedded td>dl:only-whitespace:first-node,#embedded.embedded td>h1:only-whitespace:first-node,#embedded.embedded td>h2:only-whitespace:first-node,#embedded.embedded td>h3:only-whitespace:first-node,#embedded.embedded td>h4:only-whitespace:first-node,#embedded.embedded td>h5:only-whitespace:first-node,#embedded.embedded td>h6:only-whitespace:first-node,#embedded.embedded td>listing:only-whitespace:first-node,#embedded.embedded td>menu:only-whitespace:first-node,#embedded.embedded td>multicol:only-whitespace:first-node,#embedded.embedded td>ol:only-whitespace:first-node,#embedded.embedded td>p:last-node,#embedded.embedded td>p:only-whitespace:first-node,#embedded.embedded td>plaintext:only-whitespace:first-node,#embedded.embedded td>pre:only-whitespace:first-node,#embedded.embedded td>ul:only-whitespace:first-node,#embedded.embedded td>xmp:only-whitespace:first-node,#embedded.embedded th>blockquote:only-whitespace:first-node,#embedded.embedded th>dir:only-whitespace:first-node,#embedded.embedded th>dl:only-whitespace:first-node,#embedded.embedded th>h1:only-whitespace:first-node,#embedded.embedded th>h2:only-whitespace:first-node,#embedded.embedded th>h3:only-whitespace:first-node,#embedded.embedded th>h4:only-whitespace:first-node,#embedded.embedded th>h5:only-whitespace:first-node,#embedded.embedded th>h6:only-whitespace:first-node,#embedded.embedded th>listing:only-whitespace:first-node,#embedded.embedded th>menu:only-whitespace:first-node,#embedded.embedded th>multicol:only-whitespace:first-node,#embedded.embedded th>ol:only-whitespace:first-node,#embedded.embedded th>p:last-node,#embedded.embedded th>p:only-whitespace:first-node,#embedded.embedded th>plaintext:only-whitespace:first-node,#embedded.embedded th>pre:only-whitespace:first-node,#embedded.embedded th>ul:only-whitespace:first-node,#embedded.embedded th>xmp:only-whitespace:first-node{-webkit-margin-after:0;margin-block-end:0}#embedded.embedded td>blockquote:only-whitespace:last-node,#embedded.embedded td>dir:only-whitespace:last-node,#embedded.embedded td>dl:only-whitespace:last-node,#embedded.embedded td>h1:only-whitespace:last-node,#embedded.embedded td>h2:only-whitespace:last-node,#embedded.embedded td>h3:only-whitespace:last-node,#embedded.embedded td>h4:only-whitespace:last-node,#embedded.embedded td>h5:only-whitespace:last-node,#embedded.embedded td>h6:only-whitespace:last-node,#embedded.embedded td>listing:only-whitespace:last-node,#embedded.embedded td>menu:only-whitespace:last-node,#embedded.embedded td>multicol:only-whitespace:last-node,#embedded.embedded td>ol:only-whitespace:last-node,#embedded.embedded td>p:only-whitespace:last-node,#embedded.embedded td>plaintext:only-whitespace:last-node,#embedded.embedded td>pre:only-whitespace:last-node,#embedded.embedded td>ul:only-whitespace:last-node,#embedded.embedded td>xmp:only-whitespace:last-node,#embedded.embedded th>blockquote:only-whitespace:last-node,#embedded.embedded th>dir:only-whitespace:last-node,#embedded.embedded th>dl:only-whitespace:last-node,#embedded.embedded th>h1:only-whitespace:last-node,#embedded.embedded th>h2:only-whitespace:last-node,#embedded.embedded th>h3:only-whitespace:last-node,#embedded.embedded th>h4:only-whitespace:last-node,#embedded.embedded th>h5:only-whitespace:last-node,#embedded.embedded th>h6:only-whitespace:last-node,#embedded.embedded th>listing:only-whitespace:last-node,#embedded.embedded th>menu:only-whitespace:last-node,#embedded.embedded th>multicol:only-whitespace:last-node,#embedded.embedded th>ol:only-whitespace:last-node,#embedded.embedded th>p:only-whitespace:last-node,#embedded.embedded th>plaintext:only-whitespace:last-node,#embedded.embedded th>pre:only-whitespace:last-node,#embedded.embedded th>ul:only-whitespace:last-node,#embedded.embedded th>xmp:only-whitespace:last-node{-webkit-margin-before:0;margin-block-start:0}#embedded.embedded :not(dl)>dd{display:inline;margin:0}#embedded.embedded :not(dl)>dd:before{display:inline;white-space:pre;font-size:1px;line-height:0;content:"\A ";-webkit-margin-end:40px;margin-inline-end:40px}#embedded.embedded dl>dl{display:block;-webkit-margin-start:40px;margin-inline-start:40px}#embedded.embedded img[align=left]:dir(ltr),#embedded.embedded img[align=right]:dir(rtl){-webkit-margin-end:3px;margin-inline-end:3px}#embedded.embedded img[align=left]:dir(rtl),#embedded.embedded img[align=right]:dir(ltr){-webkit-margin-start:3px;margin-inline-start:3px}#embedded.embedded input:not([type=image]),#embedded.embedded textarea{box-sizing:border-box}#embedded.embedded form{-webkit-margin-after:1em;margin-block-end:1em} \ No newline at end of file diff --git a/dist/default.min.js b/dist/default.min.js new file mode 100644 index 0000000..f3ddb83 --- /dev/null +++ b/dist/default.min.js @@ -0,0 +1,74 @@ +/******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { +/******/ configurable: false, +/******/ enumerable: true, +/******/ get: getter +/******/ }); +/******/ } +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 0); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, exports) { + +// removed by extract-text-webpack-plugin + +/***/ }) +/******/ ]); +//# sourceMappingURL=default.min.js.map \ No newline at end of file diff --git a/dist/default.min.js.map b/dist/default.min.js.map new file mode 100644 index 0000000..4dd7456 --- /dev/null +++ b/dist/default.min.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///webpack/bootstrap e6c9d4c4d948628824e9","webpack:///./firefox.css"],"names":[],"mappings":";AAAA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA;;;;;;;AC7DA,yC","file":"default.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap e6c9d4c4d948628824e9","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./firefox.css\n// module id = 0\n// module chunks = 0"],"sourceRoot":""} \ No newline at end of file diff --git a/dist/example.min.css b/dist/example.min.css new file mode 100644 index 0000000..ef485b9 --- /dev/null +++ b/dist/example.min.css @@ -0,0 +1 @@ +#embedded.embedded :has-dir-attr{unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded :dir-attr-rtl{direction:rtl}#embedded.embedded :dir-attr-ltr{direction:ltr}#embedded.embedded :dir-attr-like-auto:dir(ltr){direction:ltr}#embedded.embedded :dir-attr-like-auto:dir(rtl){direction:rtl}#embedded.embedded address,#embedded.embedded article,#embedded.embedded aside,#embedded.embedded bdi,#embedded.embedded blockquote,#embedded.embedded body,#embedded.embedded caption,#embedded.embedded center,#embedded.embedded col,#embedded.embedded colgroup,#embedded.embedded dd,#embedded.embedded dir,#embedded.embedded div,#embedded.embedded dl,#embedded.embedded dt,#embedded.embedded fieldset,#embedded.embedded figcaption,#embedded.embedded figure,#embedded.embedded footer,#embedded.embedded form,#embedded.embedded h1,#embedded.embedded h2,#embedded.embedded h3,#embedded.embedded h4,#embedded.embedded h5,#embedded.embedded h6,#embedded.embedded header,#embedded.embedded hgroup,#embedded.embedded hr,#embedded.embedded html,#embedded.embedded legend,#embedded.embedded li,#embedded.embedded listing,#embedded.embedded main,#embedded.embedded marquee,#embedded.embedded menu,#embedded.embedded nav,#embedded.embedded noframes,#embedded.embedded ol,#embedded.embedded output,#embedded.embedded p,#embedded.embedded plaintext,#embedded.embedded pre,#embedded.embedded section,#embedded.embedded summary,#embedded.embedded table,#embedded.embedded tbody,#embedded.embedded td,#embedded.embedded tfoot,#embedded.embedded th,#embedded.embedded thead,#embedded.embedded tr,#embedded.embedded ul,#embedded.embedded xmp{unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded bdo,#embedded.embedded bdo:has-dir-attr{unicode-bidi:isolate-override}#embedded.embedded pre:dir-attr-like-auto,#embedded.embedded textarea:dir-attr-like-auto{unicode-bidi:plaintext}#embedded.embedded article,#embedded.embedded aside,#embedded.embedded details,#embedded.embedded div,#embedded.embedded dt,#embedded.embedded figcaption,#embedded.embedded footer,#embedded.embedded form,#embedded.embedded header,#embedded.embedded hgroup,#embedded.embedded html,#embedded.embedded main,#embedded.embedded nav,#embedded.embedded section,#embedded.embedded summary{display:block}#embedded.embedded body{display:block;margin:8px}#embedded.embedded dl,#embedded.embedded multicol,#embedded.embedded p{display:block;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em}#embedded.embedded dd{display:block;-webkit-margin-start:40px;margin-inline-start:40px}#embedded.embedded blockquote,#embedded.embedded figure{display:block;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:40px;margin-inline-start:40px;-webkit-margin-end:40px;margin-inline-end:40px}#embedded.embedded address{display:block;font-style:italic}#embedded.embedded center{display:block;text-align:center}#embedded.embedded blockquote[type=cite]{display:block;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:1em;padding-inline-start:1em;-webkit-border-start:solid;border-inline-start:solid;border-color:blue;border-width:thin}#embedded.embedded pre[_moz_quote=true],#embedded.embedded span[_moz_quote=true]{color:blue}#embedded.embedded h1{display:block;font-size:2em;font-weight:700;-webkit-margin-before:.67em;margin-block-start:.67em;-webkit-margin-after:.67em;margin-block-end:.67em}#embedded.embedded :any(article,aside,nav,section) h1,#embedded.embedded h2{display:block;font-size:1.5em;font-weight:700;-webkit-margin-before:.83em;margin-block-start:.83em;-webkit-margin-after:.83em;margin-block-end:.83em}#embedded.embedded :any(article,aside,nav,section) :any(article,aside,nav,section) h1,#embedded.embedded h3{display:block;font-size:1.17em;font-weight:700;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em}#embedded.embedded :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) h1,#embedded.embedded h4{display:block;font-size:1em;font-weight:700;-webkit-margin-before:1.33em;margin-block-start:1.33em;-webkit-margin-after:1.33em;margin-block-end:1.33em}#embedded.embedded :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) h1,#embedded.embedded h5{display:block;font-size:.83em;font-weight:700;-webkit-margin-before:1.67em;margin-block-start:1.67em;-webkit-margin-after:1.67em;margin-block-end:1.67em}#embedded.embedded :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) h1,#embedded.embedded h6{display:block;font-size:.67em;font-weight:700;-webkit-margin-before:2.33em;margin-block-start:2.33em;-webkit-margin-after:2.33em;margin-block-end:2.33em}#embedded.embedded listing{font-size:medium}#embedded.embedded listing,#embedded.embedded plaintext,#embedded.embedded pre,#embedded.embedded xmp{display:block;font-family:fixed;white-space:pre;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em}#embedded.embedded table{display:table;border-spacing:2px;border-collapse:separate;box-sizing:border-box;text-indent:0}#embedded.embedded table[align=left]{float:left}#embedded.embedded table[align=right]{float:right;text-align:start}#embedded.embedded table[rules]{border-width:thin;border-style:hidden}#embedded.embedded table:table-border-nonzero{border-width:thin;border-style:outset}#embedded.embedded table[frame]{border:thin hidden}#embedded.embedded table[frame=void]{border-style:hidden}#embedded.embedded table[frame=above]{border-style:outset hidden hidden}#embedded.embedded table[frame=below]{border-style:hidden hidden outset}#embedded.embedded table[frame=lhs]{border-style:hidden hidden hidden outset}#embedded.embedded table[frame=rhs]{border-style:hidden outset hidden hidden}#embedded.embedded table[frame=hsides]{border-style:outset hidden}#embedded.embedded table[frame=vsides]{border-style:hidden outset}#embedded.embedded table[frame=border],#embedded.embedded table[frame=box]{border-style:outset}#embedded.embedded table:table-border-nonzero>*>td,#embedded.embedded table:table-border-nonzero>*>th,#embedded.embedded table:table-border-nonzero>*>tr>td,#embedded.embedded table:table-border-nonzero>*>tr>th,#embedded.embedded table:table-border-nonzero>td,#embedded.embedded table:table-border-nonzero>th{border-width:thin;border-style:inset}#embedded.embedded table[rules]:not([rules=none]):not([rules=""]){border-collapse:collapse}#embedded.embedded table[rules]:not([rules=""])>*>tr>td,#embedded.embedded table[rules]:not([rules=""])>*>tr>th,#embedded.embedded table[rules]:not([rules=""])>td,#embedded.embedded table[rules]:not([rules=""])>th,#embedded.embedded table[rules]:not([rules=""])>tr>td,#embedded.embedded table[rules]:not([rules=""])>tr>th,#embedded.embedded table[rules][rules=none]>*>tr>td,#embedded.embedded table[rules][rules=none]>*>tr>th,#embedded.embedded table[rules][rules=none]>td,#embedded.embedded table[rules][rules=none]>th,#embedded.embedded table[rules][rules=none]>tr>td,#embedded.embedded table[rules][rules=none]>tr>th{border-width:thin;border-style:none}#embedded.embedded table[rules][rules=all]>*>tr>td,#embedded.embedded table[rules][rules=all]>*>tr>th,#embedded.embedded table[rules][rules=all]>td,#embedded.embedded table[rules][rules=all]>th,#embedded.embedded table[rules][rules=all]>tr>td,#embedded.embedded table[rules][rules=all]>tr>th{border-width:thin;border-style:solid}#embedded.embedded table[rules][rules=rows]>*>tr,#embedded.embedded table[rules][rules=rows]>tr{border-block-start-width:thin;border-block-end-width:thin;border-block-start-style:solid;border-block-end-style:solid}#embedded.embedded table[rules][rules=cols]>*>tr>td,#embedded.embedded table[rules][rules=cols]>*>tr>th,#embedded.embedded table[rules][rules=cols]>tr>td,#embedded.embedded table[rules][rules=cols]>tr>th,#embedded.embedded table[rules][rules=groups]>colgroup{border-inline-start-width:thin;border-inline-end-width:thin;border-inline-start-style:solid;border-inline-end-style:solid}#embedded.embedded table[rules][rules=groups]>tbody,#embedded.embedded table[rules][rules=groups]>tfoot,#embedded.embedded table[rules][rules=groups]>thead{border-block-start-width:thin;border-block-end-width:thin;border-block-start-style:solid}#embedded.embedded caption{display:table-caption;text-align:center}#embedded.embedded table[align=center]>caption{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}#embedded.embedded table[align=center]>caption[align=left]:dir(ltr){-webkit-margin-end:0;margin-inline-end:0}#embedded.embedded table[align=center]>caption[align=left]:dir(rtl){-webkit-margin-start:0;margin-inline-start:0}#embedded.embedded table[align=center]>caption[align=right]:dir(ltr){-webkit-margin-start:0;margin-inline-start:0}#embedded.embedded table[align=center]>caption[align=right]:dir(rtl){-webkit-margin-end:0;margin-inline-end:0}#embedded.embedded tr{display:table-row;vertical-align:inherit}#embedded.embedded col{display:table-column}#embedded.embedded colgroup{display:table-column-group}#embedded.embedded tbody{display:table-row-group;vertical-align:middle}#embedded.embedded thead{display:table-header-group;vertical-align:middle}#embedded.embedded tfoot{display:table-footer-group;vertical-align:middle}#embedded.embedded table>tr{vertical-align:middle}#embedded.embedded td{text-align:inherit}#embedded.embedded td,#embedded.embedded th{display:table-cell;vertical-align:inherit;padding:1px}#embedded.embedded th{font-weight:700}#embedded.embedded table>form:is-html,#embedded.embedded tbody>form:is-html,#embedded.embedded tfoot>form:is-html,#embedded.embedded thead>form:is-html,#embedded.embedded tr>form:is-html{display:none!important}#embedded.embedded table[bordercolor]>*>tr,#embedded.embedded table[bordercolor]>*>tr>td,#embedded.embedded table[bordercolor]>*>tr>th,#embedded.embedded table[bordercolor]>col,#embedded.embedded table[bordercolor]>colgroup,#embedded.embedded table[bordercolor]>tbody,#embedded.embedded table[bordercolor]>tfoot,#embedded.embedded table[bordercolor]>thead,#embedded.embedded table[bordercolor]>tr,#embedded.embedded table[bordercolor]>tr>td,#embedded.embedded table[bordercolor]>tr>th{border-color:inherit}#embedded.embedded q:before{content:open-quote}#embedded.embedded q:after{content:close-quote}#embedded.embedded b,#embedded.embedded strong{font-weight:bolder}#embedded.embedded cite,#embedded.embedded dfn,#embedded.embedded em,#embedded.embedded i,#embedded.embedded var{font-style:italic}#embedded.embedded code,#embedded.embedded kbd,#embedded.embedded samp,#embedded.embedded tt{font-family:fixed}#embedded.embedded ins,#embedded.embedded u{text-decoration:underline}#embedded.embedded del,#embedded.embedded s,#embedded.embedded strike{text-decoration:line-through}#embedded.embedded big{font-size:larger}#embedded.embedded small{font-size:smaller}#embedded.embedded sub{vertical-align:sub;font-size:smaller;line-height:normal}#embedded.embedded sup{vertical-align:super;font-size:smaller;line-height:normal}#embedded.embedded nobr{white-space:nowrap}#embedded.embedded mark{background:#ff0;color:#000}#embedded.embedded abbr[title],#embedded.embedded acronym[title]{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}#embedded.embedded dir,#embedded.embedded menu,#embedded.embedded ul{display:block;list-style-type:disc;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-padding-start:40px;padding-inline-start:40px}#embedded.embedded menu[type=context]{display:none!important}#embedded.embedded ol{display:block;list-style-type:decimal;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-padding-start:40px;padding-inline-start:40px}#embedded.embedded li{display:list-item;text-align:match-parent}#embedded.embedded :any(ul,ol,dir,menu,dl) dir,#embedded.embedded :any(ul,ol,dir,menu,dl) dl,#embedded.embedded :any(ul,ol,dir,menu,dl) menu,#embedded.embedded :any(ul,ol,dir,menu,dl) ol,#embedded.embedded :any(ul,ol,dir,menu,dl) ul{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}#embedded.embedded :any(ol,ul,menu,dir) dir,#embedded.embedded :any(ol,ul,menu,dir) menu,#embedded.embedded :any(ol,ul,menu,dir) ul{list-style-type:circle}#embedded.embedded :any(ol,ul,menu,dir) :any(ol,ul,menu,dir) dir,#embedded.embedded :any(ol,ul,menu,dir) :any(ol,ul,menu,dir) menu,#embedded.embedded :any(ol,ul,menu,dir) :any(ol,ul,menu,dir) ul{list-style-type:square}#embedded.embedded hr{display:block;border:1px inset;-webkit-margin-before:.5em;margin-block-start:.5em;-webkit-margin-after:.5em;margin-block-end:.5em;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;color:gray;float-edge:margin-box;box-sizing:content-box}#embedded.embedded hr[size="1"]{border-style:solid none none}#embedded.embedded img:broken:before,#embedded.embedded img:loading:before,#embedded.embedded img:user-disabled:before,#embedded.embedded input:broken:before,#embedded.embedded input:loading:before,#embedded.embedded input:user-disabled:before{content:alt-content!important;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded object:any(:broken,:user-disabled)>*|*{vertical-align:inherit}#embedded.embedded embed:suppressed,#embedded.embedded img:suppressed,#embedded.embedded input:suppressed,#embedded.embedded object:suppressed{display:none!important;visibility:hidden!important}#embedded.embedded img[usemap],#embedded.embedded object[usemap]{color:blue}#embedded.embedded frameset{display:block!important;overflow:hidden-unscrollable;position:static!important;float:none!important;border:none!important}#embedded.embedded link{display:none}#embedded.embedded frame{border-radius:0!important}#embedded.embedded iframe{border:2px inset}#embedded.embedded noframes{display:none}#embedded.embedded spacer{position:static!important;float:none!important}#embedded.embedded canvas{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#embedded.embedded :focusring:not(input):not(button):not(select):not(textarea):not(iframe):not(frame):not(body):not(html){outline:1px dotted}#embedded.embedded base,#embedded.embedded basefont,#embedded.embedded datalist,#embedded.embedded head,#embedded.embedded meta,#embedded.embedded noembed,#embedded.embedded param,#embedded.embedded script,#embedded.embedded style,#embedded.embedded template,#embedded.embedded title{display:none}#embedded.embedded area{display:none!important}#embedded.embedded iframe:-webkit-full-screen{border:none!important;padding:0!important}#embedded.embedded iframe:-moz-full-screen{border:none!important;padding:0!important}#embedded.embedded iframe:-ms-fullscreen{border:none!important;padding:0!important}#embedded.embedded iframe:fullscreen{border:none!important;padding:0!important}#embedded.embedded audio>xul|videocontrols,#embedded.embedded video>xul|videocontrols{display:flex;box-orient:vertical}#embedded.embedded audio:not([controls])>xul|videocontrols,#embedded.embedded video:not([controls])>xul|videocontrols{visibility:hidden;binding:none}#embedded.embedded video{-o-object-fit:contain;object-fit:contain}#embedded.embedded video>img:native-anonymous{-o-object-fit:inherit!important;object-fit:inherit!important;-o-object-position:inherit!important;object-position:inherit!important}#embedded.embedded audio:not([controls]){display:none}#embedded.embedded audio[controls]{-webkit-writing-mode:horizontal-tb!important;-ms-writing-mode:lr-tb!important;writing-mode:horizontal-tb!important}#embedded.embedded ::html-canvas-content{display:block!important;transform:translate(0)!important}#embedded.embedded video>.caption-box{width:100%;height:100%;position:relative}#embedded.embedded ::cue{color:#fff;white-space:pre-line;background-color:rgba(0,0,0,.8);font:var(--cue-font-size) sans-serif}#embedded.embedded input[type=date]>xul|datetimebox,#embedded.embedded input[type=time]>xul|datetimebox{display:flex}#embedded.embedded details>summary:first-of-type,#embedded.embedded details>summary:native-anonymous{display:list-item;list-style:disclosure-closed inside}#embedded.embedded details[open]>summary:first-of-type,#embedded.embedded details[open]>summary:native-anonymous{list-style-type:disclosure-open}#embedded.embedded details>summary:first-of-type>*|*{list-style-position:outside;list-style-position:initial}#embedded.embedded dialog{position:absolute;offset-inline-start:0;offset-inline-end:0;color:#000;margin:auto;border-width:medium;border-width:initial;border-style:solid;border-color:currentColor;border-color:initial;-o-border-image:initial;border-image:none;border-image:initial;padding:1em;background:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#embedded.embedded dialog:not([open]){display:none}#embedded.embedded marquee{inline-size:available;display:inline-block;vertical-align:text-bottom;text-align:start}#embedded.embedded marquee[direction=down],#embedded.embedded marquee[direction=up]{block-size:200px}@media print{#embedded.embedded marquee{binding:none}}#embedded.embedded ruby{display:ruby}#embedded.embedded rb{display:ruby-base;white-space:nowrap}#embedded.embedded rp{display:none}#embedded.embedded rt{display:ruby-text}#embedded.embedded rtc{display:ruby-text-container}#embedded.embedded rt,#embedded.embedded rtc{white-space:nowrap;font-size:50%;moz-min-font-size-ratio:50%;line-height:1;-webkit-text-emphasis:none;text-emphasis:none}#embedded.embedded rt:lang(zh),#embedded.embedded rtc:lang(zh){ruby-align:center}#embedded.embedded rt:lang(zh-TW),#embedded.embedded rtc:lang(zh-TW){font-size:30%;moz-min-font-size-ratio:30%}#embedded.embedded rtc>rt{font-size:inherit}#embedded.embedded rb,#embedded.embedded rt,#embedded.embedded rtc,#embedded.embedded ruby{unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded pre{white-space:pre-wrap;word-wrap:break-word;control-character-visibility:visible}#embedded.embedded html:not([dir]) pre{unicode-bidi:plaintext}#embedded.embedded ::table{display:table;box-sizing:border-box}#embedded.embedded ::inline-table{display:inline-table;box-sizing:border-box}#embedded.embedded ::table-wrapper{display:inherit;top-layer:inherit;margin:inherit;float:inherit;clear:inherit;position:inherit;top:inherit;right:inherit;bottom:inherit;left:inherit;z-index:inherit;page-break-before:inherit;page-break-after:inherit;page-break-inside:inherit;vertical-align:inherit;line-height:inherit;transform:inherit;transform-origin:inherit;-webkit-backface-visibility:inherit;backface-visibility:inherit;clip:inherit;align-self:inherit;justify-self:inherit;grid-column-start:inherit;grid-column-end:inherit;grid-row-start:inherit;grid-row-end:inherit;order:inherit}#embedded.embedded ::table-row{display:table-row}#embedded.embedded ::table-column{display:table-column;visibility:hidden}#embedded.embedded ::table-column-group{display:table-column-group;visibility:hidden}#embedded.embedded ::table-row-group{display:table-row-group}#embedded.embedded ::table-cell{display:table-cell;white-space:inherit}#embedded.embedded ::ruby{display:ruby;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded ::ruby-base{display:ruby-base;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded ::ruby-text{display:ruby-text;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded ::ruby-base-container{display:ruby-base-container;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded ::ruby-text-container{display:ruby-text-container;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}#embedded.embedded ::list-bullet,#embedded.embedded ::list-number{display:inline;vertical-align:baseline;font-variant-numeric:tabular-nums;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#embedded.embedded :-webkit-any-link{cursor:pointer}#embedded.embedded :any-link{cursor:pointer}#embedded.embedded :-webkit-any-link:focusring{outline:1px dotted}#embedded.embedded :any-link:focusring{outline:1px dotted}#embedded.embedded ::block-inside-inline-wrapper,#embedded.embedded ::cell-content{display:block;unicode-bidi:inherit;text-overflow:inherit;overflow-clip-box:inherit}#embedded.embedded ::block-inside-inline-wrapper{position:inherit;outline:inherit;outline-offset:inherit;-webkit-clip-path:inherit;clip-path:inherit;-webkit-filter:inherit;filter:inherit;-webkit-mask:inherit;mask:inherit;opacity:inherit;text-decoration:inherit;box-ordinal-group:inherit;top:inherit;left:inherit;bottom:inherit;right:inherit;z-index:inherit}#embedded.embedded ::xul-anonymous-block{display:block;box-ordinal-group:inherit;text-overflow:inherit;overflow-clip-box:inherit}#embedded.embedded ::scrolled-canvas,#embedded.embedded ::scrolled-content,#embedded.embedded ::scrolled-page-sequence{padding:inherit;display:block;unicode-bidi:inherit;text-overflow:inherit;-webkit-column-count:inherit;column-count:inherit;-webkit-column-width:inherit;column-width:inherit;-webkit-column-gap:inherit;column-gap:inherit;-webkit-column-rule:inherit;column-rule:inherit;-webkit-column-fill:inherit;column-fill:inherit;flex-direction:inherit;flex-wrap:inherit;box-orient:inherit;box-direction:inherit;box-pack:inherit;box-align:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid-column-gap:inherit;grid-row-gap:inherit;grid-template-areas:inherit;grid-template-columns:inherit;grid-template-rows:inherit;align-content:inherit;align-items:inherit;justify-content:inherit;justify-items:inherit;overflow-clip-box:inherit}#embedded.embedded ::canvas,#embedded.embedded ::scrolled-canvas,#embedded.embedded ::viewport,#embedded.embedded ::viewport-scroll{display:block;background-color:inherit}#embedded.embedded ::viewport-scroll{overflow:auto}#embedded.embedded ::column-content{unicode-bidi:inherit;text-overflow:inherit;display:inherit;height:100%}#embedded.embedded ::anonymous-flex-item,#embedded.embedded ::anonymous-grid-item{display:block}#embedded.embedded ::page-sequence,#embedded.embedded ::scrolled-page-sequence{display:block;background:linear-gradient(#606060,#8a8a8a) fixed;height:100%}#embedded.embedded ::page{display:block;background:#fff;box-shadow:5px 5px 8px #202020;-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:.125in .25in}#embedded.embedded ::pagecontent{display:block;margin:auto}#embedded.embedded ::pagebreak{display:block}@media print{#embedded.embedded *{cursor:default!important}}#embedded.embedded :-webkit-full-screen:not(:root){position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;margin:0!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;object-fit:contain;transform:none!important}#embedded.embedded :-moz-full-screen:not(:root){position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;margin:0!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;object-fit:contain;transform:none!important}#embedded.embedded :-ms-fullscreen:not(:root){position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;margin:0!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;object-fit:contain;transform:none!important}#embedded.embedded :fullscreen:not(:root){position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;margin:0!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;-o-object-fit:contain;object-fit:contain;transform:none!important}#embedded.embedded :-webkit-full-screen:not(:root):not(:browser-frame){top-layer:top!important}#embedded.embedded :-moz-full-screen:not(:root):not(:browser-frame){top-layer:top!important}#embedded.embedded :-ms-fullscreen:not(:root):not(:browser-frame){top-layer:top!important}#embedded.embedded :fullscreen:not(:root):not(:browser-frame){top-layer:top!important}#embedded.embedded ::-webkit-backdrop{top-layer:top!important;display:block;position:fixed;top:0;left:0;right:0;bottom:0}#embedded.embedded ::backdrop{top-layer:top!important;display:block;position:fixed;top:0;left:0;right:0;bottom:0}#embedded.embedded :full-screen:not(:root)::-webkit-backdrop{background:#000}#embedded.embedded :full-screen:not(:root)::backdrop{background:#000}#embedded.embedded parsererror|parsererror{display:block;font-family:sans-serif;font-weight:700;white-space:pre;margin:1em;padding:1em;border:thin inset red;font-size:14pt;background-color:#ffffe0;color:#000}#embedded.embedded parsererror|sourcetext{display:block;white-space:pre;font-family:fixed;margin-top:2em;margin-bottom:1em;color:red;font-weight:700;font-size:12pt}#embedded.embedded div:native-anonymous.moz-accessiblecaret{transition-duration:.25s;transition-property:width,height,margin-left}#embedded.embedded div:native-anonymous.moz-accessiblecaret,#embedded.embedded div:native-anonymous.moz-accessiblecaret>#bar,#embedded.embedded div:native-anonymous.moz-accessiblecaret>#image,#embedded.embedded div:native-anonymous.moz-accessiblecaret>#text-overlay{position:absolute;z-index:1}#embedded.embedded div:native-anonymous.moz-accessiblecaret>#image,#embedded.embedded div:native-anonymous.moz-accessiblecaret>#text-overlay{top:0;width:100%;pointer-events:auto}#embedded.embedded div:native-anonymous.moz-accessiblecaret>#image{background-position:top;background-size:100%;background-repeat:no-repeat;background-origin:content-box;height:100%}#embedded.embedded div:native-anonymous.moz-accessiblecaret>#bar{margin-left:49%;background-color:#008aa0}#embedded.embedded div:native-anonymous.moz-accessiblecaret.no-bar>#bar{display:none}#embedded.embedded div:native-anonymous.moz-accessiblecaret.left>#image,#embedded.embedded div:native-anonymous.moz-accessiblecaret.left>#text-overlay{margin-left:-39%}#embedded.embedded div:native-anonymous.moz-accessiblecaret.right>#image,#embedded.embedded div:native-anonymous.moz-accessiblecaret.right>#text-overlay{margin-left:41%}#embedded.embedded div:native-anonymous.moz-accessiblecaret.none{display:none}#embedded.embedded div:native-anonymous.moz-custom-content-container{pointer-events:none;top-layer:top;position:absolute;top:0;left:0;width:100%;height:100%}#embedded.embedded slot{display:contents}#embedded.embedded ::fieldset-content{display:block;unicode-bidi:inherit;text-overflow:inherit;overflow:inherit;overflow-clip-box:inherit;border-radius:inherit;padding:inherit;block-size:100%;-webkit-column-count:inherit;column-count:inherit;-webkit-column-width:inherit;column-width:inherit;-webkit-column-gap:inherit;column-gap:inherit;-webkit-column-rule:inherit;column-rule:inherit;-webkit-column-fill:inherit;column-fill:inherit;flex-direction:inherit;flex-wrap:inherit;box-orient:inherit;box-direction:inherit;box-pack:inherit;box-align:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid-column-gap:inherit;grid-row-gap:inherit;grid-template-areas:inherit;grid-template-columns:inherit;grid-template-rows:inherit;align-content:inherit;align-items:inherit;justify-content:inherit;justify-items:inherit}#embedded.embedded fieldset>legend{-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content}#embedded.embedded legend{display:block}#embedded.embedded fieldset{display:block;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;-webkit-padding-before:.35em;padding-block-start:.35em;-webkit-padding-after:.75em;padding-block-end:.75em;-webkit-padding-start:.625em;padding-inline-start:.625em;-webkit-padding-end:.625em;padding-inline-end:.625em;border:2px groove ThreeDLightShadow;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}#embedded.embedded label{cursor:default}#embedded.embedded input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;padding:1px;border:2px inset #e3e3e3;background-color:transparent;color:#000;font:field;text-rendering:optimizeLegibility;line-height:normal;text-align:start;text-transform:none;word-spacing:normal;letter-spacing:normal;cursor:text;text-indent:0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;text-shadow:none;overflow-clip-box:padding-box content-box}#embedded.embedded input::-webkit-input-placeholder,#embedded.embedded input>.anonymous-div{word-wrap:normal!important;line-height:block-height}#embedded.embedded input:-ms-input-placeholder,#embedded.embedded input::-ms-input-placeholder,#embedded.embedded input>.anonymous-div{word-wrap:normal!important;line-height:block-height}#embedded.embedded input::placeholder,#embedded.embedded input>.anonymous-div{word-wrap:normal!important;line-height:block-height}#embedded.embedded textarea{-webkit-margin-before:1px;margin-block-start:1px;-webkit-margin-after:1px;margin-block-end:1px;border:2px inset ThreeDLightShadow;-webkit-padding-start:1px;padding-inline-start:1px;-webkit-padding-end:1px;padding-inline-end:1px;background-color:transparent;color:#000;font:medium fixed;text-rendering:optimizeLegibility;text-align:start;text-transform:none;word-spacing:normal;letter-spacing:normal;vertical-align:text-bottom;cursor:text;resize:both;-webkit-appearance:textfield-multiline;-moz-appearance:textfield-multiline;appearance:textfield-multiline;text-indent:0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;text-shadow:none;white-space:pre-wrap;word-wrap:break-word;overflow-clip-box:content-box}#embedded.embedded textarea>scrollbar{cursor:default}#embedded.embedded input::-webkit-input-placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded input>.preview-div textarea>.preview-div,#embedded.embedded textarea::-webkit-input-placeholder,#embedded.embedded textarea>.anonymous-div{overflow:auto;border:0!important;padding:inherit!important;margin:0;text-decoration:inherit;-webkit-text-decoration-color:inherit;text-decoration-color:inherit;-webkit-text-decoration-style:inherit;text-decoration-style:inherit;display:inline-block;ime-mode:inherit;resize:inherit;control-character-visibility:visible;overflow-clip-box:inherit}#embedded.embedded input:-ms-input-placeholder,#embedded.embedded input::-ms-input-placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded input>.preview-div textarea>.preview-div,#embedded.embedded textarea:-ms-input-placeholder,#embedded.embedded textarea::-ms-input-placeholder,#embedded.embedded textarea>.anonymous-div{overflow:auto;border:0!important;padding:inherit!important;margin:0;text-decoration:inherit;text-decoration-color:inherit;text-decoration-style:inherit;display:inline-block;ime-mode:inherit;resize:inherit;control-character-visibility:visible;overflow-clip-box:inherit}#embedded.embedded input::placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded input>.preview-div textarea>.preview-div,#embedded.embedded textarea::placeholder,#embedded.embedded textarea>.anonymous-div{overflow:auto;border:0!important;padding:inherit!important;margin:0;text-decoration:inherit;-webkit-text-decoration-color:inherit;text-decoration-color:inherit;-webkit-text-decoration-style:inherit;text-decoration-style:inherit;display:inline-block;ime-mode:inherit;resize:inherit;control-character-visibility:visible;overflow-clip-box:inherit}#embedded.embedded input::-webkit-input-placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded input>.preview-div{white-space:pre}#embedded.embedded input:-ms-input-placeholder,#embedded.embedded input::-ms-input-placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded input>.preview-div{white-space:pre}#embedded.embedded input::placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded input>.preview-div{white-space:pre}#embedded.embedded input>.anonymous-div.wrap{white-space:pre-wrap}#embedded.embedded input>.anonymous-div.inherit-overflow,#embedded.embedded textarea>.anonymous-div.inherit-overflow{overflow:inherit}#embedded.embedded input>.anonymous-div.inherit-scroll-behavior,#embedded.embedded textarea>.anonymous-div.inherit-scroll-behavior{scroll-behavior:inherit;overscroll-behavior:inherit}#embedded.embedded input::-webkit-input-placeholder,#embedded.embedded input>.preview-div,#embedded.embedded textarea::-webkit-input-placeholder,#embedded.embedded textarea>.preview-div{display:inline-block!important;resize:none!important;overflow:hidden!important;pointer-events:none!important}#embedded.embedded input:-ms-input-placeholder,#embedded.embedded input::-ms-input-placeholder,#embedded.embedded input>.preview-div,#embedded.embedded textarea:-ms-input-placeholder,#embedded.embedded textarea::-ms-input-placeholder,#embedded.embedded textarea>.preview-div{display:inline-block!important;resize:none!important;overflow:hidden!important;pointer-events:none!important}#embedded.embedded input::placeholder,#embedded.embedded input>.preview-div,#embedded.embedded textarea::placeholder,#embedded.embedded textarea>.preview-div{display:inline-block!important;resize:none!important;overflow:hidden!important;pointer-events:none!important}#embedded.embedded input::-webkit-input-placeholder,#embedded.embedded textarea::-webkit-input-placeholder{opacity:.54}#embedded.embedded input:-ms-input-placeholder,#embedded.embedded input::-ms-input-placeholder,#embedded.embedded textarea:-ms-input-placeholder,#embedded.embedded textarea::-ms-input-placeholder{opacity:.54}#embedded.embedded input::placeholder,#embedded.embedded textarea::placeholder{opacity:.54}#embedded.embedded textarea::-webkit-input-placeholder,#embedded.embedded textarea>.preview-div{white-space:pre-wrap!important}#embedded.embedded textarea:-ms-input-placeholder,#embedded.embedded textarea::-ms-input-placeholder,#embedded.embedded textarea>.preview-div{white-space:pre-wrap!important}#embedded.embedded textarea::placeholder,#embedded.embedded textarea>.preview-div{white-space:pre-wrap!important}#embedded.embedded input:-moz-read-write,#embedded.embedded textarea:-moz-read-write{user-modify:read-write!important}#embedded.embedded input:read-write,#embedded.embedded textarea:read-write{user-modify:read-write!important}#embedded.embedded select{margin:0;border:2px inset #e3e3e3;background-color:Combobox;color:ComboboxText;font:list;line-height:normal!important;white-space:nowrap!important;word-wrap:normal!important;text-align:start;cursor:default;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;text-indent:0;overflow:hidden-unscrollable;text-shadow:none;display:inline-block;page-break-inside:avoid;overflow-clip-box:padding-box!important}#embedded.embedded select[multiple],#embedded.embedded select[size],#embedded.embedded select[size][multiple]{background-color:transparent;color:#000;vertical-align:text-bottom;-webkit-padding-before:1px;padding-block-start:1px;-webkit-padding-after:1px;padding-block-end:1px;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox}#embedded.embedded select[size="0"],#embedded.embedded select[size="1"]{background-color:Combobox;color:ComboboxText;vertical-align:baseline;padding:0;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}#embedded.embedded select>button{inline-size:12px;white-space:nowrap;position:static!important;background-repeat:no-repeat!important;background-position:50%!important;-webkit-appearance:menulist-button;-moz-appearance:menulist-button;appearance:menulist-button;block-size:100%!important;box-sizing:border-box!important;vertical-align:top!important}#embedded.embedded select:empty{inline-size:2.5em}#embedded.embedded ::display-comboboxcontrol-frame{overflow:hidden-unscrollable;-webkit-padding-before:1px;padding-block-start:1px;-webkit-padding-after:1px;padding-block-end:1px;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;color:inherit;white-space:nowrap;text-align:inherit;block-size:100%!important;box-sizing:border-box!important;line-height:block-height}#embedded.embedded ::display-comboboxcontrol-frame,#embedded.embedded option{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#embedded.embedded option{display:block;float:none!important;position:static!important;min-block-size:1em;line-height:normal!important;text-indent:0;white-space:nowrap!important;word-wrap:normal!important;text-align:match-parent}#embedded.embedded select>option{-webkit-padding-before:0;padding-block-start:0;-webkit-padding-after:0;padding-block-end:0;-webkit-padding-start:3px;padding-inline-start:3px;-webkit-padding-end:5px;padding-inline-end:5px}#embedded.embedded option:checked{background-color:html-cellhighlight!important;color:html-cellhighlighttext!important}#embedded.embedded select:focus>optgroup>option:checked,#embedded.embedded select:focus>option:checked{background-color:Highlight!important;color:HighlightText!important}#embedded.embedded optgroup{display:block;float:none!important;position:static!important;font:list;line-height:normal!important;font-style:italic;font-weight:700;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-indent:0;white-space:nowrap!important;word-wrap:normal!important}#embedded.embedded optgroup>option{-webkit-padding-start:20px;padding-inline-start:20px;font-style:normal;font-weight:400}#embedded.embedded optgroup:before{display:block;content:attr(label)}#embedded.embedded ::dropdown-list{z-index:1;background-color:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static!important;float:none!important;border:1px outset #000!important;border-inline-start-width:2px!important}#embedded.embedded input:disabled,#embedded.embedded optgroup:disabled,#embedded.embedded option:disabled,#embedded.embedded select:disabled:disabled,#embedded.embedded textarea:disabled{color:GrayText;background-color:ThreeDLightShadow;cursor:inherit}#embedded.embedded input:disabled,#embedded.embedded textarea:disabled{cursor:default}#embedded.embedded optgroup:disabled,#embedded.embedded option:disabled{background-color:transparent}#embedded.embedded input[type=hidden]{display:none!important;border:0;cursor:auto;user-focus:ignore}#embedded.embedded input[type=hidden],#embedded.embedded input[type=image]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;binding:none}#embedded.embedded input[type=image]{border:none;background-color:transparent;font-family:sans-serif;font-size:small;cursor:pointer}#embedded.embedded input[type=image]:disabled{cursor:inherit}#embedded.embedded input[type=image]:focusring{outline:1px dotted}#embedded.embedded input[type=file]{display:inline-block;white-space:nowrap;overflow:hidden;overflow-clip-box:padding-box;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;binding:none;cursor:default;border:none;background-color:transparent;padding:0}#embedded.embedded input[type=file]>xul|label{min-inline-size:12em;-webkit-padding-start:5px;padding-inline-start:5px;text-align:match-parent;color:inherit;font-size:inherit;letter-spacing:inherit;direction:ltr!important}#embedded.embedded input[type=file]>button[type=button]{block-size:inherit;font-size:inherit;letter-spacing:inherit;cursor:inherit}#embedded.embedded input[type=color]::color-swatch{width:100%;height:100%;min-width:3px;min-height:3px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;box-sizing:border-box;border:1px solid grey;display:block}#embedded.embedded input[type=file]:dir(rtl)>xul|label{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:5px;padding-inline-end:5px}#embedded.embedded input[type=radio]{display:inline-block;-webkit-appearance:radio;-moz-appearance:radio;appearance:radio;-webkit-margin-before:3px;margin-block-start:3px;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:3px;margin-inline-end:3px}#embedded.embedded input[type=checkbox]{display:inline-block;-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;-webkit-margin-before:3px;margin-block-start:3px;-webkit-margin-after:3px;margin-block-end:3px;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:3px;margin-inline-end:3px}#embedded.embedded input[type=checkbox],#embedded.embedded input[type=radio]{box-sizing:border-box;cursor:default;padding:unset;binding:unset;border:unset;background-color:unset;color:unset}#embedded.embedded input[type=checkbox]:disabled,#embedded.embedded input[type=checkbox]:disabled:active,#embedded.embedded input[type=checkbox]:disabled:hover,#embedded.embedded input[type=checkbox]:disabled:hover:active,#embedded.embedded input[type=radio]:disabled,#embedded.embedded input[type=radio]:disabled:active,#embedded.embedded input[type=radio]:disabled:hover,#embedded.embedded input[type=radio]:disabled:hover:active{cursor:inherit}#embedded.embedded input[type=search]{box-sizing:border-box}#embedded.embedded button,#embedded.embedded input[type=button],#embedded.embedded input[type=color],#embedded.embedded input[type=reset],#embedded.embedded input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;-webkit-padding-before:0;padding-block-start:0;-webkit-padding-end:8px;padding-inline-end:8px;-webkit-padding-after:0;padding-block-end:0;-webkit-padding-start:8px;padding-inline-start:8px;border:2px outset ThreeDLightShadow;background-color:ButtonFace;cursor:default;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;binding:none}#embedded.embedded button,#embedded.embedded input[type=button],#embedded.embedded input[type=reset],#embedded.embedded input[type=submit]{color:ButtonText;font:button;line-height:normal;white-space:pre;text-align:center;text-shadow:none;overflow-clip-box:padding-box}#embedded.embedded input[type=color]{inline-size:64px;block-size:23px}#embedded.embedded button{white-space:inherit;text-indent:0;display:inline-block}#embedded.embedded ::button-content{display:block;-webkit-column-count:inherit;column-count:inherit;-webkit-column-width:inherit;column-width:inherit;-webkit-column-gap:inherit;column-gap:inherit;-webkit-column-rule:inherit;column-rule:inherit;-webkit-column-fill:inherit;column-fill:inherit;flex-direction:inherit;flex-wrap:inherit;box-orient:inherit;box-direction:inherit;box-pack:inherit;box-align:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid-column-gap:inherit;grid-row-gap:inherit;grid-template-areas:inherit;grid-template-columns:inherit;grid-template-rows:inherit;align-content:inherit;align-items:inherit;justify-content:inherit;justify-items:inherit}#embedded.embedded button:hover,#embedded.embedded input[type=button]:hover,#embedded.embedded input[type=color]:hover,#embedded.embedded input[type=reset]:hover,#embedded.embedded input[type=submit]:hover{background-color:buttonhoverface}#embedded.embedded button:hover,#embedded.embedded input[type=button]:hover,#embedded.embedded input[type=reset]:hover,#embedded.embedded input[type=submit]:hover{color:buttonhovertext}#embedded.embedded button:active:hover,#embedded.embedded input[type=button]:active:hover,#embedded.embedded input[type=color]:active:hover,#embedded.embedded input[type=reset]:active:hover,#embedded.embedded input[type=submit]:active:hover{border-style:inset;background-color:ButtonFace}#embedded.embedded button:active:hover,#embedded.embedded input[type=button]:active:hover,#embedded.embedded input[type=reset]:active:hover,#embedded.embedded input[type=submit]:active:hover{color:ButtonText}#embedded.embedded button::focus-inner,#embedded.embedded input[type=button]::focus-inner,#embedded.embedded input[type=color]::focus-inner,#embedded.embedded input[type=file]>button[type=button]::focus-inner,#embedded.embedded input[type=reset]::focus-inner,#embedded.embedded input[type=submit]::focus-inner{-webkit-padding-before:0;padding-block-start:0;-webkit-padding-end:2px;padding-inline-end:2px;-webkit-padding-after:0;padding-block-end:0;-webkit-padding-start:2px;padding-inline-start:2px;border:1px dotted transparent}#embedded.embedded button:focusring::focus-inner,#embedded.embedded input[type=button]:focusring::focus-inner,#embedded.embedded input[type=color]:focusring::focus-inner,#embedded.embedded input[type=file]>button[type=button]:focusring::focus-inner,#embedded.embedded input[type=reset]:focusring::focus-inner,#embedded.embedded input[type=submit]:focusring::focus-inner{border-color:ButtonText}#embedded.embedded button:disabled,#embedded.embedded button:disabled:active,#embedded.embedded input[type=button]:disabled,#embedded.embedded input[type=button]:disabled:active,#embedded.embedded input[type=color]:disabled,#embedded.embedded input[type=color]:disabled:active,#embedded.embedded input[type=reset]:disabled,#embedded.embedded input[type=reset]:disabled:active,#embedded.embedded input[type=submit]:disabled,#embedded.embedded input[type=submit]:disabled:active,#embedded.embedded select:disabled>button{-webkit-padding-before:0;padding-block-start:0;-webkit-padding-end:8px;padding-inline-end:8px;-webkit-padding-after:0;padding-block-end:0;-webkit-padding-start:8px;padding-inline-start:8px;border:2px outset ThreeDLightShadow;cursor:inherit}#embedded.embedded button:disabled,#embedded.embedded button:disabled:active,#embedded.embedded input[type=button]:disabled,#embedded.embedded input[type=button]:disabled:active,#embedded.embedded input[type=reset]:disabled,#embedded.embedded input[type=reset]:disabled:active,#embedded.embedded input[type=submit]:disabled,#embedded.embedded input[type=submit]:disabled:active,#embedded.embedded select:disabled>button{color:GrayText}#embedded.embedded ::button-content,#embedded.embedded ::display-comboboxcontrol-frame,#embedded.embedded input::-webkit-input-placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded optgroup:before,#embedded.embedded textarea::-webkit-input-placeholder,#embedded.embedded textarea>.anonymous-div{unicode-bidi:inherit;text-overflow:inherit}#embedded.embedded ::button-content,#embedded.embedded ::display-comboboxcontrol-frame,#embedded.embedded input:-ms-input-placeholder,#embedded.embedded input::-ms-input-placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded optgroup:before,#embedded.embedded textarea:-ms-input-placeholder,#embedded.embedded textarea::-ms-input-placeholder,#embedded.embedded textarea>.anonymous-div{unicode-bidi:inherit;text-overflow:inherit}#embedded.embedded ::button-content,#embedded.embedded ::display-comboboxcontrol-frame,#embedded.embedded input::placeholder,#embedded.embedded input>.anonymous-div,#embedded.embedded optgroup:before,#embedded.embedded textarea::placeholder,#embedded.embedded textarea>.anonymous-div{unicode-bidi:inherit;text-overflow:inherit}#embedded.embedded :not(output):ui-invalid{box-shadow:0 0 1.5px 1px red}#embedded.embedded :not(output):ui-invalid:focusring{box-shadow:0 0 2px 2px rgba(255,0,0,.4)}#embedded.embedded output:ui-invalid{color:red}@media print{#embedded.embedded button,#embedded.embedded input,#embedded.embedded select,#embedded.embedded textarea{user-input:none!important}#embedded.embedded input[type=file]{height:2em}}#embedded.embedded progress{-webkit-appearance:progressbar;-moz-appearance:progressbar;appearance:progressbar;display:inline-block;vertical-align:-.2em;border:1px solid ThreeDShadow;border-right-color:ThreeDHighlight;border-bottom-color:ThreeDHighlight;background-color:#e6e6e6}#embedded.embedded ::progress-bar{display:inline-block!important;float:none!important;position:static!important;overflow:visible!important;box-sizing:border-box!important;-webkit-appearance:progresschunk;-moz-appearance:progresschunk;appearance:progresschunk;height:100%;width:100%;background-color:#0064b4}#embedded.embedded meter{-webkit-appearance:meterbar;-moz-appearance:meterbar;appearance:meterbar;display:inline-block;vertical-align:-.2em;background:linear-gradient(#e6e6e6,#e6e6e6,#eee 20%,#ccc 45%,#ccc 55%)}#embedded.embedded ::meter-bar{display:inline-block!important;float:none!important;position:static!important;overflow:visible!important;-webkit-appearance:meterchunk;-moz-appearance:meterchunk;appearance:meterchunk;height:100%;width:100%}#embedded.embedded :meter-optimum::meter-bar{background:linear-gradient(#ad7,#ad7,#cea 20%,#7a3 45%,#7a3 55%)}#embedded.embedded :meter-sub-optimum::meter-bar{background:linear-gradient(#fe7,#fe7,#ffc 20%,#db3 45%,#db3 55%)}#embedded.embedded :meter-sub-sub-optimum::meter-bar{background:linear-gradient(#f77,#f77,#fcc 20%,#d44 45%,#d44 55%)}#embedded.embedded input[type=range]{-webkit-appearance:range;-moz-appearance:range;appearance:range;display:inline-block;inline-size:12em;block-size:1.3em;-webkit-margin-start:.7em;margin-inline-start:.7em;-webkit-margin-end:.7em;margin-inline-end:.7em;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;cursor:default;background:none;border:none;binding:none;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}#embedded.embedded input[type=range][orient=block]{inline-size:1.3em;block-size:12em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-before:.7em;margin-block-start:.7em;-webkit-margin-after:.7em;margin-block-end:.7em}#embedded.embedded input[type=range][orient=horizontal]{width:12em;height:1.3em;margin:0 .7em}#embedded.embedded input[type=range][orient=vertical]{width:1.3em;height:12em;margin:.7em 0}#embedded.embedded input[type=range]::focus-outer{border:1px dotted #000}#embedded.embedded input[type=range]::range-track{display:inline-block!important;float:none!important;position:static!important;border:none;background-color:#999;inline-size:100%;block-size:.2em;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}#embedded.embedded input[type=range][orient=block]::range-track{inline-size:.2em;block-size:100%}#embedded.embedded input[type=range][orient=horizontal]::range-track{width:100%;height:.2em}#embedded.embedded input[type=range][orient=vertical]::range-track{width:.2em;height:100%}#embedded.embedded input[type=range]::range-progress{width:.2em;height:.2em}#embedded.embedded input[type=range]::range-progress,#embedded.embedded input[type=range]::range-thumb{display:inline-block!important;float:none!important;position:static!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}#embedded.embedded input[type=range]::range-thumb{-webkit-appearance:range-thumb!important;-moz-appearance:range-thumb!important;appearance:range-thumb!important;width:1em;height:1em;border:.1em solid #999;border-radius:.5em;background-color:#f0f0f0}#embedded.embedded input[type=number]::number-wrapper{display:flex;float:none!important;position:static!important;block-size:100%}#embedded.embedded input[type=number]::number-text{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;user-modify:read-write;text-align:inherit;flex:1;min-inline-size:0;padding:0;border:0;margin:0}#embedded.embedded input[type=number]::number-spin-box{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;display:flex;flex-direction:column;max-height:1em;align-self:center;justify-content:center}#embedded.embedded input[type=number]::number-spin-up{-webkit-appearance:spinner-upbutton;-moz-appearance:spinner-upbutton;appearance:spinner-upbutton;background-image:url('data:image/svg+xml;charset=utf-8,');background-position:bottom;border:1px solid #a9a9a9;border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px}#embedded.embedded input[type=number]::number-spin-down,#embedded.embedded input[type=number]::number-spin-up{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;display:block;flex:none;cursor:default;background-repeat:no-repeat}#embedded.embedded input[type=number]::number-spin-down{-webkit-appearance:spinner-downbutton;-moz-appearance:spinner-downbutton;appearance:spinner-downbutton;background-image:url('data:image/svg+xml;charset=utf-8,');background-position:top;border:1px solid #a9a9a9;border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}#embedded.embedded input[type=number]>div>div>div:hover{background-color:#add8e6}#embedded.embedded input[type=date],#embedded.embedded input[type=time]{overflow:hidden!important;font-family:fixed}#embedded.embedded :autofill,#embedded.embedded :autofill-preview{-webkit-filter:grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%);filter:grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%)}#embedded.embedded :autofill-preview{color:GrayText}@namespace "http://www.w3.org/1999/xhtml";#embedded.embedded li{list-style-position:inside}#embedded.embedded li dir,#embedded.embedded li menu,#embedded.embedded li ol,#embedded.embedded li ul{list-style-position:outside}#embedded.embedded dir dir,#embedded.embedded dir li,#embedded.embedded dir menu,#embedded.embedded dir ol,#embedded.embedded dir ul,#embedded.embedded menu dir,#embedded.embedded menu li,#embedded.embedded menu menu,#embedded.embedded menu ol,#embedded.embedded menu ul,#embedded.embedded ol dir,#embedded.embedded ol li,#embedded.embedded ol menu,#embedded.embedded ol ol,#embedded.embedded ol ul,#embedded.embedded ul dir,#embedded.embedded ul li,#embedded.embedded ul menu,#embedded.embedded ul ol,#embedded.embedded ul ul{list-style-position:inherit}#embedded.embedded li>ol:first-node,#embedded.embedded li>ul:first-node{-webkit-padding-before:1em;padding-block-start:1em}#embedded.embedded table{text-align:start;white-space:normal;line-height:normal;font-size:medium;font-weight:400;font-style:normal;font-variant:normal}#embedded.embedded col,#embedded.embedded colgroup,#embedded.embedded table,#embedded.embedded tbody,#embedded.embedded td,#embedded.embedded tfoot,#embedded.embedded th,#embedded.embedded thead,#embedded.embedded tr{border-color:gray}#embedded.embedded body>blockquote:first-node,#embedded.embedded body>dir:first-node,#embedded.embedded body>dl:first-node,#embedded.embedded body>h1:first-node,#embedded.embedded body>h2:first-node,#embedded.embedded body>h3:first-node,#embedded.embedded body>h4:first-node,#embedded.embedded body>h5:first-node,#embedded.embedded body>h6:first-node,#embedded.embedded body>listing:first-node,#embedded.embedded body>menu:first-node,#embedded.embedded body>multicol:first-node,#embedded.embedded body>ol:first-node,#embedded.embedded body>p:first-node,#embedded.embedded body>plaintext:first-node,#embedded.embedded body>pre:first-node,#embedded.embedded body>ul:first-node,#embedded.embedded body>xmp:first-node,#embedded.embedded td>blockquote:first-node,#embedded.embedded td>dir:first-node,#embedded.embedded td>dl:first-node,#embedded.embedded td>h1:first-node,#embedded.embedded td>h2:first-node,#embedded.embedded td>h3:first-node,#embedded.embedded td>h4:first-node,#embedded.embedded td>h5:first-node,#embedded.embedded td>h6:first-node,#embedded.embedded td>listing:first-node,#embedded.embedded td>menu:first-node,#embedded.embedded td>multicol:first-node,#embedded.embedded td>ol:first-node,#embedded.embedded td>p:first-node,#embedded.embedded td>plaintext:first-node,#embedded.embedded td>pre:first-node,#embedded.embedded td>ul:first-node,#embedded.embedded td>xmp:first-node,#embedded.embedded th>blockquote:first-node,#embedded.embedded th>dir:first-node,#embedded.embedded th>dl:first-node,#embedded.embedded th>h1:first-node,#embedded.embedded th>h2:first-node,#embedded.embedded th>h3:first-node,#embedded.embedded th>h4:first-node,#embedded.embedded th>h5:first-node,#embedded.embedded th>h6:first-node,#embedded.embedded th>listing:first-node,#embedded.embedded th>menu:first-node,#embedded.embedded th>multicol:first-node,#embedded.embedded th>ol:first-node,#embedded.embedded th>p:first-node,#embedded.embedded th>plaintext:first-node,#embedded.embedded th>pre:first-node,#embedded.embedded th>ul:first-node,#embedded.embedded th>xmp:first-node{-webkit-margin-before:0;margin-block-start:0}#embedded.embedded body>blockquote:only-whitespace:first-node,#embedded.embedded body>dir:only-whitespace:first-node,#embedded.embedded body>dl:only-whitespace:first-node,#embedded.embedded body>h1:only-whitespace:first-node,#embedded.embedded body>h2:only-whitespace:first-node,#embedded.embedded body>h3:only-whitespace:first-node,#embedded.embedded body>h4:only-whitespace:first-node,#embedded.embedded body>h5:only-whitespace:first-node,#embedded.embedded body>h6:only-whitespace:first-node,#embedded.embedded body>listing:only-whitespace:first-node,#embedded.embedded body>menu:only-whitespace:first-node,#embedded.embedded body>multicol:only-whitespace:first-node,#embedded.embedded body>ol:only-whitespace:first-node,#embedded.embedded body>p:only-whitespace:first-node,#embedded.embedded body>plaintext:only-whitespace:first-node,#embedded.embedded body>pre:only-whitespace:first-node,#embedded.embedded body>ul:only-whitespace:first-node,#embedded.embedded body>xmp:only-whitespace:first-node,#embedded.embedded td>blockquote:only-whitespace:first-node,#embedded.embedded td>dir:only-whitespace:first-node,#embedded.embedded td>dl:only-whitespace:first-node,#embedded.embedded td>h1:only-whitespace:first-node,#embedded.embedded td>h2:only-whitespace:first-node,#embedded.embedded td>h3:only-whitespace:first-node,#embedded.embedded td>h4:only-whitespace:first-node,#embedded.embedded td>h5:only-whitespace:first-node,#embedded.embedded td>h6:only-whitespace:first-node,#embedded.embedded td>listing:only-whitespace:first-node,#embedded.embedded td>menu:only-whitespace:first-node,#embedded.embedded td>multicol:only-whitespace:first-node,#embedded.embedded td>ol:only-whitespace:first-node,#embedded.embedded td>p:last-node,#embedded.embedded td>p:only-whitespace:first-node,#embedded.embedded td>plaintext:only-whitespace:first-node,#embedded.embedded td>pre:only-whitespace:first-node,#embedded.embedded td>ul:only-whitespace:first-node,#embedded.embedded td>xmp:only-whitespace:first-node,#embedded.embedded th>blockquote:only-whitespace:first-node,#embedded.embedded th>dir:only-whitespace:first-node,#embedded.embedded th>dl:only-whitespace:first-node,#embedded.embedded th>h1:only-whitespace:first-node,#embedded.embedded th>h2:only-whitespace:first-node,#embedded.embedded th>h3:only-whitespace:first-node,#embedded.embedded th>h4:only-whitespace:first-node,#embedded.embedded th>h5:only-whitespace:first-node,#embedded.embedded th>h6:only-whitespace:first-node,#embedded.embedded th>listing:only-whitespace:first-node,#embedded.embedded th>menu:only-whitespace:first-node,#embedded.embedded th>multicol:only-whitespace:first-node,#embedded.embedded th>ol:only-whitespace:first-node,#embedded.embedded th>p:last-node,#embedded.embedded th>p:only-whitespace:first-node,#embedded.embedded th>plaintext:only-whitespace:first-node,#embedded.embedded th>pre:only-whitespace:first-node,#embedded.embedded th>ul:only-whitespace:first-node,#embedded.embedded th>xmp:only-whitespace:first-node{-webkit-margin-after:0;margin-block-end:0}#embedded.embedded td>blockquote:only-whitespace:last-node,#embedded.embedded td>dir:only-whitespace:last-node,#embedded.embedded td>dl:only-whitespace:last-node,#embedded.embedded td>h1:only-whitespace:last-node,#embedded.embedded td>h2:only-whitespace:last-node,#embedded.embedded td>h3:only-whitespace:last-node,#embedded.embedded td>h4:only-whitespace:last-node,#embedded.embedded td>h5:only-whitespace:last-node,#embedded.embedded td>h6:only-whitespace:last-node,#embedded.embedded td>listing:only-whitespace:last-node,#embedded.embedded td>menu:only-whitespace:last-node,#embedded.embedded td>multicol:only-whitespace:last-node,#embedded.embedded td>ol:only-whitespace:last-node,#embedded.embedded td>p:only-whitespace:last-node,#embedded.embedded td>plaintext:only-whitespace:last-node,#embedded.embedded td>pre:only-whitespace:last-node,#embedded.embedded td>ul:only-whitespace:last-node,#embedded.embedded td>xmp:only-whitespace:last-node,#embedded.embedded th>blockquote:only-whitespace:last-node,#embedded.embedded th>dir:only-whitespace:last-node,#embedded.embedded th>dl:only-whitespace:last-node,#embedded.embedded th>h1:only-whitespace:last-node,#embedded.embedded th>h2:only-whitespace:last-node,#embedded.embedded th>h3:only-whitespace:last-node,#embedded.embedded th>h4:only-whitespace:last-node,#embedded.embedded th>h5:only-whitespace:last-node,#embedded.embedded th>h6:only-whitespace:last-node,#embedded.embedded th>listing:only-whitespace:last-node,#embedded.embedded th>menu:only-whitespace:last-node,#embedded.embedded th>multicol:only-whitespace:last-node,#embedded.embedded th>ol:only-whitespace:last-node,#embedded.embedded th>p:only-whitespace:last-node,#embedded.embedded th>plaintext:only-whitespace:last-node,#embedded.embedded th>pre:only-whitespace:last-node,#embedded.embedded th>ul:only-whitespace:last-node,#embedded.embedded th>xmp:only-whitespace:last-node{-webkit-margin-before:0;margin-block-start:0}#embedded.embedded :not(dl)>dd{display:inline;margin:0}#embedded.embedded :not(dl)>dd:before{display:inline;white-space:pre;font-size:1px;line-height:0;content:"\A ";-webkit-margin-end:40px;margin-inline-end:40px}#embedded.embedded dl>dl{display:block;-webkit-margin-start:40px;margin-inline-start:40px}#embedded.embedded img[align=left]:dir(ltr),#embedded.embedded img[align=right]:dir(rtl){-webkit-margin-end:3px;margin-inline-end:3px}#embedded.embedded img[align=left]:dir(rtl),#embedded.embedded img[align=right]:dir(ltr){-webkit-margin-start:3px;margin-inline-start:3px}#embedded.embedded input:not([type=image]),#embedded.embedded textarea{box-sizing:border-box}#embedded.embedded form{-webkit-margin-after:1em;margin-block-end:1em}#embedded.embedded *{animation:none 0s ease 0s 1 normal none running;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;border:medium none currentColor;border-collapse:separate;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:content-box;caption-side:top;clear:none;clip:auto;color:#000;columns:auto;column-count:auto;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;column-width:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;line-height:normal;height:auto;hyphens:none;left:auto;letter-spacing:normal;list-style:disc outside none;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto;all:initial;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;text-align:left;background-color:inherit;cursor:inherit}#embedded.embedded .embedded-wrapper{font-family:sans-serif;font-size:16px;font-weight:400;line-height:16px;color:#000;text-align:left;background-color:#fff;border:2px solid red;margin:10px;padding:10px} \ No newline at end of file diff --git a/dist/example.min.js b/dist/example.min.js new file mode 100644 index 0000000..137a947 --- /dev/null +++ b/dist/example.min.js @@ -0,0 +1,75 @@ +/******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { +/******/ configurable: false, +/******/ enumerable: true, +/******/ get: getter +/******/ }); +/******/ } +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 1); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */, +/* 1 */ +/***/ (function(module, exports) { + +// removed by extract-text-webpack-plugin + +/***/ }) +/******/ ]); +//# sourceMappingURL=example.min.js.map \ No newline at end of file diff --git a/dist/example.min.js.map b/dist/example.min.js.map new file mode 100644 index 0000000..21ea3c0 --- /dev/null +++ b/dist/example.min.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///webpack/bootstrap e6c9d4c4d948628824e9","webpack:///./example/example.scss"],"names":[],"mappings":";AAAA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA;;;;;;;;AC7DA,yC","file":"example.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap e6c9d4c4d948628824e9","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./example/example.scss\n// module id = 1\n// module chunks = 1"],"sourceRoot":""} \ No newline at end of file diff --git a/example/example.scss b/example/example.scss new file mode 100644 index 0000000..b995e3f --- /dev/null +++ b/example/example.scss @@ -0,0 +1,46 @@ +/* Note: Because postcss-prepend-selector is used in this project, all selectors defined in any CSS/SCSS file will have + * "#embedded.embedded " prepended to them so that all styles here will be scoped to *only* the root div. */ + +/* reset all element properties to initial values as defined in CSS spec (*not* browser defaults) */ +* { + all: initial; + /* allow all elements to inherit these properties from the root "body" div */ + font-family: inherit; + font-size: inherit; + font-weight: inherit; + line-height: inherit; + color: inherit; + text-align: left; + background-color: inherit; + cursor: inherit; +} + +/* apply Firefox's default stylesheet so that Bootstrap has some browser-like styling to work with */ +// @import '../default.css'; +@import '../firefox.css'; + +/* apply the Bootstrap reboot (normalize.css) to convert Firefox default styling to some cross-browser baseline + * then, apply the Bootstrap component styling */ +// @import '~bootstrap/scss/bootstrap'; + +/* Since elements inside the embedded div can no longer inherit styles set on the , we will apply the styles + * that the Bootstrap reboot applies to the on the wrapper div instead, which containing elements can inherit. + * + *
+ *
+ * + *
+ *
+ */ +.embedded-wrapper { + font-family: sans-serif; + font-size: 16px; + font-weight: normal; + line-height: 16px; + color: black; + text-align: left; + background-color: rgb(255, 255, 255); + border: 2px solid red; + margin: 10px; + padding: 10px; +} diff --git a/example/index.html b/example/index.html new file mode 100644 index 0000000..11329ea --- /dev/null +++ b/example/index.html @@ -0,0 +1,66 @@ + + + + + + +
+

These are elements affected by the global styling on this page.

+
+
+
+ + +
    +
  1. One
    2. +
  2. Two
    3. +
+ function () { console.log('Hello, world!'); }
+ 
preformatted

+
"This is a blockquote!"
+ +
+
+
+

This is an embedded component isolated from the surrounding CSS cascade.

+
+
+
+ +
    +
  • One
    • +
  • Two
    • +
+
    +
  1. One
    2. +
  2. Two
    3. +
+ function () { console.log('Hello, world!'); }
+ 
preformatted

+
"This is a blockquote!"
+ +
+
+ + diff --git a/firefox.css b/firefox.css new file mode 100644 index 0000000..a3042ce --- /dev/null +++ b/firefox.css @@ -0,0 +1,2648 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */ +@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); + +/* bidi */ + +:has-dir-attr { + unicode-bidi: isolate; +} +:dir-attr-rtl { + direction: rtl; +} +:dir-attr-ltr { + direction: ltr; +} + +:dir-attr-like-auto:dir(ltr) { direction: ltr; } +:dir-attr-like-auto:dir(rtl) { direction: rtl; } + +/* To ensure http://www.w3.org/TR/REC-html40/struct/dirlang.html#style-bidi: + * + * "When a block element that does not have a dir attribute is transformed to + * the style of an inline element by a style sheet, the resulting presentation + * should be equivalent, in terms of bidirectional formatting, to the + * formatting obtained by explicitly adding a dir attribute (assigned the + * inherited value) to the transformed element." + * + * and the rules in http://dev.w3.org/html5/spec/rendering.html#rendering + */ + +address, +article, +aside, +blockquote, +body, +caption, +center, +col, +colgroup, +dd, +dir, +div, +dl, +dt, +fieldset, +figcaption, +figure, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +hr, +html, +legend, +li, +listing, +main, +marquee, +menu, +nav, +noframes, +ol, +p, +plaintext, +pre, +section, +summary, +table, +tbody, +td, +tfoot, +th, +thead, +tr, +ul, +xmp { + unicode-bidi: isolate; +} + +bdi, output { + unicode-bidi: isolate; +} +/* We need the "bdo:has-dir-attr" bit because "bdo" has lower + specificity than the ":has-dir-attr" selector above. */ +bdo, bdo:has-dir-attr { + unicode-bidi: isolate-override; +} +textarea:dir-attr-like-auto, +pre:dir-attr-like-auto { + unicode-bidi: plaintext; +} + +/* blocks */ + +article, +aside, +details, +div, +dt, +figcaption, +footer, +form, +header, +hgroup, +html, +main, +nav, +section, +summary { + display: block; +} + +body { + display: block; + margin: 8px; +} + +p, dl, multicol { + display: block; + margin-block-start: 1em; + margin-block-end: 1em; +} + +dd { + display: block; + margin-inline-start: 40px; +} + +blockquote, figure { + display: block; + margin-block-start: 1em; + margin-block-end: 1em; + margin-inline-start: 40px; + margin-inline-end: 40px; +} + +address { + display: block; + font-style: italic; +} + +center { + display: block; + text-align: center; +} + +blockquote[type=cite] { + display: block; + margin-block-start: 1em; + margin-block-end: 1em; + margin-inline-start: 0; + margin-inline-end: 0; + padding-inline-start: 1em; + border-inline-start: solid; + border-color: blue; + border-width: thin; +} + +span[_moz_quote=true] { + color: blue; +} + +pre[_moz_quote=true] { + color: blue; +} + +h1 { + display: block; + font-size: 2em; + font-weight: bold; + margin-block-start: .67em; + margin-block-end: .67em; +} + +h2, +:any(article, aside, nav, section) +h1 { + display: block; + font-size: 1.5em; + font-weight: bold; + margin-block-start: .83em; + margin-block-end: .83em; +} + +h3, +:any(article, aside, nav, section) +:any(article, aside, nav, section) +h1 { + display: block; + font-size: 1.17em; + font-weight: bold; + margin-block-start: 1em; + margin-block-end: 1em; +} + +h4, +:any(article, aside, nav, section) +:any(article, aside, nav, section) +:any(article, aside, nav, section) +h1 { + display: block; + font-size: 1.00em; + font-weight: bold; + margin-block-start: 1.33em; + margin-block-end: 1.33em; +} + +h5, +:any(article, aside, nav, section) +:any(article, aside, nav, section) +:any(article, aside, nav, section) +:any(article, aside, nav, section) +h1 { + display: block; + font-size: 0.83em; + font-weight: bold; + margin-block-start: 1.67em; + margin-block-end: 1.67em; +} + +h6, +:any(article, aside, nav, section) +:any(article, aside, nav, section) +:any(article, aside, nav, section) +:any(article, aside, nav, section) +:any(article, aside, nav, section) +h1 { + display: block; + font-size: 0.67em; + font-weight: bold; + margin-block-start: 2.33em; + margin-block-end: 2.33em; +} + +listing { + display: block; + font-family: fixed; + font-size: medium; + white-space: pre; + margin-block-start: 1em; + margin-block-end: 1em; +} + +xmp, pre, plaintext { + display: block; + font-family: fixed; + white-space: pre; + margin-block-start: 1em; + margin-block-end: 1em; +} + +/* tables */ + +table { + display: table; + border-spacing: 2px; + border-collapse: separate; + /* XXXldb do we want this if we're border-collapse:collapse ? */ + box-sizing: border-box; + text-indent: 0; +} + +table[align="left"] { + float: left; +} + +table[align="right"] { + float: right; + text-align: start; +} + + +/* border collapse rules */ + + /* Set hidden if we have 'frame' or 'rules' attribute. + Set it on all sides when we do so there's more consistency + in what authors should expect */ + + /* Put this first so 'border' and 'frame' rules can override it. */ +table[rules] { + border-width: thin; + border-style: hidden; +} + + /* 'border' before 'frame' so 'frame' overrides + A border with a given value should, of course, pass that value + as the border-width in pixels -> attr mapping */ + + /* :table-border-nonzero is like [border]:not([border="0"]) except it + also checks for other zero-like values according to HTML attribute + parsing rules */ +table:table-border-nonzero { + border-width: thin; + border-style: outset; +} + +table[frame] { + border: thin hidden; +} + +/* specificity must beat table:table-border-nonzero rule above */ +table[frame="void"] { border-style: hidden; } +table[frame="above"] { border-style: outset hidden hidden hidden; } +table[frame="below"] { border-style: hidden hidden outset hidden; } +table[frame="lhs"] { border-style: hidden hidden hidden outset; } +table[frame="rhs"] { border-style: hidden outset hidden hidden; } +table[frame="hsides"] { border-style: outset hidden; } +table[frame="vsides"] { border-style: hidden outset; } +table[frame="box"], +table[frame="border"] { border-style: outset; } + + +/* Internal Table Borders */ + + /* 'border' cell borders first */ + +table:table-border-nonzero > * > tr > td, +table:table-border-nonzero > * > tr > th, +table:table-border-nonzero > * > td, +table:table-border-nonzero > * > th, +table:table-border-nonzero > td, +table:table-border-nonzero > th +{ + border-width: thin; + border-style: inset; +} + +/* collapse only if rules are really specified */ +table[rules]:not([rules="none"]):not([rules=""]) { + border-collapse: collapse; +} + +/* only specified rules override 'border' settings + (increased specificity to achieve this) */ +table[rules]:not([rules=""])> tr > td, +table[rules]:not([rules=""])> * > tr > td, +table[rules]:not([rules=""])> tr > th, +table[rules]:not([rules=""])> * > tr > th, +table[rules]:not([rules=""])> td, +table[rules]:not([rules=""])> th +{ + border-width: thin; + border-style: none; +} + + +table[rules][rules="none"] > tr > td, +table[rules][rules="none"] > * > tr > td, +table[rules][rules="none"] > tr > th, +table[rules][rules="none"] > * > tr > th, +table[rules][rules="none"] > td, +table[rules][rules="none"] > th +{ + border-width: thin; + border-style: none; +} + +table[rules][rules="all"] > tr > td, +table[rules][rules="all"] > * > tr > td, +table[rules][rules="all"] > tr > th, +table[rules][rules="all"] > * > tr > th, +table[rules][rules="all"] > td, +table[rules][rules="all"] > th +{ + border-width: thin; + border-style: solid; +} + +table[rules][rules="rows"] > tr, +table[rules][rules="rows"] > * > tr { + border-block-start-width: thin; + border-block-end-width: thin; + border-block-start-style: solid; + border-block-end-style: solid; +} + + +table[rules][rules="cols"] > tr > td, +table[rules][rules="cols"] > * > tr > td, +table[rules][rules="cols"] > tr > th, +table[rules][rules="cols"] > * > tr > th { + border-inline-start-width: thin; + border-inline-end-width: thin; + border-inline-start-style: solid; + border-inline-end-style: solid; +} + +table[rules][rules="groups"] > colgroup { + border-inline-start-width: thin; + border-inline-end-width: thin; + border-inline-start-style: solid; + border-inline-end-style: solid; +} +table[rules][rules="groups"] > tfoot, +table[rules][rules="groups"] > thead, +table[rules][rules="groups"] > tbody { + border-block-start-width: thin; + border-block-end-width: thin; + border-block-start-style: solid; + border-block-start-style: solid; +} + + +/* caption inherits from table not table-outer */ +caption { + display: table-caption; + text-align: center; +} + +table[align="center"] > caption { + margin-inline-start: auto; + margin-inline-end: auto; +} + +table[align="center"] > caption[align="left"]:dir(ltr) { + margin-inline-end: 0; +} +table[align="center"] > caption[align="left"]:dir(rtl) { + margin-inline-start: 0; +} + +table[align="center"] > caption[align="right"]:dir(ltr) { + margin-inline-start: 0; +} +table[align="center"] > caption[align="right"]:dir(rtl) { + margin-inline-end: 0; +} + +tr { + display: table-row; + vertical-align: inherit; +} + +col { + display: table-column; +} + +colgroup { + display: table-column-group; +} + +tbody { + display: table-row-group; + vertical-align: middle; +} + +thead { + display: table-header-group; + vertical-align: middle; +} + +tfoot { + display: table-footer-group; + vertical-align: middle; +} + +/* for XHTML tables without tbody */ +table > tr { + vertical-align: middle; +} + +td { + display: table-cell; + vertical-align: inherit; + text-align: inherit; + padding: 1px; +} + +th { + display: table-cell; + vertical-align: inherit; + font-weight: bold; + padding: 1px; +} + +tr > form:is-html, tbody > form:is-html, +thead > form:is-html, tfoot > form:is-html, +table > form:is-html { + /* Important: don't show these forms in HTML */ + display: none !important; +} + +table[bordercolor] > tbody, +table[bordercolor] > thead, +table[bordercolor] > tfoot, +table[bordercolor] > col, +table[bordercolor] > colgroup, +table[bordercolor] > tr, +table[bordercolor] > * > tr, +table[bordercolor] > tr > td, +table[bordercolor] > * > tr > td, +table[bordercolor] > tr > th, +table[bordercolor] > * > tr > th { + border-color: inherit; +} + +/* inlines */ + +q:before { + content: open-quote; +} + +q:after { + content: close-quote; +} + +b, strong { + font-weight: bolder; +} + +i, cite, em, var, dfn { + font-style: italic; +} + +tt, code, kbd, samp { + font-family: fixed; +} + +u, ins { + text-decoration: underline; +} + +s, strike, del { + text-decoration: line-through; +} + +big { + font-size: larger; +} + +small { + font-size: smaller; +} + +sub { + vertical-align: sub; + font-size: smaller; + line-height: normal; +} + +sup { + vertical-align: super; + font-size: smaller; + line-height: normal; +} + +nobr { + white-space: nowrap; +} + +mark { + background: yellow; + color: black; +} + +/* titles */ +abbr[title], acronym[title] { + text-decoration: dotted underline; +} + +/* lists */ + +ul, menu, dir { + display: block; + list-style-type: disc; + margin-block-start: 1em; + margin-block-end: 1em; + padding-inline-start: 40px; +} + +menu[type="context"] { + display: none !important; +} + +ol { + display: block; + list-style-type: decimal; + margin-block-start: 1em; + margin-block-end: 1em; + padding-inline-start: 40px; +} + +li { + display: list-item; + text-align: match-parent; +} + +/* nested lists have no top/bottom margins */ +:any(ul, ol, dir, menu, dl) ul, +:any(ul, ol, dir, menu, dl) ol, +:any(ul, ol, dir, menu, dl) dir, +:any(ul, ol, dir, menu, dl) menu, +:any(ul, ol, dir, menu, dl) dl { + margin-block-start: 0; + margin-block-end: 0; +} + +/* 2 deep unordered lists use a circle */ +:any(ol, ul, menu, dir) ul, +:any(ol, ul, menu, dir) menu, +:any(ol, ul, menu, dir) dir { + list-style-type: circle; +} + +/* 3 deep (or more) unordered lists use a square */ +:any(ol, ul, menu, dir) :any(ol, ul, menu, dir) ul, +:any(ol, ul, menu, dir) :any(ol, ul, menu, dir) menu, +:any(ol, ul, menu, dir) :any(ol, ul, menu, dir) dir { + list-style-type: square; +} + + +/* leafs */ + +/*
noshade and color attributes are handled completely by + * the nsHTMLHRElement attribute mapping code + */ +hr { + display: block; + border: 1px inset; + margin-block-start: 0.5em; + margin-block-end: 0.5em; + margin-inline-start: auto; + margin-inline-end: auto; + color: gray; + float-edge: margin-box; + box-sizing: content-box; +} + +hr[size="1"] { + border-style: solid none none none; +} + +img:broken::before, input:broken::before, +img:user-disabled::before, input:user-disabled::before, +img:loading::before, input:loading::before { + content: alt-content !important; + unicode-bidi: isolate; +} + +object:any(:broken,:user-disabled) > *|* { + /* + Inherit in the object's alignment so that if we aren't aligned explicitly + we'll end up in the right place vertically. See bug 36997. Note that this + is not !important because we _might_ be aligned explicitly. + */ + vertical-align: inherit; +} + +img:suppressed, input:suppressed, object:suppressed, +embed:suppressed { + /* + Set visibility too in case the page changes display. Note that we _may_ + want to just set visibility and not display, in general, if we find that + display:none breaks too many layouts. And if we decide we really do want + people to be able to right-click blocked images, etc, we need to set + neither one, and hack the painting code.... :( + */ + display: none !important; + visibility: hidden !important; +} + +img[usemap], object[usemap] { + color: blue; +} + +frameset { + display: block ! important; + overflow: hidden-unscrollable; + position: static ! important; + float: none ! important; + border: none ! important; +} + +link { + display: none; +} + +frame { + border-radius: 0 ! important; +} + +iframe { + border: 2px inset; +} + +noframes { + display: none; +} + +spacer { + position: static ! important; + float: none ! important; +} + +canvas { + user-select: none; +} + +/* focusable content: anything w/ tabindex >=0 is focusable, but we + skip drawing a focus outline on a few things that handle it + themselves. */ +:focusring:not(input):not(button):not(select):not(textarea):not(iframe):not(frame):not(body):not(html) { + /* Don't specify the outline-color, we should always use initial value. */ + outline: 1px dotted; +} + +/* hidden elements */ +base, basefont, datalist, head, meta, script, style, title, +noembed, param, template { + display: none; +} + +area { + /* Don't give it frames other than its imageframe */ + display: none ! important; +} + +iframe:fullscreen { + /* iframes in full-screen mode don't show a border. */ + border: none !important; + padding: 0 !important; +} + +/* media elements */ +video > xul|videocontrols, audio > xul|videocontrols { + display: flex; + box-orient: vertical; +} + +video:not([controls]) > xul|videocontrols, +audio:not([controls]) > xul|videocontrols { + visibility: hidden; + binding: none; +} + +video { + object-fit: contain; +} + +video > img:native-anonymous { + /* Video poster images should render with the video element's "object-fit" & + "object-position" properties */ + object-fit: inherit !important; + object-position: inherit !important; +} + +audio:not([controls]) { + display: none; +} + +audio[controls] { + /* This ensures that intrinsic sizing can reliably shrinkwrap our + controls (which are also always horizontal) and produce a + reasonable intrinsic size from them. */ + writing-mode: horizontal-tb !important; +} + +*|*::html-canvas-content { + display: block !important; + /* we want to be an absolute and fixed container */ + transform: translate(0) !important; +} + +video > .caption-box { + width: 100%; + height: 100%; + position: relative; +} + +/* ::cue default settings */ +::cue { + color: rgba(255, 255, 255, 1); + white-space: pre-line; + background-color: rgba(0, 0, 0, 0.8); + font: var(--cue-font-size) sans-serif; +} + +/* datetime elements */ + +input[type="time"] > xul|datetimebox { + display: flex; +} + +input[type="date"] > xul|datetimebox { + display: flex; +} + +/* details & summary */ +details > summary:first-of-type, +details > summary:native-anonymous { + display: list-item; + list-style: disclosure-closed inside; +} + +details[open] > summary:first-of-type, +details[open] > summary:native-anonymous { + list-style-type: disclosure-open; +} + +details > summary:first-of-type > *|* { + /* Cancel "list-style-position: inside" inherited from summary. */ + list-style-position: initial; +} + +/* element styles */ + +dialog { + position: absolute; + offset-inline-start: 0; + offset-inline-end: 0; + color: black; + margin: auto; + border-width: initial; + border-style: solid; + border-color: initial; + border-image: initial; + padding: 1em; + background: white; + width: fit-content; +} + +dialog:not([open]) { + display: none; +} + +/* emulation of non-standard HTML tag */ +marquee { + inline-size: available; + display: inline-block; + vertical-align: text-bottom; + text-align: start; +} + +marquee[direction="up"], marquee[direction="down"] { + block-size: 200px; +} + +/* PRINT ONLY rules follow */ +@media print { + + marquee { binding: none; } + +} + +/* Ruby */ + +ruby { + display: ruby; +} +rb { + display: ruby-base; + white-space: nowrap; +} +rp { + display: none; +} +rt { + display: ruby-text; +} +rtc { + display: ruby-text-container; +} +rtc, rt { + white-space: nowrap; + font-size: 50%; + moz-min-font-size-ratio: 50%; + line-height: 1; +} +rtc, rt { + text-emphasis: none; +} +rtc:lang(zh), rt:lang(zh) { + ruby-align: center; +} +rtc:lang(zh-TW), rt:lang(zh-TW) { + font-size: 30%; /* bopomofo */ + moz-min-font-size-ratio: 30%; +} +rtc > rt { + font-size: inherit; +} +ruby, rb, rt, rtc { + unicode-bidi: isolate; +} + + + + +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +pre { + white-space: pre-wrap; + word-wrap: break-word; + control-character-visibility: visible; +} + +/* Make text go with the rules of dir=auto, but allow it to be overriden if 'Switch Text Direction' is triggered */ +html:not([dir]) pre { /* Not a UA sheet, so doesn't use :has-dir-attr */ + unicode-bidi: plaintext; +} + + +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace parsererror url(http://www.mozilla.org/newlayout/xml/parsererror.xml); +@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); + +/* magic -- some of these rules are important to keep pages from overriding + them +*/ + +/* Tables */ + +*|*::table { + display: table; + box-sizing: border-box; /* XXX do we really want this? */ +} + +*|*::inline-table { + display: inline-table; + box-sizing: border-box; /* XXX do we really want this? */ +} + +*|*::table-wrapper { + /* The inherited properties here need to be safe to have on both the + * table and the table wrapper, generally because code ignores them + * for the table. */ + display: inherit; /* table or inline-table */ + top-layer: inherit; + margin: inherit; + float: inherit; + clear: inherit; + position: inherit; + top: inherit; + right: inherit; + bottom: inherit; + left: inherit; + z-index: inherit; + page-break-before: inherit; + page-break-after: inherit; + page-break-inside: inherit; + vertical-align: inherit; /* needed for inline-table */ + line-height: inherit; /* needed for vertical-align on inline-table */ + /* Bug 722777 */ + transform: inherit; + transform-origin: inherit; + /* Bug 724750 */ + backface-visibility: inherit; + clip: inherit; + /* When the table wrapper is a Flex/Grid item we need these: */ + align-self: inherit; + justify-self: inherit; + grid-column-start: inherit; + grid-column-end: inherit; + grid-row-start: inherit; + grid-row-end: inherit; + order: inherit; +} + +*|*::table-row { + display: table-row; +} + +/* The ::table-column pseudo-element is for extra columns at the end + of a table. */ +*|*::table-column { + display: table-column; + /* Make sure anonymous columns don't interfere with hit testing. Basically, + * they should pretend as much as possible to not exist (since in the spec + * they do not exist). + * + * Please make sure to not reintroduce + * https://bugzilla.mozilla.org/show_bug.cgi?id=1403293 if you change this + * bit! + */ + visibility: hidden; +} + +*|*::table-column-group { + display: table-column-group; + /* Make sure anonymous colgroups don't interfere with hit testing. Basically, + * they should pretend as much as possible to not exist (since in the spec + * they do not exist). + * + * Please make sure to not reintroduce + * https://bugzilla.mozilla.org/show_bug.cgi?id=1403293 if you change this + * bit! + */ + visibility: hidden; +} + +*|*::table-row-group { + display: table-row-group; +} + +*|*::table-cell { + display: table-cell; + white-space: inherit; +} + +/* Ruby */ +*|*::ruby { + display: ruby; + unicode-bidi: isolate; +} +*|*::ruby-base { + display: ruby-base; + unicode-bidi: isolate; +} +*|*::ruby-text { + display: ruby-text; + unicode-bidi: isolate; +} +*|*::ruby-base-container { + display: ruby-base-container; + unicode-bidi: isolate; +} +*|*::ruby-text-container { + display: ruby-text-container; + unicode-bidi: isolate; +} + +/* Lists */ + +*|*::list-bullet, *|*::list-number { + display: inline; + vertical-align: baseline; + font-variant-numeric: tabular-nums; + /* Prevent the element from being selected when clicking on the marker. */ + user-select: none; +} + +/* SVG documents don't always load this file but they do have links. + * If you change the link rules, consider carefully whether to make + * the same changes to svg.css. + */ + +/* Links */ + +*|*:any-link { + cursor: pointer; +} + +*|*:any-link:focusring { + /* Don't specify the outline-color, we should always use initial value. */ + outline: 1px dotted; +} + +/* Miscellaneous */ + +*|*::cell-content { + display: block; + unicode-bidi: inherit; + text-overflow: inherit; + overflow-clip-box: inherit; +} + +*|*::block-inside-inline-wrapper { + display: block; + /* we currently inherit from the inline that is split */ + position: inherit; /* static or relative or sticky */ + outline: inherit; + outline-offset: inherit; + clip-path: inherit; + filter: inherit; + mask: inherit; + opacity: inherit; + text-decoration: inherit; + box-ordinal-group: inherit; + overflow-clip-box: inherit; + unicode-bidi: inherit; + text-overflow: inherit; + /* The properties below here don't apply if our position is static, + and we do want them to have an effect if it's not, so it's fine + to always inherit them. */ + top: inherit; + left: inherit; + bottom: inherit; + right: inherit; + z-index: inherit; +} + +*|*::xul-anonymous-block { + display: block; + box-ordinal-group: inherit; + text-overflow: inherit; + overflow-clip-box: inherit; +} + +*|*::scrolled-content, *|*::scrolled-canvas, +*|*::scrolled-page-sequence { + /* e.g., text inputs, select boxes */ + padding: inherit; + /* The display doesn't affect the kind of frame constructed here. This just + affects auto-width sizing of the block we create. */ + display: block; + /* make unicode-bidi inherit, otherwise it has no effect on text inputs and + blocks with overflow: scroll; */ + unicode-bidi: inherit; + text-overflow: inherit; + /* Please keep the Multicol/Flex/Grid/Align sections below in sync with + ::fieldset-content/::button-content in forms.css */ + /* Multicol container */ + column-count: inherit; + column-width: inherit; + column-gap: inherit; + column-rule: inherit; + column-fill: inherit; + /* Flex container */ + flex-direction: inherit; + flex-wrap: inherit; + /* -webkit-box container (aliased from -webkit versions to -moz versions) */ + box-orient: inherit; + box-direction: inherit; + box-pack: inherit; + box-align: inherit; + /* Grid container */ + grid-auto-columns: inherit; + grid-auto-rows: inherit; + grid-auto-flow: inherit; + grid-column-gap: inherit; + grid-row-gap: inherit; + grid-template-areas: inherit; + grid-template-columns: inherit; + grid-template-rows: inherit; + /* CSS Align */ + align-content: inherit; + align-items: inherit; + justify-content: inherit; + justify-items: inherit; + /* Do not change these. nsCSSFrameConstructor depends on them to create a good + frame tree. */ + overflow-clip-box: inherit; +} + +*|*::viewport, *|*::viewport-scroll, *|*::canvas, *|*::scrolled-canvas { + display: block; + background-color: inherit; +} + +*|*::viewport-scroll { + overflow: auto; +} + +*|*::column-content { + /* the column boxes inside a column-flowed block */ + /* make unicode-bidi inherit, otherwise it has no effect on column boxes */ + unicode-bidi: inherit; + text-overflow: inherit; + /* inherit the outer frame's display, otherwise we turn into an inline */ + display: inherit; + /* Carry through our parent's height so that %-height children get + their heights set */ + height: 100%; +} + +*|*::anonymous-flex-item, +*|*::anonymous-grid-item { + /* Anonymous blocks that wrap contiguous runs of text + * inside of a flex or grid container. */ + display: block; +} + +*|*::page-sequence, *|*::scrolled-page-sequence { + /* Collection of pages in print/print preview. Visual styles may only appear + * in print preview. */ + display: block; + background: linear-gradient(#606060, #8a8a8a) fixed; + height: 100%; +} + +*|*::page { + /* Individual page in print/print preview. Visual styles may only appear + * in print preview. */ + display: block; + background: white; + box-shadow: 5px 5px 8px #202020; + box-decoration-break: clone; + margin: 0.125in 0.25in; +} + +*|*::pagecontent { + display: block; + margin: auto; +} + +*|*::pagebreak { + display: block; +} + +/* Printing */ + +@media print { + + * { + cursor: default !important; + } + +} + +*|*:fullscreen:not(:root) { + position: fixed !important; + top: 0 !important; + left: 0 !important; + right: 0 !important; + bottom: 0 !important; + width: 100% !important; + height: 100% !important; + margin: 0 !important; + min-width: 0 !important; + max-width: none !important; + min-height: 0 !important; + max-height: none !important; + box-sizing: border-box !important; + object-fit: contain; + transform: none !important; +} + +/* Selectors here should match the check in + * nsViewportFrame.cpp:ShouldInTopLayerForFullscreen() */ +*|*:fullscreen:not(:root):not(:browser-frame) { + top-layer: top !important; +} + +*|*::backdrop { + top-layer: top !important; + display: block; + position: fixed; + top: 0; left: 0; + right: 0; bottom: 0; +} + +*|*:full-screen:not(:root)::backdrop { + background: black; +} + +/* XML parse error reporting */ + +parsererror|parsererror { + display: block; + font-family: sans-serif; + font-weight: bold; + white-space: pre; + margin: 1em; + padding: 1em; + border-width: thin; + border-style: inset; + border-color: red; + font-size: 14pt; + background-color: lightyellow; + color: black; +} + +parsererror|sourcetext { + display: block; + white-space: pre; + font-family: fixed; + margin-top: 2em; + margin-bottom: 1em; + color: red; + font-weight: bold; + font-size: 12pt; +} + +div:native-anonymous.moz-accessiblecaret { + /* Add transition effect to make caret size changing smoother. */ + transition-duration: 250ms; + transition-property: width, height, margin-left; +} + +div:native-anonymous.moz-accessiblecaret, +div:native-anonymous.moz-accessiblecaret > #text-overlay, +div:native-anonymous.moz-accessiblecaret > #image, +div:native-anonymous.moz-accessiblecaret > #bar { + position: absolute; + z-index: 2147483647; +} + +div:native-anonymous.moz-accessiblecaret > #text-overlay, +div:native-anonymous.moz-accessiblecaret > #image { + top: 0; + width: 100%; + + /* Override this property in moz-custom-content-container to make dummy touch + * listener work. */ + pointer-events: auto; +} + +div:native-anonymous.moz-accessiblecaret > #image { + background-position: center top; + background-size: 100%; + background-repeat: no-repeat; + background-origin: content-box; + height: 100%; +} + +div:native-anonymous.moz-accessiblecaret > #bar { + margin-left: 49%; + background-color: #008aa0; +} + +div:native-anonymous.moz-accessiblecaret.no-bar > #bar { + display: none; +} + +div:native-anonymous.moz-accessiblecaret.left > #text-overlay, +div:native-anonymous.moz-accessiblecaret.left > #image { + margin-left: -39%; +} + +div:native-anonymous.moz-accessiblecaret.right > #text-overlay, +div:native-anonymous.moz-accessiblecaret.right > #image { + margin-left: 41%; +} + +div:native-anonymous.moz-accessiblecaret.none { + display: none; +} + +/* Custom content container in the CanvasFrame, positioned on top of everything + everything else, not reacting to pointer events. */ +div:native-anonymous.moz-custom-content-container { + pointer-events: none; + top-layer: top; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/* Shadow DOM v1 + * https://drafts.csswg.org/css-scoping/#slots-in-shadow-tree */ +slot { + display: contents; +} + + +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/** + Styles for old GFX form widgets + **/ + + +@namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */ +@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); + +*|*::fieldset-content { + display: block; /* nsRuleNode::ComputeDisplayData overrules this in some cases */ + unicode-bidi: inherit; + text-overflow: inherit; + overflow: inherit; + overflow-clip-box: inherit; + /* Need to inherit border-radius too, so when the fieldset has rounded + borders we don't leak out the corners for hit-testing purposes. */ + border-radius: inherit; + padding: inherit; + block-size: 100%; /* Need this so percentage block-sizes of kids work right */ + /* Please keep the Multicol/Flex/Grid/Align sections below in sync with + ::scrolled-content in ua.css and ::button-content below. */ + /* Multicol container */ + column-count: inherit; + column-width: inherit; + column-gap: inherit; + column-rule: inherit; + column-fill: inherit; + /* Flex container */ + flex-direction: inherit; + flex-wrap: inherit; + /* -webkit-box container (aliased from -webkit versions to -moz versions) */ + box-orient: inherit; + box-direction: inherit; + box-pack: inherit; + box-align: inherit; + /* Grid container */ + grid-auto-columns: inherit; + grid-auto-rows: inherit; + grid-auto-flow: inherit; + grid-column-gap: inherit; + grid-row-gap: inherit; + grid-template-areas: inherit; + grid-template-columns: inherit; + grid-template-rows: inherit; + /* CSS Align */ + align-content: inherit; + align-items: inherit; + justify-content: inherit; + justify-items: inherit; +} + +/* miscellaneous form elements */ + +fieldset > legend { + padding-inline-start: 2px; + padding-inline-end: 2px; + inline-size: fit-content; +} + +legend { + display: block; +} + +fieldset { + display: block; + margin-inline-start: 2px; + margin-inline-end: 2px; + padding-block-start: 0.35em; + padding-block-end: 0.75em; + padding-inline-start: 0.625em; + padding-inline-end: 0.625em; + border: 2px groove ThreeDLightShadow; + min-width: min-content; +} + +label { + cursor: default; +} + +/* default inputs, text inputs, and selects */ + +/* Note: Values in nsNativeTheme IsWidgetStyled function + need to match textfield background/border values here */ + +input { + appearance: textfield; + /* The sum of border and padding on block-start and block-end + must be the same here, for buttons, and for */ + +select[size], +select[multiple], +select[size][multiple] { + /* Different alignment and padding for listbox vs combobox */ + background-color: transparent; + color: rgb(0, 0, 0); + vertical-align: text-bottom; + padding-block-start: 1px; + padding-block-end: 1px; + padding-inline-start: 0; + padding-inline-end: 0; + appearance: listbox; +} + +select[size="0"], +select[size="1"] { + /* Except this is not a listbox */ + background-color: Combobox; + color: ComboboxText; + vertical-align: baseline; + padding: 0; + appearance: menulist; +} + +select > button { + inline-size: 12px; + white-space: nowrap; + position: static !important; + background-repeat: no-repeat !important; + background-position: center !important; + appearance: menulist-button; + + /* Make sure to size correctly if the combobox has a non-auto height. */ + block-size: 100% ! important; + box-sizing: border-box ! important; + + /* + Make sure to align properly with the display frame. Note that we + want the baseline of the combobox to match the baseline of the + display frame, so the dropmarker is what gets the vertical-align. + */ + vertical-align: top !important; +} + +select:empty { + inline-size: 2.5em; +} + +*|*::display-comboboxcontrol-frame { + overflow: hidden-unscrollable; + /* This block-start/end padding plus the combobox block-start/end border need to + add up to the block-start/end borderpadding of text inputs and buttons */ + padding-block-start: 1px; + padding-block-end: 1px; + padding-inline-start: 4px; + padding-inline-end: 0; + color: inherit; + white-space: nowrap; + text-align: inherit; + user-select: none; + /* Make sure to size correctly if the combobox has a non-auto block-size. */ + block-size: 100% ! important; + box-sizing: border-box ! important; + line-height: block-height; +} + +option { + display: block; + float: none !important; + position: static !important; + min-block-size: 1em; + line-height: normal !important; + user-select: none; + text-indent: 0; + white-space: nowrap !important; + word-wrap: normal !important; + text-align: match-parent; +} + +select > option { + padding-block-start : 0; + padding-block-end: 0; + padding-inline-start: 3px; + padding-inline-end: 5px; +} + +option:checked { + background-color: html-cellhighlight !important; + color: html-cellhighlighttext !important; +} + +select:focus > option:checked, +select:focus > optgroup > option:checked { + background-color: Highlight ! important; + color: HighlightText ! important; +} + +optgroup { + display: block; + float: none !important; + position: static !important; + font: list; + line-height: normal !important; + font-style: italic; + font-weight: bold; + font-size: inherit; + user-select: none; + text-indent: 0; + white-space: nowrap !important; + word-wrap: normal !important; +} + +optgroup > option { + padding-inline-start: 20px; + font-style: normal; + font-weight: normal; +} + +optgroup:before { + display: block; + content: attr(label); +} + +*|*::dropdown-list { + z-index: 2147483647; + background-color: inherit; + user-select: none; + position: static !important; + float: none !important; + + /* + * We can't change the padding here, because that would affect our + * intrinsic inline-size, since we scroll. But at the same time, we want + * to make sure that our inline-start border+padding matches the inline-start + * border+padding of a combobox so that our scrollbar will line up + * with the dropmarker. So set our inline-start border to 2px. + */ + border: 1px outset black !important; + border-inline-start-width: 2px ! important; +} + +input:disabled, +textarea:disabled, +option:disabled, +optgroup:disabled, +select:disabled:disabled /* Need the pseudo-class twice to have the specificity + be at least the same as select[size][multiple] above */ +{ + color: GrayText; + background-color: ThreeDLightShadow; + cursor: inherit; +} + +input:disabled, +textarea:disabled { + cursor: default; +} + +option:disabled, +optgroup:disabled { + background-color: transparent; +} + +/* hidden inputs */ +input[type="hidden"] { + appearance: none; + display: none !important; + padding: 0; + border: 0; + cursor: auto; + user-focus: ignore; + binding: none; +} + +/* image buttons */ +input[type="image"] { + appearance: none; + padding: 0; + border: none; + background-color: transparent; + font-family: sans-serif; + font-size: small; + cursor: pointer; + binding: none; +} + +input[type="image"]:disabled { + cursor: inherit; +} + +input[type="image"]:focusring { + /* Don't specify the outline-color, we should always use initial value. */ + outline: 1px dotted; +} + +/* file selector */ +input[type="file"] { + display: inline-block; + white-space: nowrap; + overflow: hidden; + overflow-clip-box: padding-box; + color: inherit; + + /* Revert rules which apply on all inputs. */ + appearance: none; + binding: none; + cursor: default; + + border: none; + background-color: transparent; + padding: 0; +} + +input[type="file"] > xul|label { + min-inline-size: 12em; + padding-inline-start: 5px; + text-align: match-parent; + + color: inherit; + font-size: inherit; + letter-spacing: inherit; + + /* + * Force the text to have LTR directionality. Otherwise filenames containing + * RTL characters will be reordered with chaotic results. + */ + direction: ltr !important; +} + +/* button part of file selector */ +input[type="file"] > button[type="button"] { + block-size: inherit; + font-size: inherit; + letter-spacing: inherit; + cursor: inherit; +} + +/* colored part of the color selector button */ +input[type="color"]::color-swatch { + width: 100%; + height: 100%; + min-width: 3px; + min-height: 3px; + margin-inline-start: auto; + margin-inline-end: auto; + box-sizing: border-box; + border: 1px solid grey; + display: block; +} + +/* Try to make RTL look nicer. */ +/* TODO: find a better solution than forcing direction: ltr on all file + input labels and remove this override -- bug 1161482 */ +input[type="file"]:dir(rtl) > xul|label { + padding-inline-start: 0px; + padding-inline-end: 5px; +} + +/* radio buttons */ +input[type="radio"] { + display: inline-block; + appearance: radio; + margin-block-start: 3px; + margin-block-end: 0px; + margin-inline-start: 5px; + margin-inline-end: 3px; +} + +/* check boxes */ +input[type="checkbox"] { + display: inline-block; + appearance: checkbox; + margin-block-start: 3px; + margin-block-end: 3px; + margin-inline-start: 4px; + margin-inline-end: 3px; +} + +/* common features of radio buttons and check boxes */ + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + cursor: default; + /* unset some values from the general 'input' rule above: */ + padding: unset; + binding: unset; + border: unset; + background-color: unset; + color: unset; +} + +input[type="radio"]:disabled, +input[type="radio"]:disabled:active, +input[type="radio"]:disabled:hover, +input[type="radio"]:disabled:hover:active, +input[type="checkbox"]:disabled, +input[type="checkbox"]:disabled:active, +input[type="checkbox"]:disabled:hover, +input[type="checkbox"]:disabled:hover:active { + cursor: inherit; +} + +input[type="search"] { + box-sizing: border-box; +} + +/* buttons */ + +/* Note: Values in nsNativeTheme IsWidgetStyled function + need to match button background/border values here */ + +/* Non text-related properties for buttons: these ones are shared with + input[type="color"] */ +button, +input[type="color"], +input[type="reset"], +input[type="button"], +input[type="submit"] { + appearance: button; + /* The sum of border and padding on block-start and block-end + must be the same here, for text inputs, and for