@utrecht/web-component-library-stencil 1.0.0-alpha.223 → 1.0.0-alpha.226

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/cjs/utrecht-button_2.cjs.entry.js +1 -1
  2. package/dist/cjs/utrecht-html-content.cjs.entry.js +1 -1
  3. package/dist/collection/button/css/stories/02-appearance.js +1 -1
  4. package/dist/collection/button/web-component/index.css +107 -134
  5. package/dist/collection/html-content/web-component/index.css +56 -17
  6. package/dist/custom-elements/index.js +2 -2
  7. package/dist/esm/utrecht-button_2.entry.js +1 -1
  8. package/dist/esm/utrecht-html-content.entry.js +1 -1
  9. package/dist/utrecht/p-f79c82aa.entry.js +1 -0
  10. package/dist/utrecht/p-fd286294.entry.js +1 -0
  11. package/dist/utrecht/utrecht.esm.js +1 -1
  12. package/package.json +2 -2
  13. package/dist/utrecht/p-c5fa0970.entry.js +0 -1
  14. package/dist/utrecht/p-fbb1a6a3.entry.js +0 -1
package/dist/cjs/utrecht-button_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-bc39ab9c.js');
6
6
  const clsx_m = require('./clsx.m-b00fa5e1.js');
7
7
 
8
- const indexCss$1 = ".utrecht-button{background-color:var(--utrecht-button-background-color);border-color:var(--utrecht-button-border-color, transparent);border-bottom-color:var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent));border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--utrecht-button-border-width, 0);border-bottom-width:var(--utrecht-button-border-bottom-width, var(--utrecht-button-border-width, 0));color:var(--utrecht-button-color);font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);inline-size:var(--utrecht-button-inline-size, auto);letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-disabled-color, var(--utrecht-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),.utrecht-button--active{background-color:var(--utrecht-button-active-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-active-color, var(--utrecht-button-color))}.utrecht-button--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--focus{background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color))}.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-hover-color, var(--utrecht-button-color));transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-button--primary-action{background-color:var(--utrecht-button-primary-action-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-primary-action-border-color, var(--utrecht-button-border-color));border-width:var(--utrecht-button-primary-action-border-width, var(--utrecht-button-border-width));color:var(--utrecht-button-primary-action-color, var(--utrecht-button-color))}.utrecht-button--primary-action.utrecht-button--hover:not(:disabled),.utrecht-button--primary-action.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-primary-action-hover-background-color, var(--utrecht-button-primary-action-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))));border-color:var(--utrecht-button-primary-action-hover-border-color, var(--utrecht-button-primary-action-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))));color:var(--utrecht-button-primary-action-hover-color, var(--utrecht-button-primary-action-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))))}.utrecht-button--primary-action.utrecht-button:disabled,.utrecht-button--primary-action.utrecht-button--disabled{background-color:var(--utrecht-button-primary-action-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)));border-color:var(--utrecht-button-primary-action-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)));color:var(--utrecht-button-primary-action-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))}.utrecht-button--primary-action:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--primary-action:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--secondary-action{background-color:var(--utrecht-button-secondary-action-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-secondary-action-border-color, var(--utrecht-button-border-color));border-width:var(--utrecht-button-secondary-action-border-width, var(--utrecht-button-border-width));color:var(--utrecht-button-secondary-action-color, var(--utrecht-button-color))}.utrecht-button--secondary-action.utrecht-button--hover:not(:disabled),.utrecht-button--secondary-action.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-secondary-action-hover-background-color, var(--utrecht-button-secondary-action-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))));border-color:var(--utrecht-button-secondary-action-hover-border-color, var(--utrecht-button-secondary-action-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))));color:var(--utrecht-button-secondary-action-hover-color, var(--utrecht-button-secondary-action-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))))}.utrecht-button--secondary-action.utrecht-button:disabled,.utrecht-button--secondary-action.utrecht-button--disabled{background-color:var(--utrecht-button-secondary-action-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)));border-color:var(--utrecht-button-secondary-action-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)));color:var(--utrecht-button-secondary-action-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))}.utrecht-button--secondary-action:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--secondary-action:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--subtle{background-color:var(--utrecht-button-subtle-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-subtle-border-color, var(--utrecht-button-border-color));border-width:var(--utrecht-button-subtle-border-width, var(--utrecht-button-border-width));color:var(--utrecht-button-subtle-color, var(--utrecht-button-color))}.utrecht-button--subtle.utrecht-button--hover:not(:disabled),.utrecht-button--subtle.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-subtle-hover-background-color, var(--utrecht-button-subtle-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))));border-color:var(--utrecht-button-subtle-hover-border-color, var(--utrecht-button-subtle-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))));color:var(--utrecht-button-subtle-hover-color, var(--utrecht-button-subtle-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))))}.utrecht-button--subtle.utrecht-button:disabled,.utrecht-button--subtle.utrecht-button--disabled{background-color:var(--utrecht-button-subtle-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)));border-color:var(--utrecht-button-subtle-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)));color:var(--utrecht-button-subtle-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))}.utrecht-button--subtle:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--subtle:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:inline-block}:host([hidden]){display:none !important}";
8
+ const indexCss$1 = ".utrecht-button{--_utrecht-button-background-color:var(--utrecht-button-background-color);--_utrecht-button-color:var(--utrecht-button-color);--_utrecht-button-border-color:var(--utrecht-button-border-color, transparent);--_utrecht-button-border-bottom-color:var(\n --utrecht-button-border-bottom-color,\n var(--utrecht-button-border-color, transparent)\n );--_utrecht-button-disabled-background-color:var(\n --utrecht-button-disabled-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-disabled-border-color:var(\n --utrecht-button-disabled-border-color,\n var(--utrecht-button-border-color)\n );--_utrecht-button-disabled-color:var(--utrecht-button-disabled-color, var(--utrecht-button-color));--_utrecht-button-focus-background-color:var(\n --utrecht-button-focus-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-focus-border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));--_utrecht-button-focus-color:var(--utrecht-button-focus-color, var(--utrecht-button-color));--_utrecht-button-hover-background-color:var(\n --utrecht-button-hover-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-hover-border-color:var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));--_utrecht-button-hover-color:var(--utrecht-button-hover-color, var(--utrecht-button-color));--_utrecht-button-active-background-color:var(\n --utrecht-button-active-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-active-border-color:var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));--_utrecht-button-active-color:var(--utrecht-button-active-color, var(--utrecht-button-color));--_utrecht-button-border-width:var(--utrecht-button-border-width, 0);--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,\n var(--utrecht-button-border-width, 0)\n );background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);color:var(--utrecht-button-color);font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);inline-size:var(--utrecht-button-inline-size, auto);letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),.utrecht-button--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-button--primary-action{--utrecht-button-active-background-color:var(--utrecht-button-primary-action-active-background-color);--utrecht-button-active-border-color:var(--utrecht-button-primary-action-active-border-color);--utrecht-button-active-color:var(--utrecht-button-primary-action-active-color);--utrecht-button-background-color:var(--utrecht-button-primary-action-background-color);--utrecht-button-border-color:var(--utrecht-button-primary-action-border-color);--utrecht-button-border-width:var(--utrecht-button-primary-action-border-width);--utrecht-button-color:var(--utrecht-button-primary-action-color);--utrecht-button-disabled-background-color:var(--utrecht-button-primary-action-disabled-background-color);--utrecht-button-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--utrecht-button-disabled-color:var(--utrecht-button-primary-action-disabled-color);--utrecht-button-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--utrecht-button-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--utrecht-button-focus-color:var(--utrecht-button-primary-action-focus-color);--utrecht-button-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--utrecht-button-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--utrecht-button-hover-color:var(--utrecht-button-primary-action-hover-color)}.utrecht-button--secondary-action{--utrecht-button-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--utrecht-button-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--utrecht-button-active-color:var(--utrecht-button-secondary-action-active-color);--utrecht-button-background-color:var(--utrecht-button-secondary-action-background-color);--utrecht-button-border-color:var(--utrecht-button-secondary-action-border-color);--utrecht-button-border-width:var(--utrecht-button-secondary-action-border-width);--utrecht-button-color:var(--utrecht-button-secondary-action-color);--utrecht-button-disabled-background-color:var(--utrecht-button-secondary-action-disabled-background-color);--utrecht-button-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--utrecht-button-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--utrecht-button-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--utrecht-button-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--utrecht-button-focus-color:var(--utrecht-button-secondary-action-focus-color);--utrecht-button-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--utrecht-button-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--utrecht-button-hover-color:var(--utrecht-button-secondary-action-hover-color)}.utrecht-button--subtle{--utrecht-button-active-background-color:var(--utrecht-button-subtle-active-background-color);--utrecht-button-active-border-color:var(--utrecht-button-subtle-active-border-color);--utrecht-button-active-color:var(--utrecht-button-subtle-active-color);--utrecht-button-background-color:var(--utrecht-button-subtle-background-color);--utrecht-button-border-color:var(--utrecht-button-subtle-border-color);--utrecht-button-border-width:var(--utrecht-button-subtle-border-width);--utrecht-button-color:var(--utrecht-button-subtle-color);--utrecht-button-disabled-background-color:var(--utrecht-button-subtle-disabled-background-color);--utrecht-button-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--utrecht-button-disabled-color:var(--utrecht-button-subtle-disabled-color);--utrecht-button-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--utrecht-button-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--utrecht-button-focus-color:var(--utrecht-button-subtle-focus-color);--utrecht-button-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--utrecht-button-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--utrecht-button-hover-color:var(--utrecht-button-subtle-hover-color)}:host{display:inline-block}:host([hidden]){display:none !important}";
9
9
 
10
10
  const Button = class {
11
11
  constructor(hostRef) {
package/dist/cjs/utrecht-html-content.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-bc39ab9c.js');
6
6
 
7
- const indexCss = "@charset \"UTF-8\";.utrecht-html{}.utrecht-html article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-html blockquote{font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start);--utrecht-document-color:var(--utrecht-blockquote-content-color, inherit);--utrecht-paragraph-font-size:var(--utrecht-blockquote-content-font-size, inherit);color:var(--utrecht-blockquote-content-color, inherit);font-size:var(--utrecht-blockquote-content-font-size, inherit);margin-block-end:var(--utrecht-blockquote-margin-block-end);margin-block-start:var(--utrecht-blockquote-margin-block-start)}.utrecht-html input[type=button i],.utrecht-html input[type=reset i],.utrecht-html input[type=submit i],.utrecht-html button{background-color:var(--utrecht-button-background-color);border-color:var(--utrecht-button-border-color, transparent);border-bottom-color:var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent));border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--utrecht-button-border-width, 0);border-bottom-width:var(--utrecht-button-border-bottom-width, var(--utrecht-button-border-width, 0));color:var(--utrecht-button-color);font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);inline-size:var(--utrecht-button-inline-size, auto);letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none;margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-html button[type=submit i],.utrecht-html input[type=submit i]{cursor:var(--utrecht-action-submit-cursor)}.utrecht-html button:disabled,.utrecht-html button[aria-disabled=true]{background-color:var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-disabled-color, var(--utrecht-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html button[aria-busy=true],.utrecht-html button[aria-disabled=true][aria-busy=true],.utrecht-html button:disabled[aria-busy=true]{cursor:var(--utrecht-action-busy-cursor)}.utrecht-html button:active:not([aria-disabled=true]):not(:disabled){background-color:var(--utrecht-button-active-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-active-color, var(--utrecht-button-color))}.utrecht-html button:hover:not([aria-disabled=true]):not(:disabled){background-color:var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-hover-color, var(--utrecht-button-color));transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-html button:focus:not([aria-disabled=true]):not(:disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color))}.utrecht-html button:focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html input[type=checkbox i]{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-html input[type=checkbox i]:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input[type=checkbox i]:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html input[type=checkbox i]:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html body{color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility;background-color:var(--utrecht-document-background-color, inherit)}.utrecht-html body :lang(ar){letter-spacing:0 !important}.utrecht-html em{font-style:var(--utrecht-emphasis-stressed-font-style, italic)}.utrecht-html strong{font-weight:var(--utrecht-emphasis-strong-font-weight, bold)}.utrecht-html fieldset{border:0;margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:0.01em;padding-inline-end:0;padding-inline-start:0;margin-block-end:var(--utrecht-form-fieldset-margin-block-end, 0);margin-block-start:var(--utrecht-form-fieldset-margin-block-start, 0)}.utrecht-html legend{color:var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform);padding-inline-end:0;padding-inline-start:0;margin-block-end:var(--utrecht-form-fieldset-legend-margin-block-end);margin-block-start:var(--utrecht-form-fieldset-legend-margin-block-start)}.utrecht-html label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-html input[type=checkbox i]~label{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-html input[type=radio i]~label{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-html h1{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit);margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.utrecht-html h2{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit);margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-html h3{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit);margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-html h4{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit);margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-html h5{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit);margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}.utrecht-html h6{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-6-text-transform, inherit);margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}.utrecht-html a:link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-html a:visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-html a:hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-html a:active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-html a:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html a:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html a[href^=\"tel:\" i]{white-space:nowrap}.utrecht-html ol{font-family:var(--utrecht-document-font-family, inherit);margin-block-end:0;margin-block-start:0;padding-inline-start:var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch));margin-block-end:var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end));margin-block-start:var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start))}.utrecht-html ol>li{margin-block-end:var(--utrecht-ordered-list-item-margin-block-end, var(--utrecht-unordered-list-item-margin-block-end));margin-block-start:var(--utrecht-ordered-list-item-margin-block-start, var(--utrecht-unordered-list-item-margin-block-start));padding-inline-start:var(--utrecht-ordered-list-item-padding-inline-start, var(--utrecht-unordered-list-item-padding-inline-start, 1ch))}.utrecht-html ol:lang(ar){list-style:arabic-indic}.utrecht-html p{color:var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));font-size:var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));font-weight:var(--utrecht-paragraph-font-weight, inherit);line-height:var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit));margin-block-end:0;margin-block-start:0}.utrecht-html p.lead{color:var(--utrecht-paragraph-lead-color, var(--utrecht-document-color, inherit));font-size:var(--utrecht-paragraph-lead-font-size, inherit);font-weight:var(--utrecht-paragraph-lead-font-weight, inherit);line-height:var(--utrecht-paragraph-lead-line-height, inherit)}.utrecht-html *~p{margin-block-end:var(--utrecht-paragraph-margin-block-end);margin-block-start:var(--utrecht-paragraph-margin-block-start)}.utrecht-html input[type=radio i]{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-html input[type=radio i]:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input[type=radio i]:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html input[type=radio i]:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color, var(--utrecht-form-input-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;border-block-end-width:var(--utrecht-select-border-block-end-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width)));border-block-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-color:var(--utrecht-select-border-color, var(--utrecht-form-input-border-color));border-inline-end-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-inline-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-radius:var(--utrecht-select-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;color:var(--utrecht-select-color, var(--utrecht-form-input-color));font-family:var(--utrecht-select-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-select-font-size, var(--utrecht-form-input-font-size));max-inline-size:var(--utrecht-select-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%;}.utrecht-html select:disabled{background-color:var(--utrecht-select-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html select:focus{background-color:var(--utrecht-select-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html select:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html select:invalid,.utrecht-html select[aria-invalid=true]{background-color:var(--utrecht-select-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width))))}.utrecht-html hr{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:var(--utrecht-separator-margin-block-end);margin-block-start:var(--utrecht-separator-margin-block-start)}.utrecht-html table{border-collapse:collapse;border-color:var(--utrecht-table-border-color, 0);border-style:solid;border-width:var(--utrecht-table-border-width, 0);font-family:var(--utrecht-table-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size, inherit);width:100%;margin-block-end:var(--utrecht-table-margin-block-end);margin-block-start:var(--utrecht-table-margin-block-start)}.utrecht-html caption{color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);text-align:var(--utrecht-table-caption-text-align, center)}.utrecht-html thead{background-color:var(--utrecht-table-header-background-color);color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);text-transform:var(--utrecht-table-header-text-transform);vertical-align:bottom}.utrecht-html tbody{vertical-align:baseline}.utrecht-html th{color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight);text-align:start;text-transform:var(--utrecht-table-header-cell-text-transform)}.utrecht-html th,.utrecht-html td{border-block-end-color:var(--utrecht-table-row-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width, 0);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start}.utrecht-html td:first-child,.utrecht-html th:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0))}.utrecht-html td:last-child,.utrecht-html th:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0))}.utrecht-html thead tr:last-child th{border-block-end-color:var(--utrecht-table-header-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width, 0)}.utrecht-html thead>tr>th.numeric,.utrecht-html tfoot>tr>th.numeric,.utrecht-html th[scope=column].numeric{text-align:right}.utrecht-html td.numeric{text-align:right;font-variant-numeric:lining-nums tabular-nums}.utrecht-html table.alternate-row-color>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tr:nth-child(even)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-input-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start));resize:vertical;width:100%}.utrecht-html textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html textarea:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html textarea:invalid,.utrecht-html textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width))))}.utrecht-html textarea:read-only{border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-html textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-html input:not([type]),.utrecht-html input[type=date i],.utrecht-html input[type=datetime-local i],.utrecht-html input[type=email i],.utrecht-html input[type=month i],.utrecht-html input[type=number i],.utrecht-html input[type=password i],.utrecht-html input[type=search i],.utrecht-html input[type=tel i],.utrecht-html input[type=text i],.utrecht-html input[type=time i],.utrecht-html input[type=url i],.utrecht-html input[type=week i]{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-html input:not([type]):disabled,.utrecht-html input[type=date i]:disabled,.utrecht-html input[type=datetime-local i]:disabled,.utrecht-html input[type=email i]:disabled,.utrecht-html input[type=month i]:disabled,.utrecht-html input[type=number i]:disabled,.utrecht-html input[type=password i]:disabled,.utrecht-html input[type=search i]:disabled,.utrecht-html input[type=tel i]:disabled,.utrecht-html input[type=text i]:disabled,.utrecht-html input[type=time i]:disabled,.utrecht-html input[type=url i]:disabled,.utrecht-html input[type=week i]:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input:not([type]):focus,.utrecht-html input[type=date i]:focus,.utrecht-html input[type=datetime-local i]:focus,.utrecht-html input[type=email i]:focus,.utrecht-html input[type=month i]:focus,.utrecht-html input[type=number i]:focus,.utrecht-html input[type=password i]:focus,.utrecht-html input[type=search i]:focus,.utrecht-html input[type=tel i]:focus,.utrecht-html input[type=text i]:focus,.utrecht-html input[type=time i]:focus,.utrecht-html input[type=url i]:focus,.utrecht-html input[type=week i]:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html input:not([type]):focus:not(:focus-visible),.utrecht-html input[type=date i]:focus:not(:focus-visible),.utrecht-html input[type=datetime-local i]:focus:not(:focus-visible),.utrecht-html input[type=email i]:focus:not(:focus-visible),.utrecht-html input[type=month i]:focus:not(:focus-visible),.utrecht-html input[type=number i]:focus:not(:focus-visible),.utrecht-html input[type=password i]:focus:not(:focus-visible),.utrecht-html input[type=search i]:focus:not(:focus-visible),.utrecht-html input[type=tel i]:focus:not(:focus-visible),.utrecht-html input[type=text i]:focus:not(:focus-visible),.utrecht-html input[type=time i]:focus:not(:focus-visible),.utrecht-html input[type=url i]:focus:not(:focus-visible),.utrecht-html input[type=week i]:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html input:not([type]):invalid,.utrecht-html input:not([type])[aria-invalid=true],.utrecht-html input[type=date i]:invalid,.utrecht-html input[type=date i][aria-invalid=true],.utrecht-html input[type=datetime-local i]:invalid,.utrecht-html input[type=datetime-local i][aria-invalid=true],.utrecht-html input[type=email i]:invalid,.utrecht-html input[type=email i][aria-invalid=true],.utrecht-html input[type=month i]:invalid,.utrecht-html input[type=month i][aria-invalid=true],.utrecht-html input[type=number i]:invalid,.utrecht-html input[type=number i][aria-invalid=true],.utrecht-html input[type=password i]:invalid,.utrecht-html input[type=password i][aria-invalid=true],.utrecht-html input[type=search i]:invalid,.utrecht-html input[type=search i][aria-invalid=true],.utrecht-html input[type=tel i]:invalid,.utrecht-html input[type=tel i][aria-invalid=true],.utrecht-html input[type=text i]:invalid,.utrecht-html input[type=text i][aria-invalid=true],.utrecht-html input[type=time i]:invalid,.utrecht-html input[type=time i][aria-invalid=true],.utrecht-html input[type=url i]:invalid,.utrecht-html input[type=url i][aria-invalid=true],.utrecht-html input[type=week i]:invalid,.utrecht-html input[type=week i][aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-html input:not([type]):read-only,.utrecht-html input[type=date i]:read-only,.utrecht-html input[type=datetime-local i]:read-only,.utrecht-html input[type=email i]:read-only,.utrecht-html input[type=month i]:read-only,.utrecht-html input[type=number i]:read-only,.utrecht-html input[type=password i]:read-only,.utrecht-html input[type=search i]:read-only,.utrecht-html input[type=tel i]:read-only,.utrecht-html input[type=text i]:read-only,.utrecht-html input[type=time i]:read-only,.utrecht-html input[type=url i]:read-only,.utrecht-html input[type=week i]:read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-html input:not([type])::placeholder,.utrecht-html input[type=date i]::placeholder,.utrecht-html input[type=datetime-local i]::placeholder,.utrecht-html input[type=email i]::placeholder,.utrecht-html input[type=month i]::placeholder,.utrecht-html input[type=number i]::placeholder,.utrecht-html input[type=password i]::placeholder,.utrecht-html input[type=search i]::placeholder,.utrecht-html input[type=tel i]::placeholder,.utrecht-html input[type=text i]::placeholder,.utrecht-html input[type=time i]::placeholder,.utrecht-html input[type=url i]::placeholder,.utrecht-html input[type=week i]::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-html input[autocomplete~=current-password i],.utrecht-html input[autocomplete~=new-password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-html input[type=url i]{font-variant-ligatures:none}.utrecht-html input[autocomplete~=bday i],.utrecht-html input[autocomplete~=bday-day i],.utrecht-html input[autocomplete~=bday-month i],.utrecht-html input[autocomplete~=bday-year i],.utrecht-html input[autocomplete~=cc-csc i],.utrecht-html input[autocomplete~=cc-exp i],.utrecht-html input[autocomplete~=cc-exp-month i],.utrecht-html input[autocomplete~=cc-exp-year i],.utrecht-html input[autocomplete~=cc-number i],.utrecht-html input[autocomplete~=one-time-code i],.utrecht-html input[autocomplete~=postal-code i],.utrecht-html input[autocomplete~=tel i],.utrecht-html input[autocomplete~=tel-area-code i],.utrecht-html input[autocomplete~=tel-country-code i],.utrecht-html input[autocomplete~=tel-extension i],.utrecht-html input[autocomplete~=tel-local i],.utrecht-html input[autocomplete~=tel-national i],.utrecht-html input[autocomplete~=transaction-amount i],.utrecht-html input[inputmode=decimal i],.utrecht-html input[inputmode=numeric i],.utrecht-html input[type=number i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-html ul{font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);line-height:var(--utrecht-document-line-height, inherit);margin-block-end:0;margin-block-start:0;padding-inline-start:var(--utrecht-unordered-list-padding-inline-start, 2ch);margin-block-end:var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-html ul>li{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start, 1ch)}.utrecht-html ul>li::marker{color:var(--utrecht-unordered-list-marker-color);content:\"●\"}:host{display:block}:host([hidden]){display:none !important}";
7
+ const indexCss = "@charset \"UTF-8\";.utrecht-html{}.utrecht-html article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-html blockquote{font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start);--utrecht-document-color:var(--utrecht-blockquote-content-color, inherit);--utrecht-paragraph-font-size:var(--utrecht-blockquote-content-font-size, inherit);color:var(--utrecht-blockquote-content-color, inherit);font-size:var(--utrecht-blockquote-content-font-size, inherit);margin-block-end:var(--utrecht-blockquote-margin-block-end);margin-block-start:var(--utrecht-blockquote-margin-block-start)}.utrecht-html input[type=button i],.utrecht-html input[type=reset i],.utrecht-html input[type=submit i],.utrecht-html button{--_utrecht-button-background-color:var(--utrecht-button-background-color);--_utrecht-button-color:var(--utrecht-button-color);--_utrecht-button-border-color:var(--utrecht-button-border-color, transparent);--_utrecht-button-border-bottom-color:var(\n --utrecht-button-border-bottom-color,\n var(--utrecht-button-border-color, transparent)\n );--_utrecht-button-disabled-background-color:var(\n --utrecht-button-disabled-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-disabled-border-color:var(\n --utrecht-button-disabled-border-color,\n var(--utrecht-button-border-color)\n );--_utrecht-button-disabled-color:var(--utrecht-button-disabled-color, var(--utrecht-button-color));--_utrecht-button-focus-background-color:var(\n --utrecht-button-focus-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-focus-border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));--_utrecht-button-focus-color:var(--utrecht-button-focus-color, var(--utrecht-button-color));--_utrecht-button-hover-background-color:var(\n --utrecht-button-hover-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-hover-border-color:var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));--_utrecht-button-hover-color:var(--utrecht-button-hover-color, var(--utrecht-button-color));--_utrecht-button-active-background-color:var(\n --utrecht-button-active-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-active-border-color:var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));--_utrecht-button-active-color:var(--utrecht-button-active-color, var(--utrecht-button-color));--_utrecht-button-border-width:var(--utrecht-button-border-width, 0);--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,\n var(--utrecht-button-border-width, 0)\n );background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);color:var(--utrecht-button-color);font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);inline-size:var(--utrecht-button-inline-size, auto);letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none;margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-html button[type=submit i],.utrecht-html input[type=submit i]{cursor:var(--utrecht-action-submit-cursor)}.utrecht-html button:disabled,.utrecht-html button[aria-disabled=true]{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html button[aria-busy=true],.utrecht-html button[aria-disabled=true][aria-busy=true],.utrecht-html button:disabled[aria-busy=true]{cursor:var(--utrecht-action-busy-cursor)}.utrecht-html button:active:not([aria-disabled=true]):not(:disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-html button:hover:not([aria-disabled=true]):not(:disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-html button:focus:not([aria-disabled=true]):not(:disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-html button:focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html input[type=checkbox i]{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-html input[type=checkbox i]:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input[type=checkbox i]:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html input[type=checkbox i]:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html body{color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility;background-color:var(--utrecht-document-background-color, inherit)}.utrecht-html body :lang(ar){letter-spacing:0 !important}.utrecht-html em{font-style:var(--utrecht-emphasis-stressed-font-style, italic)}.utrecht-html strong{font-weight:var(--utrecht-emphasis-strong-font-weight, bold)}.utrecht-html fieldset{border:0;margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:0.01em;padding-inline-end:0;padding-inline-start:0;margin-block-end:var(--utrecht-form-fieldset-margin-block-end, 0);margin-block-start:var(--utrecht-form-fieldset-margin-block-start, 0)}.utrecht-html legend{color:var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform);padding-inline-end:0;padding-inline-start:0;margin-block-end:var(--utrecht-form-fieldset-legend-margin-block-end);margin-block-start:var(--utrecht-form-fieldset-legend-margin-block-start)}.utrecht-html label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-html input[type=checkbox i]~label{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-html input[type=radio i]~label{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-html h1{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit);margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.utrecht-html h2{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit);margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-html h3{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit);margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-html h4{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit);margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-html h5{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit);margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}.utrecht-html h6{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-6-text-transform, inherit);margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}.utrecht-html a:link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-html a:visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-html a:hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-html a:active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-html a:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html a:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html a[href^=\"tel:\" i]{white-space:nowrap}.utrecht-html ol{font-family:var(--utrecht-document-font-family, inherit);margin-block-end:0;margin-block-start:0;padding-inline-start:var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch));margin-block-end:var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end));margin-block-start:var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start))}.utrecht-html ol>li{margin-block-end:var(--utrecht-ordered-list-item-margin-block-end, var(--utrecht-unordered-list-item-margin-block-end));margin-block-start:var(--utrecht-ordered-list-item-margin-block-start, var(--utrecht-unordered-list-item-margin-block-start));padding-inline-start:var(--utrecht-ordered-list-item-padding-inline-start, var(--utrecht-unordered-list-item-padding-inline-start, 1ch))}.utrecht-html ol:lang(ar){list-style:arabic-indic}.utrecht-html p{color:var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));font-size:var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));font-weight:var(--utrecht-paragraph-font-weight, inherit);line-height:var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit));margin-block-end:0;margin-block-start:0}.utrecht-html p.lead{color:var(--utrecht-paragraph-lead-color, var(--utrecht-document-color, inherit));font-size:var(--utrecht-paragraph-lead-font-size, inherit);font-weight:var(--utrecht-paragraph-lead-font-weight, inherit);line-height:var(--utrecht-paragraph-lead-line-height, inherit)}.utrecht-html *~p{margin-block-end:var(--utrecht-paragraph-margin-block-end);margin-block-start:var(--utrecht-paragraph-margin-block-start)}.utrecht-html input[type=radio i]{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-html input[type=radio i]:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input[type=radio i]:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html input[type=radio i]:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color, var(--utrecht-form-input-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;border-block-end-width:var(--utrecht-select-border-block-end-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width)));border-block-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-color:var(--utrecht-select-border-color, var(--utrecht-form-input-border-color));border-inline-end-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-inline-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-radius:var(--utrecht-select-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;color:var(--utrecht-select-color, var(--utrecht-form-input-color));font-family:var(--utrecht-select-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-select-font-size, var(--utrecht-form-input-font-size));max-inline-size:var(--utrecht-select-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%;}.utrecht-html select:disabled{background-color:var(--utrecht-select-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html select:focus{background-color:var(--utrecht-select-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html select:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html select:invalid,.utrecht-html select[aria-invalid=true]{background-color:var(--utrecht-select-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width))))}.utrecht-html hr{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:var(--utrecht-separator-margin-block-end);margin-block-start:var(--utrecht-separator-margin-block-start)}.utrecht-html table{border-collapse:collapse;border-color:var(--utrecht-table-border-color, 0);border-style:solid;border-width:var(--utrecht-table-border-width, 0);font-family:var(--utrecht-table-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size, inherit);width:100%;margin-block-end:var(--utrecht-table-margin-block-end);margin-block-start:var(--utrecht-table-margin-block-start)}.utrecht-html caption{color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);text-align:var(--utrecht-table-caption-text-align, center)}.utrecht-html thead{background-color:var(--utrecht-table-header-background-color);color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);text-transform:var(--utrecht-table-header-text-transform);vertical-align:bottom}.utrecht-html tbody{vertical-align:baseline}.utrecht-html th{color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight);text-align:start;text-transform:var(--utrecht-table-header-cell-text-transform)}.utrecht-html th,.utrecht-html td{border-block-end-color:var(--utrecht-table-row-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width, 0);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start}.utrecht-html td:first-child,.utrecht-html th:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0))}.utrecht-html td:last-child,.utrecht-html th:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0))}.utrecht-html thead tr:last-child th{border-block-end-color:var(--utrecht-table-header-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width, 0)}.utrecht-html thead>tr>th.numeric,.utrecht-html tfoot>tr>th.numeric,.utrecht-html th[scope=column].numeric{text-align:right}.utrecht-html td.numeric{text-align:right;font-variant-numeric:lining-nums tabular-nums}.utrecht-html table.alternate-row-color>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tr:nth-child(even)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-input-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start));resize:vertical;width:100%}.utrecht-html textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html textarea:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html textarea:invalid,.utrecht-html textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width))))}.utrecht-html textarea:read-only{border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-html textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-html input:not([type]),.utrecht-html input[type=date i],.utrecht-html input[type=datetime-local i],.utrecht-html input[type=email i],.utrecht-html input[type=month i],.utrecht-html input[type=number i],.utrecht-html input[type=password i],.utrecht-html input[type=search i],.utrecht-html input[type=tel i],.utrecht-html input[type=text i],.utrecht-html input[type=time i],.utrecht-html input[type=url i],.utrecht-html input[type=week i]{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-html input:not([type]):disabled,.utrecht-html input[type=date i]:disabled,.utrecht-html input[type=datetime-local i]:disabled,.utrecht-html input[type=email i]:disabled,.utrecht-html input[type=month i]:disabled,.utrecht-html input[type=number i]:disabled,.utrecht-html input[type=password i]:disabled,.utrecht-html input[type=search i]:disabled,.utrecht-html input[type=tel i]:disabled,.utrecht-html input[type=text i]:disabled,.utrecht-html input[type=time i]:disabled,.utrecht-html input[type=url i]:disabled,.utrecht-html input[type=week i]:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input:not([type]):focus,.utrecht-html input[type=date i]:focus,.utrecht-html input[type=datetime-local i]:focus,.utrecht-html input[type=email i]:focus,.utrecht-html input[type=month i]:focus,.utrecht-html input[type=number i]:focus,.utrecht-html input[type=password i]:focus,.utrecht-html input[type=search i]:focus,.utrecht-html input[type=tel i]:focus,.utrecht-html input[type=text i]:focus,.utrecht-html input[type=time i]:focus,.utrecht-html input[type=url i]:focus,.utrecht-html input[type=week i]:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html input:not([type]):focus:not(:focus-visible),.utrecht-html input[type=date i]:focus:not(:focus-visible),.utrecht-html input[type=datetime-local i]:focus:not(:focus-visible),.utrecht-html input[type=email i]:focus:not(:focus-visible),.utrecht-html input[type=month i]:focus:not(:focus-visible),.utrecht-html input[type=number i]:focus:not(:focus-visible),.utrecht-html input[type=password i]:focus:not(:focus-visible),.utrecht-html input[type=search i]:focus:not(:focus-visible),.utrecht-html input[type=tel i]:focus:not(:focus-visible),.utrecht-html input[type=text i]:focus:not(:focus-visible),.utrecht-html input[type=time i]:focus:not(:focus-visible),.utrecht-html input[type=url i]:focus:not(:focus-visible),.utrecht-html input[type=week i]:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html input:not([type]):invalid,.utrecht-html input:not([type])[aria-invalid=true],.utrecht-html input[type=date i]:invalid,.utrecht-html input[type=date i][aria-invalid=true],.utrecht-html input[type=datetime-local i]:invalid,.utrecht-html input[type=datetime-local i][aria-invalid=true],.utrecht-html input[type=email i]:invalid,.utrecht-html input[type=email i][aria-invalid=true],.utrecht-html input[type=month i]:invalid,.utrecht-html input[type=month i][aria-invalid=true],.utrecht-html input[type=number i]:invalid,.utrecht-html input[type=number i][aria-invalid=true],.utrecht-html input[type=password i]:invalid,.utrecht-html input[type=password i][aria-invalid=true],.utrecht-html input[type=search i]:invalid,.utrecht-html input[type=search i][aria-invalid=true],.utrecht-html input[type=tel i]:invalid,.utrecht-html input[type=tel i][aria-invalid=true],.utrecht-html input[type=text i]:invalid,.utrecht-html input[type=text i][aria-invalid=true],.utrecht-html input[type=time i]:invalid,.utrecht-html input[type=time i][aria-invalid=true],.utrecht-html input[type=url i]:invalid,.utrecht-html input[type=url i][aria-invalid=true],.utrecht-html input[type=week i]:invalid,.utrecht-html input[type=week i][aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-html input:not([type]):read-only,.utrecht-html input[type=date i]:read-only,.utrecht-html input[type=datetime-local i]:read-only,.utrecht-html input[type=email i]:read-only,.utrecht-html input[type=month i]:read-only,.utrecht-html input[type=number i]:read-only,.utrecht-html input[type=password i]:read-only,.utrecht-html input[type=search i]:read-only,.utrecht-html input[type=tel i]:read-only,.utrecht-html input[type=text i]:read-only,.utrecht-html input[type=time i]:read-only,.utrecht-html input[type=url i]:read-only,.utrecht-html input[type=week i]:read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-html input:not([type])::placeholder,.utrecht-html input[type=date i]::placeholder,.utrecht-html input[type=datetime-local i]::placeholder,.utrecht-html input[type=email i]::placeholder,.utrecht-html input[type=month i]::placeholder,.utrecht-html input[type=number i]::placeholder,.utrecht-html input[type=password i]::placeholder,.utrecht-html input[type=search i]::placeholder,.utrecht-html input[type=tel i]::placeholder,.utrecht-html input[type=text i]::placeholder,.utrecht-html input[type=time i]::placeholder,.utrecht-html input[type=url i]::placeholder,.utrecht-html input[type=week i]::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-html input[autocomplete~=current-password i],.utrecht-html input[autocomplete~=new-password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-html input[type=url i]{font-variant-ligatures:none}.utrecht-html input[autocomplete~=bday i],.utrecht-html input[autocomplete~=bday-day i],.utrecht-html input[autocomplete~=bday-month i],.utrecht-html input[autocomplete~=bday-year i],.utrecht-html input[autocomplete~=cc-csc i],.utrecht-html input[autocomplete~=cc-exp i],.utrecht-html input[autocomplete~=cc-exp-month i],.utrecht-html input[autocomplete~=cc-exp-year i],.utrecht-html input[autocomplete~=cc-number i],.utrecht-html input[autocomplete~=one-time-code i],.utrecht-html input[autocomplete~=postal-code i],.utrecht-html input[autocomplete~=tel i],.utrecht-html input[autocomplete~=tel-area-code i],.utrecht-html input[autocomplete~=tel-country-code i],.utrecht-html input[autocomplete~=tel-extension i],.utrecht-html input[autocomplete~=tel-local i],.utrecht-html input[autocomplete~=tel-national i],.utrecht-html input[autocomplete~=transaction-amount i],.utrecht-html input[inputmode=decimal i],.utrecht-html input[inputmode=numeric i],.utrecht-html input[type=number i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-html ul{font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);line-height:var(--utrecht-document-line-height, inherit);margin-block-end:0;margin-block-start:0;padding-inline-start:var(--utrecht-unordered-list-padding-inline-start, 2ch);margin-block-end:var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-html ul>li{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start, 1ch)}.utrecht-html ul>li::marker{color:var(--utrecht-unordered-list-marker-color);content:\"●\"}:host{display:block}:host([hidden]){display:none !important}";
8
8
 
9
9
  const HTMLContent = class {
10
10
  constructor(hostRef) {
package/dist/collection/button/css/stories/02-appearance.js CHANGED
@@ -47,7 +47,7 @@ export const ButtonTable = ({
47
47
  <td class="utrecht-table__cell">${Button({ appearance, textContent, active: true })}</td>
48
48
  <td class="utrecht-table__cell">${Button({ appearance, textContent, hover: true })}</td>
49
49
  <td class="utrecht-table__cell">${Button({ appearance, textContent, focus: true })}</td>
50
- <td class="utrecht-table__cell">${Button({ appearance, textContent, focusVisible: true })}</td>
50
+ <td class="utrecht-table__cell">${Button({ appearance, textContent, focus: true, focusVisible: true })}</td>
51
51
  <td class="utrecht-table__cell">${Button({ appearance, textContent, disabled: true })}</td>
52
52
  </tr>`,
53
53
  )
package/dist/collection/button/web-component/index.css CHANGED
@@ -25,13 +25,52 @@
25
25
  */
26
26
  /* stylelint-disable-next-line block-no-empty */
27
27
  .utrecht-button {
28
- background-color: var(--utrecht-button-background-color);
29
- border-color: var(--utrecht-button-border-color, transparent);
30
- border-bottom-color: var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent));
28
+ --_utrecht-button-background-color: var(--utrecht-button-background-color);
29
+ --_utrecht-button-color: var(--utrecht-button-color);
30
+ --_utrecht-button-border-color: var(--utrecht-button-border-color, transparent);
31
+ --_utrecht-button-border-bottom-color: var(
32
+ --utrecht-button-border-bottom-color,
33
+ var(--utrecht-button-border-color, transparent)
34
+ );
35
+ --_utrecht-button-disabled-background-color: var(
36
+ --utrecht-button-disabled-background-color,
37
+ var(--utrecht-button-background-color)
38
+ );
39
+ --_utrecht-button-disabled-border-color: var(
40
+ --utrecht-button-disabled-border-color,
41
+ var(--utrecht-button-border-color)
42
+ );
43
+ --_utrecht-button-disabled-color: var(--utrecht-button-disabled-color, var(--utrecht-button-color));
44
+ --_utrecht-button-focus-background-color: var(
45
+ --utrecht-button-focus-background-color,
46
+ var(--utrecht-button-background-color)
47
+ );
48
+ --_utrecht-button-focus-border-color: var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));
49
+ --_utrecht-button-focus-color: var(--utrecht-button-focus-color, var(--utrecht-button-color));
50
+ --_utrecht-button-hover-background-color: var(
51
+ --utrecht-button-hover-background-color,
52
+ var(--utrecht-button-background-color)
53
+ );
54
+ --_utrecht-button-hover-border-color: var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));
55
+ --_utrecht-button-hover-color: var(--utrecht-button-hover-color, var(--utrecht-button-color));
56
+ --_utrecht-button-active-background-color: var(
57
+ --utrecht-button-active-background-color,
58
+ var(--utrecht-button-background-color)
59
+ );
60
+ --_utrecht-button-active-border-color: var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));
61
+ --_utrecht-button-active-color: var(--utrecht-button-active-color, var(--utrecht-button-color));
62
+ --_utrecht-button-border-width: var(--utrecht-button-border-width, 0);
63
+ --_utrecht-button-border-bottom-width: var(
64
+ --utrecht-button-border-bottom-width,
65
+ var(--utrecht-button-border-width, 0)
66
+ );
67
+ background-color: var(--_utrecht-button-background-color);
68
+ border-color: var(--_utrecht-button-border-color);
69
+ border-bottom-color: var(--_utrecht-button-border-bottom-color);
31
70
  border-radius: var(--utrecht-button-border-radius);
32
71
  border-style: solid;
33
- border-width: var(--utrecht-button-border-width, 0);
34
- border-bottom-width: var(--utrecht-button-border-bottom-width, var(--utrecht-button-border-width, 0));
72
+ border-width: var(--_utrecht-button-border-width);
73
+ border-bottom-width: var(--_utrecht-button-border-bottom-width);
35
74
  color: var(--utrecht-button-color);
36
75
  font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
37
76
  font-size: var(--utrecht-button-font-size, var(--utrecht-document-font-family));
@@ -67,17 +106,17 @@
67
106
 
68
107
  .utrecht-button:disabled,
69
108
  .utrecht-button--disabled {
70
- background-color: var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color));
71
- border-color: var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color));
72
- color: var(--utrecht-button-disabled-color, var(--utrecht-button-color));
109
+ background-color: var(--_utrecht-button-disabled-background-color);
110
+ border-color: var(--_utrecht-button-disabled-border-color);
111
+ color: var(--_utrecht-button-disabled-color);
73
112
  cursor: var(--utrecht-action-disabled-cursor);
74
113
  }
75
114
 
76
115
  .utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),
77
116
  .utrecht-button--active {
78
- background-color: var(--utrecht-button-active-background-color, var(--utrecht-button-background-color));
79
- border-color: var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));
80
- color: var(--utrecht-button-active-color, var(--utrecht-button-color));
117
+ background-color: var(--_utrecht-button-active-background-color);
118
+ border-color: var(--_utrecht-button-active-border-color);
119
+ color: var(--_utrecht-button-active-color);
81
120
  }
82
121
 
83
122
  .utrecht-button--focus-visible {
@@ -90,15 +129,15 @@
90
129
  }
91
130
 
92
131
  .utrecht-button--focus {
93
- background-color: var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));
94
- border-color: var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));
95
- color: var(--utrecht-button-focus-color, var(--utrecht-button-color));
132
+ background-color: var(--_utrecht-button-focus-background-color);
133
+ border-color: var(--_utrecht-button-focus-border-color);
134
+ color: var(--_utrecht-button-focus-color);
96
135
  }
97
136
 
98
137
  .utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled) {
99
- background-color: var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));
100
- border-color: var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));
101
- color: var(--utrecht-button-focus-color, var(--utrecht-button-color));
138
+ background-color: var(--_utrecht-button-focus-background-color);
139
+ border-color: var(--_utrecht-button-focus-border-color);
140
+ color: var(--_utrecht-button-focus-color);
102
141
  /* the pseudo-class for `:focus-visible` is implemented via the mixin */
103
142
  box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
104
143
  outline-color: var(--utrecht-focus-outline-color, transparent);
@@ -117,133 +156,67 @@
117
156
 
118
157
  .utrecht-button--hover:not(:disabled),
119
158
  .utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled) {
120
- background-color: var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color));
121
- border-color: var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));
122
- color: var(--utrecht-button-hover-color, var(--utrecht-button-color));
159
+ background-color: var(--_utrecht-button-hover-background-color);
160
+ border-color: var(--_utrecht-button-hover-border-color);
161
+ color: var(--_utrecht-button-hover-color);
123
162
  transform: scale(var(--utrecht-button-focus-transform-scale, 1));
124
163
  }
125
164
 
126
165
  .utrecht-button--primary-action {
127
- background-color: var(--utrecht-button-primary-action-background-color, var(--utrecht-button-background-color));
128
- border-color: var(--utrecht-button-primary-action-border-color, var(--utrecht-button-border-color));
129
- border-width: var(--utrecht-button-primary-action-border-width, var(--utrecht-button-border-width));
130
- color: var(--utrecht-button-primary-action-color, var(--utrecht-button-color));
131
- }
132
-
133
- .utrecht-button--primary-action.utrecht-button--hover:not(:disabled),
134
- .utrecht-button--primary-action.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled) {
135
- background-color: var(--utrecht-button-primary-action-hover-background-color, var(--utrecht-button-primary-action-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))));
136
- border-color: var(--utrecht-button-primary-action-hover-border-color, var(--utrecht-button-primary-action-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))));
137
- color: var(--utrecht-button-primary-action-hover-color, var(--utrecht-button-primary-action-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))));
138
- }
139
-
140
- .utrecht-button--primary-action.utrecht-button:disabled,
141
- .utrecht-button--primary-action.utrecht-button--disabled {
142
- background-color: var(--utrecht-button-primary-action-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)));
143
- border-color: var(--utrecht-button-primary-action-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)));
144
- color: var(--utrecht-button-primary-action-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)));
145
- }
146
-
147
- .utrecht-button--primary-action:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled) {
148
- background-color: var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));
149
- border-color: var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));
150
- color: var(--utrecht-button-focus-color, var(--utrecht-button-color));
151
- /* the pseudo-class for `:focus-visible` is implemented via the mixin */
152
- box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
153
- outline-color: var(--utrecht-focus-outline-color, transparent);
154
- outline-offset: var(--utrecht-focus-outline-offset, 0);
155
- outline-style: var(--utrecht-focus-outline-style, solid);
156
- outline-width: var(--utrecht-focus-outline-width, 0);
157
- }
158
-
159
- /* override the `:focus` selector above */
160
- /* stylelint-disable-next-line no-descending-specificity */
161
- .utrecht-button--primary-action:focus:not(:focus-visible) {
162
- /* undo focus ring */
163
- box-shadow: none;
164
- outline-style: none;
166
+ --utrecht-button-active-background-color: var(--utrecht-button-primary-action-active-background-color);
167
+ --utrecht-button-active-border-color: var(--utrecht-button-primary-action-active-border-color);
168
+ --utrecht-button-active-color: var(--utrecht-button-primary-action-active-color);
169
+ --utrecht-button-background-color: var(--utrecht-button-primary-action-background-color);
170
+ --utrecht-button-border-color: var(--utrecht-button-primary-action-border-color);
171
+ --utrecht-button-border-width: var(--utrecht-button-primary-action-border-width);
172
+ --utrecht-button-color: var(--utrecht-button-primary-action-color);
173
+ --utrecht-button-disabled-background-color: var(--utrecht-button-primary-action-disabled-background-color);
174
+ --utrecht-button-disabled-border-color: var(--utrecht-button-primary-action-disabled-border-color);
175
+ --utrecht-button-disabled-color: var(--utrecht-button-primary-action-disabled-color);
176
+ --utrecht-button-focus-background-color: var(--utrecht-button-primary-action-focus-background-color);
177
+ --utrecht-button-focus-border-color: var(--utrecht-button-primary-action-focus-border-color);
178
+ --utrecht-button-focus-color: var(--utrecht-button-primary-action-focus-color);
179
+ --utrecht-button-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);
180
+ --utrecht-button-hover-border-color: var(--utrecht-button-primary-action-hover-border-color);
181
+ --utrecht-button-hover-color: var(--utrecht-button-primary-action-hover-color);
165
182
  }
166
183
 
167
184
  .utrecht-button--secondary-action {
168
- background-color: var(--utrecht-button-secondary-action-background-color, var(--utrecht-button-background-color));
169
- border-color: var(--utrecht-button-secondary-action-border-color, var(--utrecht-button-border-color));
170
- border-width: var(--utrecht-button-secondary-action-border-width, var(--utrecht-button-border-width));
171
- color: var(--utrecht-button-secondary-action-color, var(--utrecht-button-color));
172
- }
173
-
174
- .utrecht-button--secondary-action.utrecht-button--hover:not(:disabled),
175
- .utrecht-button--secondary-action.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled) {
176
- background-color: var(--utrecht-button-secondary-action-hover-background-color, var(--utrecht-button-secondary-action-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))));
177
- border-color: var(--utrecht-button-secondary-action-hover-border-color, var(--utrecht-button-secondary-action-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))));
178
- color: var(--utrecht-button-secondary-action-hover-color, var(--utrecht-button-secondary-action-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))));
179
- }
180
-
181
- .utrecht-button--secondary-action.utrecht-button:disabled,
182
- .utrecht-button--secondary-action.utrecht-button--disabled {
183
- background-color: var(--utrecht-button-secondary-action-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)));
184
- border-color: var(--utrecht-button-secondary-action-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)));
185
- color: var(--utrecht-button-secondary-action-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)));
186
- }
187
-
188
- .utrecht-button--secondary-action:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled) {
189
- background-color: var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));
190
- border-color: var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));
191
- color: var(--utrecht-button-focus-color, var(--utrecht-button-color));
192
- /* the pseudo-class for `:focus-visible` is implemented via the mixin */
193
- box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
194
- outline-color: var(--utrecht-focus-outline-color, transparent);
195
- outline-offset: var(--utrecht-focus-outline-offset, 0);
196
- outline-style: var(--utrecht-focus-outline-style, solid);
197
- outline-width: var(--utrecht-focus-outline-width, 0);
198
- }
199
-
200
- /* override the `:focus` selector above */
201
- /* stylelint-disable-next-line no-descending-specificity */
202
- .utrecht-button--secondary-action:focus:not(:focus-visible) {
203
- /* undo focus ring */
204
- box-shadow: none;
205
- outline-style: none;
185
+ --utrecht-button-active-background-color: var(--utrecht-button-secondary-action-active-background-color);
186
+ --utrecht-button-active-border-color: var(--utrecht-button-secondary-action-active-border-color);
187
+ --utrecht-button-active-color: var(--utrecht-button-secondary-action-active-color);
188
+ --utrecht-button-background-color: var(--utrecht-button-secondary-action-background-color);
189
+ --utrecht-button-border-color: var(--utrecht-button-secondary-action-border-color);
190
+ --utrecht-button-border-width: var(--utrecht-button-secondary-action-border-width);
191
+ --utrecht-button-color: var(--utrecht-button-secondary-action-color);
192
+ --utrecht-button-disabled-background-color: var(--utrecht-button-secondary-action-disabled-background-color);
193
+ --utrecht-button-disabled-border-color: var(--utrecht-button-secondary-action-disabled-border-color);
194
+ --utrecht-button-disabled-color: var(--utrecht-button-secondary-action-disabled-color);
195
+ --utrecht-button-focus-background-color: var(--utrecht-button-secondary-action-focus-background-color);
196
+ --utrecht-button-focus-border-color: var(--utrecht-button-secondary-action-focus-border-color);
197
+ --utrecht-button-focus-color: var(--utrecht-button-secondary-action-focus-color);
198
+ --utrecht-button-hover-background-color: var(--utrecht-button-secondary-action-hover-background-color);
199
+ --utrecht-button-hover-border-color: var(--utrecht-button-secondary-action-hover-border-color);
200
+ --utrecht-button-hover-color: var(--utrecht-button-secondary-action-hover-color);
206
201
  }
207
202
 
208
203
  .utrecht-button--subtle {
209
- background-color: var(--utrecht-button-subtle-background-color, var(--utrecht-button-background-color));
210
- border-color: var(--utrecht-button-subtle-border-color, var(--utrecht-button-border-color));
211
- border-width: var(--utrecht-button-subtle-border-width, var(--utrecht-button-border-width));
212
- color: var(--utrecht-button-subtle-color, var(--utrecht-button-color));
213
- }
214
-
215
- .utrecht-button--subtle.utrecht-button--hover:not(:disabled),
216
- .utrecht-button--subtle.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled) {
217
- background-color: var(--utrecht-button-subtle-hover-background-color, var(--utrecht-button-subtle-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))));
218
- border-color: var(--utrecht-button-subtle-hover-border-color, var(--utrecht-button-subtle-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))));
219
- color: var(--utrecht-button-subtle-hover-color, var(--utrecht-button-subtle-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))));
220
- }
221
-
222
- .utrecht-button--subtle.utrecht-button:disabled,
223
- .utrecht-button--subtle.utrecht-button--disabled {
224
- background-color: var(--utrecht-button-subtle-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)));
225
- border-color: var(--utrecht-button-subtle-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)));
226
- color: var(--utrecht-button-subtle-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)));
227
- }
228
-
229
- .utrecht-button--subtle:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled) {
230
- background-color: var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));
231
- border-color: var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));
232
- color: var(--utrecht-button-focus-color, var(--utrecht-button-color));
233
- /* the pseudo-class for `:focus-visible` is implemented via the mixin */
234
- box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
235
- outline-color: var(--utrecht-focus-outline-color, transparent);
236
- outline-offset: var(--utrecht-focus-outline-offset, 0);
237
- outline-style: var(--utrecht-focus-outline-style, solid);
238
- outline-width: var(--utrecht-focus-outline-width, 0);
239
- }
240
-
241
- /* override the `:focus` selector above */
242
- /* stylelint-disable-next-line no-descending-specificity */
243
- .utrecht-button--subtle:focus:not(:focus-visible) {
244
- /* undo focus ring */
245
- box-shadow: none;
246
- outline-style: none;
204
+ --utrecht-button-active-background-color: var(--utrecht-button-subtle-active-background-color);
205
+ --utrecht-button-active-border-color: var(--utrecht-button-subtle-active-border-color);
206
+ --utrecht-button-active-color: var(--utrecht-button-subtle-active-color);
207
+ --utrecht-button-background-color: var(--utrecht-button-subtle-background-color);
208
+ --utrecht-button-border-color: var(--utrecht-button-subtle-border-color);
209
+ --utrecht-button-border-width: var(--utrecht-button-subtle-border-width);
210
+ --utrecht-button-color: var(--utrecht-button-subtle-color);
211
+ --utrecht-button-disabled-background-color: var(--utrecht-button-subtle-disabled-background-color);
212
+ --utrecht-button-disabled-border-color: var(--utrecht-button-subtle-disabled-border-color);
213
+ --utrecht-button-disabled-color: var(--utrecht-button-subtle-disabled-color);
214
+ --utrecht-button-focus-background-color: var(--utrecht-button-subtle-focus-background-color);
215
+ --utrecht-button-focus-border-color: var(--utrecht-button-subtle-focus-border-color);
216
+ --utrecht-button-focus-color: var(--utrecht-button-subtle-focus-color);
217
+ --utrecht-button-hover-background-color: var(--utrecht-button-subtle-hover-background-color);
218
+ --utrecht-button-hover-border-color: var(--utrecht-button-subtle-hover-border-color);
219
+ --utrecht-button-hover-color: var(--utrecht-button-subtle-hover-color);
247
220
  }
248
221
 
249
222
  :host {