@oiz/stzh-components 3.0.0-beta3 → 3.0.0-beta5

package/dist/stzh-components/p-f5809e5f.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["stzhInputCss","inputCounter","StzhInput","this","focusedByInput","onClearClick","async","event","value","input","focus","waitForNextRender","stzhChange","emit","component","originalEvent","stzhChanged","handleReset","defaultValue","onInput","onChange","onRootFocus","onFocus","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","stzhFocus","onBlur","blurEvent","stzhBlur","resetListener","target","contains","requestAnimationFrame","valueWatcher","newValue","filled","errorWatcher","_error","JSON","parse","e","typeWatcher","types","multiline","includes","Error","Promise","resolve","renderPromiseResolve","renderTextarea","h","class","ref","el","id","inputId","name","rows","disabled","readonly","minlength","maxlength","a11yDescribedby","required","invalid","renderInput","type","min","max","step","inputmode","autocomplete","noAutocomplete","undefined","componentDidRender","componentWillLoad","error","localization","stzhComponents","utils","fetchTranslations","render","buttonRightSlotUsed","hasSlot","descriptionUsed","description","descriptionLongUsed","descriptionLong","errorUsed","_a","length","classes","clearable","showSpin","labelHidden","size","Host","tabindex","htmlFor","label","hideOptional","$globals","requiredFieldMarker","optionalFieldMarker","requiredFieldText","optionalFieldText","icon","iconOnly","onClick","a11yLabel","clearButtonLabel","StzhInputDescription","classPrefix","descriptionLongTitle","moreInfoButtonLabel"],"sources":["src/components/stzh-input/stzh-input.scss?tag=stzh-input&encapsulation=scoped","src/components/stzh-input/stzh-input.tsx"],"sourcesContent":["/**\n * @prop --text-align: Text align of field\n * @prop --input-width: Width of of field\n * @prop --padding-top: Padding top of field\n * @prop --padding-bottom: Padding bottom of field\n * @prop --padding-left: Padding left of field\n * @prop --padding-right: Padding right of field\n *\n * @prop --stzh-form-input-height: **Global**: Height of fields & buttons\n * @prop --stzh-form-input-small-height: **Global**: Height of fields & buttons when small variant is used\n * @prop --stzh-form-input-tiny-height: **Global**: Height of fields & buttons when tiny variant is used\n */\n\n:host {\n  --text-align: left;\n  --color: #{$formColor};\n  --border-color: #{$formBorderColor};\n  --border-radius: #{$formInputBorderRadius};\n  --background-color: #{$formBackgroundColor};\n  --padding-top: #{space('xsmall')};\n  --padding-bottom: #{space('xsmall')};\n  --padding-left: #{space('medium')};\n  --padding-right: #{space('medium')};\n  --height: #{$formInputHeight};\n  --input-width: 100%;\n  --label-color: #{$formLabelColor};\n  --placeholder-color: #{$formInputPlaceholderColor};\n  --button-right-color: #{$colorGrey80};\n\n  --hover-color: #{$formHoverColor};\n  --hover-border-color: #{$formHoverBorderColor};\n  --hover-background-color: #{$formHoverBackgroundColor};\n  --hover-button-right-color: #{$colorPrimary70};\n\n  --focus-color: #{$formFocusColor};\n  --focus-border-color: #{$formFocusBorderColor};\n  --focus-background-color: #{$formFocusBackgroundColor};\n  --focus-button-right-color: #{$colorPrimary70};\n\n  &[type=\"hidden\"] {\n    position: absolute;\n    top: -9999px;\n    left: -9999px;\n    visibility: hidden;\n  }\n\n  width: 100%;\n\n  &[size=\"small\"] {\n    --height: #{$formInputHeightSmall};\n  }\n\n  /* Filled */\n\n  &[is-filled]:not([is-filled=\"false\"]) {\n    --button-right-color: #{$colorPrimary70};\n    --hover-button-right-color: #{$colorPrimary70};\n    --focus-button-right-color: #{$formFocusColor};\n  }\n\n  /* Invalid */\n\n  &[is-invalid] {\n    --color: #{$colorError60};\n    --border-color: #{$colorError60};\n    --background-color: #{$colorWhite};\n    --label-color: #{$colorError60};\n    --placeholder-color: #{$colorError60};\n    --button-right-color: #{$colorError60};\n\n    --hover-color: #{$colorError60};\n    --hover-border-color: #{$colorError60};\n    --hover-background-color: #{$colorWhite};\n    --hover-button-right-color: #{$colorError60};\n\n    --focus-color: #{$colorError60};\n    --focus-border-color: #{$colorError60};\n    --focus-background-color: #{$colorWhite};\n    --focus-button-right-color: #{$colorError60};\n  }\n\n  &[readonly]:not([readonly=\"false\"]),\n  &[disabled]:not([disabled=\"false\"]) {\n    --color: #{$formDisabledColor};\n    --border-color: #{$formDisabledBorderColor};\n    --background-color: #{$formDisabledBackgroundColor};\n    --label-color: #{$formDisabledColor};\n    --placeholder-color: #{$formDisabledColor};\n    --description-color: #{$formDisabledColor};\n    --button-right-color: #{$colorGrey70};\n\n    --hover-color: #{$formDisabledColor};\n    --hover-border-color: #{$formDisabledBorderColor};\n    --hover-background-color: #{$formDisabledBackgroundColor};\n    --hover-button-right-color: #{$colorGrey70};\n\n    --focus-color: #{$formDisabledColor};\n    --focus-border-color: #{$formDisabledBorderColor};\n    --focus-background-color: #{$formDisabledBackgroundColor};\n    --focus-button-right-color: #{$colorGrey70};\n  }\n\n  /* Internal (Hover / Focus) */\n\n  &:is(:has(.stzh-input__input:hover)) {\n    --button-right-color: var(--hover-button-right-color);\n  }\n\n  &:is(:has(.stzh-input__input:focus)) {\n    --button-right-color: var(--focus-button-right-color);\n  }\n}\n\n:host ::slotted([slot=\"button-right\"]),\n.stzh-input__button-right {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n}\n\n:host ::slotted(stzh-popover[slot=\"button-right\"]),\n:host ::slotted([slot=\"button-right\"]) stzh-popover {\n  display: block;\n}\n\n:host ::slotted(stzh-button[slot=\"button-right\"]),\n:host ::slotted(stzh-button[slot=\"button-right\"][disabled]:not([disabled=\"false\"])),\n:host ::slotted(stzh-popover[slot=\"button-right\"]) .stzh-popover__trigger stzh-button,\n:host ::slotted(stzh-popover[slot=\"button-right\"]) .stzh-popover__trigger stzh-button[disabled]:not([disabled=\"false\"]),\n:host ::slotted(stzh-tooltip[slot=\"button-right\"]) .stzh-tooltip__trigger stzh-button,\n:host ::slotted(stzh-tooltip[slot=\"button-right\"]) .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=\"false\"]),\n.stzh-input__button-right,\n.stzh-input__button-right[disabled]:not([disabled=\"false\"]) {\n  --color: var(--button-right-color);\n  --background-color: transparent;\n  --border-color: transparent;\n\n  --hover-color: var(--button-right-color);\n  --hover-background-color: transparent;\n  --hover-border-color: transparent;\n}\n\n// :host ::slotted(stzh-button[slot=\"button-right\"][disabled]:not([disabled=\"false\"])),\n// :host ::slotted([slot=\"button-right\"]) stzh-button[disabled]:not([disabled=\"false\"]),\n// .stzh-input__button-right[disabled]:not([disabled=\"false\"]) {\n//   --hover-color: #{$colorGrey80};\n// }\n\n:host ::slotted(stzh-button[slot=\"button-right\"][size=\"default\"][icon-only]:not([icon-only=\"false\"])),\n:host ::slotted(stzh-popover[slot=\"button-right\"]) .stzh-popover__trigger stzh-button[icon-only][size=\"default\"]:not([icon-only=\"false\"]),\n:host ::slotted(stzh-tooltip[slot=\"button-right\"]) .stzh-tooltip__trigger stzh-button[icon-only][size=\"default\"]:not([icon-only=\"false\"]),\n.stzh-input__button-right[size=\"default\"][icon-only]:not([icon-only=\"false\"]) {\n  --icon-size: #{iconSize('medium')};\n}\n\n.stzh-input {\n\t@include input-description;\n\n  &__field-wrapper {\n    position: relative;\n    display: flex;\n    width: var(--input-width);\n  }\n\n  &__input {\n    @include font;\n    @include fontSize('milli');\n    border: 2px solid var(--border-color);\n    transition-property: color, border-color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    border-radius: var(--border-radius);\n    padding-top: var(--padding-top);\n    padding-bottom: var(--padding-bottom);\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n    margin: 0;\n    width: 100%;\n    color: var(--color);\n    background-color: var(--background-color);\n    appearance: none;\n    text-align: var(--text-align);\n\n    @include placeholder {\n      color: var(--placeholder-color);\n    }\n\n    &:hover {\n      color: var(--hover-color);\n      border-color: var(--hover-border-color);\n      background-color: var(--hover-background-color);\n    }\n\n    &:focus {\n      color: var(--focus-color);\n      border-color: var(--focus-border-color);\n      background-color: var(--focus-background-color);\n    }\n\n    // prevent ugly autofill background color in chrome\n    &:-webkit-autofill {\n      background-clip: text;\n    }\n\n    // show ellipsis for placeholders that are too long\n    &:placeholder-shown {\n      text-overflow: ellipsis;\n    }\n\n    // hide search clear icon on chrome\n    &[type=\"search\"]::-webkit-search-decoration,\n    &[type=\"search\"]::-webkit-search-cancel-button,\n    &[type=\"search\"]::-webkit-search-results-button,\n    &[type=\"search\"]::-webkit-search-results-decoration {\n      -webkit-appearance: none;\n    }\n\n    /* Normal inputs */\n\n    &--input {\n      height: var(--height);\n    }\n\n    /* Textarea */\n\n    &--textarea {\n      min-height: var(--height);\n      resize: vertical;\n    }\n  }\n\n  &__label {\n    @include font('heavy');\n    @include fontSize('micro');\n    @include truncate;\n    display: block;\n    color: var(--label-color);\n    width: auto;\n    max-width: 100%;\n    margin-bottom: space('xxxsmall');\n    // position: absolute;\n    // top: calc(#{$formInputHeight} / 2);\n    // // padding-left (medium) + border-left\n    // left: calc(#{space('medium')} + 1px);\n    // max-width: calc(100% - #{space('medium')} * 2);\n    // transform: translateY(-50%);\n    // transition: all $baseTransitionAnimationSpeed;\n    // pointer-events: none;\n\n    &:empty {\n      display: none;\n    }\n\n    // &::before {\n    //   content: '';\n    //   display: none;\n    //   background: $colorWhite;\n    //   position: absolute;\n    //   width: 100%;\n    //   z-index: -1;\n    //   left: 0;\n    //   top: 50%;\n    //   // prevent white line not fully overlaping border of input\n    //   margin-top: -0.5px;\n    //   height: 2px;\n    // }\n  }\n\n  &__marker {\n    @include fontSize('nano');\n    margin-left: calc(-0.25em + #{space('xsmall')});\n  }\n\n  /* Clearable / Search input / Password  */\n\n  &--type-password#{&}--is-not-clearable &__button-right,\n  &--type-password#{&}--is-not-filled &__button-right,\n  &--type-password#{&}--is-readonly &__button-right,\n  &--type-password#{&}--is-disabled &__button-right,\n  &--type-search#{&}--is-not-clearable &__button-right,\n  &--type-search#{&}--is-not-filled &__button-right,\n  &--type-search#{&}--is-readonly &__button-right,\n  &--type-search#{&}--is-disabled &__button-right {\n    pointer-events: none;\n  }\n\n  /* Styles for floating label */\n\n  // &:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  // &--has-fixed-label &__label,\n  // &--is-filled &__label,\n  // &--is-readonly &__label,\n  // &--is-disabled &__label,\n  // &--is-invalid &__label {\n  //   display: block;\n  //   top: 0;\n  //   // padding-left (input field medium) - padding-left\n  //   left: calc(#{space('medium')} - #{space('xxsmall')});\n  //   height: 20px; // dividable by two (so before element is always positioned correctly)\n  //   line-height: 20px;\n  //   padding: 0 space('xxsmall');\n  //   max-width: calc(100% - #{space('small')} * 2);\n  //   pointer-events: all;\n\n  //   &:not(:empty)::before {\n  //     display: block;\n  //   }\n  // }\n\n  /* Button Right Variant */\n\n  &--has-button-right &__input {\n    // distance to icon + icon button width\n    padding-right: var(--height);\n  }\n\n  // &--has-button-right &__label {\n  //   // 100% - ((padding left of normal variant + border 1px) * 2) - icon button width\n  //   max-width: calc(100% - (#{space('medium')} + 1px) * 2 - #{$formInputHeight});\n  // }\n\n  // &--has-button-right#{&}:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  // &--has-button-right#{&}--has-fixed-label &__label,\n  // &--has-button-right#{&}--is-filled &__label,\n  // &--has-button-right#{&}--is-readonly &__label,\n  // &--has-button-right#{&}--is-disabled &__label,\n  // &--has-button-right#{&}--is-invalid &__label {\n  //   // 100% - left distance to text + 1px border + padding label right side - icon button width\n  //   max-width: calc(100% - #{space('medium')} - #{space('xxsmall')} - 1px + #{space('xxsmall')} - #{$formInputHeight});\n  // }\n\n  /* Size variants */\n\n  &--size-small &__input {\n    @include fontSize('micro');\n  }\n\n  // &--size-small &__label {\n  //   top: calc(#{$formInputHeightSmall} / 2);\n  // }\n\n  // &--size-small#{&}:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  // &--size-small#{&}--has-fixed-label &__label,\n  // &--size-small#{&}--is-filled &__label,\n  // &--size-small#{&}--is-readonly &__label,\n  // &--size-small#{&}--is-disabled &__label,\n  // &--size-small#{&}--is-invalid &__label {\n  //   top: 0;\n  // }\n\n  // &--size-small#{&}--has-button-right &__label {\n  //   max-width: calc(100% - (#{space('medium')} + 1px) * 2 - #{$formInputHeightSmall});\n  // }\n\n  // &--size-small#{&}--has-button-right#{&}:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  // &--size-small#{&}--has-button-right#{&}--has-fixed-label &__label,\n  // &--size-small#{&}--has-button-right#{&}--is-filled &__label,\n  // &--size-small#{&}--has-button-right#{&}--is-readonly &__label,\n  // &--size-small#{&}--has-button-right#{&}--is-disabled &__label,\n  // &--size-small#{&}--has-button-right#{&}--is-invalid &__label {\n  //   max-width: calc(100% - #{space('medium')} - #{space('xxsmall')} - 1px + #{space('xsmall')} - #{$formInputHeightSmall});\n  // }\n\n  /* Spin button */\n\n  &:not(#{&}--has-spin) &__input {\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      appearance: none;\n      margin: 0;\n    }\n\n    &[type=\"number\"] {\n      appearance: textfield;\n    }\n  }\n\n  /* Hidden label */\n  &--has-label-hidden &__label {\n    @include visuallyhidden;\n  }\n\n  /* Readonly / Disabled */\n\n  &--is-readonly &__input,\n  &--is-disabled &__input,\n  &--is-readonly &__label,\n  &--is-disabled &__label {\n    cursor: not-allowed;\n  }\n\n  // &--is-readonly &__label,\n  // &--is-disabled &__label {\n  //   &::before {\n  //     background: transparent;\n  //   }\n  // }\n}\n","import {\n  Component,\n  Prop,\n  Host,\n  Event,\n  EventEmitter,\n  State,\n  Element,\n  h,\n  Watch,\n  Listen,\n} from \"@stencil/core\";\n\nimport {\n  StzhInputChangeEvent,\n  StzhInputChangedEvent,\n  StzhInputFocusEvent,\n  StzhInputBlurEvent\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nimport { StzhInputDescription } from \"./stzh-input-description\";\n\nlet inputCounter = 0;\n\n/**\n * @slot - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n * @slot button-right - Slot for right button\n */\n@Component({\n  tag: \"stzh-input\",\n  styleUrl: \"stzh-input.scss\",\n  scoped: true\n})\nexport class StzhInput {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether the input is a textarea or an input field */\n  @Prop() multiline: boolean = false;\n\n  /** Rows attribute if input element is textarea */\n  @Prop() rows: number;\n\n  /** If input field, this defines the type (if `search`, a search icon will be displayed) */\n  @Prop({ reflect: true }) type: \"text\" | \"search\" | \"password\" | \"email\" | \"url\" | \"tel\" | \"number\" | \"hidden\" = \"text\";\n\n  /** If input type is number, this will be the step size  */\n  @Prop() step: number = 1;\n\n  /** If input type is number, this will be the minimum step number  */\n  @Prop() min: number;\n\n  /** If input type is number, this will be the maximum step number  */\n  @Prop() max: number;\n\n  /** If input type is number and this property is true, this will show the spin buttons on hover/focus */\n  @Prop({ reflect: true }) showSpin: boolean = false;\n\n  /** Whether the element is readonly or not */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Whether clearable button is showing when input field has value and is enabled (button-right slot not usable anymore when true) */\n  @Prop({ reflect: true }) clearable: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form to hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** Minimum of characters */\n  @Prop() minlength: number;\n\n  /** Maxlength of characters */\n  @Prop() maxlength: number;\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string;\n\n  /** The value of the input element */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Default value (used by reset) */\n  @Prop({ mutable: true }) defaultValue: string = \"\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Specify inputmode.\n   * See [MDN](https://developer.mozilla.org/de/docs/Web/HTML/Global_attributes/inputmode) for possible values\n   */\n  @Prop() inputmode: string;\n\n  /**\n   * Specify what the user agent has to provide as automated assistance.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for possible values\n   */\n  @Prop() autocomplete: string = \"on\";\n\n  /** Whether autocomplete should be turned off  */\n  @Prop() noAutocomplete: boolean = false;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Whether label should be visually hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /** Whether the input is filled or not */\n  @State() filled: boolean;\n\n  @Element() element: HTMLStzhInputElement;\n\n  /** Input change event */\n  @Event() stzhChange: EventEmitter<StzhInputChangeEvent>;\n\n  /** Input changed event */\n  @Event() stzhChanged: EventEmitter<StzhInputChangedEvent>;\n\n  /** Input focus event */\n  @Event() stzhFocus: EventEmitter<StzhInputFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhInputBlurEvent>;\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string) {\n    this.filled = newValue !== \"\";\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\n\n  @Watch(\"type\")\n  typeWatcher(newValue: string) {\n    const types = [\n      \"text\", \"search\", \"password\", \"email\", \"url\", \"tel\", \"number\", \"hidden\"\n    ];\n\n    if (!this.multiline && !types.includes(newValue)) {\n      throw new Error(`Type ${newValue} not supported`);\n    }\n  }\n\n  private input: HTMLInputElement | HTMLTextAreaElement;\n  private inputId: string;\n  private focusedByInput: boolean = false;\n  private renderPromiseResolve: (value?: unknown) => void;\n\n  private waitForNextRender() {\n    return new Promise(resolve => this.renderPromiseResolve = resolve);\n  }\n\n  private onClearClick = async (event: MouseEvent) => {\n    this.value = \"\";\n    this.input.focus();\n\n    await this.waitForNextRender();\n\n    this.stzhChange.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value\n    });\n\n    this.stzhChanged.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value\n    });\n  }\n\n  private handleReset = async () => {\n    this.value = this.defaultValue;\n    // we also update value, since render doesn't get executed sometimes\n    this.input.value = this.defaultValue;\n\n    // TODO: check if we need own reset event or trigger the change event\n    // (custom browser behaviour doesn't send change event, when reset is executed)\n    // this.stzhChange.emit({\n    //   component: \"stzh-input\",\n    //   originalEvent: event,\n    //   value: this.value\n    // });\n  }\n\n  private onInput = (event: InputEvent) => {\n    this.value = this.input.value;\n\n    this.stzhChange.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value\n    });\n  }\n\n  private onChange = (event: InputEvent) => {\n    this.value = this.input.value;\n\n    this.stzhChanged.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value\n    });\n  }\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.input.focus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent('focus', {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-input\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    // fixes weird bug where autofill selection doesn't get removed\n    this.input.value = this.input.value;\n\n    const blurEvent = new FocusEvent('blur', {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-input\",\n      originalEvent: event\n    });\n  }\n\n  private renderTextarea(): HTMLTextAreaElement {\n    return (\n      <textarea\n        class=\"stzh-input__input stzh-input__input--textarea\"\n        ref={(el) => (this.input = el as HTMLTextAreaElement)}\n        id={this.inputId}\n        name={this.name}\n        value={this.value}\n        rows={this.rows}\n        disabled={this.disabled}\n        readonly={this.readonly}\n        minlength={this.minlength}\n        maxlength={this.maxlength}\n        aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n        aria-required={this.required ? \"true\" : \"false\"}\n        aria-invalid={this.invalid ? \"true\" : \"false\"}\n        onChange={this.onChange}\n        onInput={this.onInput}\n        onFocus={this.onFocus}\n        onBlur={this.onBlur}\n      ></textarea>\n    );\n  }\n\n  private renderInput(): HTMLInputElement {\n    return (\n      <input\n        class=\"stzh-input__input stzh-input__input--input\"\n        ref={(el) => (this.input = el as HTMLInputElement)}\n        id={this.inputId}\n        type={this.type}\n        name={this.name}\n        value={this.value}\n        defaultValue={this.defaultValue}\n        min={this.min}\n        max={this.max}\n        step={this.step}\n        inputmode={this.inputmode}\n        disabled={this.disabled}\n        readonly={this.readonly}\n        minlength={this.minlength}\n        maxlength={this.maxlength}\n        autocomplete={this.noAutocomplete ? \"off\" : this.autocomplete}\n        aria-autocomplete={this.noAutocomplete ? \"none\" : undefined}\n        aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n        aria-required={this.required ? \"true\" : \"false\"}\n        aria-invalid={this.invalid ? \"true\" : \"false\"}\n        onChange={this.onChange}\n        onInput={this.onInput}\n        onFocus={this.onFocus}\n        onBlur={this.onBlur}\n      />\n    );\n  }\n\n  componentDidRender() {\n    if (this.renderPromiseResolve) {\n      this.renderPromiseResolve();\n    }\n  }\n\n  async componentWillLoad() {\n    this.inputId = `stzh-input-${inputCounter++}`;\n    this.typeWatcher(this.type);\n    this.valueWatcher(this.value);\n    this.errorWatcher(this.error);\n\n    this.defaultValue = this.defaultValue || this.value;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"input\");\n    }\n  }\n\n  render() {\n    const buttonRightSlotUsed = hasSlot(this.element, 'button-right');\n    const descriptionUsed = hasSlot(this.element, 'description') || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, 'description-long') || !!this.descriptionLong;\n    const errorUsed = hasSlot(this.element, 'error') || this._error?.length > 0;\n\n    const classes = {\n      \"stzh-input\": true,\n      \"stzh-input--has-button-right\": buttonRightSlotUsed\n        || this.type === \"search\"\n        || (this.clearable && this.filled && !this.readonly && !this.disabled),\n      \"stzh-input--has-description\": descriptionUsed,\n      \"stzh-input--has-description-long\": descriptionLongUsed,\n      \"stzh-input--has-error\": errorUsed,\n      \"stzh-input--has-spin\": this.showSpin,\n      \"stzh-input--is-invalid\": this.invalid || errorUsed,\n      \"stzh-input--is-disabled\": this.disabled,\n      \"stzh-input--is-readonly\": this.readonly,\n      \"stzh-input--is-required\": this.required,\n      \"stzh-input--is-filled\": this.filled,\n      \"stzh-input--is-not-filled\": !this.filled,\n      \"stzh-input--is-clearable\": this.clearable,\n      \"stzh-input--is-not-clearable\": !this.clearable,\n      \"stzh-input--has-label-hidden\": this.labelHidden,\n      [`stzh-input--size-${this.size}`]: !!this.size,\n      [`stzh-input--type-${this.type}`]: !!this.type,\n    };\n\n    return (\n      <Host\n        is-invalid={this.invalid || errorUsed}\n        tabindex={this.disabled ? null : \"-1\"}\n        onFocus={this.onRootFocus}\n        is-filled={this.filled}\n      >\n        <div class={classes}>\n          <label class=\"stzh-input__label\" htmlFor={this.inputId}>\n            {this.label ? this.label : <slot></slot>}\n            {!this.hideOptional &&\n              <span class=\"stzh-input__marker\">\n                <span class=\"stzh-input__marker-symbol\" aria-hidden=\"true\">\n                  {this.required\n                    ? this.localization.$globals.requiredFieldMarker\n                    : this.localization.$globals.optionalFieldMarker\n                  }\n                </span>\n                <span class=\"stzh-input__marker-text\">\n                  {this.required\n                    ? this.localization.$globals.requiredFieldText\n                    : this.localization.$globals.optionalFieldText\n                  }\n                </span>\n              </span>\n            }\n          </label>\n          <div class=\"stzh-input__field-wrapper\">\n            {this.multiline ? this.renderTextarea() : this.renderInput()}\n            {(this.clearable || this.type === \"search\" || this.type === \"password\")\n              ?\n              ((!this.clearable || this.disabled || this.readonly || !this.filled)\n                && (this.type === \"search\" || this.type === \"password\")\n                ?\n                <stzh-button\n                  class=\"stzh-input__button-right\"\n                  icon={this.type === \"search\" ? \"search\" : \"view\"}\n                  size={this.size}\n                  iconOnly={true}\n                  disabled={true}\n                ></stzh-button>\n                :\n                this.filled\n                  ?\n                  <stzh-button\n                    class=\"stzh-input__button-right\"\n                    icon=\"close\"\n                    size={this.size}\n                    iconOnly={true}\n                    onClick={this.onClearClick}\n                    a11yLabel={this.localization.$globals.clearButtonLabel}\n                    aria-controls={this.inputId}\n                  ></stzh-button>\n                  :\n                  <slot name=\"button-right\"></slot>\n              )\n              :\n              <slot name=\"button-right\"></slot>\n            }\n          </div>\n          <StzhInputDescription\n            classPrefix=\"stzh-input\"\n            id={`${this.inputId}-description`}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            descriptionLongTitle={this.descriptionLongTitle}\n            descriptionLongUsed={descriptionLongUsed}\n            moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["stzhInputCss","inputCounter","StzhInput","this","focusedByInput","onClearClick","async","event","value","input","focus","waitForNextRender","stzhChange","emit","component","originalEvent","stzhChanged","handleReset","defaultValue","onInput","onChange","onRootFocus","onFocus","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","stzhFocus","onBlur","blurEvent","stzhBlur","resetListener","target","contains","requestAnimationFrame","valueWatcher","newValue","filled","errorWatcher","_error","JSON","parse","e","typeWatcher","types","multiline","includes","Error","Promise","resolve","renderPromiseResolve","renderTextarea","h","class","ref","el","id","inputId","name","rows","disabled","readonly","minlength","maxlength","a11yDescribedby","required","invalid","renderInput","type","min","max","step","inputmode","autocomplete","noAutocomplete","undefined","componentDidRender","componentWillLoad","error","localization","stzhComponents","utils","fetchTranslations","render","buttonRightSlotUsed","hasSlot","descriptionUsed","description","descriptionLongUsed","descriptionLong","errorUsed","_a","length","classes","clearable","showSpin","labelHidden","size","Host","tabindex","htmlFor","label","hideOptional","$globals","requiredFieldMarker","optionalFieldMarker","requiredFieldText","optionalFieldText","icon","iconOnly","onClick","a11yLabel","clearButtonLabel","StzhInputDescription","classPrefix","descriptionLongTitle","moreInfoButtonLabel"],"sources":["src/components/stzh-input/stzh-input.scss?tag=stzh-input&encapsulation=scoped","src/components/stzh-input/stzh-input.tsx"],"sourcesContent":["/**\n * @prop --text-align: Text align of field\n * @prop --input-width: Width of of field\n * @prop --padding-top: Padding top of field\n * @prop --padding-bottom: Padding bottom of field\n * @prop --padding-left: Padding left of field\n * @prop --padding-right: Padding right of field\n *\n * @prop --stzh-form-input-height: **Global**: Height of fields & buttons\n * @prop --stzh-form-input-small-height: **Global**: Height of fields & buttons when small variant is used\n * @prop --stzh-form-input-tiny-height: **Global**: Height of fields & buttons when tiny variant is used\n */\n\n:host {\n  --text-align: left;\n  --color: #{$formColor};\n  --border-color: #{$formBorderColor};\n  --border-radius: #{$formInputBorderRadius};\n  --background-color: #{$formBackgroundColor};\n  --padding-top: #{space('xsmall')};\n  --padding-bottom: #{space('xsmall')};\n  --padding-left: #{space('medium')};\n  --padding-right: #{space('medium')};\n  --height: #{$formInputHeight};\n  --input-width: 100%;\n  --label-color: #{$formLabelColor};\n  --placeholder-color: #{$formInputPlaceholderColor};\n  --button-right-color: #{$colorGrey80};\n\n  --hover-color: #{$formHoverColor};\n  --hover-border-color: #{$formHoverBorderColor};\n  --hover-background-color: #{$formHoverBackgroundColor};\n  --hover-button-right-color: #{$colorPrimary70};\n\n  --focus-color: #{$formFocusColor};\n  --focus-border-color: #{$formFocusBorderColor};\n  --focus-background-color: #{$formFocusBackgroundColor};\n  --focus-button-right-color: #{$colorPrimary70};\n\n  &[type=\"hidden\"] {\n    position: absolute;\n    top: -9999px;\n    left: -9999px;\n    visibility: hidden;\n  }\n\n  width: 100%;\n\n  &[size=\"small\"] {\n    --height: #{$formInputHeightSmall};\n  }\n\n  /* Filled */\n\n  &[is-filled]:not([is-filled=\"false\"]) {\n    --button-right-color: #{$colorPrimary70};\n    --hover-button-right-color: #{$colorPrimary70};\n    --focus-button-right-color: #{$formFocusColor};\n  }\n\n  /* Invalid */\n\n  &[is-invalid] {\n    --color: #{$colorError60};\n    --border-color: #{$colorError60};\n    --background-color: #{$colorWhite};\n    --label-color: #{$colorError60};\n    --placeholder-color: #{$colorError60};\n    --button-right-color: #{$colorError60};\n\n    --hover-color: #{$colorError60};\n    --hover-border-color: #{$colorError60};\n    --hover-background-color: #{$colorWhite};\n    --hover-button-right-color: #{$colorError60};\n\n    --focus-color: #{$colorError60};\n    --focus-border-color: #{$colorError60};\n    --focus-background-color: #{$colorWhite};\n    --focus-button-right-color: #{$colorError60};\n  }\n\n  &[readonly]:not([readonly=\"false\"]),\n  &[disabled]:not([disabled=\"false\"]) {\n    --color: #{$formDisabledColor};\n    --border-color: #{$formDisabledBorderColor};\n    --background-color: #{$formDisabledBackgroundColor};\n    --label-color: #{$formDisabledColor};\n    --placeholder-color: #{$formDisabledColor};\n    --description-color: #{$formDisabledColor};\n    --button-right-color: #{$colorGrey70};\n\n    --hover-color: #{$formDisabledColor};\n    --hover-border-color: #{$formDisabledBorderColor};\n    --hover-background-color: #{$formDisabledBackgroundColor};\n    --hover-button-right-color: #{$colorGrey70};\n\n    --focus-color: #{$formDisabledColor};\n    --focus-border-color: #{$formDisabledBorderColor};\n    --focus-background-color: #{$formDisabledBackgroundColor};\n    --focus-button-right-color: #{$colorGrey70};\n  }\n\n  /* Internal (Hover / Focus) */\n\n  &:is(:has(.stzh-input__input:hover)) {\n    --button-right-color: var(--hover-button-right-color);\n  }\n\n  &:is(:has(.stzh-input__input:focus)) {\n    --button-right-color: var(--focus-button-right-color);\n  }\n}\n\n:host ::slotted([slot=\"button-right\"]),\n.stzh-input__button-right {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n}\n\n:host ::slotted(stzh-popover[slot=\"button-right\"]),\n:host ::slotted([slot=\"button-right\"]) stzh-popover {\n  display: block;\n}\n\n:host ::slotted(stzh-button[slot=\"button-right\"]),\n:host ::slotted(stzh-button[slot=\"button-right\"][disabled]:not([disabled=\"false\"])),\n:host ::slotted(stzh-popover[slot=\"button-right\"]) .stzh-popover__trigger stzh-button,\n:host ::slotted(stzh-popover[slot=\"button-right\"]) .stzh-popover__trigger stzh-button[disabled]:not([disabled=\"false\"]),\n:host ::slotted(stzh-tooltip[slot=\"button-right\"]) .stzh-tooltip__trigger stzh-button,\n:host ::slotted(stzh-tooltip[slot=\"button-right\"]) .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=\"false\"]),\n.stzh-input__button-right,\n.stzh-input__button-right[disabled]:not([disabled=\"false\"]) {\n  --color: var(--button-right-color);\n  --background-color: transparent;\n  --border-color: transparent;\n\n  --hover-color: var(--button-right-color);\n  --hover-background-color: transparent;\n  --hover-border-color: transparent;\n}\n\n// :host ::slotted(stzh-button[slot=\"button-right\"][disabled]:not([disabled=\"false\"])),\n// :host ::slotted([slot=\"button-right\"]) stzh-button[disabled]:not([disabled=\"false\"]),\n// .stzh-input__button-right[disabled]:not([disabled=\"false\"]) {\n//   --hover-color: #{$colorGrey80};\n// }\n\n:host ::slotted(stzh-button[slot=\"button-right\"][size=\"default\"][icon-only]:not([icon-only=\"false\"])),\n:host ::slotted(stzh-popover[slot=\"button-right\"]) .stzh-popover__trigger stzh-button[icon-only][size=\"default\"]:not([icon-only=\"false\"]),\n:host ::slotted(stzh-tooltip[slot=\"button-right\"]) .stzh-tooltip__trigger stzh-button[icon-only][size=\"default\"]:not([icon-only=\"false\"]),\n.stzh-input__button-right[size=\"default\"][icon-only]:not([icon-only=\"false\"]) {\n  --icon-size: #{iconSize('medium')};\n}\n\n.stzh-input {\n\t@include input-description;\n\n  &__field-wrapper {\n    position: relative;\n    display: flex;\n    width: var(--input-width);\n  }\n\n  &__input {\n    @include font;\n    @include fontSize('milli');\n    border: 2px solid var(--border-color);\n    transition-property: color, border-color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    border-radius: var(--border-radius);\n    padding-top: var(--padding-top);\n    padding-bottom: var(--padding-bottom);\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n    margin: 0;\n    width: 100%;\n    color: var(--color);\n    background-color: var(--background-color);\n    appearance: none;\n    text-align: var(--text-align);\n\n    @include placeholder {\n      color: var(--placeholder-color);\n    }\n\n    &:hover {\n      color: var(--hover-color);\n      border-color: var(--hover-border-color);\n      background-color: var(--hover-background-color);\n    }\n\n    &:focus {\n      color: var(--focus-color);\n      border-color: var(--focus-border-color);\n      background-color: var(--focus-background-color);\n    }\n\n    // prevent ugly autofill background color in chrome\n    &:-webkit-autofill {\n      background-clip: text;\n    }\n\n    // show ellipsis for placeholders that are too long\n    &:placeholder-shown {\n      text-overflow: ellipsis;\n    }\n\n    // hide search clear icon on chrome\n    &[type=\"search\"]::-webkit-search-decoration,\n    &[type=\"search\"]::-webkit-search-cancel-button,\n    &[type=\"search\"]::-webkit-search-results-button,\n    &[type=\"search\"]::-webkit-search-results-decoration {\n      -webkit-appearance: none;\n    }\n\n    /* Normal inputs */\n\n    &--input {\n      height: var(--height);\n    }\n\n    /* Textarea */\n\n    &--textarea {\n      min-height: var(--height);\n      resize: vertical;\n    }\n  }\n\n  &__label {\n    @include font('heavy');\n    @include fontSize('micro');\n    @include truncate;\n    display: block;\n    color: var(--label-color);\n    width: auto;\n    max-width: 100%;\n    margin-bottom: space('xxxsmall');\n    // position: absolute;\n    // top: calc(#{$formInputHeight} / 2);\n    // // padding-left (medium) + border-left\n    // left: calc(#{space('medium')} + 1px);\n    // max-width: calc(100% - #{space('medium')} * 2);\n    // transform: translateY(-50%);\n    // transition: all $baseTransitionAnimationSpeed;\n    // pointer-events: none;\n\n    &:empty {\n      display: none;\n    }\n\n    // &::before {\n    //   content: '';\n    //   display: none;\n    //   background: $colorWhite;\n    //   position: absolute;\n    //   width: 100%;\n    //   z-index: -1;\n    //   left: 0;\n    //   top: 50%;\n    //   // prevent white line not fully overlaping border of input\n    //   margin-top: -0.5px;\n    //   height: 2px;\n    // }\n  }\n\n  &__marker {\n    @include fontSize('nano');\n    margin-left: calc(-0.25em + #{space('xsmall')});\n  }\n\n  /* Clearable / Search input / Password  */\n\n  &--type-password#{&}--is-not-clearable &__button-right,\n  &--type-password#{&}--is-not-filled &__button-right,\n  &--type-password#{&}--is-readonly &__button-right,\n  &--type-password#{&}--is-disabled &__button-right,\n  &--type-search#{&}--is-not-clearable &__button-right,\n  &--type-search#{&}--is-not-filled &__button-right,\n  &--type-search#{&}--is-readonly &__button-right,\n  &--type-search#{&}--is-disabled &__button-right {\n    pointer-events: none;\n  }\n\n  /* Styles for floating label */\n\n  // &:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  // &--has-fixed-label &__label,\n  // &--is-filled &__label,\n  // &--is-readonly &__label,\n  // &--is-disabled &__label,\n  // &--is-invalid &__label {\n  //   display: block;\n  //   top: 0;\n  //   // padding-left (input field medium) - padding-left\n  //   left: calc(#{space('medium')} - #{space('xxsmall')});\n  //   height: 20px; // dividable by two (so before element is always positioned correctly)\n  //   line-height: 20px;\n  //   padding: 0 space('xxsmall');\n  //   max-width: calc(100% - #{space('small')} * 2);\n  //   pointer-events: all;\n\n  //   &:not(:empty)::before {\n  //     display: block;\n  //   }\n  // }\n\n  /* Button Right Variant */\n\n  &--has-button-right &__input {\n    // distance to icon + icon button width\n    padding-right: var(--height);\n  }\n\n  // &--has-button-right &__label {\n  //   // 100% - ((padding left of normal variant + border 1px) * 2) - icon button width\n  //   max-width: calc(100% - (#{space('medium')} + 1px) * 2 - #{$formInputHeight});\n  // }\n\n  // &--has-button-right#{&}:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  // &--has-button-right#{&}--has-fixed-label &__label,\n  // &--has-button-right#{&}--is-filled &__label,\n  // &--has-button-right#{&}--is-readonly &__label,\n  // &--has-button-right#{&}--is-disabled &__label,\n  // &--has-button-right#{&}--is-invalid &__label {\n  //   // 100% - left distance to text + 1px border + padding label right side - icon button width\n  //   max-width: calc(100% - #{space('medium')} - #{space('xxsmall')} - 1px + #{space('xxsmall')} - #{$formInputHeight});\n  // }\n\n  /* Size variants */\n\n  &--size-small &__input {\n    @include fontSize('micro');\n  }\n\n  // &--size-small &__label {\n  //   top: calc(#{$formInputHeightSmall} / 2);\n  // }\n\n  // &--size-small#{&}:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  // &--size-small#{&}--has-fixed-label &__label,\n  // &--size-small#{&}--is-filled &__label,\n  // &--size-small#{&}--is-readonly &__label,\n  // &--size-small#{&}--is-disabled &__label,\n  // &--size-small#{&}--is-invalid &__label {\n  //   top: 0;\n  // }\n\n  // &--size-small#{&}--has-button-right &__label {\n  //   max-width: calc(100% - (#{space('medium')} + 1px) * 2 - #{$formInputHeightSmall});\n  // }\n\n  // &--size-small#{&}--has-button-right#{&}:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  // &--size-small#{&}--has-button-right#{&}--has-fixed-label &__label,\n  // &--size-small#{&}--has-button-right#{&}--is-filled &__label,\n  // &--size-small#{&}--has-button-right#{&}--is-readonly &__label,\n  // &--size-small#{&}--has-button-right#{&}--is-disabled &__label,\n  // &--size-small#{&}--has-button-right#{&}--is-invalid &__label {\n  //   max-width: calc(100% - #{space('medium')} - #{space('xxsmall')} - 1px + #{space('xsmall')} - #{$formInputHeightSmall});\n  // }\n\n  /* Spin button */\n\n  &:not(#{&}--has-spin) &__input {\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      appearance: none;\n      margin: 0;\n    }\n\n    &[type=\"number\"] {\n      appearance: textfield;\n    }\n  }\n\n  /* Hidden label */\n\n  &--has-label-hidden &__label {\n    @include visuallyhidden;\n  }\n\n  /* Readonly / Disabled */\n\n  &--is-readonly &__input,\n  &--is-disabled &__input,\n  &--is-readonly &__label,\n  &--is-disabled &__label {\n    cursor: not-allowed;\n  }\n\n  // &--is-readonly &__label,\n  // &--is-disabled &__label {\n  //   &::before {\n  //     background: transparent;\n  //   }\n  // }\n}\n","import {\n  Component,\n  Prop,\n  Host,\n  Event,\n  EventEmitter,\n  State,\n  Element,\n  h,\n  Watch,\n  Listen,\n} from \"@stencil/core\";\n\nimport {\n  StzhInputChangeEvent,\n  StzhInputChangedEvent,\n  StzhInputFocusEvent,\n  StzhInputBlurEvent\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nimport { StzhInputDescription } from \"./stzh-input-description\";\n\nlet inputCounter = 0;\n\n/**\n * @slot - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n * @slot button-right - Slot for right button\n */\n@Component({\n  tag: \"stzh-input\",\n  styleUrl: \"stzh-input.scss\",\n  scoped: true\n})\nexport class StzhInput {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether the input is a textarea or an input field */\n  @Prop() multiline: boolean = false;\n\n  /** Rows attribute if input element is textarea */\n  @Prop() rows: number;\n\n  /** If input field, this defines the type (if `search`, a search icon will be displayed) */\n  @Prop({ reflect: true }) type: \"text\" | \"search\" | \"password\" | \"email\" | \"url\" | \"tel\" | \"number\" | \"hidden\" = \"text\";\n\n  /** If input type is number, this will be the step size  */\n  @Prop() step: number = 1;\n\n  /** If input type is number, this will be the minimum step number  */\n  @Prop() min: number;\n\n  /** If input type is number, this will be the maximum step number  */\n  @Prop() max: number;\n\n  /** If input type is number and this property is true, this will show the spin buttons on hover/focus */\n  @Prop({ reflect: true }) showSpin: boolean = false;\n\n  /** Whether the element is readonly or not */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Whether clearable button is showing when input field has value and is enabled (button-right slot not usable anymore when true) */\n  @Prop({ reflect: true }) clearable: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form to hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** Minimum of characters */\n  @Prop() minlength: number;\n\n  /** Maxlength of characters */\n  @Prop() maxlength: number;\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string;\n\n  /** The value of the input element */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Default value (used by reset) */\n  @Prop({ mutable: true }) defaultValue: string = \"\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Specify inputmode.\n   * See [MDN](https://developer.mozilla.org/de/docs/Web/HTML/Global_attributes/inputmode) for possible values\n   */\n  @Prop() inputmode: string;\n\n  /**\n   * Specify what the user agent has to provide as automated assistance.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for possible values\n   */\n  @Prop() autocomplete: string = \"on\";\n\n  /** Whether autocomplete should be turned off  */\n  @Prop() noAutocomplete: boolean = false;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Whether label should be visually hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /** Whether the input is filled or not */\n  @State() filled: boolean;\n\n  @Element() element: HTMLStzhInputElement;\n\n  /** Input change event */\n  @Event() stzhChange: EventEmitter<StzhInputChangeEvent>;\n\n  /** Input changed event */\n  @Event() stzhChanged: EventEmitter<StzhInputChangedEvent>;\n\n  /** Input focus event */\n  @Event() stzhFocus: EventEmitter<StzhInputFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhInputBlurEvent>;\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string) {\n    this.filled = newValue !== \"\";\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\n\n  @Watch(\"type\")\n  typeWatcher(newValue: string) {\n    const types = [\n      \"text\", \"search\", \"password\", \"email\", \"url\", \"tel\", \"number\", \"hidden\"\n    ];\n\n    if (!this.multiline && !types.includes(newValue)) {\n      throw new Error(`Type ${newValue} not supported`);\n    }\n  }\n\n  private input: HTMLInputElement | HTMLTextAreaElement;\n  private inputId: string;\n  private focusedByInput: boolean = false;\n  private renderPromiseResolve: (value?: unknown) => void;\n\n  private waitForNextRender() {\n    return new Promise(resolve => this.renderPromiseResolve = resolve);\n  }\n\n  private onClearClick = async (event: MouseEvent) => {\n    this.value = \"\";\n    this.input.focus();\n\n    await this.waitForNextRender();\n\n    this.stzhChange.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value\n    });\n\n    this.stzhChanged.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value\n    });\n  }\n\n  private handleReset = async () => {\n    this.value = this.defaultValue;\n    // we also update value, since render doesn't get executed sometimes\n    this.input.value = this.defaultValue;\n\n    // TODO: check if we need own reset event or trigger the change event\n    // (custom browser behaviour doesn't send change event, when reset is executed)\n    // this.stzhChange.emit({\n    //   component: \"stzh-input\",\n    //   originalEvent: event,\n    //   value: this.value\n    // });\n  }\n\n  private onInput = (event: InputEvent) => {\n    this.value = this.input.value;\n\n    this.stzhChange.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value\n    });\n  }\n\n  private onChange = (event: InputEvent) => {\n    this.value = this.input.value;\n\n    this.stzhChanged.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value\n    });\n  }\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.input.focus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent('focus', {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-input\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    // fixes weird bug where autofill selection doesn't get removed\n    this.input.value = this.input.value;\n\n    const blurEvent = new FocusEvent('blur', {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-input\",\n      originalEvent: event\n    });\n  }\n\n  private renderTextarea(): HTMLTextAreaElement {\n    return (\n      <textarea\n        class=\"stzh-input__input stzh-input__input--textarea\"\n        ref={(el) => (this.input = el as HTMLTextAreaElement)}\n        id={this.inputId}\n        name={this.name}\n        value={this.value}\n        rows={this.rows}\n        disabled={this.disabled}\n        readonly={this.readonly}\n        minlength={this.minlength}\n        maxlength={this.maxlength}\n        aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n        aria-required={this.required ? \"true\" : \"false\"}\n        aria-invalid={this.invalid ? \"true\" : \"false\"}\n        onChange={this.onChange}\n        onInput={this.onInput}\n        onFocus={this.onFocus}\n        onBlur={this.onBlur}\n      ></textarea>\n    );\n  }\n\n  private renderInput(): HTMLInputElement {\n    return (\n      <input\n        class=\"stzh-input__input stzh-input__input--input\"\n        ref={(el) => (this.input = el as HTMLInputElement)}\n        id={this.inputId}\n        type={this.type}\n        name={this.name}\n        value={this.value}\n        defaultValue={this.defaultValue}\n        min={this.min}\n        max={this.max}\n        step={this.step}\n        inputmode={this.inputmode}\n        disabled={this.disabled}\n        readonly={this.readonly}\n        minlength={this.minlength}\n        maxlength={this.maxlength}\n        autocomplete={this.noAutocomplete ? \"off\" : this.autocomplete}\n        aria-autocomplete={this.noAutocomplete ? \"none\" : undefined}\n        aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n        aria-required={this.required ? \"true\" : \"false\"}\n        aria-invalid={this.invalid ? \"true\" : \"false\"}\n        onChange={this.onChange}\n        onInput={this.onInput}\n        onFocus={this.onFocus}\n        onBlur={this.onBlur}\n      />\n    );\n  }\n\n  componentDidRender() {\n    if (this.renderPromiseResolve) {\n      this.renderPromiseResolve();\n    }\n  }\n\n  async componentWillLoad() {\n    this.inputId = `stzh-input-${inputCounter++}`;\n    this.typeWatcher(this.type);\n    this.valueWatcher(this.value);\n    this.errorWatcher(this.error);\n\n    this.defaultValue = this.defaultValue || this.value;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"input\");\n    }\n  }\n\n  render() {\n    const buttonRightSlotUsed = hasSlot(this.element, 'button-right');\n    const descriptionUsed = hasSlot(this.element, 'description') || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, 'description-long') || !!this.descriptionLong;\n    const errorUsed = hasSlot(this.element, 'error') || this._error?.length > 0;\n\n    const classes = {\n      \"stzh-input\": true,\n      \"stzh-input--has-button-right\": buttonRightSlotUsed\n        || this.type === \"search\"\n        || (this.clearable && this.filled && !this.readonly && !this.disabled),\n      \"stzh-input--has-description\": descriptionUsed,\n      \"stzh-input--has-description-long\": descriptionLongUsed,\n      \"stzh-input--has-error\": errorUsed,\n      \"stzh-input--has-spin\": this.showSpin,\n      \"stzh-input--is-invalid\": this.invalid || errorUsed,\n      \"stzh-input--is-disabled\": this.disabled,\n      \"stzh-input--is-readonly\": this.readonly,\n      \"stzh-input--is-required\": this.required,\n      \"stzh-input--is-filled\": this.filled,\n      \"stzh-input--is-not-filled\": !this.filled,\n      \"stzh-input--is-clearable\": this.clearable,\n      \"stzh-input--is-not-clearable\": !this.clearable,\n      \"stzh-input--has-label-hidden\": this.labelHidden,\n      [`stzh-input--size-${this.size}`]: !!this.size,\n      [`stzh-input--type-${this.type}`]: !!this.type,\n    };\n\n    return (\n      <Host\n        is-invalid={this.invalid || errorUsed}\n        tabindex={this.disabled ? null : \"-1\"}\n        onFocus={this.onRootFocus}\n        is-filled={this.filled}\n      >\n        <div class={classes}>\n          <label class=\"stzh-input__label\" htmlFor={this.inputId}>\n            {this.label ? this.label : <slot></slot>}\n            {!this.hideOptional &&\n              <span class=\"stzh-input__marker\">\n                <span class=\"stzh-input__marker-symbol\" aria-hidden=\"true\">\n                  {this.required\n                    ? this.localization.$globals.requiredFieldMarker\n                    : this.localization.$globals.optionalFieldMarker\n                  }\n                </span>\n                <span class=\"stzh-input__marker-text\">\n                  {this.required\n                    ? this.localization.$globals.requiredFieldText\n                    : this.localization.$globals.optionalFieldText\n                  }\n                </span>\n              </span>\n            }\n          </label>\n          <div class=\"stzh-input__field-wrapper\">\n            {this.multiline ? this.renderTextarea() : this.renderInput()}\n            {(this.clearable || this.type === \"search\" || this.type === \"password\")\n              ?\n              ((!this.clearable || this.disabled || this.readonly || !this.filled)\n                && (this.type === \"search\" || this.type === \"password\")\n                ?\n                <stzh-button\n                  class=\"stzh-input__button-right\"\n                  icon={this.type === \"search\" ? \"search\" : \"view\"}\n                  size={this.size}\n                  iconOnly={true}\n                  disabled={true}\n                ></stzh-button>\n                :\n                this.filled\n                  ?\n                  <stzh-button\n                    class=\"stzh-input__button-right\"\n                    icon=\"close\"\n                    size={this.size}\n                    iconOnly={true}\n                    onClick={this.onClearClick}\n                    a11yLabel={this.localization.$globals.clearButtonLabel}\n                    aria-controls={this.inputId}\n                  ></stzh-button>\n                  :\n                  <slot name=\"button-right\"></slot>\n              )\n              :\n              <slot name=\"button-right\"></slot>\n            }\n          </div>\n          <StzhInputDescription\n            classPrefix=\"stzh-input\"\n            id={`${this.inputId}-description`}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            descriptionLongTitle={this.descriptionLongTitle}\n            descriptionLongUsed={descriptionLongUsed}\n            moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-f5821678.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,a,g as s}from"./p-c7bfac7a.js";import{s as r}from"./p-7e304ea3.js";import"./p-9b063923.js";const n='.sc-stzh-daterange-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-daterange-h{display:none}.sc-stzh-daterange-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-daterange-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-daterange-h *.sc-stzh-daterange,.sc-stzh-daterange-h *.sc-stzh-daterange::before,.sc-stzh-daterange-h *.sc-stzh-daterange::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-daterange-h .has-focus.sc-stzh-daterange{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-daterange-h .stzh-fylingfocus-focused.sc-stzh-daterange{outline-style:none !important}.sc-stzh-daterange-h .stzh-fylingfocus-focused.sc-stzh-daterange::-moz-focus-inner{border:0 !important}.sc-stzh-daterange-h{--grid-template-areas:var(\n    --stzh-daterange-grid-template-areas,\n    "datefrom datefrom datefrom datefrom"\n    "dateto dateto dateto dateto"\n    "links links links links"\n  );--grid-template-columns:var(\n    --stzh-daterange-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){.sc-stzh-daterange-h{--grid-template-areas:var(\n      --stzh-daterange-grid-template-areas,\n      "datefrom datefrom dateto dateto"\n      "links links links links"\n    )}}@media screen and (min-width: 900px){.sc-stzh-daterange-h{--grid-template-areas:var(\n      --stzh-daterange-grid-template-areas,\n      "datefrom datefrom dateto dateto links links links links"\n    );--grid-template-columns:var(\n      --stzh-daterange-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}.stzh-daterange.sc-stzh-daterange{--stzh-description-min-height:var(--stzh-fieldset-description-min-height);-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;align-items:center;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);align-items:start;border:none;padding:0}@media screen and (min-width: 600px){.stzh-daterange.sc-stzh-daterange{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-daterange.sc-stzh-daterange{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-daterange.sc-stzh-daterange{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-daterange.sc-stzh-daterange{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-daterange__legend.sc-stzh-daterange{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-daterange__datefrom.sc-stzh-daterange{grid-area:datefrom}.stzh-daterange__dateto.sc-stzh-daterange{grid-area:dateto}.stzh-daterange__links.sc-stzh-daterange{grid-area:links;align-self:center}.stzh-daterange__links.sc-stzh-daterange{display:flex;gap:var(--stzh-space-large)}';const i=class{constructor(e){t(this,e);this._rangeLinks=[];this.handleRangeClick=t=>{let e=new Date;let a=new Date;if(t==="tomorrow"){e.setDate(e.getDate()+1);a.setDate(a.getDate()+1)}else if(t==="next7days"){e.setDate(e.getDate());a.setDate(a.getDate()+7)}const s=this.datefromElement.querySelector("stzh-datepicker");const r=this.datetoElement.querySelector("stzh-datepicker");s===null||s===void 0?void 0:s.setDate(e);r===null||r===void 0?void 0:r.setDate(a)};this.init=()=>{const t=this.element.querySelector('stzh-datepicker[slot="from"], [slot="from"] stzh-datepicker');const e=this.element.querySelector('stzh-datepicker[slot="to"], [slot="to"] stzh-datepicker');if(t&&this.localization){r(t,{label:this.localization.labelFrom,hideOptional:true})}if(e&&this.localization){r(e,{label:this.localization.labelTo,hideOptional:true})}};this.localization=undefined;this.legend=undefined;this.rangeLinks=undefined}rangeLinksWatcher(t){if(!t){this._rangeLinks=[]}else if(typeof t==="string"){try{this._rangeLinks=JSON.parse(t)}catch(t){this._rangeLinks=[]}}else{this._rangeLinks=t}}async componentWillLoad(){this.rangeLinksWatcher(this.rangeLinks);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"daterange")}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-daterange":true,"stzh-daterange--has-links":this._rangeLinks.length>0};const s={today:this.localization.rangeToday,tomorrow:this.localization.rangeTomorrow,next7days:this.localization.rangeNextSevenDays};return e(a,null,e("fieldset",{class:t},e("legend",{class:"stzh-daterange__legend"},this.legend||this.localization.legend),e("div",{class:"stzh-daterange__datefrom",ref:t=>this.datefromElement=t},e("slot",{name:"from"})),e("div",{class:"stzh-daterange__dateto",ref:t=>this.datetoElement=t},e("slot",{name:"to"})),e("div",{class:"stzh-daterange__links"},this._rangeLinks.map((t=>e("stzh-link",{label:s[t],onClick:()=>this.handleRangeClick(t)}))))))}get element(){return s(this)}static get watchers(){return{rangeLinks:["rangeLinksWatcher"]}}};i.style=n;export{i as stzh_daterange};
+//# sourceMappingURL=p-f5821678.entry.js.map

package/dist/stzh-components/p-f5821678.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhDaterangeCss","StzhDaterange","this","_rangeLinks","handleRangeClick","type","start","Date","end","setDate","getDate","fromDatepicker","datefromElement","querySelector","toDatepicker","datetoElement","init","element","localization","setPropsIfNull","label","labelFrom","hideOptional","labelTo","rangeLinksWatcher","newValue","JSON","parse","e","componentWillLoad","rangeLinks","window","stzhComponents","utils","fetchTranslations","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","length","translations","today","rangeToday","tomorrow","rangeTomorrow","next7days","rangeNextSevenDays","h","Host","class","legend","ref","el","name","map","onClick"],"sources":["src/components/stzh-daterange/stzh-daterange.scss?tag=stzh-daterange&encapsulation=scoped","src/components/stzh-daterange/stzh-daterange.tsx"],"sourcesContent":[":host {\n  --grid-template-areas: var(\n    --stzh-daterange-grid-template-areas,\n    \"datefrom datefrom datefrom datefrom\"\n    \"dateto dateto dateto dateto\"\n    \"links links links links\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-daterange-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: small) {\n    --grid-template-areas: var(\n      --stzh-daterange-grid-template-areas,\n      \"datefrom datefrom dateto dateto\"\n      \"links links links links\"\n    );\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-daterange-grid-template-areas,\n      \"datefrom datefrom dateto dateto links links links links\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-daterange-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n}\n\n.stzh-daterange {\n  --stzh-description-min-height: #{$fieldsetDescriptionMinHeight};\n\n  @include gridGutter;\n  display: grid;\n  align-items: center;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n  align-items: start;\n  border: none;\n  padding: 0;\n\n  &__legend {\n    @include visuallyhidden;\n  }\n\n  &__datefrom {\n    grid-area: datefrom;\n  }\n\n  &__dateto {\n    grid-area: dateto;\n  }\n\n  &__links {\n    grid-area: links;\n    align-self: center;\n  }\n\n  &__links {\n    display: flex;\n    gap: space('large');\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element,\n  Watch,\n} from \"@stencil/core\";\n\nimport { StzhDaterangeRanges } from \"../../index\";\n\nimport { StzhDaterangeLocalizedText } from \"./stzh-daterange.localization\";\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot from - Slot for datepicker\n * @slot to - Slot for datepicker\n */\n@Component({\n  tag: \"stzh-daterange\",\n  styleUrl: \"stzh-daterange.scss\",\n  scoped: true\n})\nexport class StzhDaterange {\n  /** Translation strings */\n  @Prop() localization: StzhDaterangeLocalizedText;\n\n  /** Legend */\n  @Prop() legend: string;\n\n  /** Range links (current predefined available ranges: \"today\", \"tomorrow\", \"next7days\") */\n  @Prop() rangeLinks: string | StzhDaterangeRanges[];\n  private _rangeLinks: StzhDaterangeRanges[] = [];\n\n  @Element() element: HTMLStzhDaterangeElement;\n\n  @Watch(\"rangeLinks\")\n  rangeLinksWatcher(newValue: StzhDaterangeRanges[] | string) {\n    if (!newValue) {\n      this._rangeLinks = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._rangeLinks = JSON.parse(newValue);\n      } catch (e) {\n        this._rangeLinks = [];\n      }\n    } else {\n      this._rangeLinks = newValue;\n    }\n  }\n\n  private observer: MutationObserver;\n  private datefromElement: HTMLElement;\n  private datetoElement: HTMLElement;\n\n  private handleRangeClick = (type: StzhDaterangeRanges) => {\n    let start = new Date();\n    let end = new Date();\n\n    if (type === \"tomorrow\") {\n      start.setDate(start.getDate() + 1);\n      end.setDate(end.getDate() + 1);\n    } else if (type === \"next7days\") {\n      start.setDate(start.getDate());\n      end.setDate(end.getDate() + 7);\n    }\n\n    const fromDatepicker = this.datefromElement.querySelector('stzh-datepicker');\n    const toDatepicker = this.datetoElement.querySelector('stzh-datepicker');\n\n    fromDatepicker?.setDate(start);\n    toDatepicker?.setDate(end);\n  }\n\n  async componentWillLoad() {\n    this.rangeLinksWatcher(this.rangeLinks);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"daterange\");\n    }\n  }\n\n  private init = () => {\n    const fromDatepicker = this.element.querySelector(\n      'stzh-datepicker[slot=\"from\"], [slot=\"from\"] stzh-datepicker'\n    );\n\n    const toDatepicker = this.element.querySelector(\n      'stzh-datepicker[slot=\"to\"], [slot=\"to\"] stzh-datepicker'\n    );\n\n    if (fromDatepicker && this.localization) {\n      setPropsIfNull(fromDatepicker, {\n        label: this.localization.labelFrom,\n        hideOptional: true\n      } as HTMLStzhDatepickerElement)\n    }\n\n    if (toDatepicker&& this.localization) {\n      setPropsIfNull(toDatepicker, {\n        label: this.localization.labelTo,\n        hideOptional: true\n      } as HTMLStzhDatepickerElement)\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-daterange\": true,\n      \"stzh-daterange--has-links\": this._rangeLinks.length > 0\n    };\n\n    const translations = {\n      \"today\": this.localization.rangeToday,\n      \"tomorrow\": this.localization.rangeTomorrow,\n      \"next7days\": this.localization.rangeNextSevenDays\n    }\n\n    return (\n      <Host>\n        <fieldset class={classes}>\n          <legend class=\"stzh-daterange__legend\">\n            {this.legend || this.localization.legend}\n          </legend>\n\n          <div\n            class=\"stzh-daterange__datefrom\"\n            ref={(el) => (this.datefromElement = el as HTMLDivElement)}\n          >\n            <slot name=\"from\"></slot>\n          </div>\n          <div\n            class=\"stzh-daterange__dateto\"\n            ref={(el) => (this.datetoElement = el as HTMLDivElement)}\n          >\n            <slot name=\"to\"></slot>\n          </div>\n          <div class=\"stzh-daterange__links\">\n            {this._rangeLinks.map((type) =>\n              <stzh-link\n                label={translations[type]}\n                onClick={() => this.handleRangeClick(type)}\n              ></stzh-link>\n            )}\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gHAAA,MAAMA,EAAmB,6/G,MCuBZC,EAAa,M,yBAShBC,KAAAC,YAAqC,GAuBrCD,KAAAE,iBAAoBC,IAC1B,IAAIC,EAAQ,IAAIC,KAChB,IAAIC,EAAM,IAAID,KAEd,GAAIF,IAAS,WAAY,CACvBC,EAAMG,QAAQH,EAAMI,UAAY,GAChCF,EAAIC,QAAQD,EAAIE,UAAY,E,MACvB,GAAIL,IAAS,YAAa,CAC/BC,EAAMG,QAAQH,EAAMI,WACpBF,EAAIC,QAAQD,EAAIE,UAAY,E,CAG9B,MAAMC,EAAiBT,KAAKU,gBAAgBC,cAAc,mBAC1D,MAAMC,EAAeZ,KAAKa,cAAcF,cAAc,mBAEtDF,IAAc,MAAdA,SAAc,SAAdA,EAAgBF,QAAQH,GACxBQ,IAAY,MAAZA,SAAY,SAAZA,EAAcL,QAAQD,EAAI,EAWpBN,KAAAc,KAAO,KACb,MAAML,EAAiBT,KAAKe,QAAQJ,cAClC,+DAGF,MAAMC,EAAeZ,KAAKe,QAAQJ,cAChC,2DAGF,GAAIF,GAAkBT,KAAKgB,aAAc,CACvCC,EAAeR,EAAgB,CAC7BS,MAAOlB,KAAKgB,aAAaG,UACzBC,aAAc,M,CAIlB,GAAIR,GAAeZ,KAAKgB,aAAc,CACpCC,EAAeL,EAAc,CAC3BM,MAAOlB,KAAKgB,aAAaK,QACzBD,aAAc,M,+EAhEpB,iBAAAE,CAAkBC,GAChB,IAAKA,EAAU,CACbvB,KAAKC,YAAc,E,MACd,UAAWsB,IAAa,SAAU,CACvC,IACEvB,KAAKC,YAAcuB,KAAKC,MAAMF,E,CAC9B,MAAOG,GACP1B,KAAKC,YAAc,E,MAEhB,CACLD,KAAKC,YAAcsB,C,EA2BvB,uBAAMI,GACJ3B,KAAKsB,kBAAkBtB,KAAK4B,YAE5B,IAAK5B,KAAKgB,aAAc,CACtBhB,KAAKgB,mBAAqBa,OAAOC,eAAeC,MAAMC,kBAAkBhC,KAAKe,QAAS,Y,EA4B1F,iBAAAkB,GACEjC,KAAKc,OAELd,KAAKkC,SAAW,IAAIC,iBAAiBnC,KAAKc,MAC1Cd,KAAKkC,SAASE,QAAQpC,KAAKe,QAAS,CAClCsB,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACE,GAAIvC,KAAKkC,SAAU,CACjBlC,KAAKkC,SAASM,Y,EAIlB,MAAAC,GACE,MAAMC,EAAU,CACd,iBAAkB,KAClB,4BAA6B1C,KAAKC,YAAY0C,OAAS,GAGzD,MAAMC,EAAe,CACnBC,MAAS7C,KAAKgB,aAAa8B,WAC3BC,SAAY/C,KAAKgB,aAAagC,cAC9BC,UAAajD,KAAKgB,aAAakC,oBAGjC,OACEC,EAACC,EAAI,KACHD,EAAA,YAAUE,MAAOX,GACfS,EAAA,UAAQE,MAAM,0BACXrD,KAAKsD,QAAUtD,KAAKgB,aAAasC,QAGpCH,EAAA,OACEE,MAAM,2BACNE,IAAMC,GAAQxD,KAAKU,gBAAkB8C,GAErCL,EAAA,QAAMM,KAAK,UAEbN,EAAA,OACEE,MAAM,yBACNE,IAAMC,GAAQxD,KAAKa,cAAgB2C,GAEnCL,EAAA,QAAMM,KAAK,QAEbN,EAAA,OAAKE,MAAM,yBACRrD,KAAKC,YAAYyD,KAAKvD,GACrBgD,EAAA,aACEjC,MAAO0B,EAAazC,GACpBwD,QAAS,IAAM3D,KAAKE,iBAAiBC,S"}

package/dist/stzh-components/stzh-components.css

@@ -1 +1 @@
-::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}html,body{max-width:100vw;overflow-x:hidden;overflow-x:clip}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}[hidden]{display:none !important}.stzh-contents{display:contents}.stzh-pointer-events-auto{pointer-events:auto}@media print{img{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.stzh-print-show{display:block !important}.stzh-print-hide{display:none !important}.stzh-print-exact-color{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}}.stzh-scrolling-smooth{scroll-behavior:smooth}@media screen and (prefers-reduced-motion: reduce){.stzh-scrolling-smooth{scroll-behavior:auto}}.stzh-header-scroll-margin-top{scroll-margin-top:var(--stzh-header-metabar-height, 0)}.stzh-global-header-scroll-margin-top *{scroll-margin-top:var(--stzh-header-metabar-height, 0)}.stzh-pagetitle-disturber-stuck-height{height:var(--stzh-pagetitle-disturber-stuck-height)}.stzh-sticky-stuck-bottom-height{height:var(--stzh-sticky-stuck-bottom-height)}.stzh-sticky-stuck-top-height{height:var(--stzh-sticky-stuck-top-height)}.stzh-layout-sticky-footer{display:grid;grid-template-rows:auto minmax(0, 1fr) auto;grid-template-columns:100%;min-height:100vh}.stzh-header-open,.stzh-header-open.sb-show-main.sb-main-fullscreen,.stzh-dialog-open,.stzh-dialog-open.sb-show-main.sb-main-fullscreen,.stzh-overlay-open,.stzh-overlay-open.sb-show-main.sb-main-fullscreen{touch-action:none;-webkit-overflow-scrolling:none;overflow:hidden;padding-right:var(--stzh-scrollbar-width);overscroll-behavior:none}html:has(.stzh-header-open),html:has(.stzh-dialog-open),html:has(.stzh-overlay-open){overflow:hidden}@media screen and (max-width: 599px){.stzh-popover-open,.stzh-popover-open.sb-show-main.sb-main-fullscreen{touch-action:none;-webkit-overflow-scrolling:none;overflow:hidden;padding-right:var(--stzh-scrollbar-width);overscroll-behavior:none}html:has(.stzh-popover-open){overflow:hidden}}.has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-fylingfocus-focused{outline-style:none !important}.stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:root.stzh-flyingfocus-enabled{--stzh-popover-close-visibility:visible}.section.has-sticky{display:contents}:root{--stzh-color-lemonyellow10-rgb:255 253 241;--stzh-color-lemonyellow10:rgba(var(--stzh-color-lemonyellow10-rgb) / 1);--stzh-color-lemonyellow20-rgb:255 254 201;--stzh-color-lemonyellow20:rgba(var(--stzh-color-lemonyellow20-rgb) / 1);--stzh-color-lemonyellow30-rgb:255 253 137;--stzh-color-lemonyellow30:rgba(var(--stzh-color-lemonyellow30-rgb) / 1);--stzh-color-lemonyellow40-rgb:255 243 105;--stzh-color-lemonyellow40:rgba(var(--stzh-color-lemonyellow40-rgb) / 1);--stzh-color-lemonyellow50-rgb:253 232 40;--stzh-color-lemonyellow50:rgba(var(--stzh-color-lemonyellow50-rgb) / 1);--stzh-color-lemonyellow60-rgb:241 217 0;--stzh-color-lemonyellow60:rgba(var(--stzh-color-lemonyellow60-rgb) / 1);--stzh-color-lemonyellow70-rgb:204 186 16;--stzh-color-lemonyellow70:rgba(var(--stzh-color-lemonyellow70-rgb) / 1);--stzh-color-lemonyellow80-rgb:153 141 0;--stzh-color-lemonyellow80:rgba(var(--stzh-color-lemonyellow80-rgb) / 1);--stzh-color-lemonyellow90-rgb:84 79 9;--stzh-color-lemonyellow90:rgba(var(--stzh-color-lemonyellow90-rgb) / 1);--stzh-color-lemonyellow100-rgb:33 31 1;--stzh-color-lemonyellow100:rgba(var(--stzh-color-lemonyellow100-rgb) / 1);--stzh-color-lemongrass10-rgb:252 254 220;--stzh-color-lemongrass10:rgba(var(--stzh-color-lemongrass10-rgb) / 1);--stzh-color-lemongrass20-rgb:250 250 181;--stzh-color-lemongrass20:rgba(var(--stzh-color-lemongrass20-rgb) / 1);--stzh-color-lemongrass30-rgb:241 242 106;--stzh-color-lemongrass30:rgba(var(--stzh-color-lemongrass30-rgb) / 1);--stzh-color-lemongrass40-rgb:224 231 33;--stzh-color-lemongrass40:rgba(var(--stzh-color-lemongrass40-rgb) / 1);--stzh-color-lemongrass50-rgb:209 218 28;--stzh-color-lemongrass50:rgba(var(--stzh-color-lemongrass50-rgb) / 1);--stzh-color-lemongrass60-rgb:191 204 0;--stzh-color-lemongrass60:rgba(var(--stzh-color-lemongrass60-rgb) / 1);--stzh-color-lemongrass70-rgb:146 162 16;--stzh-color-lemongrass70:rgba(var(--stzh-color-lemongrass70-rgb) / 1);--stzh-color-lemongrass80-rgb:104 116 0;--stzh-color-lemongrass80:rgba(var(--stzh-color-lemongrass80-rgb) / 1);--stzh-color-lemongrass90-rgb:49 57 0;--stzh-color-lemongrass90:rgba(var(--stzh-color-lemongrass90-rgb) / 1);--stzh-color-lemongrass100-rgb:19 31 1;--stzh-color-lemongrass100:rgba(var(--stzh-color-lemongrass100-rgb) / 1);--stzh-color-limegreen10-rgb:249 255 231;--stzh-color-limegreen10:rgba(var(--stzh-color-limegreen10-rgb) / 1);--stzh-color-limegreen20-rgb:231 246 192;--stzh-color-limegreen20:rgba(var(--stzh-color-limegreen20-rgb) / 1);--stzh-color-limegreen30-rgb:211 231 131;--stzh-color-limegreen30:rgba(var(--stzh-color-limegreen30-rgb) / 1);--stzh-color-limegreen40-rgb:185 213 92;--stzh-color-limegreen40:rgba(var(--stzh-color-limegreen40-rgb) / 1);--stzh-color-limegreen50-rgb:153 195 46;--stzh-color-limegreen50:rgba(var(--stzh-color-limegreen50-rgb) / 1);--stzh-color-limegreen60-rgb:127 180 32;--stzh-color-limegreen60:rgba(var(--stzh-color-limegreen60-rgb) / 1);--stzh-color-limegreen70-rgb:83 131 27;--stzh-color-limegreen70:rgba(var(--stzh-color-limegreen70-rgb) / 1);--stzh-color-limegreen80-rgb:58 100 19;--stzh-color-limegreen80:rgba(var(--stzh-color-limegreen80-rgb) / 1);--stzh-color-limegreen90-rgb:17 61 6;--stzh-color-limegreen90:rgba(var(--stzh-color-limegreen90-rgb) / 1);--stzh-color-limegreen100-rgb:4 32 0;--stzh-color-limegreen100:rgba(var(--stzh-color-limegreen100-rgb) / 1);--stzh-color-shamrock10-rgb:240 253 233;--stzh-color-shamrock10:rgba(var(--stzh-color-shamrock10-rgb) / 1);--stzh-color-shamrock20-rgb:222 242 205;--stzh-color-shamrock20:rgba(var(--stzh-color-shamrock20-rgb) / 1);--stzh-color-shamrock30-rgb:188 229 158;--stzh-color-shamrock30:rgba(var(--stzh-color-shamrock30-rgb) / 1);--stzh-color-shamrock40-rgb:142 207 105;--stzh-color-shamrock40:rgba(var(--stzh-color-shamrock40-rgb) / 1);--stzh-color-shamrock50-rgb:100 192 79;--stzh-color-shamrock50:rgba(var(--stzh-color-shamrock50-rgb) / 1);--stzh-color-shamrock60-rgb:55 170 50;--stzh-color-shamrock60:rgba(var(--stzh-color-shamrock60-rgb) / 1);--stzh-color-shamrock70-rgb:6 117 30;--stzh-color-shamrock70:rgba(var(--stzh-color-shamrock70-rgb) / 1);--stzh-color-shamrock80-rgb:0 78 20;--stzh-color-shamrock80:rgba(var(--stzh-color-shamrock80-rgb) / 1);--stzh-color-shamrock90-rgb:2 48 9;--stzh-color-shamrock90:rgba(var(--stzh-color-shamrock90-rgb) / 1);--stzh-color-shamrock100-rgb:8 28 0;--stzh-color-shamrock100:rgba(var(--stzh-color-shamrock100-rgb) / 1);--stzh-color-firgreen10-rgb:233 252 242;--stzh-color-firgreen10:rgba(var(--stzh-color-firgreen10-rgb) / 1);--stzh-color-firgreen20-rgb:207 238 216;--stzh-color-firgreen20:rgba(var(--stzh-color-firgreen20-rgb) / 1);--stzh-color-firgreen30-rgb:162 229 176;--stzh-color-firgreen30:rgba(var(--stzh-color-firgreen30-rgb) / 1);--stzh-color-firgreen40-rgb:101 205 140;--stzh-color-firgreen40:rgba(var(--stzh-color-firgreen40-rgb) / 1);--stzh-color-firgreen50-rgb:52 177 11;--stzh-color-firgreen50:rgba(var(--stzh-color-firgreen50-rgb) / 1);--stzh-color-firgreen60-rgb:0 151 85;--stzh-color-firgreen60:rgba(var(--stzh-color-firgreen60-rgb) / 1);--stzh-color-firgreen70-rgb:0 104 49;--stzh-color-firgreen70:rgba(var(--stzh-color-firgreen70-rgb) / 1);--stzh-color-firgreen80-rgb:0 71 36;--stzh-color-firgreen80:rgba(var(--stzh-color-firgreen80-rgb) / 1);--stzh-color-firgreen90-rgb:0 41 20;--stzh-color-firgreen90:rgba(var(--stzh-color-firgreen90-rgb) / 1);--stzh-color-firgreen100-rgb:0 22 9;--stzh-color-firgreen100:rgba(var(--stzh-color-firgreen100-rgb) / 1);--stzh-color-petrol10-rgb:219 252 252;--stzh-color-petrol10:rgba(var(--stzh-color-petrol10-rgb) / 1);--stzh-color-petrol20-rgb:181 244 244;--stzh-color-petrol20:rgba(var(--stzh-color-petrol20-rgb) / 1);--stzh-color-petrol30-rgb:126 231 227;--stzh-color-petrol30:rgba(var(--stzh-color-petrol30-rgb) / 1);--stzh-color-petrol40-rgb:42 199 199;--stzh-color-petrol40:rgba(var(--stzh-color-petrol40-rgb) / 1);--stzh-color-petrol50-rgb:0 159 157;--stzh-color-petrol50:rgba(var(--stzh-color-petrol50-rgb) / 1);--stzh-color-petrol60-rgb:0 124 120;--stzh-color-petrol60:rgba(var(--stzh-color-petrol60-rgb) / 1);--stzh-color-petrol70-rgb:0 88 87;--stzh-color-petrol70:rgba(var(--stzh-color-petrol70-rgb) / 1);--stzh-color-petrol80-rgb:0 60 64;--stzh-color-petrol80:rgba(var(--stzh-color-petrol80-rgb) / 1);--stzh-color-petrol90-rgb:0 33 33;--stzh-color-petrol90:rgba(var(--stzh-color-petrol90-rgb) / 1);--stzh-color-petrol100-rgb:0 23 21;--stzh-color-petrol100:rgba(var(--stzh-color-petrol100-rgb) / 1);--stzh-color-cyan10-rgb:223 252 255;--stzh-color-cyan10:rgba(var(--stzh-color-cyan10-rgb) / 1);--stzh-color-cyan20-rgb:187 238 254;--stzh-color-cyan20:rgba(var(--stzh-color-cyan20-rgb) / 1);--stzh-color-cyan30-rgb:123 220 249;--stzh-color-cyan30:rgba(var(--stzh-color-cyan30-rgb) / 1);--stzh-color-cyan40-rgb:35 195 241;--stzh-color-cyan40:rgba(var(--stzh-color-cyan40-rgb) / 1);--stzh-color-cyan50-rgb:0 152 198;--stzh-color-cyan50:rgba(var(--stzh-color-cyan50-rgb) / 1);--stzh-color-cyan60-rgb:0 118 170;--stzh-color-cyan60:rgba(var(--stzh-color-cyan60-rgb) / 1);--stzh-color-cyan70-rgb:0 77 118;--stzh-color-cyan70:rgba(var(--stzh-color-cyan70-rgb) / 1);--stzh-color-cyan80-rgb:0 52 80;--stzh-color-cyan80:rgba(var(--stzh-color-cyan80-rgb) / 1);--stzh-color-cyan90-rgb:0 26 42;--stzh-color-cyan90:rgba(var(--stzh-color-cyan90-rgb) / 1);--stzh-color-cyan100-rgb:1 19 30;--stzh-color-cyan100:rgba(var(--stzh-color-cyan100-rgb) / 1);--stzh-color-cobaltblue10-rgb:230 247 255;--stzh-color-cobaltblue10:rgba(var(--stzh-color-cobaltblue10-rgb) / 1);--stzh-color-cobaltblue20-rgb:197 231 255;--stzh-color-cobaltblue20:rgba(var(--stzh-color-cobaltblue20-rgb) / 1);--stzh-color-cobaltblue30-rgb:136 207 255;--stzh-color-cobaltblue30:rgba(var(--stzh-color-cobaltblue30-rgb) / 1);--stzh-color-cobaltblue40-rgb:70 178 255;--stzh-color-cobaltblue40:rgba(var(--stzh-color-cobaltblue40-rgb) / 1);--stzh-color-cobaltblue50-rgb:10 141 246;--stzh-color-cobaltblue50:rgba(var(--stzh-color-cobaltblue50-rgb) / 1);--stzh-color-cobaltblue60-rgb:3 83 220;--stzh-color-cobaltblue60:rgba(var(--stzh-color-cobaltblue60-rgb) / 1);--stzh-color-cobaltblue70-rgb:0 47 150;--stzh-color-cobaltblue70:rgba(var(--stzh-color-cobaltblue70-rgb) / 1);--stzh-color-cobaltblue80-rgb:0 24 90;--stzh-color-cobaltblue80:rgba(var(--stzh-color-cobaltblue80-rgb) / 1);--stzh-color-cobaltblue90-rgb:0 18 49;--stzh-color-cobaltblue90:rgba(var(--stzh-color-cobaltblue90-rgb) / 1);--stzh-color-cobaltblue100-rgb:0 9 32;--stzh-color-cobaltblue100:rgba(var(--stzh-color-cobaltblue100-rgb) / 1);--stzh-color-midnightblue10-rgb:239 245 255;--stzh-color-midnightblue10:rgba(var(--stzh-color-midnightblue10-rgb) / 1);--stzh-color-midnightblue20-rgb:197 219 255;--stzh-color-midnightblue20:rgba(var(--stzh-color-midnightblue20-rgb) / 1);--stzh-color-midnightblue30-rgb:148 183 248;--stzh-color-midnightblue30:rgba(var(--stzh-color-midnightblue30-rgb) / 1);--stzh-color-midnightblue40-rgb:100 150 255;--stzh-color-midnightblue40:rgba(var(--stzh-color-midnightblue40-rgb) / 1);--stzh-color-midnightblue50-rgb:61 107 255;--stzh-color-midnightblue50:rgba(var(--stzh-color-midnightblue50-rgb) / 1);--stzh-color-midnightblue60-rgb:52 49 222;--stzh-color-midnightblue60:rgba(var(--stzh-color-midnightblue60-rgb) / 1);--stzh-color-midnightblue70-rgb:15 5 160;--stzh-color-midnightblue70:rgba(var(--stzh-color-midnightblue70-rgb) / 1);--stzh-color-midnightblue80-rgb:7 0 102;--stzh-color-midnightblue80:rgba(var(--stzh-color-midnightblue80-rgb) / 1);--stzh-color-midnightblue90-rgb:7 0 70;--stzh-color-midnightblue90:rgba(var(--stzh-color-midnightblue90-rgb) / 1);--stzh-color-midnightblue100-rgb:7 0 48;--stzh-color-midnightblue100:rgba(var(--stzh-color-midnightblue100-rgb) / 1);--stzh-color-violet10-rgb:246 243 255;--stzh-color-violet10:rgba(var(--stzh-color-violet10-rgb) / 1);--stzh-color-violet20-rgb:227 214 251;--stzh-color-violet20:rgba(var(--stzh-color-violet20-rgb) / 1);--stzh-color-violet30-rgb:207 176 255;--stzh-color-violet30:rgba(var(--stzh-color-violet30-rgb) / 1);--stzh-color-violet40-rgb:188 146 255;--stzh-color-violet40:rgba(var(--stzh-color-violet40-rgb) / 1);--stzh-color-violet50-rgb:161 116 222;--stzh-color-violet50:rgba(var(--stzh-color-violet50-rgb) / 1);--stzh-color-violet60-rgb:123 79 183;--stzh-color-violet60:rgba(var(--stzh-color-violet60-rgb) / 1);--stzh-color-violet70-rgb:81 36 128;--stzh-color-violet70:rgba(var(--stzh-color-violet70-rgb) / 1);--stzh-color-violet80-rgb:53 20 89;--stzh-color-violet80:rgba(var(--stzh-color-violet80-rgb) / 1);--stzh-color-violet90-rgb:32 0 68;--stzh-color-violet90:rgba(var(--stzh-color-violet90-rgb) / 1);--stzh-color-violet100-rgb:24 0 54;--stzh-color-violet100:rgba(var(--stzh-color-violet100-rgb) / 1);--stzh-color-magenta10-rgb:253 241 248;--stzh-color-magenta10:rgba(var(--stzh-color-magenta10-rgb) / 1);--stzh-color-magenta20-rgb:254 210 238;--stzh-color-magenta20:rgba(var(--stzh-color-magenta20-rgb) / 1);--stzh-color-magenta30-rgb:249 158 200;--stzh-color-magenta30:rgba(var(--stzh-color-magenta30-rgb) / 1);--stzh-color-magenta40-rgb:243 107 166;--stzh-color-magenta40:rgba(var(--stzh-color-magenta40-rgb) / 1);--stzh-color-magenta50-rgb:233 60 133;--stzh-color-magenta50:rgba(var(--stzh-color-magenta50-rgb) / 1);--stzh-color-magenta60-rgb:198 0 107;--stzh-color-magenta60:rgba(var(--stzh-color-magenta60-rgb) / 1);--stzh-color-magenta70-rgb:150 0 85;--stzh-color-magenta70:rgba(var(--stzh-color-magenta70-rgb) / 1);--stzh-color-magenta80-rgb:96 0 59;--stzh-color-magenta80:rgba(var(--stzh-color-magenta80-rgb) / 1);--stzh-color-magenta90-rgb:57 0 32;--stzh-color-magenta90:rgba(var(--stzh-color-magenta90-rgb) / 1);--stzh-color-magenta100-rgb:34 0 13;--stzh-color-magenta100:rgba(var(--stzh-color-magenta100-rgb) / 1);--stzh-color-red10-rgb:254 243 243;--stzh-color-red10:rgba(var(--stzh-color-red10-rgb) / 1);--stzh-color-red20-rgb:250 215 224;--stzh-color-red20:rgba(var(--stzh-color-red20-rgb) / 1);--stzh-color-red30-rgb:247 165 175;--stzh-color-red30:rgba(var(--stzh-color-red30-rgb) / 1);--stzh-color-red40-rgb:251 115 126;--stzh-color-red40:rgba(var(--stzh-color-red40-rgb) / 1);--stzh-color-red50-rgb:232 64 76;--stzh-color-red50:rgba(var(--stzh-color-red50-rgb) / 1);--stzh-color-red60-rgb:220 3 14;--stzh-color-red60:rgba(var(--stzh-color-red60-rgb) / 1);--stzh-color-red70-rgb:163 20 19;--stzh-color-red70:rgba(var(--stzh-color-red70-rgb) / 1);--stzh-color-red80-rgb:100 13 4;--stzh-color-red80:rgba(var(--stzh-color-red80-rgb) / 1);--stzh-color-red90-rgb:61 14 9;--stzh-color-red90:rgba(var(--stzh-color-red90-rgb) / 1);--stzh-color-red100-rgb:31 5 4;--stzh-color-red100:rgba(var(--stzh-color-red100-rgb) / 1);--stzh-color-coral10-rgb:253 239 236;--stzh-color-coral10:rgba(var(--stzh-color-coral10-rgb) / 1);--stzh-color-coral20-rgb:251 219 212;--stzh-color-coral20:rgba(var(--stzh-color-coral20-rgb) / 1);--stzh-color-coral30-rgb:246 175 160;--stzh-color-coral30:rgba(var(--stzh-color-coral30-rgb) / 1);--stzh-color-coral40-rgb:241 135 133;--stzh-color-coral40:rgba(var(--stzh-color-coral40-rgb) / 1);--stzh-color-coral50-rgb:234 79 97;--stzh-color-coral50:rgba(var(--stzh-color-coral50-rgb) / 1);--stzh-color-coral60-rgb:226 45 83;--stzh-color-coral60:rgba(var(--stzh-color-coral60-rgb) / 1);--stzh-color-coral70-rgb:163 20 19;--stzh-color-coral70:rgba(var(--stzh-color-coral70-rgb) / 1);--stzh-color-coral80-rgb:109 3 33;--stzh-color-coral80:rgba(var(--stzh-color-coral80-rgb) / 1);--stzh-color-coral90-rgb:71 0 19;--stzh-color-coral90:rgba(var(--stzh-color-coral90-rgb) / 1);--stzh-color-coral100-rgb:41 0 1;--stzh-color-coral100:rgba(var(--stzh-color-coral100-rgb) / 1);--stzh-color-orange10-rgb:254 245 234;--stzh-color-orange10:rgba(var(--stzh-color-orange10-rgb) / 1);--stzh-color-orange20-rgb:253 228 200;--stzh-color-orange20:rgba(var(--stzh-color-orange20-rgb) / 1);--stzh-color-orange30-rgb:251 203 151;--stzh-color-orange30:rgba(var(--stzh-color-orange30-rgb) / 1);--stzh-color-orange40-rgb:246 169 96;--stzh-color-orange40:rgba(var(--stzh-color-orange40-rgb) / 1);--stzh-color-orange50-rgb:241 136 48;--stzh-color-orange50:rgba(var(--stzh-color-orange50-rgb) / 1);--stzh-color-orange60-rgb:235 94 0;--stzh-color-orange60:rgba(var(--stzh-color-orange60-rgb) / 1);--stzh-color-orange70-rgb:178 58 1;--stzh-color-orange70:rgba(var(--stzh-color-orange70-rgb) / 1);--stzh-color-orange80-rgb:124 43 1;--stzh-color-orange80:rgba(var(--stzh-color-orange80-rgb) / 1);--stzh-color-orange90-rgb:72 23 0;--stzh-color-orange90:rgba(var(--stzh-color-orange90-rgb) / 1);--stzh-color-orange100-rgb:46 17 0;--stzh-color-orange100:rgba(var(--stzh-color-orange100-rgb) / 1);--stzh-color-sunnyyellow10-rgb:255 250 234;--stzh-color-sunnyyellow10:rgba(var(--stzh-color-sunnyyellow10-rgb) / 1);--stzh-color-sunnyyellow20-rgb:255 238 182;--stzh-color-sunnyyellow20:rgba(var(--stzh-color-sunnyyellow20-rgb) / 1);--stzh-color-sunnyyellow30-rgb:255 228 138;--stzh-color-sunnyyellow30:rgba(var(--stzh-color-sunnyyellow30-rgb) / 1);--stzh-color-sunnyyellow40-rgb:255 223 97;--stzh-color-sunnyyellow40:rgba(var(--stzh-color-sunnyyellow40-rgb) / 1);--stzh-color-sunnyyellow50-rgb:255 204 0;--stzh-color-sunnyyellow50:rgba(var(--stzh-color-sunnyyellow50-rgb) / 1);--stzh-color-sunnyyellow60-rgb:251 185 0;--stzh-color-sunnyyellow60:rgba(var(--stzh-color-sunnyyellow60-rgb) / 1);--stzh-color-sunnyyellow70-rgb:192 134 0;--stzh-color-sunnyyellow70:rgba(var(--stzh-color-sunnyyellow70-rgb) / 1);--stzh-color-sunnyyellow80-rgb:146 105 1;--stzh-color-sunnyyellow80:rgba(var(--stzh-color-sunnyyellow80-rgb) / 1);--stzh-color-sunnyyellow90-rgb:97 70 0;--stzh-color-sunnyyellow90:rgba(var(--stzh-color-sunnyyellow90-rgb) / 1);--stzh-color-sunnyyellow100-rgb:51 35 0;--stzh-color-sunnyyellow100:rgba(var(--stzh-color-sunnyyellow100-rgb) / 1);--stzh-color-ocher10-rgb:253 251 247;--stzh-color-ocher10:rgba(var(--stzh-color-ocher10-rgb) / 1);--stzh-color-ocher20-rgb:239 226 200;--stzh-color-ocher20:rgba(var(--stzh-color-ocher20-rgb) / 1);--stzh-color-ocher30-rgb:222 181 130;--stzh-color-ocher30:rgba(var(--stzh-color-ocher30-rgb) / 1);--stzh-color-ocher40-rgb:218 158 73;--stzh-color-ocher40:rgba(var(--stzh-color-ocher40-rgb) / 1);--stzh-color-ocher50-rgb:214 133 0;--stzh-color-ocher50:rgba(var(--stzh-color-ocher50-rgb) / 1);--stzh-color-ocher60-rgb:198 121 0;--stzh-color-ocher60:rgba(var(--stzh-color-ocher60-rgb) / 1);--stzh-color-ocher70-rgb:154 91 1;--stzh-color-ocher70:rgba(var(--stzh-color-ocher70-rgb) / 1);--stzh-color-ocher80-rgb:113 64 0;--stzh-color-ocher80:rgba(var(--stzh-color-ocher80-rgb) / 1);--stzh-color-ocher90-rgb:74 40 0;--stzh-color-ocher90:rgba(var(--stzh-color-ocher90-rgb) / 1);--stzh-color-ocher100-rgb:49 26 1;--stzh-color-ocher100:rgba(var(--stzh-color-ocher100-rgb) / 1);--stzh-color-warmgrey10-rgb:246 243 242;--stzh-color-warmgrey10:rgba(var(--stzh-color-warmgrey10-rgb) / 1);--stzh-color-warmgrey20-rgb:228 224 223;--stzh-color-warmgrey20:rgba(var(--stzh-color-warmgrey20-rgb) / 1);--stzh-color-warmgrey30-rgb:201 197 196;--stzh-color-warmgrey30:rgba(var(--stzh-color-warmgrey30-rgb) / 1);--stzh-color-warmgrey40-rgb:172 168 168;--stzh-color-warmgrey40:rgba(var(--stzh-color-warmgrey40-rgb) / 1);--stzh-color-warmgrey50-rgb:143 139 139;--stzh-color-warmgrey50:rgba(var(--stzh-color-warmgrey50-rgb) / 1);--stzh-color-warmgrey60-rgb:114 111 110;--stzh-color-warmgrey60:rgba(var(--stzh-color-warmgrey60-rgb) / 1);--stzh-color-warmgrey70-rgb:84 80 80;--stzh-color-warmgrey70:rgba(var(--stzh-color-warmgrey70-rgb) / 1);--stzh-color-warmgrey80-rgb:59 55 55;--stzh-color-warmgrey80:rgba(var(--stzh-color-warmgrey80-rgb) / 1);--stzh-color-warmgrey90-rgb:37 35 35;--stzh-color-warmgrey90:rgba(var(--stzh-color-warmgrey90-rgb) / 1);--stzh-color-warmgrey100-rgb:19 17 17;--stzh-color-warmgrey100:rgba(var(--stzh-color-warmgrey100-rgb) / 1);--stzh-color-coolgrey10-rgb:244 247 249;--stzh-color-coolgrey10:rgba(var(--stzh-color-coolgrey10-rgb) / 1);--stzh-color-coolgrey20-rgb:217 233 239;--stzh-color-coolgrey20:rgba(var(--stzh-color-coolgrey20-rgb) / 1);--stzh-color-coolgrey30-rgb:178 204 215;--stzh-color-coolgrey30:rgba(var(--stzh-color-coolgrey30-rgb) / 1);--stzh-color-coolgrey40-rgb:141 175 188;--stzh-color-coolgrey40:rgba(var(--stzh-color-coolgrey40-rgb) / 1);--stzh-color-coolgrey50-rgb:121 148 159;--stzh-color-coolgrey50:rgba(var(--stzh-color-coolgrey50-rgb) / 1);--stzh-color-coolgrey60-rgb:95 122 131;--stzh-color-coolgrey60:rgba(var(--stzh-color-coolgrey60-rgb) / 1);--stzh-color-coolgrey70-rgb:61 87 94;--stzh-color-coolgrey70:rgba(var(--stzh-color-coolgrey70-rgb) / 1);--stzh-color-coolgrey80-rgb:34 58 65;--stzh-color-coolgrey80:rgba(var(--stzh-color-coolgrey80-rgb) / 1);--stzh-color-coolgrey90-rgb:8 36 41;--stzh-color-coolgrey90:rgba(var(--stzh-color-coolgrey90-rgb) / 1);--stzh-color-coolgrey100-rgb:0 18 21;--stzh-color-coolgrey100:rgba(var(--stzh-color-coolgrey100-rgb) / 1);--stzh-color-grey10-rgb:244 244 244;--stzh-color-grey10:rgba(var(--stzh-color-grey10-rgb) / 1);--stzh-color-grey20-rgb:232 232 232;--stzh-color-grey20:rgba(var(--stzh-color-grey20-rgb) / 1);--stzh-color-grey30-rgb:210 210 210;--stzh-color-grey30:rgba(var(--stzh-color-grey30-rgb) / 1);--stzh-color-grey40-rgb:194 194 194;--stzh-color-grey40:rgba(var(--stzh-color-grey40-rgb) / 1);--stzh-color-grey50-rgb:170 170 170;--stzh-color-grey50:rgba(var(--stzh-color-grey50-rgb) / 1);--stzh-color-grey60-rgb:154 154 154;--stzh-color-grey60:rgba(var(--stzh-color-grey60-rgb) / 1);--stzh-color-grey70-rgb:124 124 124;--stzh-color-grey70:rgba(var(--stzh-color-grey70-rgb) / 1);--stzh-color-grey80-rgb:96 96 96;--stzh-color-grey80:rgba(var(--stzh-color-grey80-rgb) / 1);--stzh-color-grey90-rgb:64 64 64;--stzh-color-grey90:rgba(var(--stzh-color-grey90-rgb) / 1);--stzh-color-grey100-rgb:42 42 42;--stzh-color-grey100:rgba(var(--stzh-color-grey100-rgb) / 1);--stzh-color-tabasco-rgb:165 26 15;--stzh-color-tabasco:rgba(var(--stzh-color-tabasco-rgb) / 1);--stzh-color-mahogany-rgb:99 15 9;--stzh-color-mahogany:rgba(var(--stzh-color-mahogany-rgb) / 1);--stzh-color-monza-rgb:195 0 36;--stzh-color-monza:rgba(var(--stzh-color-monza-rgb) / 1);--stzh-color-venetianred-rgb:117 0 21;--stzh-color-venetianred:rgba(var(--stzh-color-venetianred-rgb) / 1);--stzh-color-scienceblue-rgb:0 109 197;--stzh-color-scienceblue:rgba(var(--stzh-color-scienceblue-rgb) / 1);--stzh-color-deepcerulean-rgb:5 127 172;--stzh-color-deepcerulean:rgba(var(--stzh-color-deepcerulean-rgb) / 1);--stzh-color-regalblue-rgb:3 76 103;--stzh-color-regalblue:rgba(var(--stzh-color-regalblue-rgb) / 1);--stzh-color-coral-rgb:228 105 76;--stzh-color-coral:rgba(var(--stzh-color-coral-rgb) / 1);--stzh-color-shakespeare-rgb:74 150 200;--stzh-color-shakespeare:rgba(var(--stzh-color-shakespeare-rgb) / 1);--stzh-color-chambray-rgb:44 90 120;--stzh-color-chambray:rgba(var(--stzh-color-chambray-rgb) / 1);--stzh-color-ms-aoz-agenda-rgb:47 142 135;--stzh-color-ms-aoz-agenda:rgba(var(--stzh-color-ms-aoz-agenda-rgb) / 1);--stzh-color-ms-aoz-agenda-hover-rgb:33 102 100;--stzh-color-ms-aoz-agenda-hover:rgba(var(--stzh-color-ms-aoz-agenda-hover-rgb) / 1);--stzh-color-ms-coolgrey60-rgb:92 119 129;--stzh-color-ms-coolgrey60:rgba(var(--stzh-color-ms-coolgrey60-rgb) / 1);--stzh-color-ms-coolgrey60-hover-rgb:52 79 89;--stzh-color-ms-coolgrey60-hover:rgba(var(--stzh-color-ms-coolgrey60-hover-rgb) / 1);--stzh-color-ms-orange-rgb:242 139 0;--stzh-color-ms-orange:rgba(var(--stzh-color-ms-orange-rgb) / 1);--stzh-color-ms-orange-hover-rgb:145 83 0;--stzh-color-ms-orange-hover:rgba(var(--stzh-color-ms-orange-hover-rgb) / 1);--stzh-color-ms-red-rgb:165 26 15;--stzh-color-ms-red:rgba(var(--stzh-color-ms-red-rgb) / 1);--stzh-color-ms-red-hover-rgb:99 15 9;--stzh-color-ms-red-hover:rgba(var(--stzh-color--ms-red-hover-rgb) / 1);--stzh-color-ms-winered-rgb:137 7 42;--stzh-color-ms-winered:rgba(var(--stzh-color-ms-winered-rgb) / 1);--stzh-color-ms-winered-hover-rgb:82 4 25;--stzh-color-ms-winered-hover:rgba(var(--stzh-color-ms-winered-hover-rgb) / 1);--stzh-color-cobaltblue60-hover-rgb:0 51 141;--stzh-color-cobaltblue60-hover:rgba(var(--stzh-color-cobaltblue60-hover-rgb) / 1);--stzh-color-shamrock70-hover-rgb:5 77 20;--stzh-color-shamrock70-hover:rgba(var(--stzh-color-shamrock70-hover-rgb) / 1);--stzh-color-limegreen80-hover-rgb:38 65 12;--stzh-color-limegreen80-hover:rgba(var(--stzh-color-limegreen80-hover-rgb) / 1);--stzh-color-magenta70-hover-rgb:102 0 51;--stzh-color-magenta70-hover:rgba(var(--stzh-color-magenta70-hover-rgb) / 1);--stzh-color-ocher70-hover-rgb:90 54 0;--stzh-color-ocher70-hover:rgba(var(--stzh-color-ocher70-hover-rgb) / 1);--stzh-color-orange70-hover-rgb:111 38 31;--stzh-color-orange70-hover:rgba(var(--stzh-color-orange70-hover-rgb) / 1);--stzh-color-red60-hover-rgb:162 3 9;--stzh-color-red60-hover:rgba(var(--stzh-color-red60-hover-rgb) / 1);--stzh-color-violet70-hover-rgb:45 19 72;--stzh-color-violet70-hover:rgba(var(--stzh-color-violet70-hover-rgb) / 1);--stzh-color-white-rgb:255 255 255;--stzh-color-white:rgba(var(--stzh-color-white-rgb) / 1);--stzh-color-white10op:rgba(var(--stzh-color-white-rgb) / 0.1);--stzh-color-white20op:rgba(var(--stzh-color-white-rgb) / 0.2);--stzh-color-white30op:rgba(var(--stzh-color-white-rgb) / 0.3);--stzh-color-white40op:rgba(var(--stzh-color-white-rgb) / 0.4);--stzh-color-white50op:rgba(var(--stzh-color-white-rgb) / 0.5);--stzh-color-white60op:rgba(var(--stzh-color-white-rgb) / 0.6);--stzh-color-white70op:rgba(var(--stzh-color-white-rgb) / 0.7);--stzh-color-white80op:rgba(var(--stzh-color-white-rgb) / 0.8);--stzh-color-white90op:rgba(var(--stzh-color-white-rgb) / 0.9);--stzh-color-black-rgb:0 0 0;--stzh-color-black:rgba(var(--stzh-color-black-rgb) / 1);--stzh-color-black10op:rgba(var(--stzh-color-black-rgb) / 0.1);--stzh-color-black20op:rgba(var(--stzh-color-black-rgb) / 0.2);--stzh-color-black30op:rgba(var(--stzh-color-black-rgb) / 0.3);--stzh-color-black40op:rgba(var(--stzh-color-black-rgb) / 0.4);--stzh-color-black50op:rgba(var(--stzh-color-black-rgb) / 0.5);--stzh-color-black60op:rgba(var(--stzh-color-black-rgb) / 0.6);--stzh-color-black70op:rgba(var(--stzh-color-black-rgb) / 0.7);--stzh-color-black80op:rgba(var(--stzh-color-black-rgb) / 0.8);--stzh-color-black90op:rgba(var(--stzh-color-black-rgb) / 0.9);--stzh-color-primary10-rgb:var(--stzh-color-midnightblue10-rgb);--stzh-color-primary10:rgba(var(--stzh-color-primary10-rgb) / 1);--stzh-color-primary20-rgb:var(--stzh-color-midnightblue20-rgb);--stzh-color-primary20:rgba(var(--stzh-color-primary20-rgb) / 1);--stzh-color-primary30-rgb:var(--stzh-color-midnightblue30-rgb);--stzh-color-primary30:rgba(var(--stzh-color-primary30-rgb) / 1);--stzh-color-primary40-rgb:var(--stzh-color-midnightblue40-rgb);--stzh-color-primary40:rgba(var(--stzh-color-primary40-rgb) / 1);--stzh-color-primary50-rgb:var(--stzh-color-midnightblue50-rgb);--stzh-color-primary50:rgba(var(--stzh-color-primary50-rgb) / 1);--stzh-color-primary60-rgb:var(--stzh-color-midnightblue60-rgb);--stzh-color-primary60:rgba(var(--stzh-color-primary60-rgb) / 1);--stzh-color-primary70-rgb:var(--stzh-color-midnightblue70-rgb);--stzh-color-primary70:rgba(var(--stzh-color-primary70-rgb) / 1);--stzh-color-primary80-rgb:var(--stzh-color-midnightblue80-rgb);--stzh-color-primary80:rgba(var(--stzh-color-primary80-rgb) / 1);--stzh-color-primary90-rgb:var(--stzh-color-midnightblue90-rgb);--stzh-color-primary90:rgba(var(--stzh-color-primary90-rgb) / 1);--stzh-color-primary100-rgb:var(--stzh-color-midnightblue100-rgb);--stzh-color-primary100:rgba(var(--stzh-color-primary100-rgb) / 1);--stzh-color-secondary10-rgb:var(--stzh-color-cobaltblue10-rgb);--stzh-color-secondary10:rgba(var(--stzh-color-secondary10-rgb) / 1);--stzh-color-secondary20-rgb:var(--stzh-color-cobaltblue20-rgb);--stzh-color-secondary20:rgba(var(--stzh-color-secondary20-rgb) / 1);--stzh-color-secondary30-rgb:var(--stzh-color-cobaltblue30-rgb);--stzh-color-secondary30:rgba(var(--stzh-color-secondary30-rgb) / 1);--stzh-color-secondary40-rgb:var(--stzh-color-cobaltblue40-rgb);--stzh-color-secondary40:rgba(var(--stzh-color-secondary40-rgb) / 1);--stzh-color-secondary50-rgb:var(--stzh-color-cobaltblue50-rgb);--stzh-color-secondary50:rgba(var(--stzh-color-secondary50-rgb) / 1);--stzh-color-secondary60-rgb:var(--stzh-color-cobaltblue60-rgb);--stzh-color-secondary60:rgba(var(--stzh-color-secondary60-rgb) / 1);--stzh-color-secondary70-rgb:var(--stzh-color-cobaltblue70-rgb);--stzh-color-secondary70:rgba(var(--stzh-color-secondary70-rgb) / 1);--stzh-color-secondary80-rgb:var(--stzh-color-cobaltblue80-rgb);--stzh-color-secondary80:rgba(var(--stzh-color-secondary80-rgb) / 1);--stzh-color-secondary90-rgb:var(--stzh-color-cobaltblue90-rgb);--stzh-color-secondary90:rgba(var(--stzh-color-secondary90-rgb) / 1);--stzh-color-secondary100-rgb:var(--stzh-color-cobaltblue100-rgb);--stzh-color-secondary100:rgba(var(--stzh-color-secondary100-rgb) / 1);--stzh-color-primary-rgb:var(--stzh-color-primary70-rgb);--stzh-color-primary:rgba(var(--stzh-color-primary-rgb) / 1);--stzh-color-primary-hover-rgb:var(--stzh-color-primary90-rgb);--stzh-color-primary-hover:rgba(var(--stzh-color-primary-hover-rgb) / 1);--stzh-color-success10-rgb:var(--stzh-color-shamrock10-rgb);--stzh-color-success10:rgba(var(--stzh-color-success10-rgb) / 1);--stzh-color-success20-rgb:var(--stzh-color-shamrock20-rgb);--stzh-color-success20:rgba(var(--stzh-color-success20-rgb) / 1);--stzh-color-success30-rgb:var(--stzh-color-shamrock30-rgb);--stzh-color-success30:rgba(var(--stzh-color-success30-rgb) / 1);--stzh-color-success40-rgb:var(--stzh-color-shamrock40-rgb);--stzh-color-success40:rgba(var(--stzh-color-success40-rgb) / 1);--stzh-color-success50-rgb:var(--stzh-color-shamrock50-rgb);--stzh-color-success50:rgba(var(--stzh-color-success50-rgb) / 1);--stzh-color-success60-rgb:var(--stzh-color-shamrock60-rgb);--stzh-color-success60:rgba(var(--stzh-color-success60-rgb) / 1);--stzh-color-success70-rgb:var(--stzh-color-shamrock70-rgb);--stzh-color-success70:rgba(var(--stzh-color-success70-rgb) / 1);--stzh-color-success80-rgb:var(--stzh-color-shamrock80-rgb);--stzh-color-success80:rgba(var(--stzh-color-success80-rgb) / 1);--stzh-color-success90-rgb:var(--stzh-color-shamrock90-rgb);--stzh-color-success90:rgba(var(--stzh-color-success90-rgb) / 1);--stzh-color-success100-rgb:var(--stzh-color-shamrock100-rgb);--stzh-color-success100:rgba(var(--stzh-color-success100-rgb) / 1);--stzh-color-error10-rgb:var(--stzh-color-coral10-rgb);--stzh-color-error10:rgba(var(--stzh-color-error10-rgb) / 1);--stzh-color-error20-rgb:var(--stzh-color-coral20-rgb);--stzh-color-error20:rgba(var(--stzh-color-error20-rgb) / 1);--stzh-color-error30-rgb:var(--stzh-color-coral30-rgb);--stzh-color-error30:rgba(var(--stzh-color-error30-rgb) / 1);--stzh-color-error40-rgb:var(--stzh-color-coral40-rgb);--stzh-color-error40:rgba(var(--stzh-color-error40-rgb) / 1);--stzh-color-error50-rgb:var(--stzh-color-coral50-rgb);--stzh-color-error50:rgba(var(--stzh-color-error50-rgb) / 1);--stzh-color-error60-rgb:var(--stzh-color-coral60-rgb);--stzh-color-error60:rgba(var(--stzh-color-error60-rgb) / 1);--stzh-color-error70-rgb:var(--stzh-color-coral70-rgb);--stzh-color-error70:rgba(var(--stzh-color-error70-rgb) / 1);--stzh-color-error80-rgb:var(--stzh-color-coral80-rgb);--stzh-color-error80:rgba(var(--stzh-color-error80-rgb) / 1);--stzh-color-error90-rgb:var(--stzh-color-coral90-rgb);--stzh-color-error90:rgba(var(--stzh-color-error90-rgb) / 1);--stzh-color-error100-rgb:var(--stzh-color-coral100-rgb);--stzh-color-error100:rgba(var(--stzh-color-error100-rgb) / 1);--stzh-color-warning10-rgb:var(--stzh-color-sunnyyellow10-rgb);--stzh-color-warning10:rgba(var(--stzh-color-warning10-rgb) / 1);--stzh-color-warning20-rgb:var(--stzh-color-sunnyyellow20-rgb);--stzh-color-warning20:rgba(var(--stzh-color-warning20-rgb) / 1);--stzh-color-warning30-rgb:var(--stzh-color-sunnyyellow30-rgb);--stzh-color-warning30:rgba(var(--stzh-color-warning30-rgb) / 1);--stzh-color-warning40-rgb:var(--stzh-color-sunnyyellow40-rgb);--stzh-color-warning40:rgba(var(--stzh-color-warning40-rgb) / 1);--stzh-color-warning50-rgb:var(--stzh-color-sunnyyellow50-rgb);--stzh-color-warning50:rgba(var(--stzh-color-warning50-rgb) / 1);--stzh-color-warning60-rgb:var(--stzh-color-sunnyyellow60-rgb);--stzh-color-warning60:rgba(var(--stzh-color-warning60-rgb) / 1);--stzh-color-warning70-rgb:var(--stzh-color-sunnyyellow70-rgb);--stzh-color-warning70:rgba(var(--stzh-color-warning70-rgb) / 1);--stzh-color-warning80-rgb:var(--stzh-color-sunnyyellow80-rgb);--stzh-color-warning80:rgba(var(--stzh-color-warning80-rgb) / 1);--stzh-color-warning90-rgb:var(--stzh-color-sunnyyellow90-rgb);--stzh-color-warning90:rgba(var(--stzh-color-warning90-rgb) / 1);--stzh-color-warning100-rgb:var(--stzh-color-sunnyyellow100-rgb);--stzh-color-warning100:rgba(var(--stzh-color-warning100-rgb) / 1);--stzh-color-info10-rgb:var(--stzh-color-coolgrey10-rgb);--stzh-color-info10:rgba(var(--stzh-color-info10-rgb) / 1);--stzh-color-info20-rgb:var(--stzh-color-coolgrey20-rgb);--stzh-color-info20:rgba(var(--stzh-color-info20-rgb) / 1);--stzh-color-info30-rgb:var(--stzh-color-coolgrey30-rgb);--stzh-color-info30:rgba(var(--stzh-color-info30-rgb) / 1);--stzh-color-info40-rgb:var(--stzh-color-coolgrey40-rgb);--stzh-color-info40:rgba(var(--stzh-color-info40-rgb) / 1);--stzh-color-info50-rgb:var(--stzh-color-coolgrey50-rgb);--stzh-color-info50:rgba(var(--stzh-color-info50-rgb) / 1);--stzh-color-info60-rgb:var(--stzh-color-coolgrey60-rgb);--stzh-color-info60:rgba(var(--stzh-color-info60-rgb) / 1);--stzh-color-info70-rgb:var(--stzh-color-coolgrey70-rgb);--stzh-color-info70:rgba(var(--stzh-color-info70-rgb) / 1);--stzh-color-info80-rgb:var(--stzh-color-coolgrey80-rgb);--stzh-color-info80:rgba(var(--stzh-color-info80-rgb) / 1);--stzh-color-info90-rgb:var(--stzh-color-coolgrey90-rgb);--stzh-color-info90:rgba(var(--stzh-color-info90-rgb) / 1);--stzh-color-info100-rgb:var(--stzh-color-coolgrey100-rgb);--stzh-color-info100:rgba(var(--stzh-color-info100-rgb) / 1);--stzh-color-old-truegreen-rgb:0 128 0;--stzh-color-old-truegreen:rgba(var(--stzh-color-old-truegreen-rgb) / 1);--stzh-color-old-warning-rgb:219 126 0;--stzh-color-old-warning:rgba(var(--stzh-color-old-warning-rgb) / 1);--stzh-color-old-active-rgb:164 196 0;--stzh-color-old-active:rgba(var(--stzh-color-old-active-rgb) / 1);--stzh-color-old-grey5-rgb:242 242 242;--stzh-color-old-grey5:rgba(var(--stzh-color-old-grey5-rgb) / 1);--stzh-color-old-grey13-rgb:222 222 222;--stzh-color-old-grey13:rgba(var(--stzh-color-old-grey13-rgb) / 1);--stzh-color-old-grey25-rgb:191 191 191;--stzh-color-old-grey25:rgba(var(--stzh-color-old-grey25-rgb) / 1);--stzh-color-old-grey40-rgb:153 153 153;--stzh-color-old-grey40:rgba(var(--stzh-color-old-grey40-rgb) / 1);--stzh-color-old-grey55-rgb:115 115 115;--stzh-color-old-grey55:rgba(var(--stzh-color-old-grey55-rgb) / 1);--stzh-color-old-grey61-rgb:100 100 100;--stzh-color-old-grey61:rgba(var(--stzh-color-old-grey61-rgb) / 1);--stzh-color-old-grey70-rgb:77 77 77;--stzh-color-old-grey70:rgba(var(--stzh-color-old-grey70-rgb) / 1);--stzh-color-old-grey87-rgb:34 34 34;--stzh-color-old-grey87:rgba(var(--stzh-color-old-grey87-rgb) / 1);--stzh-color-old-primary48:rgba(var(--stzh-color-primary-rgb) / 0.48);--stzh-color-old-primary32:rgba(var(--stzh-color-primary-rgb) / 0.32);--stzh-color-old-primary8:rgba(var(--stzh-color-primary-rgb) / 0.08);--stzh-color-old-primary4:rgba(var(--stzh-color-primary-rgb) / 0.04);--stzh-font-family-light:'HelveticaNeueLTW01_41488878', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-font-family-regular:'HelveticaNeueLTW01_55Roman', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-font-family-medium:'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-font-family-bold:'HelveticaNeueLTW01_71488914', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-font-family-heavy:'HelveticaNeueLTW05_85Heavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-font-family-title:var(--stzh-font-family-heavy);--stzh-font-weight-light:normal;--stzh-font-weight-regular:normal;--stzh-font-weight-medium:normal;--stzh-font-weight-bold:normal;--stzh-font-weight-heavy:normal;--stzh-font-weight-title:normal;--stzh-font-style-light:normal;--stzh-font-style-regular:normal;--stzh-font-style-medium:normal;--stzh-font-style-bold:normal;--stzh-font-style-heavy:normal;--stzh-font-style-title:normal;--stzh-font-femto-font-size:0.625rem;--stzh-font-femto-text-line-height:1.1;--stzh-font-pico-font-size:0.75rem;--stzh-font-pico-text-line-height:1.1;--stzh-font-pico-heading-letter-spacing:0.01em;--stzh-font-nano-font-size:0.8125rem;--stzh-font-nano-text-line-height:1.5;--stzh-font-nano-heading-line-height:1.2;--stzh-font-nano-heading-letter-spacing:0.01em;--stzh-font-nano-lead-line-height:1.7;--stzh-font-micro-font-size:0.875rem;--stzh-font-micro-text-line-height:1.5;--stzh-font-micro-heading-line-height:1.2;--stzh-font-micro-heading-letter-spacing:0.01em;--stzh-font-micro-lead-line-height:1.7;--stzh-font-milli-font-size:1rem;--stzh-font-milli-text-line-height:1.5;--stzh-font-milli-heading-line-height:1.2;--stzh-font-milli-lead-line-height:1.7;--stzh-font-centi-font-size:1.125rem;--stzh-font-centi-text-line-height:1.5;--stzh-font-centi-heading-line-height:1.2;--stzh-font-centi-lead-line-height:1.7;--stzh-font-deci-font-size:1.25rem;--stzh-font-deci-text-line-height:1.5;--stzh-font-deci-heading-line-height:1.2;--stzh-font-deci-lead-line-height:1.7;--stzh-font-regular-font-size:1.375rem;--stzh-font-regular-text-line-height:1.6;--stzh-font-regular-heading-line-height:1.4;--stzh-font-deca-font-size:1.5rem;--stzh-font-deca-text-line-height:1.3;--stzh-font-deca-text-letter-spacing:-0.01em;--stzh-font-hecto-font-size:1.75rem;--stzh-font-hecto-text-line-height:1.3;--stzh-font-hecto-text-letter-spacing:-0.01em;--stzh-font-kilo-font-size:2rem;--stzh-font-kilo-text-line-height:1.3;--stzh-font-kilo-text-letter-spacing:-0.01em;--stzh-font-mega-font-size:2.5rem;--stzh-font-mega-text-line-height:1.2;--stzh-font-mega-text-letter-spacing:-0.02em;--stzh-font-giga-font-size:3rem;--stzh-font-giga-text-line-height:1.2;--stzh-font-giga-text-letter-spacing:-0.02em;--stzh-font-hero-font-size:3.5rem;--stzh-font-hero-text-line-height:1.2;--stzh-font-hero-text-letter-spacing:-0.02em;--stzh-z-index-deep:-999999;--stzh-z-index-default:1;--stzh-z-index-masked:100;--stzh-z-index-mask:200;--stzh-z-index-sticky:300;--stzh-z-index-header:400;--stzh-z-index-toast:500;--stzh-z-index-popover:600;--stzh-z-index-dialog:700;--stzh-z-index-popup:800;--stzh-z-index-overlay:900;--stzh-space-none:0px;--stzh-space-xxxsmall:0.125rem;--stzh-space-xxsmall:0.25rem;--stzh-space-xsmall:0.5rem;--stzh-space-small:0.75rem;--stzh-space-medium:1rem;--stzh-space-large:1.25rem;--stzh-space-xlarge:1.5rem;--stzh-space-xxlarge:2rem;--stzh-space-xxxlarge:2.5rem;--stzh-space-xxxxlarge:3rem;--stzh-space-big:3.5rem;--stzh-space-xbig:4rem;--stzh-space-huge:5rem;--stzh-space-xhuge:6rem;--stzh-space-default:var(--stzh-space-medium);--stzh-box-shadow-header:none;--stzh-box-shadow-popover:none;--stzh-box-shadow-message:none;--stzh-box-shadow-overlay:0px 0.25rem 0.9375rem rgba(0 0 0 / 0.32);--stzh-icon-size-xxsmall:0.75rem;--stzh-icon-size-xsmall:1rem;--stzh-icon-size-small:1.25rem;--stzh-icon-size-medium:1.5rem;--stzh-icon-size-large:2rem;--stzh-icon-size-xlarge:3rem;--stzh-grid-gutter:1rem;--stzh-grid-gutter-small:1.25rem;--stzh-grid-gutter-medium:1.25rem;--stzh-grid-gutter-large:1.5rem;--stzh-grid-gutter-ultra:2rem;--stzh-base-color:var(--stzh-color-black);--stzh-base-invert-color:var(--stzh-color-white);--stzh-base-invert-background-color:var(--stzh-color-primary70);--stzh-base-lead-color:var(--stzh-color-black);--stzh-base-border-color:var(--stzh-color-grey70);--stzh-base-transition-animation-speed:0.3s;--stzh-selection-background-color:var(--stzh-color-secondary20);--stzh-flyingfocus-color:var(--stzh-color-secondary60);--stzh-icon-size:var(--stzh-icon-size-medium);--stzh-icon-color:currentColor;--stzh-icon-vertical-align:text-top;--stzh-link-color:var(--stzh-color-primary70);--stzh-link-icon-size:var(--stzh-icon-size-medium);--stzh-link-text-decoration-line:underline;--stzh-link-text-decoration-thickness:calc(1em / 16);--stzh-link-text-underline-offset:calc(2.5em / 16);--stzh-link-text-decoration-skip-ink:none;--stzh-link-icon-wrapper-height:1em;--stzh-link-hover-color:var(--stzh-color-secondary60);--stzh-link-hover-text-decoration-line:underline;--stzh-link-secondary-color:var(--stzh-color-secondary60);--stzh-link-secondary-hover-color:var(--stzh-color-primary70);--stzh-section-highlight-color:var(--stzh-base-color);--stzh-section-highlight-background-color:var(--stzh-color-secondary10);--stzh-heading-color:var(--stzh-color-primary70);--stzh-text-info-color:var(--stzh-color-coolgrey70);--stzh-table-max-height:none;--stzh-table-min-width:43.75rem;--stzh-table-cell-padding:var(--stzh-space-small) var(--stzh-space-medium);--stzh-table-search-input-width:11rem;--stzh-menu-item-height:2.75rem;--stzh-menu-large-item-height:3.5rem;--stzh-form-input-border-radius:0px;--stzh-form-input-height:3.5rem;--stzh-form-input-small-height:2.75rem;--stzh-form-input-tiny-height:2rem;--stzh-popover-width:13.9375rem;--stzh-popover-min-width:initial;--stzh-popover-max-width:initial;--stzh-popover-padding:0px;--stzh-popover-content-padding:var(--stzh-space-xsmall) 0px;--stzh-popover-border-radius:0px;--stzh-popover-close-visibility:hidden;--stzh-popover-background-color:var(--stzh-color-grey10);--stzh-popover-large-content-padding:var(--stzh-space-medium) 0px;--stzh-tooltip-width:auto;--stzh-tooltip-min-width:initial;--stzh-tooltip-max-width:20.875rem;--stzh-tooltip-padding:calc(var(--stzh-space-small) + 0.0625rem) var(--stzh-space-xsmall);--stzh-tooltip-border-radius:0px;--stzh-tooltip-drop-shadow:none;--stzh-tooltip-small-padding:0 var(--stzh-space-xxsmall);--stzh-header-logobar-background-color:var(--stzh-color-primary70);--stzh-accordion-content-background:var(--stzh-color-secondary10);--stzh-timeline-bullet-size:2.5rem;--stzh-timeline-content-padding-top:var(--stzh-space-medium);--stzh-dialog-backdrop-opacity:0.7;--stzh-dialog-backdrop-background-color:var(--stzh-color-black);--stzh-overlay-backdrop-opacity:0.8;--stzh-overlay-backdrop-background-color:var(--stzh-color-white);--stzh-ratio-background-color:var(--stzh-color-grey20);--stzh-pagetitle-background-color:var(--stzh-color-secondary30);--stzh-calendar-width:20rem;--stzh-cta-background-color:var(--stzh-color-violet50);--stzh-toast-label-font-family:var(--stzh-font-family-medium);--stzh-toast-label-font-weight:var(--stzh-font-weight-medium);--stzh-toast-label-font-style:var(--stzh-font-style-medium);--stzh-toast-background-color:var(--stzh-color-grey20);--stzh-toast-label-color:var(--stzh-base-color);--stzh-toast-close-color:var(--stzh-base-color);--stzh-toast-button-color:var(--stzh-base-color);--stzh-toast-icon-color:var(--stzh-color-info70);--stzh-toast-success-icon-color:var(--stzh-color-success70);--stzh-toast-error-icon-color:var(--stzh-color-error60);--stzh-toast-warning-icon-color:var(--stzh-color-warning80)}@media (forced-colors: active), (-ms-high-contrast: active){:root{--stzh-base-border-color:CanvasText}}.stzh-theme-cta-orange{--stzh-cta-background-color:var(--stzh-color-orange60)}.stzh-theme-cta-magenta{--stzh-cta-background-color:var(--stzh-color-magenta50)}.stzh-theme-cta-firgreen{--stzh-cta-background-color:var(--stzh-color-firgreen60)}.stzh-theme-aoz{--stzh-color-primary-rgb:var(--stzh-color-tabasco-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-mahogany-rgb)}.stzh-theme-vbz{--stzh-color-primary-rgb:var(--stzh-color-deepcerulean-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-regalblue-rgb);--stzh-font-family-heavy:var(--stzh-font-family-bold);--stzh-font-family-medium:var(--stzh-font-family-regular);--stzh-font-family-title:var(--stzh-font-family-light);}.stzh-theme-uvz{--stzh-color-primary-rgb:var(--stzh-color-monza-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-venetianred-rgb);--stzh-link-color:var(--stzh-color-scienceblue);--stzh-heading-color:rgb(77, 77, 77)}.stzh-theme-pkzh{--stzh-pkzh-font-family:Verdana, 'Geneva', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-color-primary-rgb:var(--stzh-color-shakespeare-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-chambray-rgb);--stzh-font-family-light:var(--stzh-pkzh-font-family);--stzh-font-family-regular:var(--stzh-pkzh-font-family);--stzh-font-family-medium:var(--stzh-pkzh-font-family);--stzh-font-family-bold:var(--stzh-pkzh-font-family);--stzh-font-family-heavy:var(--stzh-pkzh-font-family);--stzh-font-weight-light:300;--stzh-font-weight-regular:normal;--stzh-font-weight-medium:500;--stzh-font-weight-bold:700;--stzh-font-weight-heavy:800}.stzh-theme-ms-aoz-agenda{--stzh-color-primary-rgb:var(--stzh-color-ms-aoz-agenda-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-ms-aoz-agenda-hover-rgb)}.stzh-theme-ms-cool-grey60{--stzh-color-primary-rgb:var(--stzh-color-ms-coolgrey60-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-ms-coolgrey60-hover-rgb)}.stzh-theme-ms-cobalt-blue60{--stzh-color-primary-rgb:var(--stzh-color-cobaltblue60-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-cobaltblue60-hover-rgb)}.stzh-theme-ms-shamrock-green70{--stzh-color-primary-rgb:var(--stzh-color-shamrock70-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-shamrock70-hover-rgb)}.stzh-theme-ms-lime-green80{--stzh-color-primary-rgb:var(--stzh-color-limegreen80-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-limegreen80-hover-rgb)}.stzh-theme-ms-magenta70{--stzh-color-primary-rgb:var(--stzh-color-magenta70-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-magenta70-hover-rgb)}.stzh-theme-ms-ocher70{--stzh-color-primary-rgb:var(--stzh-color-ocher70-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-ocher70-hover-rgb)}.stzh-theme-ms-orange{--stzh-color-primary-rgb:var(--stzh-color-ms-orange-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-ms-orange-hover-rgb)}.stzh-theme-ms-orange70{--stzh-color-primary-rgb:var(--stzh-color-orange70-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-orange70-hover-rgb)}.stzh-theme-ms-red{--stzh-color-primary-rgb:var(--stzh-color-ms-red-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-ms-red-hover-rgb)}.stzh-theme-ms-red60{--stzh-color-primary-rgb:var(--stzh-color-red60-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-red60-hover-rgb)}.stzh-theme-ms-violet70{--stzh-color-primary-rgb:var(--stzh-color-violet70-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-violet70-hover-rgb)}.stzh-theme-ms-winered{--stzh-color-primary-rgb:var(--stzh-color-ms-winered-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-ms-winered-hover-rgb)}.stzh-theme-ma{--stzh-section-highlight-background-color:var(--stzh-color-white);background-color:var(--stzh-color-grey10)}
+::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}html,body{max-width:100vw;overflow-x:hidden;overflow-x:clip}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}[hidden]{display:none !important}.stzh-contents{display:contents}.stzh-pointer-events-auto{pointer-events:auto}@media print{img{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.stzh-print-show{display:block !important}.stzh-print-hide{display:none !important}.stzh-print-exact-color{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}}.stzh-scrolling-smooth{scroll-behavior:smooth}@media screen and (prefers-reduced-motion: reduce){.stzh-scrolling-smooth{scroll-behavior:auto}}.stzh-header-scroll-padding-top{scroll-padding-top:var(--stzh-header-metabar-height, 0)}.stzh-header-scroll-margin-top{scroll-margin-top:var(--stzh-header-metabar-height, 0)}.stzh-pagetitle-disturber-stuck-height{height:var(--stzh-pagetitle-disturber-stuck-height)}.stzh-sticky-stuck-bottom-height{height:var(--stzh-sticky-stuck-bottom-height)}.stzh-sticky-stuck-top-height{height:var(--stzh-sticky-stuck-top-height)}.stzh-layout-sticky-footer{display:grid;grid-template-rows:auto minmax(0, 1fr) auto;grid-template-columns:100%;min-height:100vh}.stzh-header-open,.stzh-header-open.sb-show-main.sb-main-fullscreen,.stzh-dialog-open,.stzh-dialog-open.sb-show-main.sb-main-fullscreen,.stzh-overlay-open,.stzh-overlay-open.sb-show-main.sb-main-fullscreen{touch-action:none;-webkit-overflow-scrolling:none;overflow:hidden;padding-right:var(--stzh-scrollbar-width);overscroll-behavior:none}html:has(.stzh-header-open),html:has(.stzh-dialog-open),html:has(.stzh-overlay-open){overflow:hidden}@media screen and (max-width: 599px){.stzh-popover-open,.stzh-popover-open.sb-show-main.sb-main-fullscreen{touch-action:none;-webkit-overflow-scrolling:none;overflow:hidden;padding-right:var(--stzh-scrollbar-width);overscroll-behavior:none}html:has(.stzh-popover-open){overflow:hidden}}.has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-fylingfocus-focused{outline-style:none !important}.stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:root.stzh-flyingfocus-enabled{--stzh-popover-close-visibility:visible}.section.has-sticky{display:contents}:root{--stzh-color-lemonyellow10-rgb:255 253 241;--stzh-color-lemonyellow10:rgba(var(--stzh-color-lemonyellow10-rgb) / 1);--stzh-color-lemonyellow20-rgb:255 254 201;--stzh-color-lemonyellow20:rgba(var(--stzh-color-lemonyellow20-rgb) / 1);--stzh-color-lemonyellow30-rgb:255 253 137;--stzh-color-lemonyellow30:rgba(var(--stzh-color-lemonyellow30-rgb) / 1);--stzh-color-lemonyellow40-rgb:255 243 105;--stzh-color-lemonyellow40:rgba(var(--stzh-color-lemonyellow40-rgb) / 1);--stzh-color-lemonyellow50-rgb:253 232 40;--stzh-color-lemonyellow50:rgba(var(--stzh-color-lemonyellow50-rgb) / 1);--stzh-color-lemonyellow60-rgb:241 217 0;--stzh-color-lemonyellow60:rgba(var(--stzh-color-lemonyellow60-rgb) / 1);--stzh-color-lemonyellow70-rgb:204 186 16;--stzh-color-lemonyellow70:rgba(var(--stzh-color-lemonyellow70-rgb) / 1);--stzh-color-lemonyellow80-rgb:153 141 0;--stzh-color-lemonyellow80:rgba(var(--stzh-color-lemonyellow80-rgb) / 1);--stzh-color-lemonyellow90-rgb:84 79 9;--stzh-color-lemonyellow90:rgba(var(--stzh-color-lemonyellow90-rgb) / 1);--stzh-color-lemonyellow100-rgb:33 31 1;--stzh-color-lemonyellow100:rgba(var(--stzh-color-lemonyellow100-rgb) / 1);--stzh-color-lemongrass10-rgb:252 254 220;--stzh-color-lemongrass10:rgba(var(--stzh-color-lemongrass10-rgb) / 1);--stzh-color-lemongrass20-rgb:250 250 181;--stzh-color-lemongrass20:rgba(var(--stzh-color-lemongrass20-rgb) / 1);--stzh-color-lemongrass30-rgb:241 242 106;--stzh-color-lemongrass30:rgba(var(--stzh-color-lemongrass30-rgb) / 1);--stzh-color-lemongrass40-rgb:224 231 33;--stzh-color-lemongrass40:rgba(var(--stzh-color-lemongrass40-rgb) / 1);--stzh-color-lemongrass50-rgb:209 218 28;--stzh-color-lemongrass50:rgba(var(--stzh-color-lemongrass50-rgb) / 1);--stzh-color-lemongrass60-rgb:191 204 0;--stzh-color-lemongrass60:rgba(var(--stzh-color-lemongrass60-rgb) / 1);--stzh-color-lemongrass70-rgb:146 162 16;--stzh-color-lemongrass70:rgba(var(--stzh-color-lemongrass70-rgb) / 1);--stzh-color-lemongrass80-rgb:104 116 0;--stzh-color-lemongrass80:rgba(var(--stzh-color-lemongrass80-rgb) / 1);--stzh-color-lemongrass90-rgb:49 57 0;--stzh-color-lemongrass90:rgba(var(--stzh-color-lemongrass90-rgb) / 1);--stzh-color-lemongrass100-rgb:19 31 1;--stzh-color-lemongrass100:rgba(var(--stzh-color-lemongrass100-rgb) / 1);--stzh-color-limegreen10-rgb:249 255 231;--stzh-color-limegreen10:rgba(var(--stzh-color-limegreen10-rgb) / 1);--stzh-color-limegreen20-rgb:231 246 192;--stzh-color-limegreen20:rgba(var(--stzh-color-limegreen20-rgb) / 1);--stzh-color-limegreen30-rgb:211 231 131;--stzh-color-limegreen30:rgba(var(--stzh-color-limegreen30-rgb) / 1);--stzh-color-limegreen40-rgb:185 213 92;--stzh-color-limegreen40:rgba(var(--stzh-color-limegreen40-rgb) / 1);--stzh-color-limegreen50-rgb:153 195 46;--stzh-color-limegreen50:rgba(var(--stzh-color-limegreen50-rgb) / 1);--stzh-color-limegreen60-rgb:127 180 32;--stzh-color-limegreen60:rgba(var(--stzh-color-limegreen60-rgb) / 1);--stzh-color-limegreen70-rgb:83 131 27;--stzh-color-limegreen70:rgba(var(--stzh-color-limegreen70-rgb) / 1);--stzh-color-limegreen80-rgb:58 100 19;--stzh-color-limegreen80:rgba(var(--stzh-color-limegreen80-rgb) / 1);--stzh-color-limegreen90-rgb:17 61 6;--stzh-color-limegreen90:rgba(var(--stzh-color-limegreen90-rgb) / 1);--stzh-color-limegreen100-rgb:4 32 0;--stzh-color-limegreen100:rgba(var(--stzh-color-limegreen100-rgb) / 1);--stzh-color-shamrock10-rgb:240 253 233;--stzh-color-shamrock10:rgba(var(--stzh-color-shamrock10-rgb) / 1);--stzh-color-shamrock20-rgb:222 242 205;--stzh-color-shamrock20:rgba(var(--stzh-color-shamrock20-rgb) / 1);--stzh-color-shamrock30-rgb:188 229 158;--stzh-color-shamrock30:rgba(var(--stzh-color-shamrock30-rgb) / 1);--stzh-color-shamrock40-rgb:142 207 105;--stzh-color-shamrock40:rgba(var(--stzh-color-shamrock40-rgb) / 1);--stzh-color-shamrock50-rgb:100 192 79;--stzh-color-shamrock50:rgba(var(--stzh-color-shamrock50-rgb) / 1);--stzh-color-shamrock60-rgb:55 170 50;--stzh-color-shamrock60:rgba(var(--stzh-color-shamrock60-rgb) / 1);--stzh-color-shamrock70-rgb:6 117 30;--stzh-color-shamrock70:rgba(var(--stzh-color-shamrock70-rgb) / 1);--stzh-color-shamrock80-rgb:0 78 20;--stzh-color-shamrock80:rgba(var(--stzh-color-shamrock80-rgb) / 1);--stzh-color-shamrock90-rgb:2 48 9;--stzh-color-shamrock90:rgba(var(--stzh-color-shamrock90-rgb) / 1);--stzh-color-shamrock100-rgb:8 28 0;--stzh-color-shamrock100:rgba(var(--stzh-color-shamrock100-rgb) / 1);--stzh-color-firgreen10-rgb:233 252 242;--stzh-color-firgreen10:rgba(var(--stzh-color-firgreen10-rgb) / 1);--stzh-color-firgreen20-rgb:207 238 216;--stzh-color-firgreen20:rgba(var(--stzh-color-firgreen20-rgb) / 1);--stzh-color-firgreen30-rgb:162 229 176;--stzh-color-firgreen30:rgba(var(--stzh-color-firgreen30-rgb) / 1);--stzh-color-firgreen40-rgb:101 205 140;--stzh-color-firgreen40:rgba(var(--stzh-color-firgreen40-rgb) / 1);--stzh-color-firgreen50-rgb:52 177 11;--stzh-color-firgreen50:rgba(var(--stzh-color-firgreen50-rgb) / 1);--stzh-color-firgreen60-rgb:0 151 85;--stzh-color-firgreen60:rgba(var(--stzh-color-firgreen60-rgb) / 1);--stzh-color-firgreen70-rgb:0 104 49;--stzh-color-firgreen70:rgba(var(--stzh-color-firgreen70-rgb) / 1);--stzh-color-firgreen80-rgb:0 71 36;--stzh-color-firgreen80:rgba(var(--stzh-color-firgreen80-rgb) / 1);--stzh-color-firgreen90-rgb:0 41 20;--stzh-color-firgreen90:rgba(var(--stzh-color-firgreen90-rgb) / 1);--stzh-color-firgreen100-rgb:0 22 9;--stzh-color-firgreen100:rgba(var(--stzh-color-firgreen100-rgb) / 1);--stzh-color-petrol10-rgb:219 252 252;--stzh-color-petrol10:rgba(var(--stzh-color-petrol10-rgb) / 1);--stzh-color-petrol20-rgb:181 244 244;--stzh-color-petrol20:rgba(var(--stzh-color-petrol20-rgb) / 1);--stzh-color-petrol30-rgb:126 231 227;--stzh-color-petrol30:rgba(var(--stzh-color-petrol30-rgb) / 1);--stzh-color-petrol40-rgb:42 199 199;--stzh-color-petrol40:rgba(var(--stzh-color-petrol40-rgb) / 1);--stzh-color-petrol50-rgb:0 159 157;--stzh-color-petrol50:rgba(var(--stzh-color-petrol50-rgb) / 1);--stzh-color-petrol60-rgb:0 124 120;--stzh-color-petrol60:rgba(var(--stzh-color-petrol60-rgb) / 1);--stzh-color-petrol70-rgb:0 88 87;--stzh-color-petrol70:rgba(var(--stzh-color-petrol70-rgb) / 1);--stzh-color-petrol80-rgb:0 60 64;--stzh-color-petrol80:rgba(var(--stzh-color-petrol80-rgb) / 1);--stzh-color-petrol90-rgb:0 33 33;--stzh-color-petrol90:rgba(var(--stzh-color-petrol90-rgb) / 1);--stzh-color-petrol100-rgb:0 23 21;--stzh-color-petrol100:rgba(var(--stzh-color-petrol100-rgb) / 1);--stzh-color-cyan10-rgb:223 252 255;--stzh-color-cyan10:rgba(var(--stzh-color-cyan10-rgb) / 1);--stzh-color-cyan20-rgb:187 238 254;--stzh-color-cyan20:rgba(var(--stzh-color-cyan20-rgb) / 1);--stzh-color-cyan30-rgb:123 220 249;--stzh-color-cyan30:rgba(var(--stzh-color-cyan30-rgb) / 1);--stzh-color-cyan40-rgb:35 195 241;--stzh-color-cyan40:rgba(var(--stzh-color-cyan40-rgb) / 1);--stzh-color-cyan50-rgb:0 152 198;--stzh-color-cyan50:rgba(var(--stzh-color-cyan50-rgb) / 1);--stzh-color-cyan60-rgb:0 118 170;--stzh-color-cyan60:rgba(var(--stzh-color-cyan60-rgb) / 1);--stzh-color-cyan70-rgb:0 77 118;--stzh-color-cyan70:rgba(var(--stzh-color-cyan70-rgb) / 1);--stzh-color-cyan80-rgb:0 52 80;--stzh-color-cyan80:rgba(var(--stzh-color-cyan80-rgb) / 1);--stzh-color-cyan90-rgb:0 26 42;--stzh-color-cyan90:rgba(var(--stzh-color-cyan90-rgb) / 1);--stzh-color-cyan100-rgb:1 19 30;--stzh-color-cyan100:rgba(var(--stzh-color-cyan100-rgb) / 1);--stzh-color-cobaltblue10-rgb:230 247 255;--stzh-color-cobaltblue10:rgba(var(--stzh-color-cobaltblue10-rgb) / 1);--stzh-color-cobaltblue20-rgb:197 231 255;--stzh-color-cobaltblue20:rgba(var(--stzh-color-cobaltblue20-rgb) / 1);--stzh-color-cobaltblue30-rgb:136 207 255;--stzh-color-cobaltblue30:rgba(var(--stzh-color-cobaltblue30-rgb) / 1);--stzh-color-cobaltblue40-rgb:70 178 255;--stzh-color-cobaltblue40:rgba(var(--stzh-color-cobaltblue40-rgb) / 1);--stzh-color-cobaltblue50-rgb:10 141 246;--stzh-color-cobaltblue50:rgba(var(--stzh-color-cobaltblue50-rgb) / 1);--stzh-color-cobaltblue60-rgb:3 83 220;--stzh-color-cobaltblue60:rgba(var(--stzh-color-cobaltblue60-rgb) / 1);--stzh-color-cobaltblue70-rgb:0 47 150;--stzh-color-cobaltblue70:rgba(var(--stzh-color-cobaltblue70-rgb) / 1);--stzh-color-cobaltblue80-rgb:0 24 90;--stzh-color-cobaltblue80:rgba(var(--stzh-color-cobaltblue80-rgb) / 1);--stzh-color-cobaltblue90-rgb:0 18 49;--stzh-color-cobaltblue90:rgba(var(--stzh-color-cobaltblue90-rgb) / 1);--stzh-color-cobaltblue100-rgb:0 9 32;--stzh-color-cobaltblue100:rgba(var(--stzh-color-cobaltblue100-rgb) / 1);--stzh-color-midnightblue10-rgb:239 245 255;--stzh-color-midnightblue10:rgba(var(--stzh-color-midnightblue10-rgb) / 1);--stzh-color-midnightblue20-rgb:197 219 255;--stzh-color-midnightblue20:rgba(var(--stzh-color-midnightblue20-rgb) / 1);--stzh-color-midnightblue30-rgb:148 183 248;--stzh-color-midnightblue30:rgba(var(--stzh-color-midnightblue30-rgb) / 1);--stzh-color-midnightblue40-rgb:100 150 255;--stzh-color-midnightblue40:rgba(var(--stzh-color-midnightblue40-rgb) / 1);--stzh-color-midnightblue50-rgb:61 107 255;--stzh-color-midnightblue50:rgba(var(--stzh-color-midnightblue50-rgb) / 1);--stzh-color-midnightblue60-rgb:52 49 222;--stzh-color-midnightblue60:rgba(var(--stzh-color-midnightblue60-rgb) / 1);--stzh-color-midnightblue70-rgb:15 5 160;--stzh-color-midnightblue70:rgba(var(--stzh-color-midnightblue70-rgb) / 1);--stzh-color-midnightblue80-rgb:7 0 102;--stzh-color-midnightblue80:rgba(var(--stzh-color-midnightblue80-rgb) / 1);--stzh-color-midnightblue90-rgb:7 0 70;--stzh-color-midnightblue90:rgba(var(--stzh-color-midnightblue90-rgb) / 1);--stzh-color-midnightblue100-rgb:7 0 48;--stzh-color-midnightblue100:rgba(var(--stzh-color-midnightblue100-rgb) / 1);--stzh-color-violet10-rgb:246 243 255;--stzh-color-violet10:rgba(var(--stzh-color-violet10-rgb) / 1);--stzh-color-violet20-rgb:227 214 251;--stzh-color-violet20:rgba(var(--stzh-color-violet20-rgb) / 1);--stzh-color-violet30-rgb:207 176 255;--stzh-color-violet30:rgba(var(--stzh-color-violet30-rgb) / 1);--stzh-color-violet40-rgb:188 146 255;--stzh-color-violet40:rgba(var(--stzh-color-violet40-rgb) / 1);--stzh-color-violet50-rgb:161 116 222;--stzh-color-violet50:rgba(var(--stzh-color-violet50-rgb) / 1);--stzh-color-violet60-rgb:123 79 183;--stzh-color-violet60:rgba(var(--stzh-color-violet60-rgb) / 1);--stzh-color-violet70-rgb:81 36 128;--stzh-color-violet70:rgba(var(--stzh-color-violet70-rgb) / 1);--stzh-color-violet80-rgb:53 20 89;--stzh-color-violet80:rgba(var(--stzh-color-violet80-rgb) / 1);--stzh-color-violet90-rgb:32 0 68;--stzh-color-violet90:rgba(var(--stzh-color-violet90-rgb) / 1);--stzh-color-violet100-rgb:24 0 54;--stzh-color-violet100:rgba(var(--stzh-color-violet100-rgb) / 1);--stzh-color-magenta10-rgb:253 241 248;--stzh-color-magenta10:rgba(var(--stzh-color-magenta10-rgb) / 1);--stzh-color-magenta20-rgb:254 210 238;--stzh-color-magenta20:rgba(var(--stzh-color-magenta20-rgb) / 1);--stzh-color-magenta30-rgb:249 158 200;--stzh-color-magenta30:rgba(var(--stzh-color-magenta30-rgb) / 1);--stzh-color-magenta40-rgb:243 107 166;--stzh-color-magenta40:rgba(var(--stzh-color-magenta40-rgb) / 1);--stzh-color-magenta50-rgb:233 60 133;--stzh-color-magenta50:rgba(var(--stzh-color-magenta50-rgb) / 1);--stzh-color-magenta60-rgb:198 0 107;--stzh-color-magenta60:rgba(var(--stzh-color-magenta60-rgb) / 1);--stzh-color-magenta70-rgb:150 0 85;--stzh-color-magenta70:rgba(var(--stzh-color-magenta70-rgb) / 1);--stzh-color-magenta80-rgb:96 0 59;--stzh-color-magenta80:rgba(var(--stzh-color-magenta80-rgb) / 1);--stzh-color-magenta90-rgb:57 0 32;--stzh-color-magenta90:rgba(var(--stzh-color-magenta90-rgb) / 1);--stzh-color-magenta100-rgb:34 0 13;--stzh-color-magenta100:rgba(var(--stzh-color-magenta100-rgb) / 1);--stzh-color-red10-rgb:254 243 243;--stzh-color-red10:rgba(var(--stzh-color-red10-rgb) / 1);--stzh-color-red20-rgb:250 215 224;--stzh-color-red20:rgba(var(--stzh-color-red20-rgb) / 1);--stzh-color-red30-rgb:247 165 175;--stzh-color-red30:rgba(var(--stzh-color-red30-rgb) / 1);--stzh-color-red40-rgb:251 115 126;--stzh-color-red40:rgba(var(--stzh-color-red40-rgb) / 1);--stzh-color-red50-rgb:232 64 76;--stzh-color-red50:rgba(var(--stzh-color-red50-rgb) / 1);--stzh-color-red60-rgb:220 3 14;--stzh-color-red60:rgba(var(--stzh-color-red60-rgb) / 1);--stzh-color-red70-rgb:163 20 19;--stzh-color-red70:rgba(var(--stzh-color-red70-rgb) / 1);--stzh-color-red80-rgb:100 13 4;--stzh-color-red80:rgba(var(--stzh-color-red80-rgb) / 1);--stzh-color-red90-rgb:61 14 9;--stzh-color-red90:rgba(var(--stzh-color-red90-rgb) / 1);--stzh-color-red100-rgb:31 5 4;--stzh-color-red100:rgba(var(--stzh-color-red100-rgb) / 1);--stzh-color-coral10-rgb:253 239 236;--stzh-color-coral10:rgba(var(--stzh-color-coral10-rgb) / 1);--stzh-color-coral20-rgb:251 219 212;--stzh-color-coral20:rgba(var(--stzh-color-coral20-rgb) / 1);--stzh-color-coral30-rgb:246 175 160;--stzh-color-coral30:rgba(var(--stzh-color-coral30-rgb) / 1);--stzh-color-coral40-rgb:241 135 133;--stzh-color-coral40:rgba(var(--stzh-color-coral40-rgb) / 1);--stzh-color-coral50-rgb:234 79 97;--stzh-color-coral50:rgba(var(--stzh-color-coral50-rgb) / 1);--stzh-color-coral60-rgb:226 45 83;--stzh-color-coral60:rgba(var(--stzh-color-coral60-rgb) / 1);--stzh-color-coral70-rgb:163 20 19;--stzh-color-coral70:rgba(var(--stzh-color-coral70-rgb) / 1);--stzh-color-coral80-rgb:109 3 33;--stzh-color-coral80:rgba(var(--stzh-color-coral80-rgb) / 1);--stzh-color-coral90-rgb:71 0 19;--stzh-color-coral90:rgba(var(--stzh-color-coral90-rgb) / 1);--stzh-color-coral100-rgb:41 0 1;--stzh-color-coral100:rgba(var(--stzh-color-coral100-rgb) / 1);--stzh-color-orange10-rgb:254 245 234;--stzh-color-orange10:rgba(var(--stzh-color-orange10-rgb) / 1);--stzh-color-orange20-rgb:253 228 200;--stzh-color-orange20:rgba(var(--stzh-color-orange20-rgb) / 1);--stzh-color-orange30-rgb:251 203 151;--stzh-color-orange30:rgba(var(--stzh-color-orange30-rgb) / 1);--stzh-color-orange40-rgb:246 169 96;--stzh-color-orange40:rgba(var(--stzh-color-orange40-rgb) / 1);--stzh-color-orange50-rgb:241 136 48;--stzh-color-orange50:rgba(var(--stzh-color-orange50-rgb) / 1);--stzh-color-orange60-rgb:235 94 0;--stzh-color-orange60:rgba(var(--stzh-color-orange60-rgb) / 1);--stzh-color-orange70-rgb:178 58 1;--stzh-color-orange70:rgba(var(--stzh-color-orange70-rgb) / 1);--stzh-color-orange80-rgb:124 43 1;--stzh-color-orange80:rgba(var(--stzh-color-orange80-rgb) / 1);--stzh-color-orange90-rgb:72 23 0;--stzh-color-orange90:rgba(var(--stzh-color-orange90-rgb) / 1);--stzh-color-orange100-rgb:46 17 0;--stzh-color-orange100:rgba(var(--stzh-color-orange100-rgb) / 1);--stzh-color-sunnyyellow10-rgb:255 250 234;--stzh-color-sunnyyellow10:rgba(var(--stzh-color-sunnyyellow10-rgb) / 1);--stzh-color-sunnyyellow20-rgb:255 238 182;--stzh-color-sunnyyellow20:rgba(var(--stzh-color-sunnyyellow20-rgb) / 1);--stzh-color-sunnyyellow30-rgb:255 228 138;--stzh-color-sunnyyellow30:rgba(var(--stzh-color-sunnyyellow30-rgb) / 1);--stzh-color-sunnyyellow40-rgb:255 223 97;--stzh-color-sunnyyellow40:rgba(var(--stzh-color-sunnyyellow40-rgb) / 1);--stzh-color-sunnyyellow50-rgb:255 204 0;--stzh-color-sunnyyellow50:rgba(var(--stzh-color-sunnyyellow50-rgb) / 1);--stzh-color-sunnyyellow60-rgb:251 185 0;--stzh-color-sunnyyellow60:rgba(var(--stzh-color-sunnyyellow60-rgb) / 1);--stzh-color-sunnyyellow70-rgb:192 134 0;--stzh-color-sunnyyellow70:rgba(var(--stzh-color-sunnyyellow70-rgb) / 1);--stzh-color-sunnyyellow80-rgb:146 105 1;--stzh-color-sunnyyellow80:rgba(var(--stzh-color-sunnyyellow80-rgb) / 1);--stzh-color-sunnyyellow90-rgb:97 70 0;--stzh-color-sunnyyellow90:rgba(var(--stzh-color-sunnyyellow90-rgb) / 1);--stzh-color-sunnyyellow100-rgb:51 35 0;--stzh-color-sunnyyellow100:rgba(var(--stzh-color-sunnyyellow100-rgb) / 1);--stzh-color-ocher10-rgb:253 251 247;--stzh-color-ocher10:rgba(var(--stzh-color-ocher10-rgb) / 1);--stzh-color-ocher20-rgb:239 226 200;--stzh-color-ocher20:rgba(var(--stzh-color-ocher20-rgb) / 1);--stzh-color-ocher30-rgb:222 181 130;--stzh-color-ocher30:rgba(var(--stzh-color-ocher30-rgb) / 1);--stzh-color-ocher40-rgb:218 158 73;--stzh-color-ocher40:rgba(var(--stzh-color-ocher40-rgb) / 1);--stzh-color-ocher50-rgb:214 133 0;--stzh-color-ocher50:rgba(var(--stzh-color-ocher50-rgb) / 1);--stzh-color-ocher60-rgb:198 121 0;--stzh-color-ocher60:rgba(var(--stzh-color-ocher60-rgb) / 1);--stzh-color-ocher70-rgb:154 91 1;--stzh-color-ocher70:rgba(var(--stzh-color-ocher70-rgb) / 1);--stzh-color-ocher80-rgb:113 64 0;--stzh-color-ocher80:rgba(var(--stzh-color-ocher80-rgb) / 1);--stzh-color-ocher90-rgb:74 40 0;--stzh-color-ocher90:rgba(var(--stzh-color-ocher90-rgb) / 1);--stzh-color-ocher100-rgb:49 26 1;--stzh-color-ocher100:rgba(var(--stzh-color-ocher100-rgb) / 1);--stzh-color-warmgrey10-rgb:246 243 242;--stzh-color-warmgrey10:rgba(var(--stzh-color-warmgrey10-rgb) / 1);--stzh-color-warmgrey20-rgb:228 224 223;--stzh-color-warmgrey20:rgba(var(--stzh-color-warmgrey20-rgb) / 1);--stzh-color-warmgrey30-rgb:201 197 196;--stzh-color-warmgrey30:rgba(var(--stzh-color-warmgrey30-rgb) / 1);--stzh-color-warmgrey40-rgb:172 168 168;--stzh-color-warmgrey40:rgba(var(--stzh-color-warmgrey40-rgb) / 1);--stzh-color-warmgrey50-rgb:143 139 139;--stzh-color-warmgrey50:rgba(var(--stzh-color-warmgrey50-rgb) / 1);--stzh-color-warmgrey60-rgb:114 111 110;--stzh-color-warmgrey60:rgba(var(--stzh-color-warmgrey60-rgb) / 1);--stzh-color-warmgrey70-rgb:84 80 80;--stzh-color-warmgrey70:rgba(var(--stzh-color-warmgrey70-rgb) / 1);--stzh-color-warmgrey80-rgb:59 55 55;--stzh-color-warmgrey80:rgba(var(--stzh-color-warmgrey80-rgb) / 1);--stzh-color-warmgrey90-rgb:37 35 35;--stzh-color-warmgrey90:rgba(var(--stzh-color-warmgrey90-rgb) / 1);--stzh-color-warmgrey100-rgb:19 17 17;--stzh-color-warmgrey100:rgba(var(--stzh-color-warmgrey100-rgb) / 1);--stzh-color-coolgrey10-rgb:244 247 249;--stzh-color-coolgrey10:rgba(var(--stzh-color-coolgrey10-rgb) / 1);--stzh-color-coolgrey20-rgb:217 233 239;--stzh-color-coolgrey20:rgba(var(--stzh-color-coolgrey20-rgb) / 1);--stzh-color-coolgrey30-rgb:178 204 215;--stzh-color-coolgrey30:rgba(var(--stzh-color-coolgrey30-rgb) / 1);--stzh-color-coolgrey40-rgb:141 175 188;--stzh-color-coolgrey40:rgba(var(--stzh-color-coolgrey40-rgb) / 1);--stzh-color-coolgrey50-rgb:121 148 159;--stzh-color-coolgrey50:rgba(var(--stzh-color-coolgrey50-rgb) / 1);--stzh-color-coolgrey60-rgb:95 122 131;--stzh-color-coolgrey60:rgba(var(--stzh-color-coolgrey60-rgb) / 1);--stzh-color-coolgrey70-rgb:61 87 94;--stzh-color-coolgrey70:rgba(var(--stzh-color-coolgrey70-rgb) / 1);--stzh-color-coolgrey80-rgb:34 58 65;--stzh-color-coolgrey80:rgba(var(--stzh-color-coolgrey80-rgb) / 1);--stzh-color-coolgrey90-rgb:8 36 41;--stzh-color-coolgrey90:rgba(var(--stzh-color-coolgrey90-rgb) / 1);--stzh-color-coolgrey100-rgb:0 18 21;--stzh-color-coolgrey100:rgba(var(--stzh-color-coolgrey100-rgb) / 1);--stzh-color-grey10-rgb:244 244 244;--stzh-color-grey10:rgba(var(--stzh-color-grey10-rgb) / 1);--stzh-color-grey20-rgb:232 232 232;--stzh-color-grey20:rgba(var(--stzh-color-grey20-rgb) / 1);--stzh-color-grey30-rgb:210 210 210;--stzh-color-grey30:rgba(var(--stzh-color-grey30-rgb) / 1);--stzh-color-grey40-rgb:194 194 194;--stzh-color-grey40:rgba(var(--stzh-color-grey40-rgb) / 1);--stzh-color-grey50-rgb:170 170 170;--stzh-color-grey50:rgba(var(--stzh-color-grey50-rgb) / 1);--stzh-color-grey60-rgb:154 154 154;--stzh-color-grey60:rgba(var(--stzh-color-grey60-rgb) / 1);--stzh-color-grey70-rgb:124 124 124;--stzh-color-grey70:rgba(var(--stzh-color-grey70-rgb) / 1);--stzh-color-grey80-rgb:96 96 96;--stzh-color-grey80:rgba(var(--stzh-color-grey80-rgb) / 1);--stzh-color-grey90-rgb:64 64 64;--stzh-color-grey90:rgba(var(--stzh-color-grey90-rgb) / 1);--stzh-color-grey100-rgb:42 42 42;--stzh-color-grey100:rgba(var(--stzh-color-grey100-rgb) / 1);--stzh-color-tabasco-rgb:165 26 15;--stzh-color-tabasco:rgba(var(--stzh-color-tabasco-rgb) / 1);--stzh-color-mahogany-rgb:99 15 9;--stzh-color-mahogany:rgba(var(--stzh-color-mahogany-rgb) / 1);--stzh-color-monza-rgb:195 0 36;--stzh-color-monza:rgba(var(--stzh-color-monza-rgb) / 1);--stzh-color-venetianred-rgb:117 0 21;--stzh-color-venetianred:rgba(var(--stzh-color-venetianred-rgb) / 1);--stzh-color-scienceblue-rgb:0 109 197;--stzh-color-scienceblue:rgba(var(--stzh-color-scienceblue-rgb) / 1);--stzh-color-deepcerulean-rgb:5 127 172;--stzh-color-deepcerulean:rgba(var(--stzh-color-deepcerulean-rgb) / 1);--stzh-color-regalblue-rgb:3 76 103;--stzh-color-regalblue:rgba(var(--stzh-color-regalblue-rgb) / 1);--stzh-color-coral-rgb:228 105 76;--stzh-color-coral:rgba(var(--stzh-color-coral-rgb) / 1);--stzh-color-shakespeare-rgb:74 150 200;--stzh-color-shakespeare:rgba(var(--stzh-color-shakespeare-rgb) / 1);--stzh-color-chambray-rgb:44 90 120;--stzh-color-chambray:rgba(var(--stzh-color-chambray-rgb) / 1);--stzh-color-ms-aoz-agenda-rgb:47 142 135;--stzh-color-ms-aoz-agenda:rgba(var(--stzh-color-ms-aoz-agenda-rgb) / 1);--stzh-color-ms-aoz-agenda-hover-rgb:33 102 100;--stzh-color-ms-aoz-agenda-hover:rgba(var(--stzh-color-ms-aoz-agenda-hover-rgb) / 1);--stzh-color-ms-coolgrey60-rgb:92 119 129;--stzh-color-ms-coolgrey60:rgba(var(--stzh-color-ms-coolgrey60-rgb) / 1);--stzh-color-ms-coolgrey60-hover-rgb:52 79 89;--stzh-color-ms-coolgrey60-hover:rgba(var(--stzh-color-ms-coolgrey60-hover-rgb) / 1);--stzh-color-ms-orange-rgb:242 139 0;--stzh-color-ms-orange:rgba(var(--stzh-color-ms-orange-rgb) / 1);--stzh-color-ms-orange-hover-rgb:145 83 0;--stzh-color-ms-orange-hover:rgba(var(--stzh-color-ms-orange-hover-rgb) / 1);--stzh-color-ms-red-rgb:165 26 15;--stzh-color-ms-red:rgba(var(--stzh-color-ms-red-rgb) / 1);--stzh-color-ms-red-hover-rgb:99 15 9;--stzh-color-ms-red-hover:rgba(var(--stzh-color--ms-red-hover-rgb) / 1);--stzh-color-ms-winered-rgb:137 7 42;--stzh-color-ms-winered:rgba(var(--stzh-color-ms-winered-rgb) / 1);--stzh-color-ms-winered-hover-rgb:82 4 25;--stzh-color-ms-winered-hover:rgba(var(--stzh-color-ms-winered-hover-rgb) / 1);--stzh-color-cobaltblue60-hover-rgb:0 51 141;--stzh-color-cobaltblue60-hover:rgba(var(--stzh-color-cobaltblue60-hover-rgb) / 1);--stzh-color-shamrock70-hover-rgb:5 77 20;--stzh-color-shamrock70-hover:rgba(var(--stzh-color-shamrock70-hover-rgb) / 1);--stzh-color-limegreen80-hover-rgb:38 65 12;--stzh-color-limegreen80-hover:rgba(var(--stzh-color-limegreen80-hover-rgb) / 1);--stzh-color-magenta70-hover-rgb:102 0 51;--stzh-color-magenta70-hover:rgba(var(--stzh-color-magenta70-hover-rgb) / 1);--stzh-color-ocher70-hover-rgb:90 54 0;--stzh-color-ocher70-hover:rgba(var(--stzh-color-ocher70-hover-rgb) / 1);--stzh-color-orange70-hover-rgb:111 38 31;--stzh-color-orange70-hover:rgba(var(--stzh-color-orange70-hover-rgb) / 1);--stzh-color-red60-hover-rgb:162 3 9;--stzh-color-red60-hover:rgba(var(--stzh-color-red60-hover-rgb) / 1);--stzh-color-violet70-hover-rgb:45 19 72;--stzh-color-violet70-hover:rgba(var(--stzh-color-violet70-hover-rgb) / 1);--stzh-color-white-rgb:255 255 255;--stzh-color-white:rgba(var(--stzh-color-white-rgb) / 1);--stzh-color-white10op:rgba(var(--stzh-color-white-rgb) / 0.1);--stzh-color-white20op:rgba(var(--stzh-color-white-rgb) / 0.2);--stzh-color-white30op:rgba(var(--stzh-color-white-rgb) / 0.3);--stzh-color-white40op:rgba(var(--stzh-color-white-rgb) / 0.4);--stzh-color-white50op:rgba(var(--stzh-color-white-rgb) / 0.5);--stzh-color-white60op:rgba(var(--stzh-color-white-rgb) / 0.6);--stzh-color-white70op:rgba(var(--stzh-color-white-rgb) / 0.7);--stzh-color-white80op:rgba(var(--stzh-color-white-rgb) / 0.8);--stzh-color-white90op:rgba(var(--stzh-color-white-rgb) / 0.9);--stzh-color-black-rgb:0 0 0;--stzh-color-black:rgba(var(--stzh-color-black-rgb) / 1);--stzh-color-black10op:rgba(var(--stzh-color-black-rgb) / 0.1);--stzh-color-black20op:rgba(var(--stzh-color-black-rgb) / 0.2);--stzh-color-black30op:rgba(var(--stzh-color-black-rgb) / 0.3);--stzh-color-black40op:rgba(var(--stzh-color-black-rgb) / 0.4);--stzh-color-black50op:rgba(var(--stzh-color-black-rgb) / 0.5);--stzh-color-black60op:rgba(var(--stzh-color-black-rgb) / 0.6);--stzh-color-black70op:rgba(var(--stzh-color-black-rgb) / 0.7);--stzh-color-black80op:rgba(var(--stzh-color-black-rgb) / 0.8);--stzh-color-black90op:rgba(var(--stzh-color-black-rgb) / 0.9);--stzh-color-primary10-rgb:var(--stzh-color-midnightblue10-rgb);--stzh-color-primary10:rgba(var(--stzh-color-primary10-rgb) / 1);--stzh-color-primary20-rgb:var(--stzh-color-midnightblue20-rgb);--stzh-color-primary20:rgba(var(--stzh-color-primary20-rgb) / 1);--stzh-color-primary30-rgb:var(--stzh-color-midnightblue30-rgb);--stzh-color-primary30:rgba(var(--stzh-color-primary30-rgb) / 1);--stzh-color-primary40-rgb:var(--stzh-color-midnightblue40-rgb);--stzh-color-primary40:rgba(var(--stzh-color-primary40-rgb) / 1);--stzh-color-primary50-rgb:var(--stzh-color-midnightblue50-rgb);--stzh-color-primary50:rgba(var(--stzh-color-primary50-rgb) / 1);--stzh-color-primary60-rgb:var(--stzh-color-midnightblue60-rgb);--stzh-color-primary60:rgba(var(--stzh-color-primary60-rgb) / 1);--stzh-color-primary70-rgb:var(--stzh-color-midnightblue70-rgb);--stzh-color-primary70:rgba(var(--stzh-color-primary70-rgb) / 1);--stzh-color-primary80-rgb:var(--stzh-color-midnightblue80-rgb);--stzh-color-primary80:rgba(var(--stzh-color-primary80-rgb) / 1);--stzh-color-primary90-rgb:var(--stzh-color-midnightblue90-rgb);--stzh-color-primary90:rgba(var(--stzh-color-primary90-rgb) / 1);--stzh-color-primary100-rgb:var(--stzh-color-midnightblue100-rgb);--stzh-color-primary100:rgba(var(--stzh-color-primary100-rgb) / 1);--stzh-color-secondary10-rgb:var(--stzh-color-cobaltblue10-rgb);--stzh-color-secondary10:rgba(var(--stzh-color-secondary10-rgb) / 1);--stzh-color-secondary20-rgb:var(--stzh-color-cobaltblue20-rgb);--stzh-color-secondary20:rgba(var(--stzh-color-secondary20-rgb) / 1);--stzh-color-secondary30-rgb:var(--stzh-color-cobaltblue30-rgb);--stzh-color-secondary30:rgba(var(--stzh-color-secondary30-rgb) / 1);--stzh-color-secondary40-rgb:var(--stzh-color-cobaltblue40-rgb);--stzh-color-secondary40:rgba(var(--stzh-color-secondary40-rgb) / 1);--stzh-color-secondary50-rgb:var(--stzh-color-cobaltblue50-rgb);--stzh-color-secondary50:rgba(var(--stzh-color-secondary50-rgb) / 1);--stzh-color-secondary60-rgb:var(--stzh-color-cobaltblue60-rgb);--stzh-color-secondary60:rgba(var(--stzh-color-secondary60-rgb) / 1);--stzh-color-secondary70-rgb:var(--stzh-color-cobaltblue70-rgb);--stzh-color-secondary70:rgba(var(--stzh-color-secondary70-rgb) / 1);--stzh-color-secondary80-rgb:var(--stzh-color-cobaltblue80-rgb);--stzh-color-secondary80:rgba(var(--stzh-color-secondary80-rgb) / 1);--stzh-color-secondary90-rgb:var(--stzh-color-cobaltblue90-rgb);--stzh-color-secondary90:rgba(var(--stzh-color-secondary90-rgb) / 1);--stzh-color-secondary100-rgb:var(--stzh-color-cobaltblue100-rgb);--stzh-color-secondary100:rgba(var(--stzh-color-secondary100-rgb) / 1);--stzh-color-primary-rgb:var(--stzh-color-primary70-rgb);--stzh-color-primary:rgba(var(--stzh-color-primary-rgb) / 1);--stzh-color-primary-hover-rgb:var(--stzh-color-primary90-rgb);--stzh-color-primary-hover:rgba(var(--stzh-color-primary-hover-rgb) / 1);--stzh-color-success10-rgb:var(--stzh-color-shamrock10-rgb);--stzh-color-success10:rgba(var(--stzh-color-success10-rgb) / 1);--stzh-color-success20-rgb:var(--stzh-color-shamrock20-rgb);--stzh-color-success20:rgba(var(--stzh-color-success20-rgb) / 1);--stzh-color-success30-rgb:var(--stzh-color-shamrock30-rgb);--stzh-color-success30:rgba(var(--stzh-color-success30-rgb) / 1);--stzh-color-success40-rgb:var(--stzh-color-shamrock40-rgb);--stzh-color-success40:rgba(var(--stzh-color-success40-rgb) / 1);--stzh-color-success50-rgb:var(--stzh-color-shamrock50-rgb);--stzh-color-success50:rgba(var(--stzh-color-success50-rgb) / 1);--stzh-color-success60-rgb:var(--stzh-color-shamrock60-rgb);--stzh-color-success60:rgba(var(--stzh-color-success60-rgb) / 1);--stzh-color-success70-rgb:var(--stzh-color-shamrock70-rgb);--stzh-color-success70:rgba(var(--stzh-color-success70-rgb) / 1);--stzh-color-success80-rgb:var(--stzh-color-shamrock80-rgb);--stzh-color-success80:rgba(var(--stzh-color-success80-rgb) / 1);--stzh-color-success90-rgb:var(--stzh-color-shamrock90-rgb);--stzh-color-success90:rgba(var(--stzh-color-success90-rgb) / 1);--stzh-color-success100-rgb:var(--stzh-color-shamrock100-rgb);--stzh-color-success100:rgba(var(--stzh-color-success100-rgb) / 1);--stzh-color-error10-rgb:var(--stzh-color-coral10-rgb);--stzh-color-error10:rgba(var(--stzh-color-error10-rgb) / 1);--stzh-color-error20-rgb:var(--stzh-color-coral20-rgb);--stzh-color-error20:rgba(var(--stzh-color-error20-rgb) / 1);--stzh-color-error30-rgb:var(--stzh-color-coral30-rgb);--stzh-color-error30:rgba(var(--stzh-color-error30-rgb) / 1);--stzh-color-error40-rgb:var(--stzh-color-coral40-rgb);--stzh-color-error40:rgba(var(--stzh-color-error40-rgb) / 1);--stzh-color-error50-rgb:var(--stzh-color-coral50-rgb);--stzh-color-error50:rgba(var(--stzh-color-error50-rgb) / 1);--stzh-color-error60-rgb:var(--stzh-color-coral60-rgb);--stzh-color-error60:rgba(var(--stzh-color-error60-rgb) / 1);--stzh-color-error70-rgb:var(--stzh-color-coral70-rgb);--stzh-color-error70:rgba(var(--stzh-color-error70-rgb) / 1);--stzh-color-error80-rgb:var(--stzh-color-coral80-rgb);--stzh-color-error80:rgba(var(--stzh-color-error80-rgb) / 1);--stzh-color-error90-rgb:var(--stzh-color-coral90-rgb);--stzh-color-error90:rgba(var(--stzh-color-error90-rgb) / 1);--stzh-color-error100-rgb:var(--stzh-color-coral100-rgb);--stzh-color-error100:rgba(var(--stzh-color-error100-rgb) / 1);--stzh-color-warning10-rgb:var(--stzh-color-sunnyyellow10-rgb);--stzh-color-warning10:rgba(var(--stzh-color-warning10-rgb) / 1);--stzh-color-warning20-rgb:var(--stzh-color-sunnyyellow20-rgb);--stzh-color-warning20:rgba(var(--stzh-color-warning20-rgb) / 1);--stzh-color-warning30-rgb:var(--stzh-color-sunnyyellow30-rgb);--stzh-color-warning30:rgba(var(--stzh-color-warning30-rgb) / 1);--stzh-color-warning40-rgb:var(--stzh-color-sunnyyellow40-rgb);--stzh-color-warning40:rgba(var(--stzh-color-warning40-rgb) / 1);--stzh-color-warning50-rgb:var(--stzh-color-sunnyyellow50-rgb);--stzh-color-warning50:rgba(var(--stzh-color-warning50-rgb) / 1);--stzh-color-warning60-rgb:var(--stzh-color-sunnyyellow60-rgb);--stzh-color-warning60:rgba(var(--stzh-color-warning60-rgb) / 1);--stzh-color-warning70-rgb:var(--stzh-color-sunnyyellow70-rgb);--stzh-color-warning70:rgba(var(--stzh-color-warning70-rgb) / 1);--stzh-color-warning80-rgb:var(--stzh-color-sunnyyellow80-rgb);--stzh-color-warning80:rgba(var(--stzh-color-warning80-rgb) / 1);--stzh-color-warning90-rgb:var(--stzh-color-sunnyyellow90-rgb);--stzh-color-warning90:rgba(var(--stzh-color-warning90-rgb) / 1);--stzh-color-warning100-rgb:var(--stzh-color-sunnyyellow100-rgb);--stzh-color-warning100:rgba(var(--stzh-color-warning100-rgb) / 1);--stzh-color-info10-rgb:var(--stzh-color-coolgrey10-rgb);--stzh-color-info10:rgba(var(--stzh-color-info10-rgb) / 1);--stzh-color-info20-rgb:var(--stzh-color-coolgrey20-rgb);--stzh-color-info20:rgba(var(--stzh-color-info20-rgb) / 1);--stzh-color-info30-rgb:var(--stzh-color-coolgrey30-rgb);--stzh-color-info30:rgba(var(--stzh-color-info30-rgb) / 1);--stzh-color-info40-rgb:var(--stzh-color-coolgrey40-rgb);--stzh-color-info40:rgba(var(--stzh-color-info40-rgb) / 1);--stzh-color-info50-rgb:var(--stzh-color-coolgrey50-rgb);--stzh-color-info50:rgba(var(--stzh-color-info50-rgb) / 1);--stzh-color-info60-rgb:var(--stzh-color-coolgrey60-rgb);--stzh-color-info60:rgba(var(--stzh-color-info60-rgb) / 1);--stzh-color-info70-rgb:var(--stzh-color-coolgrey70-rgb);--stzh-color-info70:rgba(var(--stzh-color-info70-rgb) / 1);--stzh-color-info80-rgb:var(--stzh-color-coolgrey80-rgb);--stzh-color-info80:rgba(var(--stzh-color-info80-rgb) / 1);--stzh-color-info90-rgb:var(--stzh-color-coolgrey90-rgb);--stzh-color-info90:rgba(var(--stzh-color-info90-rgb) / 1);--stzh-color-info100-rgb:var(--stzh-color-coolgrey100-rgb);--stzh-color-info100:rgba(var(--stzh-color-info100-rgb) / 1);--stzh-color-old-truegreen-rgb:0 128 0;--stzh-color-old-truegreen:rgba(var(--stzh-color-old-truegreen-rgb) / 1);--stzh-color-old-warning-rgb:219 126 0;--stzh-color-old-warning:rgba(var(--stzh-color-old-warning-rgb) / 1);--stzh-color-old-active-rgb:164 196 0;--stzh-color-old-active:rgba(var(--stzh-color-old-active-rgb) / 1);--stzh-color-old-grey5-rgb:242 242 242;--stzh-color-old-grey5:rgba(var(--stzh-color-old-grey5-rgb) / 1);--stzh-color-old-grey13-rgb:222 222 222;--stzh-color-old-grey13:rgba(var(--stzh-color-old-grey13-rgb) / 1);--stzh-color-old-grey25-rgb:191 191 191;--stzh-color-old-grey25:rgba(var(--stzh-color-old-grey25-rgb) / 1);--stzh-color-old-grey40-rgb:153 153 153;--stzh-color-old-grey40:rgba(var(--stzh-color-old-grey40-rgb) / 1);--stzh-color-old-grey55-rgb:115 115 115;--stzh-color-old-grey55:rgba(var(--stzh-color-old-grey55-rgb) / 1);--stzh-color-old-grey61-rgb:100 100 100;--stzh-color-old-grey61:rgba(var(--stzh-color-old-grey61-rgb) / 1);--stzh-color-old-grey70-rgb:77 77 77;--stzh-color-old-grey70:rgba(var(--stzh-color-old-grey70-rgb) / 1);--stzh-color-old-grey87-rgb:34 34 34;--stzh-color-old-grey87:rgba(var(--stzh-color-old-grey87-rgb) / 1);--stzh-color-old-primary48:rgba(var(--stzh-color-primary-rgb) / 0.48);--stzh-color-old-primary32:rgba(var(--stzh-color-primary-rgb) / 0.32);--stzh-color-old-primary8:rgba(var(--stzh-color-primary-rgb) / 0.08);--stzh-color-old-primary4:rgba(var(--stzh-color-primary-rgb) / 0.04);--stzh-font-family-light:'HelveticaNeueLTW01_41488878', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-font-family-regular:'HelveticaNeueLTW01_55Roman', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-font-family-medium:'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-font-family-medium-italic:'HelveticaNeueLTW05_66MediumIt', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-font-family-bold:'HelveticaNeueLTW01_71488914', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-font-family-heavy:'HelveticaNeueLTW05_85Heavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-font-family-title:var(--stzh-font-family-heavy);--stzh-font-weight-light:normal;--stzh-font-weight-regular:normal;--stzh-font-weight-medium:normal;--stzh-font-weight-medium-italic:normal;--stzh-font-weight-bold:normal;--stzh-font-weight-heavy:normal;--stzh-font-weight-title:normal;--stzh-font-style-light:normal;--stzh-font-style-regular:normal;--stzh-font-style-medium:normal;--stzh-font-style-medium-italic:normal;--stzh-font-style-bold:normal;--stzh-font-style-heavy:normal;--stzh-font-style-title:normal;--stzh-font-femto-font-size:0.625rem;--stzh-font-femto-text-line-height:1.1;--stzh-font-pico-font-size:0.75rem;--stzh-font-pico-text-line-height:1.1;--stzh-font-pico-heading-letter-spacing:0.01em;--stzh-font-nano-font-size:0.8125rem;--stzh-font-nano-text-line-height:1.5;--stzh-font-nano-heading-line-height:1.2;--stzh-font-nano-heading-letter-spacing:0.01em;--stzh-font-nano-lead-line-height:1.7;--stzh-font-micro-font-size:0.875rem;--stzh-font-micro-text-line-height:1.5;--stzh-font-micro-heading-line-height:1.2;--stzh-font-micro-heading-letter-spacing:0.01em;--stzh-font-micro-lead-line-height:1.7;--stzh-font-milli-font-size:1rem;--stzh-font-milli-text-line-height:1.5;--stzh-font-milli-heading-line-height:1.2;--stzh-font-milli-lead-line-height:1.7;--stzh-font-centi-font-size:1.125rem;--stzh-font-centi-text-line-height:1.5;--stzh-font-centi-heading-line-height:1.2;--stzh-font-centi-lead-line-height:1.7;--stzh-font-deci-font-size:1.25rem;--stzh-font-deci-text-line-height:1.5;--stzh-font-deci-heading-line-height:1.2;--stzh-font-deci-lead-line-height:1.7;--stzh-font-regular-font-size:1.375rem;--stzh-font-regular-text-line-height:1.6;--stzh-font-regular-heading-line-height:1.4;--stzh-font-deca-font-size:1.5rem;--stzh-font-deca-text-line-height:1.3;--stzh-font-deca-text-letter-spacing:-0.01em;--stzh-font-hecto-font-size:1.75rem;--stzh-font-hecto-text-line-height:1.3;--stzh-font-hecto-text-letter-spacing:-0.01em;--stzh-font-kilo-font-size:2rem;--stzh-font-kilo-text-line-height:1.3;--stzh-font-kilo-text-letter-spacing:-0.01em;--stzh-font-mega-font-size:2.5rem;--stzh-font-mega-text-line-height:1.2;--stzh-font-mega-text-letter-spacing:-0.02em;--stzh-font-giga-font-size:3rem;--stzh-font-giga-text-line-height:1.2;--stzh-font-giga-text-letter-spacing:-0.02em;--stzh-font-hero-font-size:3.5rem;--stzh-font-hero-text-line-height:1.2;--stzh-font-hero-text-letter-spacing:-0.02em;--stzh-z-index-deep:-999999;--stzh-z-index-default:1;--stzh-z-index-masked:100;--stzh-z-index-mask:200;--stzh-z-index-sticky:300;--stzh-z-index-header:400;--stzh-z-index-toast:500;--stzh-z-index-popover:600;--stzh-z-index-dialog:700;--stzh-z-index-popup:800;--stzh-z-index-overlay:900;--stzh-space-none:0px;--stzh-space-xxxsmall:0.125rem;--stzh-space-xxsmall:0.25rem;--stzh-space-xsmall:0.5rem;--stzh-space-small:0.75rem;--stzh-space-medium:1rem;--stzh-space-large:1.25rem;--stzh-space-xlarge:1.5rem;--stzh-space-xxlarge:2rem;--stzh-space-xxxlarge:2.5rem;--stzh-space-xxxxlarge:3rem;--stzh-space-big:3.5rem;--stzh-space-xbig:4rem;--stzh-space-huge:5rem;--stzh-space-xhuge:6rem;--stzh-space-default:var(--stzh-space-medium);--stzh-box-shadow-header:none;--stzh-box-shadow-popover:none;--stzh-box-shadow-message:none;--stzh-box-shadow-overlay:0px 0.25rem 0.9375rem rgba(0 0 0 / 0.32);--stzh-icon-size-xxsmall:0.75rem;--stzh-icon-size-xsmall:1rem;--stzh-icon-size-small:1.25rem;--stzh-icon-size-medium:1.5rem;--stzh-icon-size-large:2rem;--stzh-icon-size-xlarge:3rem;--stzh-grid-gutter:1rem;--stzh-grid-gutter-small:1.25rem;--stzh-grid-gutter-medium:1.25rem;--stzh-grid-gutter-large:1.5rem;--stzh-grid-gutter-ultra:2rem;--stzh-base-color:var(--stzh-color-black);--stzh-base-invert-color:var(--stzh-color-white);--stzh-base-invert-background-color:var(--stzh-color-primary70);--stzh-base-lead-color:var(--stzh-color-black);--stzh-base-border-color:var(--stzh-color-grey70);--stzh-base-transition-animation-speed:0.3s;--stzh-selection-background-color:var(--stzh-color-secondary20);--stzh-flyingfocus-color:var(--stzh-color-secondary60);--stzh-icon-size:var(--stzh-icon-size-medium);--stzh-icon-color:currentColor;--stzh-icon-vertical-align:text-top;--stzh-link-color:var(--stzh-color-primary70);--stzh-link-icon-size:var(--stzh-icon-size-medium);--stzh-link-text-decoration-line:underline;--stzh-link-text-decoration-thickness:calc(1em / 16);--stzh-link-text-underline-offset:calc(2.5em / 16);--stzh-link-text-decoration-skip-ink:none;--stzh-link-icon-wrapper-height:1em;--stzh-link-hover-color:var(--stzh-color-secondary60);--stzh-link-hover-text-decoration-line:underline;--stzh-link-secondary-color:var(--stzh-color-secondary60);--stzh-link-secondary-hover-color:var(--stzh-color-primary70);--stzh-section-highlight-color:var(--stzh-base-color);--stzh-section-highlight-background-color:var(--stzh-color-secondary10);--stzh-heading-color:var(--stzh-color-primary70);--stzh-text-info-color:var(--stzh-color-coolgrey70);--stzh-fieldset-description-min-height:1.375rem;--stzh-table-max-height:none;--stzh-table-min-width:43.75rem;--stzh-table-cell-padding:var(--stzh-space-small) var(--stzh-space-medium);--stzh-table-search-input-width:11rem;--stzh-menu-item-height:2.75rem;--stzh-menu-large-item-height:3.5rem;--stzh-form-input-border-radius:0px;--stzh-form-input-height:3.5rem;--stzh-form-input-small-height:2.75rem;--stzh-form-input-tiny-height:2rem;--stzh-popover-width:13.9375rem;--stzh-popover-min-width:initial;--stzh-popover-max-width:initial;--stzh-popover-padding:0px;--stzh-popover-content-padding:var(--stzh-space-xsmall) 0px;--stzh-popover-border-radius:0px;--stzh-popover-close-visibility:hidden;--stzh-popover-background-color:var(--stzh-color-grey10);--stzh-popover-large-content-padding:var(--stzh-space-medium) 0px;--stzh-tooltip-width:auto;--stzh-tooltip-min-width:initial;--stzh-tooltip-max-width:20.875rem;--stzh-tooltip-padding:calc(var(--stzh-space-small) + 0.0625rem) var(--stzh-space-xsmall);--stzh-tooltip-border-radius:0px;--stzh-tooltip-drop-shadow:none;--stzh-tooltip-small-padding:0 var(--stzh-space-xxsmall);--stzh-header-logobar-background-color:var(--stzh-color-primary70);--stzh-accordion-content-background:var(--stzh-color-secondary10);--stzh-timeline-bullet-size:2.5rem;--stzh-timeline-content-padding-top:var(--stzh-space-medium);--stzh-dialog-backdrop-opacity:0.7;--stzh-dialog-backdrop-background-color:var(--stzh-color-black);--stzh-overlay-backdrop-opacity:0.8;--stzh-overlay-backdrop-background-color:var(--stzh-color-white);--stzh-ratio-background-color:var(--stzh-color-grey20);--stzh-pagetitle-background-color:var(--stzh-color-secondary30);--stzh-calendar-width:20rem;--stzh-cta-background-color:var(--stzh-color-violet60);--stzh-toast-label-font-family:var(--stzh-font-family-medium);--stzh-toast-label-font-weight:var(--stzh-font-weight-medium);--stzh-toast-label-font-style:var(--stzh-font-style-medium);--stzh-toast-background-color:var(--stzh-color-grey20);--stzh-toast-label-color:var(--stzh-base-color);--stzh-toast-close-color:var(--stzh-base-color);--stzh-toast-button-color:var(--stzh-base-color);--stzh-toast-icon-color:var(--stzh-color-info70);--stzh-toast-success-icon-color:var(--stzh-color-success70);--stzh-toast-error-icon-color:var(--stzh-color-error60);--stzh-toast-warning-icon-color:var(--stzh-color-warning80)}@media (forced-colors: active), (-ms-high-contrast: active){:root{--stzh-base-border-color:CanvasText}}.stzh-theme-cta-orange{--stzh-cta-background-color:var(--stzh-color-orange70)}.stzh-theme-cta-magenta{--stzh-cta-background-color:var(--stzh-color-magenta60)}.stzh-theme-cta-firgreen{--stzh-cta-background-color:var(--stzh-color-firgreen70)}.stzh-theme-aoz{--stzh-color-primary-rgb:var(--stzh-color-tabasco-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-mahogany-rgb)}.stzh-theme-vbz{--stzh-color-primary-rgb:var(--stzh-color-deepcerulean-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-regalblue-rgb);--stzh-font-family-heavy:var(--stzh-font-family-bold);--stzh-font-family-medium:var(--stzh-font-family-regular);--stzh-font-family-title:var(--stzh-font-family-light);}.stzh-theme-uvz{--stzh-color-primary-rgb:var(--stzh-color-monza-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-venetianred-rgb);--stzh-link-color:var(--stzh-color-scienceblue);--stzh-heading-color:rgb(77, 77, 77)}.stzh-theme-pkzh{--stzh-pkzh-font-family:Verdana, 'Geneva', 'Helvetica Neue', Helvetica, Arial, sans-serif;--stzh-color-primary-rgb:var(--stzh-color-shakespeare-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-chambray-rgb);--stzh-font-family-light:var(--stzh-pkzh-font-family);--stzh-font-family-regular:var(--stzh-pkzh-font-family);--stzh-font-family-medium:var(--stzh-pkzh-font-family);--stzh-font-family-bold:var(--stzh-pkzh-font-family);--stzh-font-family-heavy:var(--stzh-pkzh-font-family);--stzh-font-weight-light:300;--stzh-font-weight-regular:normal;--stzh-font-weight-medium:500;--stzh-font-weight-bold:700;--stzh-font-weight-heavy:800}.stzh-theme-ms-aoz-agenda{--stzh-color-primary-rgb:var(--stzh-color-ms-aoz-agenda-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-ms-aoz-agenda-hover-rgb)}.stzh-theme-ms-cool-grey60{--stzh-color-primary-rgb:var(--stzh-color-ms-coolgrey60-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-ms-coolgrey60-hover-rgb)}.stzh-theme-ms-cobalt-blue60{--stzh-color-primary-rgb:var(--stzh-color-cobaltblue60-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-cobaltblue60-hover-rgb)}.stzh-theme-ms-shamrock-green70{--stzh-color-primary-rgb:var(--stzh-color-shamrock70-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-shamrock70-hover-rgb)}.stzh-theme-ms-lime-green80{--stzh-color-primary-rgb:var(--stzh-color-limegreen80-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-limegreen80-hover-rgb)}.stzh-theme-ms-magenta70{--stzh-color-primary-rgb:var(--stzh-color-magenta70-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-magenta70-hover-rgb)}.stzh-theme-ms-ocher70{--stzh-color-primary-rgb:var(--stzh-color-ocher70-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-ocher70-hover-rgb)}.stzh-theme-ms-orange{--stzh-color-primary-rgb:var(--stzh-color-ms-orange-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-ms-orange-hover-rgb)}.stzh-theme-ms-orange70{--stzh-color-primary-rgb:var(--stzh-color-orange70-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-orange70-hover-rgb)}.stzh-theme-ms-red{--stzh-color-primary-rgb:var(--stzh-color-ms-red-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-ms-red-hover-rgb)}.stzh-theme-ms-red60{--stzh-color-primary-rgb:var(--stzh-color-red60-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-red60-hover-rgb)}.stzh-theme-ms-violet70{--stzh-color-primary-rgb:var(--stzh-color-violet70-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-violet70-hover-rgb)}.stzh-theme-ms-winered{--stzh-color-primary-rgb:var(--stzh-color-ms-winered-rgb);--stzh-color-primary-hover-rgb:var(--stzh-color-ms-winered-hover-rgb)}.stzh-theme-ma{--stzh-section-highlight-background-color:var(--stzh-color-white);background-color:var(--stzh-color-grey10)}