.surfaceComponent{&[data-stb-background=current]{background-color:var(--p-color-background)}&[data-stb-surface1=current]{background-color:var(--p-color-surface-1);.alertBase[data-stb-alert=current]{&[data-variant=info-subtle]{--color-bg: var(--p-color-background-white)}}}&[data-stb-surface2=current]{background-color:var(--p-color-surface-2)}}[data-surface-background-theme=white]{--p-color-background: var(--p-color-background-white);--p-color-background-hover: var(--p-color-background-hover-white);--p-color-background-pressed: var(--p-color-background-pressed-white);--p-color-background-active: var(--p-color-background-active-white);--p-color-background-disabled: var(--p-color-background-disabled-white);--p-color-text-primary: var(--p-color-text-primary-white);--p-color-text-primary-hover: var(--p-color-text-primary-hover-white);--p-color-text-primary-active: var(--p-color-text-primary-active-white);--p-color-text-interactive: var(--p-color-text-interactive-white);--p-color-text-interactive-hover: var(--p-color-text-interactive-hover-white);--p-color-text-interactive-pressed: var( --p-color-text-interactive-pressed-white );--p-color-text-interactive-active: var( --p-color-text-interactive-active-white );--p-color-text-secondary: var(--p-color-text-secondary-white);--p-color-text-placeholder: var(--p-color-text-placeholder-white);--p-color-text-on-color: var(--p-color-text-on-color-white);--p-color-text-disabled: var(--p-color-text-disabled-white);--p-color-text-info: var(--p-color-text-info-white);--p-color-text-success: var(--p-color-text-success-white);--p-color-text-warning: var(--p-color-text-warning-white);--p-color-text-error: var(--p-color-text-error-white);--p-color-text-alert: var(--p-color-text-alert-white);--p-color-text-on-brand: var(--p-color-text-on-brand-white);--p-color-icon-primary: var(--p-color-icon-primary-white);--p-color-icon-primary-hover: var(--p-color-icon-primary-hover-white);--p-color-icon-primary-active: var(--p-color-icon-primary-active-white);--p-color-icon-interactive: var(--p-color-icon-interactive-white);--p-color-icon-interactive-hover: var(--p-color-icon-interactive-hover-white);--p-color-icon-interactive-pressed: var( --p-color-icon-interactive-pressed-white );--p-color-icon-interactive-active: var( --p-color-icon-interactive-active-white );--p-color-icon-on-color: var(--p-color-icon-on-color-white);--p-color-icon-disabled: var(--p-color-icon-disabled-white);--p-color-icon-error: var(--p-color-icon-error-white);--p-color-icon-success: var(--p-color-icon-success-white);--p-color-icon-warning: var(--p-color-icon-warning-white);--p-color-icon-info: var(--p-color-icon-info-white);--p-color-icon-neutral: var(--p-color-icon-neutral-white);--p-color-icon-on-brand: var(--p-color-icon-on-brand-white);--p-color-button-primary: var(--p-color-button-primary-white);--p-color-button-primary-hover: var(--p-color-button-primary-hover-white);--p-color-button-primary-pressed: var(--p-color-button-primary-pressed-white);--p-color-button-brand: var(--p-color-button-brand-white);--p-color-button-brand-hover: var(--p-color-button-brand-hover-white);--p-color-button-brand-pressed: var(--p-color-button-brand-pressed-white);--p-color-button-fill: var(--p-color-button-fill-white);--p-color-button-fill-hover: var(--p-color-button-fill-hover-white);--p-color-button-fill-pressed: var(--p-color-button-fill-pressed-white);--p-color-button-disabled: var(--p-color-button-disabled-white);--p-color-graphics-illustration-primary: var( --p-color-graphics-illustration-primary-white );--p-color-graphics-illustration-detail: var( --p-color-graphics-illustration-detail-white );--p-color-graphics-illustration-base: var( --p-color-graphics-illustration-base-white );--p-color-graphics-storebrand-icon-detail: var( --p-color-graphics-storebrand-icon-detail-white );--p-color-graphics-storebrand-icon-outline: var( --p-color-graphics-storebrand-icon-outline-white );--p-color-static-orange-foreground: var( --p-color-static-orange-foreground-white );--p-color-static-orange-background: var( --p-color-static-orange-background-white );--p-color-static-purple-foreground: var( --p-color-static-purple-foreground-white );--p-color-static-purple-background: var( --p-color-static-purple-background-white );--p-color-static-red-foreground: var(--p-color-static-red-foreground-white);--p-color-static-red-background: var(--p-color-static-red-background-white);--p-color-static-grey-foreground: var(--p-color-static-grey-foreground-white);--p-color-static-grey-background: var(--p-color-static-grey-background-white);--p-color-static-risk-filled: var(--p-color-static-risk-filled-white);--p-color-static-risk-unfilled: var(--p-color-static-risk-unfilled-white);--p-color-static-sustainability-filled: var( --p-color-static-sustainability-filled-white );--p-color-static-sustainability-unfilled: var( --p-color-static-sustainability-unfilled-white );--p-color-states-focus: var(--p-color-states-focus-white);--p-color-states-scrim: var(--p-color-states-scrim-white);--p-color-states-toggle-off: var(--p-color-states-toggle-off-white);--p-color-states-toggle-off-hover: var( --p-color-states-toggle-off-hover-white );--p-color-surface-1: var(--p-color-surface-1-white);--p-color-surface-2: var(--p-color-surface-2-white);--p-color-surface-1-hover: var(--p-color-surface-1-hover-white);--p-color-surface-2-hover: var(--p-color-surface-2-hover-white);--p-color-surface-inverse: var(--p-color-surface-inverse-white);--p-color-surface-inverse-hover: var(--p-color-surface-inverse-hover-white);--p-color-surface-inverse-pressed: var( --p-color-surface-inverse-pressed-white );--p-color-surface-selected: var(--p-color-surface-selected-white);--p-color-surface-selected-hover: var(--p-color-surface-selected-hover-white);--p-color-surface-selected-pressed: var( --p-color-surface-selected-pressed-white );--p-color-surface-selected-active: var( --p-color-surface-selected-active-white );--p-color-surface-error: var(--p-color-surface-error-white);--p-color-surface-success: var(--p-color-surface-success-white);--p-color-surface-warning: var(--p-color-surface-warning-white);--p-color-surface-info: var(--p-color-surface-info-white);--p-color-surface-neutral: var(--p-color-surface-neutral-white);--p-color-surface-static: var(--p-color-surface-static-white);--p-color-stroke-strong: var(--p-color-stroke-strong-white);--p-color-stroke-strong-hover: var(--p-color-stroke-strong-hover-white);--p-color-stroke-strong-pressed: var(--p-color-stroke-strong-pressed-white);--p-color-stroke-0: var(--p-color-stroke-0-white);--p-color-stroke-1: var(--p-color-stroke-1-white);--p-color-stroke-2: var(--p-color-stroke-2-white);--p-color-stroke-on-white: var(--p-color-stroke-on-white-white);--p-color-stroke-subtle-1: var(--p-color-stroke-subtle-1-white);--p-color-stroke-subtle-2: var(--p-color-stroke-subtle-2-white);--p-color-stroke-selected: var(--p-color-stroke-selected-white);--p-color-stroke-selected-hover: var(--p-color-stroke-selected-hover-white);--p-color-stroke-selected-pressed: var( --p-color-stroke-selected-pressed-white );--p-color-stroke-disabled: var(--p-color-stroke-disabled-white);--p-color-stroke-error: var(--p-color-stroke-error-white);--p-color-stroke-success: var(--p-color-stroke-success-white);--p-color-stroke-warning: var(--p-color-stroke-warning-white);--card-background: var(--p-color-surface-1-grey)}[data-surface-background-theme=grey]{--p-color-background: var(--p-color-background-grey);--p-color-background-hover: var(--p-color-background-hover-grey);--p-color-background-pressed: var(--p-color-background-pressed-grey);--p-color-background-active: var(--p-color-background-active-grey);--p-color-background-disabled: var(--p-color-background-disabled-grey);--p-color-text-primary: var(--p-color-text-primary-grey);--p-color-text-primary-hover: var(--p-color-text-primary-hover-grey);--p-color-text-primary-active: var(--p-color-text-primary-active-grey);--p-color-text-interactive: var(--p-color-text-interactive-grey);--p-color-text-interactive-hover: var(--p-color-text-interactive-hover-grey);--p-color-text-interactive-pressed: var( --p-color-text-interactive-pressed-grey );--p-color-text-interactive-active: var( --p-color-text-interactive-active-grey );--p-color-text-secondary: var(--p-color-text-secondary-grey);--p-color-text-placeholder: var(--p-color-text-placeholder-grey);--p-color-text-on-color: var(--p-color-text-on-color-grey);--p-color-text-disabled: var(--p-color-text-disabled-grey);--p-color-text-info: var(--p-color-text-info-grey);--p-color-text-success: var(--p-color-text-success-grey);--p-color-text-warning: var(--p-color-text-warning-grey);--p-color-text-error: var(--p-color-text-error-grey);--p-color-text-alert: var(--p-color-text-alert-grey);--p-color-text-on-brand: var(--p-color-text-on-brand-grey);--p-color-icon-primary: var(--p-color-icon-primary-grey);--p-color-icon-primary-hover: var(--p-color-icon-primary-hover-grey);--p-color-icon-primary-active: var(--p-color-icon-primary-active-grey);--p-color-icon-interactive: var(--p-color-icon-interactive-grey);--p-color-icon-interactive-hover: var(--p-color-icon-interactive-hover-grey);--p-color-icon-interactive-pressed: var( --p-color-icon-interactive-pressed-grey );--p-color-icon-interactive-active: var( --p-color-icon-interactive-active-grey );--p-color-icon-on-color: var(--p-color-icon-on-color-grey);--p-color-icon-disabled: var(--p-color-icon-disabled-grey);--p-color-icon-error: var(--p-color-icon-error-grey);--p-color-icon-success: var(--p-color-icon-success-grey);--p-color-icon-warning: var(--p-color-icon-warning-grey);--p-color-icon-info: var(--p-color-icon-info-grey);--p-color-icon-neutral: var(--p-color-icon-neutral-grey);--p-color-icon-on-brand: var(--p-color-icon-on-brand-grey);--p-color-button-primary: var(--p-color-button-primary-grey);--p-color-button-primary-hover: var(--p-color-button-primary-hover-grey);--p-color-button-primary-pressed: var(--p-color-button-primary-pressed-grey);--p-color-button-brand: var(--p-color-button-brand-grey);--p-color-button-brand-hover: var(--p-color-button-brand-hover-grey);--p-color-button-brand-pressed: var(--p-color-button-brand-pressed-grey);--p-color-button-fill: var(--p-color-button-fill-grey);--p-color-button-fill-hover: var(--p-color-button-fill-hover-grey);--p-color-button-fill-pressed: var(--p-color-button-fill-pressed-grey);--p-color-button-disabled: var(--p-color-button-disabled-grey);--p-color-graphics-illustration-primary: var( --p-color-graphics-illustration-primary-grey );--p-color-graphics-illustration-detail: var( --p-color-graphics-illustration-detail-grey );--p-color-graphics-illustration-base: var( --p-color-graphics-illustration-base-grey );--p-color-graphics-storebrand-icon-detail: var( --p-color-graphics-storebrand-icon-detail-grey );--p-color-graphics-storebrand-icon-outline: var( --p-color-graphics-storebrand-icon-outline-grey );--p-color-static-orange-foreground: var( --p-color-static-orange-foreground-grey );--p-color-static-orange-background: var( --p-color-static-orange-background-grey );--p-color-static-purple-foreground: var( --p-color-static-purple-foreground-grey );--p-color-static-purple-background: var( --p-color-static-purple-background-grey );--p-color-static-red-foreground: var(--p-color-static-red-foreground-grey);--p-color-static-red-background: var(--p-color-static-red-background-grey);--p-color-static-grey-foreground: var(--p-color-static-grey-foreground-grey);--p-color-static-grey-background: var(--p-color-static-grey-background-grey);--p-color-static-risk-filled: var(--p-color-static-risk-filled-grey);--p-color-static-risk-unfilled: var(--p-color-static-risk-unfilled-grey);--p-color-static-sustainability-filled: var( --p-color-static-sustainability-filled-grey );--p-color-static-sustainability-unfilled: var( --p-color-static-sustainability-unfilled-grey );--p-color-states-focus: var(--p-color-states-focus-grey);--p-color-states-scrim: var(--p-color-states-scrim-grey);--p-color-states-toggle-off: var(--p-color-states-toggle-off-grey);--p-color-states-toggle-off-hover: var( --p-color-states-toggle-off-hover-grey );--p-color-surface-1: var(--p-color-surface-1-grey);--p-color-surface-2: var(--p-color-surface-2-grey);--p-color-surface-1-hover: var(--p-color-surface-1-hover-grey);--p-color-surface-2-hover: var(--p-color-surface-2-hover-grey);--p-color-surface-inverse: var(--p-color-surface-inverse-grey);--p-color-surface-inverse-hover: var(--p-color-surface-inverse-hover-grey);--p-color-surface-inverse-pressed: var( --p-color-surface-inverse-pressed-grey );--p-color-surface-selected: var(--p-color-surface-selected-grey);--p-color-surface-selected-hover: var(--p-color-surface-selected-hover-grey);--p-color-surface-selected-pressed: var( --p-color-surface-selected-pressed-grey );--p-color-surface-selected-active: var( --p-color-surface-selected-active-grey );--p-color-surface-error: var(--p-color-surface-error-grey);--p-color-surface-success: var(--p-color-surface-success-grey);--p-color-surface-warning: var(--p-color-surface-warning-grey);--p-color-surface-info: var(--p-color-surface-info-grey);--p-color-surface-neutral: var(--p-color-surface-neutral-grey);--p-color-surface-static: var(--p-color-surface-static-grey);--p-color-stroke-strong: var(--p-color-stroke-strong-grey);--p-color-stroke-strong-hover: var(--p-color-stroke-strong-hover-grey);--p-color-stroke-strong-pressed: var(--p-color-stroke-strong-pressed-grey);--p-color-stroke-0: var(--p-color-stroke-0-grey);--p-color-stroke-1: var(--p-color-stroke-1-grey);--p-color-stroke-2: var(--p-color-stroke-2-grey);--p-color-stroke-on-white: var(--p-color-stroke-on-white-grey);--p-color-stroke-subtle-1: var(--p-color-stroke-subtle-1-grey);--p-color-stroke-subtle-2: var(--p-color-stroke-subtle-2-grey);--p-color-stroke-selected: var(--p-color-stroke-selected-grey);--p-color-stroke-selected-hover: var(--p-color-stroke-selected-hover-grey);--p-color-stroke-selected-pressed: var( --p-color-stroke-selected-pressed-grey );--p-color-stroke-disabled: var(--p-color-stroke-disabled-grey);--p-color-stroke-error: var(--p-color-stroke-error-grey);--p-color-stroke-success: var(--p-color-stroke-success-grey);--p-color-stroke-warning: var(--p-color-stroke-warning-grey);--card-background: var(--p-color-surface-1-white)}:where(.surface[data-stb-surface=current]){background-color:var(--p-color-background);color:var(--p-color-text-primary);transition:background-color var(--p-transition-duration)}:where(.surface[data-stb-surface=current]){&[data-surface-layer="1"],&[data-surface-layer="3"],&[data-surface-layer="5"]{&[data-theme=pretzel-light],&[data-theme=kron-light],&[data-theme=kron],:where(&),:where([data-theme=pretzel-light] &),:where([data-theme=kron-light] &),:where([data-theme=kron] &){--p-color-background: var(--p-color-background-grey);--p-color-background-hover: var(--p-color-background-hover-grey);--p-color-background-pressed: var(--p-color-background-pressed-grey);--p-color-background-active: var(--p-color-background-active-grey);--p-color-background-disabled: var(--p-color-background-disabled-grey);--p-color-text-primary: var(--p-color-text-primary-grey);--p-color-text-primary-hover: var(--p-color-text-primary-hover-grey);--p-color-text-primary-active: var(--p-color-text-primary-active-grey);--p-color-text-interactive: var(--p-color-text-interactive-grey);--p-color-text-interactive-hover: var( --p-color-text-interactive-hover-grey );--p-color-text-interactive-pressed: var( --p-color-text-interactive-pressed-grey );--p-color-text-interactive-active: var( --p-color-text-interactive-active-grey );--p-color-text-secondary: var(--p-color-text-secondary-grey);--p-color-text-placeholder: var(--p-color-text-placeholder-grey);--p-color-text-on-color: var(--p-color-text-on-color-grey);--p-color-text-disabled: var(--p-color-text-disabled-grey);--p-color-text-info: var(--p-color-text-info-grey);--p-color-text-success: var(--p-color-text-success-grey);--p-color-text-warning: var(--p-color-text-warning-grey);--p-color-text-error: var(--p-color-text-error-grey);--p-color-text-alert: var(--p-color-text-alert-grey);--p-color-text-on-brand: var(--p-color-text-on-brand-grey);--p-color-icon-primary: var(--p-color-icon-primary-grey);--p-color-icon-primary-hover: var(--p-color-icon-primary-hover-grey);--p-color-icon-primary-active: var(--p-color-icon-primary-active-grey);--p-color-icon-interactive: var(--p-color-icon-interactive-grey);--p-color-icon-interactive-hover: var( --p-color-icon-interactive-hover-grey );--p-color-icon-interactive-pressed: var( --p-color-icon-interactive-pressed-grey );--p-color-icon-interactive-active: var( --p-color-icon-interactive-active-grey );--p-color-icon-on-color: var(--p-color-icon-on-color-grey);--p-color-icon-disabled: var(--p-color-icon-disabled-grey);--p-color-icon-error: var(--p-color-icon-error-grey);--p-color-icon-success: var(--p-color-icon-success-grey);--p-color-icon-warning: var(--p-color-icon-warning-grey);--p-color-icon-info: var(--p-color-icon-info-grey);--p-color-icon-neutral: var(--p-color-icon-neutral-grey);--p-color-icon-on-brand: var(--p-color-icon-on-brand-grey);--p-color-button-primary: var(--p-color-button-primary-grey);--p-color-button-primary-hover: var(--p-color-button-primary-hover-grey);--p-color-button-primary-pressed: var( --p-color-button-primary-pressed-grey );--p-color-button-brand: var(--p-color-button-brand-grey);--p-color-button-brand-hover: var(--p-color-button-brand-hover-grey);--p-color-button-brand-pressed: var(--p-color-button-brand-pressed-grey);--p-color-button-fill: var(--p-color-button-fill-grey);--p-color-button-fill-hover: var(--p-color-button-fill-hover-grey);--p-color-button-fill-pressed: var(--p-color-button-fill-pressed-grey);--p-color-button-disabled: var(--p-color-button-disabled-grey);--p-color-graphics-illustration-primary: var( --p-color-graphics-illustration-primary-grey );--p-color-graphics-illustration-detail: var( --p-color-graphics-illustration-detail-grey );--p-color-graphics-illustration-base: var( --p-color-graphics-illustration-base-grey );--p-color-graphics-storebrand-icon-detail: var( --p-color-graphics-storebrand-icon-detail-grey );--p-color-graphics-storebrand-icon-outline: var( --p-color-graphics-storebrand-icon-outline-grey );--p-color-static-orange-foreground: var( --p-color-static-orange-foreground-grey );--p-color-static-orange-background: var( --p-color-static-orange-background-grey );--p-color-static-purple-foreground: var( --p-color-static-purple-foreground-grey );--p-color-static-purple-background: var( --p-color-static-purple-background-grey );--p-color-static-red-foreground: var( --p-color-static-red-foreground-grey );--p-color-static-red-background: var( --p-color-static-red-background-grey );--p-color-static-grey-foreground: var( --p-color-static-grey-foreground-grey );--p-color-static-grey-background: var( --p-color-static-grey-background-grey );--p-color-static-risk-filled: var(--p-color-static-risk-filled-grey);--p-color-static-risk-unfilled: var(--p-color-static-risk-unfilled-grey);--p-color-static-sustainability-filled: var( --p-color-static-sustainability-filled-grey );--p-color-static-sustainability-unfilled: var( --p-color-static-sustainability-unfilled-grey );--p-color-states-focus: var(--p-color-states-focus-grey);--p-color-states-scrim: var(--p-color-states-scrim-grey);--p-color-states-toggle-off: var(--p-color-states-toggle-off-grey);--p-color-states-toggle-off-hover: var( --p-color-states-toggle-off-hover-grey );--p-color-surface-1: var(--p-color-surface-1-grey);--p-color-surface-2: var(--p-color-surface-2-grey);--p-color-surface-1-hover: var(--p-color-surface-1-hover-grey);--p-color-surface-2-hover: var(--p-color-surface-2-hover-grey);--p-color-surface-inverse: var(--p-color-surface-inverse-grey);--p-color-surface-inverse-hover: var( --p-color-surface-inverse-hover-grey );--p-color-surface-inverse-pressed: var( --p-color-surface-inverse-pressed-grey );--p-color-surface-selected: var(--p-color-surface-selected-grey);--p-color-surface-selected-hover: var( --p-color-surface-selected-hover-grey );--p-color-surface-selected-pressed: var( --p-color-surface-selected-pressed-grey );--p-color-surface-selected-active: var( --p-color-surface-selected-active-grey );--p-color-surface-error: var(--p-color-surface-error-grey);--p-color-surface-success: var(--p-color-surface-success-grey);--p-color-surface-warning: var(--p-color-surface-warning-grey);--p-color-surface-info: var(--p-color-surface-info-grey);--p-color-surface-neutral: var(--p-color-surface-neutral-grey);--p-color-surface-static: var(--p-color-surface-static-grey);--p-color-stroke-strong: var(--p-color-stroke-strong-grey);--p-color-stroke-strong-hover: var(--p-color-stroke-strong-hover-grey);--p-color-stroke-strong-pressed: var( --p-color-stroke-strong-pressed-grey );--p-color-stroke-0: var(--p-color-stroke-0-grey);--p-color-stroke-1: var(--p-color-stroke-1-grey);--p-color-stroke-2: var(--p-color-stroke-2-grey);--p-color-stroke-on-white: var(--p-color-stroke-on-white-grey);--p-color-stroke-subtle-0: var(--p-color-stroke-subtle-0-grey);--p-color-stroke-subtle-1: var(--p-color-stroke-subtle-1-grey);--p-color-stroke-subtle-2: var(--p-color-stroke-subtle-2-grey);--p-color-stroke-selected: var(--p-color-stroke-selected-grey);--p-color-stroke-selected-hover: var( --p-color-stroke-selected-hover-grey );--p-color-stroke-selected-pressed: var( --p-color-stroke-selected-pressed-grey );--p-color-stroke-disabled: var(--p-color-stroke-disabled-grey);--p-color-stroke-error: var(--p-color-stroke-error-grey);--p-color-stroke-success: var(--p-color-stroke-success-grey);--p-color-stroke-warning: var(--p-color-stroke-warning-grey);--card-background: var(--p-color-surface-1-white)}}}:where(.surface[data-stb-surface=current]){&[data-surface-layer="0"],&[data-surface-layer="2"],&[data-surface-layer="4"]{&[data-theme=pretzel-light],&[data-theme=kron-light],&[data-theme=kron],:where(&),:where([data-theme=pretzel-light] &),:where([data-theme=kron-light] &),:where([data-theme=kron] &){--p-color-background: var(--p-color-background-white);--p-color-background-hover: var(--p-color-background-hover-white);--p-color-background-pressed: var(--p-color-background-pressed-white);--p-color-background-active: var(--p-color-background-active-white);--p-color-background-disabled: var(--p-color-background-disabled-white);--p-color-text-primary: var(--p-color-text-primary-white);--p-color-text-primary-hover: var(--p-color-text-primary-hover-white);--p-color-text-primary-active: var(--p-color-text-primary-active-white);--p-color-text-interactive: var(--p-color-text-interactive-white);--p-color-text-interactive-hover: var( --p-color-text-interactive-hover-white );--p-color-text-interactive-pressed: var( --p-color-text-interactive-pressed-white );--p-color-text-interactive-active: var( --p-color-text-interactive-active-white );--p-color-text-secondary: var(--p-color-text-secondary-white);--p-color-text-placeholder: var(--p-color-text-placeholder-white);--p-color-text-on-color: var(--p-color-text-on-color-white);--p-color-text-disabled: var(--p-color-text-disabled-white);--p-color-text-info: var(--p-color-text-info-white);--p-color-text-success: var(--p-color-text-success-white);--p-color-text-warning: var(--p-color-text-warning-white);--p-color-text-error: var(--p-color-text-error-white);--p-color-text-alert: var(--p-color-text-alert-white);--p-color-text-on-brand: var(--p-color-text-on-brand-white);--p-color-icon-primary: var(--p-color-icon-primary-white);--p-color-icon-primary-hover: var(--p-color-icon-primary-hover-white);--p-color-icon-primary-active: var(--p-color-icon-primary-active-white);--p-color-icon-interactive: var(--p-color-icon-interactive-white);--p-color-icon-interactive-hover: var( --p-color-icon-interactive-hover-white );--p-color-icon-interactive-pressed: var( --p-color-icon-interactive-pressed-white );--p-color-icon-interactive-active: var( --p-color-icon-interactive-active-white );--p-color-icon-on-color: var(--p-color-icon-on-color-white);--p-color-icon-disabled: var(--p-color-icon-disabled-white);--p-color-icon-error: var(--p-color-icon-error-white);--p-color-icon-success: var(--p-color-icon-success-white);--p-color-icon-warning: var(--p-color-icon-warning-white);--p-color-icon-info: var(--p-color-icon-info-white);--p-color-icon-neutral: var(--p-color-icon-neutral-white);--p-color-icon-on-brand: var(--p-color-icon-on-brand-white);--p-color-button-primary: var(--p-color-button-primary-white);--p-color-button-primary-hover: var(--p-color-button-primary-hover-white);--p-color-button-primary-pressed: var( --p-color-button-primary-pressed-white );--p-color-button-brand: var(--p-color-button-brand-white);--p-color-button-brand-hover: var(--p-color-button-brand-hover-white);--p-color-button-brand-pressed: var(--p-color-button-brand-pressed-white);--p-color-button-fill: var(--p-color-button-fill-white);--p-color-button-fill-hover: var(--p-color-button-fill-hover-white);--p-color-button-fill-pressed: var(--p-color-button-fill-pressed-white);--p-color-button-disabled: var(--p-color-button-disabled-white);--p-color-graphics-illustration-primary: var( --p-color-graphics-illustration-primary-white );--p-color-graphics-illustration-detail: var( --p-color-graphics-illustration-detail-white );--p-color-graphics-illustration-base: var( --p-color-graphics-illustration-base-white );--p-color-graphics-storebrand-icon-detail: var( --p-color-graphics-storebrand-icon-detail-white );--p-color-graphics-storebrand-icon-outline: var( --p-color-graphics-storebrand-icon-outline-white );--p-color-static-orange-foreground: var( --p-color-static-orange-foreground-white );--p-color-static-orange-background: var( --p-color-static-orange-background-white );--p-color-static-purple-foreground: var( --p-color-static-purple-foreground-white );--p-color-static-purple-background: var( --p-color-static-purple-background-white );--p-color-static-red-foreground: var( --p-color-static-red-foreground-white );--p-color-static-red-background: var( --p-color-static-red-background-white );--p-color-static-grey-foreground: var( --p-color-static-grey-foreground-white );--p-color-static-grey-background: var( --p-color-static-grey-background-white );--p-color-static-risk-filled: var(--p-color-static-risk-filled-white);--p-color-static-risk-unfilled: var(--p-color-static-risk-unfilled-white);--p-color-static-sustainability-filled: var( --p-color-static-sustainability-filled-white );--p-color-static-sustainability-unfilled: var( --p-color-static-sustainability-unfilled-white );--p-color-states-focus: var(--p-color-states-focus-white);--p-color-states-scrim: var(--p-color-states-scrim-white);--p-color-states-toggle-off: var(--p-color-states-toggle-off-white);--p-color-states-toggle-off-hover: var( --p-color-states-toggle-off-hover-white );--p-color-surface-1: var(--p-color-surface-1-white);--p-color-surface-2: var(--p-color-surface-2-white);--p-color-surface-1-hover: var(--p-color-surface-1-hover-white);--p-color-surface-2-hover: var(--p-color-surface-2-hover-white);--p-color-surface-inverse: var(--p-color-surface-inverse-white);--p-color-surface-inverse-hover: var( --p-color-surface-inverse-hover-white );--p-color-surface-inverse-pressed: var( --p-color-surface-inverse-pressed-white );--p-color-surface-selected: var(--p-color-surface-selected-white);--p-color-surface-selected-hover: var( --p-color-surface-selected-hover-white );--p-color-surface-selected-pressed: var( --p-color-surface-selected-pressed-white );--p-color-surface-selected-active: var( --p-color-surface-selected-active-white );--p-color-surface-error: var(--p-color-surface-error-white);--p-color-surface-success: var(--p-color-surface-success-white);--p-color-surface-warning: var(--p-color-surface-warning-white);--p-color-surface-info: var(--p-color-surface-info-white);--p-color-surface-neutral: var(--p-color-surface-neutral-white);--p-color-surface-static: var(--p-color-surface-static-white);--p-color-stroke-strong: var(--p-color-stroke-strong-white);--p-color-stroke-strong-hover: var(--p-color-stroke-strong-hover-white);--p-color-stroke-strong-pressed: var( --p-color-stroke-strong-pressed-white );--p-color-stroke-0: var(--p-color-stroke-0-white);--p-color-stroke-1: var(--p-color-stroke-1-white);--p-color-stroke-2: var(--p-color-stroke-2-white);--p-color-stroke-on-white: var(--p-color-stroke-on-white-white);--p-color-stroke-subtle-1: var(--p-color-stroke-subtle-1-white);--p-color-stroke-subtle-2: var(--p-color-stroke-subtle-2-white);--p-color-stroke-selected: var(--p-color-stroke-selected-white);--p-color-stroke-selected-hover: var( --p-color-stroke-selected-hover-white );--p-color-stroke-selected-pressed: var( --p-color-stroke-selected-pressed-white );--p-color-stroke-disabled: var(--p-color-stroke-disabled-white);--p-color-stroke-error: var(--p-color-stroke-error-white);--p-color-stroke-success: var(--p-color-stroke-success-white);--p-color-stroke-warning: var(--p-color-stroke-warning-white);--card-background: var(--p-color-surface-1-grey)}}}:where(.surface[data-stb-surface=current]){:where([data-theme=kron-dark] &),:where([data-theme=pretzel-dark] &),&[data-theme=kron-dark],&[data-theme=pretzel-dark]{color:var(--p-color-text-primary);&[data-surface-layer="1"]{--p-color-background: var(--p-color-surface-1)}&[data-surface-layer="2"]{--p-color-background: var(--p-color-surface-2)}}}.layoutProvider-module__layoutWrapper__CNzS9{min-height:100vh;display:flex;flex-direction:column}.badgeBase[data-stb-badge=current]{align-items:center;background:var(--badge-background);border-radius:var(--p-corner-radius-rem-extreme);box-sizing:border-box;color:var(--badge-text-color);display:inline-flex;font-family:Storebrand Text;justify-content:center;padding:.4375rem var(--p-spacing-rem-12);position:relative;width:fit-content;.badgeContent{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:fit-content}.badgeIcon{align-items:center;box-sizing:border-box;color:var(--badge-color-icon);display:flex;justify-content:center;padding-right:var(--p-spacing-rem-04)}.badgeLabel{font-weight:500;overflow:hidden;padding:0 var(--p-spacing-rem-04);text-overflow:ellipsis;white-space:nowrap}&[data-size=small]{font-size:var(--p-font-styles-size-14);height:var(--p-spacing-rem-32)}&[data-size=xsmall]{font-size:var(--p-font-styles-size-14);height:var(--p-spacing-rem-28);padding:.3125rem var(--p-spacing-rem-12);@media(max-width:600px){padding:.25rem .375rem}}&[data-variant=info]{--badge-color-icon: var(--p-color-icon-on-info);--badge-background: var(--p-color-surface-info);--badge-text-color: var(--p-color-text-on-info)}&[data-variant=neutral]{--badge-color-icon: var(--p-color-icon-primary);--badge-background: var(--p-color-background);--badge-text-color: var(--p-color-text-primary)}&[data-variant=success]{--badge-color-icon: var(--p-color-icon-on-success);--badge-background: var(--p-color-surface-success);--badge-text-color: var(--p-color-text-on-success)}&:is([data-variant=warning]){--badge-color-icon: var(--p-color-icon-on-warning);--badge-background: var(--p-color-surface-warning);--badge-text-color: var(--p-color-text-on-warning)}&:is([data-variant=error]){--badge-color-icon: var(--p-color-icon-on-error);--badge-background: var(--p-color-surface-error);--badge-text-color: var(--p-color-text-on-error)}&:is([data-variant=orange]){--badge-color-icon: var(--p-color-icon-on-orange);--badge-background: var(--p-color-static-orange-background);--badge-text-color: var(--p-color-text-on-orange)}&:is([data-variant=purple]){--badge-color-icon: var(--p-color-icon-on-purple);--badge-background: var(--p-color-static-purple-background);--badge-text-color: var(--p-color-text-on-purple)}}.cooperationLogo-module__logoWrapper__GgYrg{display:flex;align-items:center;border:1px solid var(--p-color-stroke-subtle-on-white);padding:0 var(--p-spacing-12);background:#fff;height:34px;border-radius:var(--p-spacing-12);img{align-items:center}}.partnerBrandLogo-module__partnerBrandLogo__9kc9j{display:flex;flex-direction:row;flex-wrap:wrap;background-color:transparent;margin-top:var(--p-spacing-24);gap:var(--p-spacing-12);span{width:100%;flex-basis:100%;align-self:flex-start;display:block;order:-1}}.partnerBrandLogo-module__partnerBrandLogoBadge__Ou--0{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--p-spacing-08);background-color:transparent;width:100%;margin-top:var(--p-spacing-16);object-fit:contain;span{width:100%;flex-basis:100%;align-self:flex-start;margin-bottom:var(--p-spacing-08);order:-1}}.partnerBrandLogo-module__logoBadgeWrapper__O-ULm{display:flex;align-items:center}.partnerBrandLogo-module__noIconDisplayAtAll__nLqRU{i:empty:not([class*=system-icon]){display:none}}.formHeader-module__headerContainer__KLSNT{padding:var(--p-spacing-rem-32) var(--p-spacing-rem-16);border-bottom:1px solid var(--p-color-stroke-subtle-0, #e9e2e2);.formHeader-module__contentContainer__-mfVS{width:100%;max-width:1124px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}}.formHeader-module__logoMobile__-AisB{width:3.3rem}.formHeader-module__logoDesktop__SbPfq{width:11.7rem;display:none}@media(min-width:991px){.formHeader-module__logoMobile__-AisB{display:none}.formHeader-module__logoDesktop__SbPfq{display:block}}.themes-module__footerFlexContainer__E4M7p{position:relative;display:flex;flex-direction:column-reverse;justify-content:space-between;gap:var(--p-spacing-16);color:var(--p-color-text-primary)}.themes-module__footerFlexContainer__E4M7p>div:last-child{align-items:flex-end}@media(min-width:768px){.themes-module__footerFlexContainer__E4M7p{flex-direction:row}}.themes-module__footerLinks__FzLO0{list-style:none;line-height:var(--p-spacing-28);margin:var(--p-spacing-24) 0 var(--p-spacing-16) 0;padding:0;.themes-module__footerLink__p--ZL{color:var(--footer-link-color);line-height:var(--p-spacing-24)}}.modalContentWrapper{box-sizing:border-box;color:var(--p-color-text-secondary);overflow:auto;position:relative;&.usingKeyboard:focus{outline:var(--p-outline)}}.dialogContent{margin-bottom:var(--p-spacing-rem-24);overflow:auto}.modalScrollShadow{box-shadow:0 0 .3125rem .0625rem #0006;display:flex;height:auto;justify-content:center;position:sticky;top:0;width:100%;z-index:var(--p-z-index-modal)}.modalScrollShadow:before,.modalScrollShadow:after{background-color:transparent;content:"";height:.125rem;position:absolute;top:-.125rem}.modalScrollShadow:before{box-shadow:0 -.5rem .9375rem #000000b3;width:60%}.modalScrollShadow:after{box-shadow:0 -2.1875rem 2.1875rem 1.25rem #000000b3;width:30%}.modalScrollShadow.bottom{bottom:-1.7rem;top:unset}.modalScrollShadow.bottom:before,.modalScrollShadow.bottom:after{bottom:0}.modalScrollShadow.bottom:before{box-shadow:0 .5rem .9375rem #000000b3}.modalScrollShadow.bottom:after{box-shadow:0 2.1875rem 2.1875rem 1.25rem #000000b3}.modalHeadingWrapper[data-stb-modal=actions]{align-items:center;display:flex;gap:var(--p-spacing-rem-16);justify-content:space-between;padding-bottom:var(--p-spacing-rem-12);@media only screen and (min-width:600px){padding-bottom:var(--p-spacing-rem-16)}}.modalFloatingOverlay{background:#00000040;display:grid;height:100%;inset:0;place-items:center;position:fixed;z-index:var(--p-z-index-modal);@media(prefers-reduced-motion){*{animation:none!important;transition:none!important}}.modalContainerBase{background:var(--p-color-background);border-radius:var(--p-corner-radius-rem-medium);box-shadow:var(--p-elevation-above-scrim);display:flex;flex-direction:column;margin:var(--p-spacing-rem-16);max-height:90vh;min-width:18rem;padding:var(--p-spacing-rem-24);width:calc(100vw - 2 * var(--p-spacing-rem-40));@media only screen and (min-width:600px){box-sizing:border-box;max-width:42rem;padding:var(--p-spacing-rem-32)}&.bottomSheet{border-radius:var(--p-corner-radius-rem-medium) var(--p-corner-radius-rem-medium) 0 0;bottom:0;left:0;margin-bottom:0;max-height:90vh;position:fixed;@media only screen and (min-width:600px){left:auto;right:auto;width:42rem}}}}.modalBase.dialogBase{max-width:35rem}.dialogActionButtons{display:flex;flex-wrap:wrap;gap:var(--p-spacing-rem-08)}.modalActionFooter[data-stb-modal=actions]{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:var(--p-spacing-rem-24);padding-top:var(--p-spacing-rem-20);@media only screen and (min-width:600px){padding-top:var(--p-spacing-rem-24)}}.alertBase[data-stb-alert=current]{--alert-color-text: var(--p-color-text-primary);--alert-color-icon: var(--p-color-icon-primary);--alert-min-width: 18rem;--alert-line-height: 1.625rem;--alert-icon-size: var(--alert-line-height);--alert-border-radius: var(--p-corner-radius-rem-small);--icon-gap: var(--p-spacing-rem-12);align-items:center;background-color:var(--alert-background);border:none;border-radius:var(--alert-border-radius);box-sizing:border-box;display:inline-flex;max-width:38.75rem;min-width:var(--alert-min-width);padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16);position:relative;@media(min-width:600px){padding:var(--p-spacing-rem-24) var(--p-spacing-rem-20)}.alertTitle,p,.alertDescription,.alertContainer,.font-body{color:var(--alert-color-text)}.icon{align-self:flex-start;color:var(--alert-color-icon);display:flex;font-size:calc(var(--alert-icon-size) - 2px);height:var(--alert-icon-size);line-height:var(--alert-icon-size);margin-right:var(--icon-gap);width:var(--alert-icon-size)}.alertContainer{align-self:flex-start;display:grid;gap:var(--p-spacing-rem-04);grid-template-columns:auto 1fr;max-width:100%;text-align:left}.alertDescription{align-items:center;display:flex;justify-content:center;text-wrap:pretty}&[data-size=small]{--alert-line-height: 1.375rem;--icon-gap: var(--p-spacing-rem-08);padding:var(--p-spacing-rem-16) var(--p-spacing-rem-12);@media(min-width:600px){padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16)}}&[data-fluid=true]{max-width:100%;width:100%}&[data-variant=error]{--alert-color-icon: var(--p-color-icon-on-error);--alert-background: var(--p-color-surface-error);--alert-color-text: var(--p-color-text-on-error)}&[data-variant=warning]{--alert-color-icon: var(--p-color-icon-on-warning);--alert-background: var(--p-color-surface-warning);--alert-color-text: var(--p-color-text-on-warning)}&[data-variant=success]{--alert-color-icon: var(--p-color-icon-on-success);--alert-background: var(--p-color-surface-success);--alert-color-text: var(--p-color-text-on-success)}&[data-variant=info]{--alert-color-icon: var(--p-color-icon-on-info);--alert-background: var(--p-color-surface-info);--alert-color-text: var(--p-color-text-on-info)}&[data-variant=info-subtle]{--alert-background: var(--p-color-background)}@media(max-width:600px){--alert-line-height: 1.375rem;--icon-gap: var(--p-spacing-rem-08);max-width:100%;min-width:min(85%,var(--alert-min-width));padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16);&[data-size=small]{--alert-line-height: 1.25rem}}}.alertFullSpanContainer[data-stb-alert-fullspan=current]{width:100%;.alertBase[data-stb-alert=current]{--alert-border-radius: none;padding:var(--p-spacing-rem-24);width:100%;.alertDescription{justify-content:start}}}.alertGridContent{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;width:100%}.alertContainer{align-items:flex-start;gap:var(--p-spacing-rem-16);grid-column:1 / -1;width:100%}.pageLayout-module__pageWrapper__dUU81{display:flex;flex:1;flex-direction:column;margin:var(--p-spacing-16) auto;padding:0 var(--p-spacing-16);width:100%;max-width:1128px;min-height:calc(100vh - 190px);@media(min-width:600px){min-height:calc(100vh - 200px);padding:0 var(--p-spacing-24)}}.fullpageLoader-module__fullPageLoader__oZgro{display:flex;align-items:center;justify-content:center;flex:1;min-height:calc(100vh - 380px);width:100%;grid-column:1 / -1}.breadcrumbs[data-stb-breadcrumbs=current]{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--p-spacing-rem-12);>button{cursor:pointer}.breadcrumb:not(:last-child){font-size:var(--p-font-styles-size-16)}.breadcrumb:last-child{color:var(--p-color-text-selected);pointer-events:none;>span{text-decoration:none}& i{display:none}}.breadcrumb{align-items:center;background:transparent;border:none;box-sizing:border-box;color:var(--p-color-text-primary);display:flex;gap:var(--p-spacing-04);padding:var(--p-spacing-08) 0;position:relative;text-decoration:none;transition:background-color .1s ease;@media(hover:hover)and (pointer:fine){&:hover{color:var(--p-color-text-primary-hover)}}&:active{>span{color:var(--p-color-text-interactive);text-decoration:none}}&:focus-visible{outline:var(--p-outline)}>span{text-decoration:underline;text-decoration-thickness:.0625rem;text-underline-offset:var(--p-spacing-rem-04)}}&:has([data-stb-navlink]){.breadcrumb{display:none}[data-stb-navlink]{display:flex;outline-offset:var(--p-outline-offset);pointer-events:auto;i.navlinkIcon{display:inline}}@media(min-width:600px){.breadcrumb{display:flex}[data-stb-navlink]{display:none}}}}.navlinkComponentContainer[data-stb-navlink=current]{display:inline;width:fit-content;.navlinkComponent{color:var(--p-color-text-primary);margin-right:auto;text-decoration:none;width:fit-content;.navlinkWrapper{align-items:center;display:inline-flex;.navlinkIcon{padding-left:var(--p-spacing-rem-08);&.left{padding-left:0;padding-right:var(--p-spacing-rem-08)}}}&:hover{color:var(--p-color-text-primary-hover)}&:active{color:var(--p-color-text-primary-pressed)}}&[aria-disabled=true]{cursor:not-allowed;.navlinkComponent{border-bottom:none;color:var(--p-color-text-disabled);pointer-events:none}}}.emptystateContainer[data-stb-empty-state=current]{display:flex;justify-content:center;margin:auto;width:100%;.innerContainer{align-items:center;display:flex;flex-direction:column;gap:var(--p-spacing-rem-24);justify-content:center;width:100%}.illustrationContainer{display:flex;justify-content:center;max-width:32.875rem;min-width:32.875rem;padding:.625rem}.textContainer{display:flex;flex-direction:column;gap:var(--p-spacing-rem-08);text-align:center}.buttonContainer{display:flex;gap:var(--p-spacing-rem-08)}@media screen and (max-width:599px){max-width:37.4375rem;.innerContainer{max-width:23.8125rem;min-width:18rem}.buttonContainer{flex-wrap:wrap;justify-content:center}}@media screen and (min-width:600px){max-width:37.5rem;.innerContainer{max-width:23.875rem;min-width:23.875rem}}@media screen and (min-width:840px){max-width:70.5rem;.innerContainer{max-width:46.875rem;min-width:32.875rem}}}.loading-indicator[data-stb-loading-indicator=current]{display:inline-flex}.loading-indicator-circle[data-stb-loading-indicator-circle=current]{animation:loading-indicator-expand 1.4s ease-in-out both infinite;background-color:var(--p-color-red-800);border-radius:50%;display:flex;height:1.5rem;width:1.5rem;:nth-child(n+2){margin-left:2px}&:nth-child(2){animation-delay:.2s}&:nth-child(3){animation-delay:.4s}&[data-size=small]{height:1rem;width:1rem}&[data-size=large]{height:2rem;width:2rem}&[data-color-variant=darkRed]{background-color:var(--p-color-red-800)}&[data-color-variant=darkPurple]{background-color:var(--p-color-purple-800)}}@keyframes loading-indicator-expand{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}.cardNavigationBase[data-stb-navigation-card=current]{--navigation-card-background-color: var(--p-color-background);--navigation-card-hover-color: var(--p-color-background-hover-grey);--navigation-card-flex-direction: column;--navigation-card-padding: var(--p-spacing-rem-24);--navigation-card-outline: none;background:var(--navigation-card-background-color);border:var(--p-border-rem-xsmall) solid transparent;border-radius:var(--p-corner-radius-rem-medium);box-shadow:0 0 0 0 transparent;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:var(--navigation-card-flex-direction);outline:var(--navigation-card-outline);outline-offset:var(--p-outline-offset);padding:var(--navigation-card-padding);text-decoration:none;transition-duration:var(--p-transition-duration);transition-property:background-color,box-shadow;width:100%;@media(hover:hover)and (pointer:fine){&:hover{background-color:var(--navigation-card-hover-color);box-shadow:0 1px 3px #0003}}&[data-component-card-theme=grey]{--navigation-card-background-color: var(--p-color-surface-1)}&:active{--navigation-card-background-color: var(--p-color-grey-300)}&.usingKeyboard{&:focus-within{--navigation-card-outline: var(--p-outline)}}&[data-size=large]{--navigation-card-flex-direction: column;.navigationCardGraphic{flex-shrink:0;height:6rem;width:6rem}.cardTitle{margin-bottom:var(--p-spacing-rem-04);margin-top:var(--p-spacing-rem-16);&.noIcon{margin-top:0}}.navigationCardWrapper{align-items:flex-start}.cardDescription{margin-top:var(--p-spacing-rem-16)}}&[data-size=medium],&[data-size=small]{--navigation-card-flex-direction: row;--navigation-card-padding: var(--p-spacing-rem-16);align-items:center;justify-content:space-between;.navigationCardHeader{align-items:center;display:flex;flex-direction:row}.navigationCardGraphic{flex-shrink:0;height:4rem;width:4rem}.cardTitle{margin-bottom:var(--p-spacing-rem-04);margin-left:var(--p-spacing-rem-24);&.noIcon{margin-left:0}}.cardCaption{margin-left:var(--p-spacing-rem-24);&.noIcon{margin-left:0}}}&[data-size=small]{.navigationCardGraphic{flex-shrink:0;height:3rem;width:3rem}.cardTitle{margin-bottom:0}}.navigationCardWrapper,.navigationCardTitleWrapper{align-items:center;display:flex;justify-content:space-between}.cardTitle{margin-bottom:var(--p-spacing-rem-04)}.navigationCardGraphicIcon{height:100%}}.cardInfoBase[data-stb-info-card=current]{background:var(--card-background, var(--p-color-background));border:var(--p-border-rem-xsmall) solid transparent;border-radius:var(--p-corner-radius-rem-medium);box-sizing:border-box;display:flex;flex-direction:column;padding:var(--p-spacing-rem-24);width:100%;.cardInfoHeader{display:flex;flex-direction:row;justify-content:space-between;.cardOverline,.cardTitle{margin-bottom:var(--p-spacing-rem-04)}& button[variant=icon].cardInfoCloseButton{margin-right:.5rem;margin-top:.3rem}}.cardParagraph{margin-top:var(--p-spacing-rem-16)}.cardInfoGraphic{display:flex;flex-direction:column;margin-bottom:var(--p-spacing-rem-16);.cardInfoIcon{border-radius:var(--p-corner-radius-rem-small);height:6rem;width:6rem}>img{border-radius:var(--p-corner-radius-rem-small);height:12.25rem;object-fit:cover;width:100%}}&[data-variant=horizontal]{flex-direction:row;gap:var(--p-spacing-rem-24);justify-content:space-between;.cardInfoGraphic,.cardInfoText{width:50%}}}.cardActionBase[data-stb-action-card=current]{background:var(--p-color-surface-1);border:var(--p-border-rem-xsmall) solid transparent;border-radius:var(--p-corner-radius-rem-medium);box-sizing:border-box;color:var(--foreground-color);display:flex;flex-direction:column;gap:0;padding:var(--p-spacing-rem-24);width:100%;@media(min-width:840px){flex-direction:row;gap:var(--p-spacing-rem-24)}&[data-variant=vertical]{flex-direction:column}.cardActionGraphic{display:flex;flex-direction:column;margin-bottom:var(--p-spacing-rem-16);@media(min-width:840px){margin-bottom:0}.cardActionIcon{border-radius:var(--p-corner-radius-rem-small);height:6rem;width:6rem}.cardActionImage{border-radius:var(--p-corner-radius-rem-small);height:12.25rem;object-fit:cover;width:100%;@media(min-width:840px){height:100%;max-width:528px}}}.cardActionContents{.cardOverline{margin-bottom:var(--p-spacing-rem-04)}.cardCaption{margin-top:var(--p-spacing-rem-04)}}.cardParagraph{margin-top:var(--p-spacing-rem-16)}.cardActionActions{display:flex;flex-wrap:wrap;gap:var(--p-spacing-rem-08);margin-top:var(--p-spacing-rem-24);>a>i{transition:transform .1s ease-in}@media(hover:hover)and (pointer:fine){>a:hover{>i{transform:translate(4px)}}}}}.cardBase[data-stb-card-base=current]{border:none;border-radius:var(--p-corner-radius-medium);box-sizing:border-box;color:var(--p-color-text-primary);min-width:18rem;position:relative;width:100%;@media(min-width:600px){&:not(.cardBaseFluid){max-width:38.75rem}}}.cardHeader[data-stb-card-header=current]{--card-header-icon-size: 2rem;--card-header-gap: var(--p-spacing-rem-12);align-items:center;display:flex;flex:1;gap:var(--card-header-gap);i.cardHeaderIcon{font-size:calc(var(--card-header-icon-size) - 2px);height:var(--card-header-icon-size);line-height:var(--card-header-icon-size);text-align:center;width:var(--card-header-icon-size)}@media(min-width:600px){--card-header-gap: var(--p-spacing-rem-16)}}.cardHeadingGroup[data-stb-card-heading-group=current]{--card-nav-heading-line-height: 1.375rem;display:inline-flex;flex-direction:column;.cardHeadingWrapper{display:inline-flex;font:unset;line-height:unset;margin:0}.cardHeading{appearance:none;background:none;border:none;border-radius:var(--p-corner-radius-small);color:var(--p-color-text-primary);line-height:var(--card-nav-heading-line-height);padding:0;text-align:left;text-decoration:none;a&:link,a&:visited{color:var(--p-color-text-primary);text-decoration:none}}.cardDescription{color:var(--p-color-text-secondary);margin-top:var(--p-spacing-rem-04)}@media(min-width:600px){--card-nav-heading-line-height: 1.625rem}}.cardImage[data-stb-card-image=current]{align-items:center;aspect-ratio:2 / 1;display:flex;height:inherit;justify-content:center;overflow:hidden;width:100%;img{width:100%}}.cardActions[data-stb-card-actions=current]{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:var(--p-spacing-rem-12)}.cardNav[data-stb-card-nav=current]{--card-nav-hover-color: var(--p-color-background-hover-grey);--card-nav-action-icon-size: 1.375rem;cursor:pointer;display:flex;gap:var(--p-grid-margin-16);padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16);transition:box-shadow .2s,background .2s;width:100%;& a{border-radius:var(--p-corner-radius-small);outline:none;text-decoration:none}& button{cursor:pointer;outline:none}&:hover,&:focus-within{box-shadow:var(--p-elevation-temporary);&:has(:focus-visible){outline:var(--p-outline);outline-offset:var(--p-outline-offset)}}&.cardNavVertical{flex-flow:column wrap;gap:var(--p-spacing-rem-24);.cardNavHeader{align-items:center;display:flex;gap:var(--p-spacing-rem-08);width:100%;.cardNavActionIcon{margin-left:auto}}}&.cardNavHorizontal{--card-nav-icon-size: 1.375rem;gap:var(--p-spacing-rem-12);.cardNavHeadingGroup{justify-content:center}.cardNavEndContainer{align-items:center;display:flex;gap:var(--p-spacing-rem-12);margin-left:auto}i.cardNavIcon{font-size:calc(var(--card-nav-icon-size) - 2px);height:var(--card-nav-icon-size);line-height:var(--card-nav-icon-size);text-align:center;width:var(--card-nav-icon-size)}@media(min-width:600px){--card-nav-icon-size: 1.625rem}}i.cardNavActionIcon{font-size:calc(var(--card-nav-action-icon-size) - 2px);height:var(--card-nav-action-icon-size);line-height:var(--card-nav-action-icon-size);text-align:center;width:var(--card-nav-action-icon-size)}@media(min-width:600px){--card-nav-action-icon-size: 1.625rem;padding:var(--p-spacing-rem-24) var(--p-spacing-rem-20)}}.card[data-stb-card=current]{--card-padding: var(--p-spacing-rem-20) var(--p-spacing-rem-16);--card-contents-gap: var(--p-grid-margin-16);display:flex;flex-direction:column;*{box-sizing:border-box}.cardHeaderContainer{aspect-ratio:2 / 1;border-radius:var(--p-corner-radius-medium) var(--p-corner-radius-medium) 0 0;position:relative;.cardHeaderImageWrapper{border-radius:var(--p-corner-radius-medium) var(--p-corner-radius-medium) 0 0;left:0;overflow:hidden;position:absolute;top:0}.cardHeaderContents{align-items:flex-start;display:flex;height:100%;padding:var(--card-padding);position:relative}}.cardContents{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--card-contents-gap);height:100%;padding:var(--card-padding);position:relative;width:100%;.cardContentsContainer{display:flex;flex-direction:column;gap:var(--card-contents-gap);height:100%;justify-self:flex-start}.cardContentsHeader{flex:0}.cardContentsActions{bottom:0;flex:0;justify-self:flex-end}}@media(min-width:600px){--card-padding: var(--p-spacing-rem-24) var(--p-spacing-rem-20);--card-contents-gap: var(--p-grid-margin-24)}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;font-family:Storebrand Symbols;font-size:1rem;height:1rem;line-height:1rem;white-space:nowrap;width:1rem;&[data-legacy=true]{font-family:System-Icons!important}@media(min-width:600px){font-size:1.5rem;height:1.5rem;line-height:1.5rem;width:1.5rem}}.alertInlineBase[data-stb-alert-inline=current]{--color-text: var(--p-color-text-primary);--color-icon: var(--p-color-icon-primary);align-self:start;border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;display:inline-flex;flex-direction:row;flex-shrink:0;gap:var(--p-spacing-rem-08);.alertTitle{color:var(--color-text);text-wrap:pretty;@media(max-width:600px){padding-top:1px}}.alertIcon{color:var(--color-icon)}&[data-variant=error]{--color-icon: var(--p-color-icon-error);--color-text: var(--p-color-text-error)}&[data-variant=warning]{--color-icon: var(--p-color-icon-warning);--color-text: var(--p-color-text-warning)}&[data-variant=success]{--color-icon: var(--p-color-icon-success);--color-text: var(--p-color-text-success)}&[data-variant=info]{--color-icon: var(--p-color-icon-info);--color-text: var(--p-color-text-info)}}.legend[data-stb-legend=current]{display:flex;flex-direction:column;gap:var(--p-spacing-rem-04);margin-inline:0;min-inline-size:none;padding-block:0;padding-inline:0;text-wrap:pretty;&[data-has-popover=true]{flex-direction:row;gap:var(--p-spacing-rem-08)}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.hintBase[data-stb-hint=current]{color:--p-color-text-secondary;display:inline-block;& button.hintButton{background:transparent;border:none;border-radius:3.2px;cursor:pointer;font-family:Storebrand Text,sans-serif;font-weight:600;line-height:150%;outline-offset:2px;padding:0;text-decoration:none;text-decoration:underline;white-space:nowrap}& button{.system-icon.icon-left{margin-left:var(--p-spacing-16)}}& button.hintButton:focus{outline:var(--p-outline)}& button.hintButton:focus:not(:focus-visible){outline:0}& button.hintButton:focus-visible{outline:var(--p-outline)}& p{margin:0;>a{font-size:inherit}}.hintText{color:var(--p-color-text-secondary);text-wrap:pretty}&[data-disabled-style=true]{& span.hintText{color:var(--p-color-text-disabled)}}}.popoverBase[data-stb-popover=current]{align-items:center;display:flex;justify-content:center;.popoverPopoverElement{--popover-background-color: var(--p-color-surface-1);--popover-box-shadow: 0 .25rem .375rem 0 rgb(0 0 0 / 14%), 0 .375rem .5rem 0 rgb(0 0 0 / 12%);background:var(--popover-background-color);border-radius:var(--p-corner-radius-rem-small);box-shadow:var(--popover-box-shadow);box-sizing:border-box;display:flex;flex-direction:row;gap:var(--p-spacing-rem-16);justify-content:space-between;max-width:35rem;min-width:18rem;padding:var(--p-spacing-rem-24);width:100%;z-index:var(--p-z-index-popover);&[data-show-on=hover]{padding:var(--p-spacing-rem-24)}.popoverContent{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--p-spacing-rem-08);justify-content:center;width:calc(100% - var(--p-spacing-rem-40));.popoverContentHeader,.popoverContentSection{box-sizing:border-box;overflow-wrap:break-word}}}}.spinnerContainer[data-stb-spinner=current]{--spinner-container-size: var(--p-spacing-rem-96);--spinner-radius: 44;--spinner-perimeter: calc(2 * pi * var(--spinner-radius));--spinner-perimeter-full: calc(var(--spinner-perimeter) * 1px);--spinner-perimeter-fraction: calc(.001 * var(--spinner-perimeter) * 1px);--spinner-track-color: var(--p-color-static-grey-background);--spinner-ticker-color: var(--p-color-static-red-foreground);--text-color: var(--p-color-text-primary);align-items:center;color:var(--text-color);display:flex;flex-direction:column;gap:var(--p-spacing-08);width:var(--spinner-container-size);p{font-size:1rem;white-space:nowrap}&.xxsmall{--spinner-radius: 8;--spinner-container-size: var(--p-spacing-rem-16)}&.xsmall{--spinner-radius: 10;--spinner-container-size: 1.375rem}&.small{--spinner-radius: 11;--spinner-container-size: var(--p-spacing-rem-24)}&.medium{--spinner-radius: 24;--spinner-container-size: var(--p-spacing-rem-48);p{font-size:.875rem}}&.onRed{--spinner-track-color: var(--p-color-static-grey-background);--spinner-ticker-color: var(--p-color-static-grey-foreground);--text-color: var(--p-color-text-primary)}.spinner{animation:loading-indicator-spinner-rotate 5s linear infinite}.spinnerTrack{stroke:var(--spinner-track-color)}.spinnerInMotion{animation:loading-indicator-spinner-spin infinite 6s ease-in-out;stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0}}.button[data-stb-button=current]{--button-background-color: var(--p-color-button-action-fill);--button-color: var(--p-color-text-on-color);--button-color-active: var(--p-color-text-on-color);--button-border-color: var(--p-color-button-action-fill);--button-outline: none;--button-height: var(--p-spacing-rem-40);align-items:center;background-color:var(--button-background-color);border:var(--p-border-rem-xsmall) solid var(--button-border-color);border-radius:var(--p-corner-radius-rem-extreme);box-sizing:border-box;color:var(--button-color);cursor:pointer;display:inline-flex;gap:var(--p-spacing-rem-08);height:var(--button-height);justify-content:center;max-height:var(--button-height);min-height:var(--button-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--p-spacing-rem-08) var(--p-spacing-rem-24);position:relative;text-decoration:none;transition-duration:var(--p-transition-duration);transition-property:border,background-color,color;white-space:nowrap;&:focus-visible{--button-outline: var(--p-outline)}&[data-size=large]{--button-height: var(--p-spacing-rem-40);@media(min-width:600px){--button-height: var(--p-spacing-rem-48)}}&[data-size=medium]{--button-height: var(--p-spacing-rem-32);@media(min-width:600px){--button-height: var(--p-spacing-rem-40)}}&[data-size=small]{--button-height: var(--p-spacing-rem-28);@media(min-width:600px){--button-height: var(--p-spacing-rem-32)}}&[data-variant=primary]{&[disabled]{--button-color: var(--p-color-text-disabled);--button-background-color: var(--p-color-button-disabled);--button-border-color: var(--p-color-button-disabled)}&[data-loading=true]{--button-background-color: var(--p-color-button-action-fill-active);--button-border-color: var(--p-color-button-action-fill-active)}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-button-action-fill-hover);--button-border-color: var(--p-color-button-action-fill-hover)}}&:active{--button-background-color: var(--p-color-button-action-fill-active);--button-border-color: var(--p-color-button-action-fill-active)}}&[data-variant=secondary]{--button-color: var(--p-color-text-primary);--button-background-color: transparent;--button-border-color: var(--p-color-stroke-strong);&[disabled]{--button-color: var(--p-color-text-disabled);--button-border-color: var(--p-color-stroke-disabled)}&[data-loading=true]{--button-background-color: transparent}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-background-hover);--button-color: var(--p-color-text-primary-hover)}}&:active{--button-background-color: var(--p-color-background-pressed);--button-color: var(--p-color-text-primary-active)}}&[data-variant=subtle]{--button-color: var(--p-color-text-primary);--button-background-color: transparent;--button-border-color: var(--p-color-stroke-subtle-0);&[disabled]{--button-color: var(--p-color-text-disabled);--button-border-color: var(--p-color-stroke-disabled)}&[data-loading=true]{--button-background-color: transparent}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-background-hover);--button-color: var(--p-color-text-primary-hover)}}&:active{--button-background-color: var(--p-color-background-pressed);--button-color: var(--p-color-text-primary-active)}}&[data-variant=tertiary]{--button-color: var(--p-color-text-interactive);--button-background-color: transparent;--button-border-color: transparent;&[disabled]{--button-color: var(--p-color-text-disabled)}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-background-hover);--button-color: var(--p-color-text-interactive-hover)}}&:active{--button-background-color: var(--p-color-background-pressed);--button-color: var(--p-color-text-interactive-active)}&:focus-visible{--button-border-color: transparent}&.underlined{>span{position:relative;&:after{background-color:var(--button-color);bottom:2px;content:"";height:1px;left:0;position:absolute;width:100%}}@media(hover:hover)and (pointer:fine){&:hover:not([disabled]){>span:after{background-color:var(--button-color)}}}&[disabled]{>span:after{background-color:var(--button-color)}}}}&[disabled]{pointer-events:none}}.buttonBrand[data-stb-button-brand=current]{--button-background-color: var(--p-color-button-brand-fill);--button-color: var(--p-color-text-on-color);--button-border-color: var(--p-color-button-brand-fill);--button-outline: none;--button-height: var(--p-spacing-rem-40);align-items:center;background-color:var(--button-background-color);border:var(--p-border-rem-xsmall) solid var(--button-border-color);border-radius:var(--p-corner-radius-rem-extreme);box-sizing:border-box;color:var(--button-color);cursor:pointer;display:inline-flex;height:var(--button-height);justify-content:center;max-height:var(--button-height);min-height:var(--button-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--p-spacing-rem-08) var(--p-spacing-rem-24);position:relative;text-decoration:none;transition-duration:var(--p-transition-duration);transition-property:border,background-color,color;white-space:nowrap;.iconLeft{margin-right:var(--p-spacing-rem-08)}.iconRight{margin-left:var(--p-spacing-rem-08)}&:focus-visible{--button-outline: var(--p-outline)}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-button-brand-fill-hover);--button-border-color: var(--p-color-button-brand-fill-hover)}}&:active{--button-background-color: var(--p-color-button-brand-fill-active);--button-border-color: var(--p-color-button-brand-fill-active)}&[data-loading=true]{--button-background-color: var(--p-color-button-brand-fill);--button-border-color: var(--p-color-button-brand-fill)}&[disabled]{--button-color: var(--p-color-text-disabled);--button-background-color: var(--p-color-button-disabled);--button-border-color: var(--p-color-button-disabled);pointer-events:none}@media(min-width:600px){--button-height: var(--p-spacing-rem-48)}}.buttonCircle[data-stb-button-circle=current]{--button-background-color: var(--p-color-button-action-fill);--button-color: var(--p-color-text-on-color);--button-color-active: var(--p-color-text-on-color);--button-border-color: var(--p-color-button-action-fill);--button-outline: none;--button-size: var(--p-spacing-rem-40);align-items:center;background-color:var(--button-background-color);border:var(--p-border-rem-xsmall) solid var(--button-border-color);border-radius:var(--p-corner-radius-rem-extreme);box-sizing:border-box;color:var(--button-color);cursor:pointer;display:inline-flex;height:var(--button-size);justify-content:center;max-height:var(--button-size);max-width:var(--button-size);min-height:var(--button-size);min-width:var(--button-size);outline:var(--button-outline);outline-offset:var(--p-outline-offset);position:relative;text-decoration:none;transition-duration:var(--p-transition-duration);transition-property:border,background-color,color;white-space:nowrap;width:var(--button-size);&:focus-visible{--button-outline: var(--p-outline)}&[data-size=large]{--button-size: var(--p-spacing-rem-40);@media(min-width:600px){--button-size: var(--p-spacing-rem-48)}}&[data-size=medium]{--button-size: var(--p-spacing-rem-32);@media(min-width:600px){--button-size: var(--p-spacing-rem-40)}}&[data-size=small]{--button-size: var(--p-spacing-rem-28);@media(min-width:600px){--button-size: var(--p-spacing-rem-32)}}&[data-variant=primary]{&[disabled]{--button-color: var(--p-color-text-disabled);--button-background-color: var(--p-color-button-disabled);--button-border-color: var(--p-color-button-disabled)}&[data-loading=true]{--button-background-color: var(--p-color-button-action-fill-active);--button-border-color: var(--p-color-button-action-fill-active)}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-button-action-fill-hover);--button-border-color: var(--p-color-button-action-fill-hover)}}&:active{--button-background-color: var(--p-color-button-action-fill-active);--button-border-color: var(--p-color-button-action-fill-active)}}&[data-variant=secondary]{--button-color: var(--p-color-text-primary);--button-background-color: transparent;--button-border-color: var(--p-color-stroke-strong);&[disabled]{--button-color: var(--p-color-text-disabled);--button-border-color: var(--p-color-stroke-disabled)}&[data-loading=true]{--button-background-color: transparent}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-background-hover);--button-color: var(--p-color-text-primary-hover)}}&:active{--button-background-color: var(--p-color-background-pressed);--button-color: var(--p-color-text-primary-active)}}&[data-variant=subtle]{--button-color: var(--p-color-text-primary);--button-background-color: transparent;--button-border-color: var(--p-color-stroke-subtle-0);&[disabled]{--button-color: var(--p-color-text-disabled);--button-border-color: var(--p-color-stroke-disabled)}&[data-loading=true]{--button-background-color: transparent}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-background-hover);--button-color: var(--p-color-text-primary-hover)}}&:active{--button-background-color: var(--p-color-background-pressed);--button-color: var(--p-color-text-primary-active)}}&[data-variant=tertiary]{--button-color: var(--p-color-text-interactive);--button-background-color: transparent;--button-border-color: transparent;&[disabled]{--button-color: var(--p-color-text-disabled)}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-background-hover);--button-color: var(--p-color-text-interactive-hover)}}&:active{--button-background-color: var(--p-color-background-pressed);--button-color: var(--p-color-text-interactive-active)}&:focus-visible{--button-border-color: transparent}&.underlined{>span{position:relative;&:after{background-color:var(--button-color);bottom:2px;content:"";height:1px;left:0;position:absolute;width:100%}}@media(hover:hover)and (pointer:fine){&:hover:not([disabled]){>span:after{background-color:var(--button-color)}}}&[disabled]{>span:after{background-color:var(--button-color)}}}}&[disabled]{pointer-events:none}}.buttonCircleBrand[data-stb-button-circle-brand=current]{--button-background-color: var(--p-color-button-brand-fill);--button-color: var(--p-color-text-on-color);--button-border-color: var(--p-color-button-brand-fill);--button-outline: none;--button-size: var(--p-spacing-rem-40);align-items:center;background-color:var(--button-background-color);border:var(--p-border-rem-xsmall) solid var(--button-border-color);border-radius:var(--p-corner-radius-rem-extreme);box-sizing:border-box;color:var(--button-color);cursor:pointer;display:inline-flex;height:var(--button-size);justify-content:center;max-height:var(--button-size);max-width:var(--button-size);min-height:var(--button-size);min-width:var(--button-size);outline:var(--button-outline);outline-offset:var(--p-outline-offset);position:relative;text-decoration:none;transition-duration:var(--p-transition-duration);transition-property:border,background-color,color;white-space:nowrap;&:focus-visible{--button-outline: var(--p-outline)}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-button-brand-fill-hover);--button-border-color: var(--p-color-button-brand-fill-hover)}}&:active{--button-background-color: var(--p-color-button-brand-fill-active);--button-border-color: var(--p-color-button-brand-fill-active)}&[data-loading=true]{--button-background-color: var(--p-color-button-brand-fill);--button-border-color: var(--p-color-button-brand-fill)}&[disabled]{--button-color: var(--p-color-text-disabled);--button-background-color: var(--p-color-button-disabled);--button-border-color: var(--p-color-button-disabled);pointer-events:none}@media(min-width:600px){--button-size: var(--p-spacing-rem-48)}}.buttonIcon[data-stb-button-icon=current]{--button-icon-background-color: transparent;--button-icon-color: var(--p-color-icon-primary);--button-icon-outline: none;--button-icon-size: clamp(1.375rem, 3vw, 1.375rem);align-items:center;background-color:var(--button-icon-background-color);border:none;border-radius:.125rem;box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;display:inline-flex;justify-content:center;margin:0;max-height:var(--button-icon-size);max-width:var(--button-icon-size);min-height:var(--button-icon-size);min-width:var(--button-icon-size);outline:var(--button-icon-outline);outline-offset:var(--p-outline-offset);padding:0;position:relative;text-decoration:none;transition-duration:var(--p-transition-duration);transition-property:border,background-color,color;white-space:nowrap;width:var(--button-icon-size);>i{font-size:var(--button-icon-size);height:var(--button-icon-size);line-height:var(--button-icon-size);width:var(--button-icon-size)}&:focus-visible{--button-icon-outline: var(--p-outline)}@media(hover:hover)and (pointer:fine){&:hover{--button-icon-color: var(--p-color-icon-primary-hover)}}&:active{--button-icon-color: var(--p-color-icon-primary-active)}&[data-size=xlarge]{--button-icon-size: clamp(1.625rem, 3vw, 1.625rem);@media(min-width:600px){--button-icon-size: clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size: clamp(1.375rem, 3vw, 1.375rem);@media(min-width:600px){--button-icon-size: clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size: clamp(1.25rem, 3vw, 1.25rem);@media(min-width:600px){--button-icon-size: clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size: clamp(1rem, 3vw, 1rem);@media(min-width:600px){--button-icon-size: clamp(1.125rem, 3vw, 1.125rem)}}&[disabled]{--button-icon-color: var(--p-color-icon-disabled);pointer-events:none}}.labelAtom[data-stb-label=current]{display:flex;flex-direction:column;gap:var(--p-spacing-rem-08);text-wrap:pretty;&[data-has-popover=true]{flex-direction:row;gap:var(--p-spacing-rem-08)}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.radioButtonAtom[data-stb-radio-button-atom=current]{--radio-size: 1.5rem;--radio-inner-size: .8rem;--outline: transparent;--border-color: var(--p-color-stroke-subtle-0);--border-color-checked: var(--p-color-stroke-selected);--border-radius: .75rem;--border-thickness: .0625rem;--radio-color: var(--p-color-stroke-strong);--radio-background: var(--p-color-surface-static);--radio-color-checked: var(--p-color-surface-selected);--radio-background-checked: var(--p-color-surface-static);align-items:center;box-sizing:border-box;display:grid;outline:none;row-gap:var(--p-spacing-rem-08);width:fit-content;&:focus-visible{--outline: var(--p-outline)}&[data-fluid=true]{max-width:100%;width:100%}&[data-border=true]{border:var(--border-thickness) solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;outline:var(--outline);outline-offset:var(--p-outline-offset);padding:var(--p-spacing-rem-24) var(--p-spacing-rem-20)}.radioInput{clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.radioButtonLabel{column-gap:var(--p-spacing-rem-12);cursor:pointer;display:grid;font-weight:400;grid-template-columns:auto 1fr;grid-template-rows:auto}.radioButtonLabel:before{--color: var(--radio-color);--outer-border-width: var(--p-border-rem-small);--height: calc(var(--radio-size) - (var(--outer-border-width) * 2));aspect-ratio:1;background:var(--radio-background);border:calc((var(--radio-size) - var(--radio-inner-size) - var(--outer-border-width)) / 2) solid var(--radio-background);border-radius:50%;box-shadow:0 0 0 var(--outer-border-width) var(--color);box-sizing:border-box;content:"";display:block;grid-area:1 / 1 / span 1 / span 1;height:var(--height);margin:var(--outer-border-width);outline:var(--outline);outline-offset:calc(var(--p-outline-offset) + var(--outer-border-width));place-self:center}.radioInput:checked+.radioButtonLabel:before{--color: var(--radio-color-checked);background:var(--color)}&:has(.radioInput:focus-visible){--outline: var(--p-outline)}&:has(.radioInput:checked){border-color:var(--border-color-checked)}.radioHint{color:var(--p-color-text-secondary);column-gap:var(--p-spacing-rem-12);display:grid;grid-template-columns:auto 1fr}.radioHint:before{aspect-ratio:1;content:""}&:has(.radioHint:not(:empty)) .radioButtonLabel{font-weight:600}@media(hover:hover)and (pointer:fine){&:hover{--radio-color: var(--p-color-surface-selected-hover);--radio-background: var(--p-color-background-hover);--radio-color-checked: var(--p-color-surface-selected-hover);--radio-background-checked: var(--p-color-background-hover);--border-color: var(--p-color-stroke-strong-hover);--border-color-checked: var(--p-color-stroke-selected-hover)}}&:has(.radioInput:active){--radio-color: var(--p-color-stroke-selected-pressed);--radio-background: var(--p-color-background-pressed);--radio-color-checked: var(--p-color-surface-selected-pressed);--radio-background-checked: var(--p-color-background-pressed);--border-color: var(--p-color-stroke-selected);--border-color-checked: var(--p-color-stroke-selected-pressed)}&[data-message-type=warning]{--radio-color: var(--p-color-stroke-warning);--radio-background: var(--p-color-surface-warning);--radio-color-checked: var(--p-color-stroke-warning);--radio-background-checked: var(--p-color-surface-warning);--border-color: var(--p-color-stroke-warning);--border-color-checked: var(--p-color-stroke-warning)}&[data-message-type=error]{--radio-color: var(--p-color-stroke-error);--radio-background: var(--p-color-surface-error);--radio-color-checked: var(--p-color-stroke-error);--radio-background-checked: var(--p-color-surface-error);--border-color: var(--p-color-stroke-error);--border-color-checked: var(--p-color-stroke-error)}&:has(.radioInput[aria-disabled=true]){--radio-color: var(--p-color-stroke-disabled);--radio-background: var(--p-color-surface-static);--radio-color-checked: var(--p-color-stroke-disabled);--radio-background-checked: var(--p-color-surface-static);--border-color: var(--p-color-stroke-disabled);--border-color-checked: var(--p-color-stroke-disabled);pointer-events:none}}.radioButtonsBase[data-stb-radio-buttons=current]{border:none;display:flex;flex-direction:column;margin:0;padding:0;.radioButtonsItems{display:flex;flex-direction:column;gap:var(--p-spacing-rem-08);&.row{flex-direction:row}}.radioButtonsLegend{margin-bottom:var(--p-spacing-rem-16)}.radioButtonsAlert{margin-top:var(--p-spacing-rem-16)}}.inputFieldContainer[data-stb-input-field=current]{cursor:default;display:flex;flex-direction:column;gap:var(--p-spacing-rem-08);max-width:18rem;width:100%;&[data-fluid=true]{max-width:100%;width:100%}}.inputContainer[data-stb-input-atom=current]{--text-color: var(--p-color-text-primary);--background-color: var(--p-color-surface-static);--border-color: var(--p-color-stroke-0);--suffix-color: var(--p-color-text-secondary);--icon-color: var(--p-color-text-primary);--input-max-height: 3rem;--border-normal: var(--p-border-rem-xsmall);--border-fat: .0938rem;--border-thickness: var(--border-normal);align-items:center;align-self:flex-start;background-color:var(--background-color);border:var(--border-thickness) solid var(--border-color);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;color:var(--text-color);cursor:text;display:inline-flex;max-height:var(--input-max-height);max-width:18rem;min-height:var(--input-max-height);position:relative;&.textarea{height:auto;max-height:100%}&.inputCompact{--input-max-height: 2.5rem}.inputElement{background-color:transparent;border:none;border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;color:var(--text-color);height:100%;padding:var(--p-spacing-rem-08) var(--p-spacing-rem-12);width:100%;&:focus{outline:none}&::placeholder{color:var(--p-color-text-placeholder);font-family:Storebrand Text,sans-serif;font-size:1rem;font-weight:400;line-height:1.375rem;@media(min-width:600px){font-size:1.125rem;line-height:1.625rem}}&.textarea{height:auto;padding:var(--p-spacing-rem-08);resize:none}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none}&[type=number]{-moz-appearance:textfield}}.inputAdditions{align-items:center;display:flex;gap:1.25rem;padding-right:var(--p-spacing-rem-12);z-index:var(--p-z-index-input)}.iconButton{color:var(--icon-color);display:flex}.icon{--icon-size: 1.375rem;color:var(--icon-color);display:flex;pointer-events:none;i{font-size:var(--icon-size);height:var(--icon-size);line-height:var(--icon-size);width:var(--icon-size)}@media(min-width:600px){--icon-size: 1.625rem}}.inputSuffix{color:var(--suffix-color)}&[data-fluid=true]{max-width:100%;width:100%;>select{width:100%}}&[data-message-type=success]{--border-color: var(--p-color-stroke-success);--border-thickness: var(--border-fat);--background-color: var(--p-color-surface-success)}&[data-message-type=warning]{--border-color: var(--p-color-stroke-warning);--border-thickness: var(--border-fat);--background-color: var(--p-color-surface-warning)}&[data-message-type=error]{--border-color: var(--p-color-stroke-error);--border-thickness: var(--border-fat);--background-color: var(--p-color-surface-error)}&:not([data-disabled=true],[data-readonly=true]){&:active,&:focus-within{--border-color: var(--p-color-stroke-selected);--border-thickness: var(--border-fat)}@media(hover:hover)and (pointer:fine){&:hover{--border-color: var(--p-color-background-selected-pressed)}}.inputElement:focus-visible{--border-color: var(--p-color-stroke-0)}}&[data-readonly=true]{--border-color: var(--p-color-stroke-0);--background-color: var(--p-color-background-hover)}&[data-disabled=true]{--background-color: var(--p-color-surface-static);--border-color: var(--p-color-stroke-disabled);--suffix-color: var(--p-color-text-disabled);--text-color: var(--p-color-text-disabled);--icon-color: var(--p-color-text-disabled);cursor:not-allowed;opacity:1;.inputElement,.inputAdditions .inputSuffix{pointer-events:none}}}.labelAtom[data-stb-label=current]{display:flex;flex-direction:column;gap:var(--p-spacing-rem-04);text-wrap:pretty;&[data-has-popover=true]{flex-direction:row;gap:var(--p-spacing-rem-08)}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.checkboxAtom[data-stb-checkbox-atom=current]{--checkbox-border-color: var(--p-color-stroke-strong);--checkbox-border-color-checked: var(--p-color-surface-selected);--checkbox-background: var(--p-color-surface-static);--checkbox-background-checked: var(--p-color-surface-selected);--checkbox-icon-color: var(--p-color-surface-static);--checkbox-hint-color: var(--p-color-text-secondary);--checkbox-border-radius: .25rem;--checkbox-input-size: var(--p-system-icon-body, 1.375rem);@media(min-width:600px){--checkbox-input-size: var(--p-system-icon-body, 1.625rem)}--outline: transparent;--border-color: var(--p-color-stroke-subtle-0);--border-color-checked: var(--p-color-stroke-selected);--border-radius: .75rem;--border-thickness: .0625rem;align-items:center;box-sizing:border-box;display:grid;gap:var(--p-spacing-rem-08) var(--p-spacing-rem-12);grid-template-columns:auto 1fr;outline:none;width:fit-content;&:focus-visible{--outline: var(--p-outline)}&[data-fluid=true]{max-width:100%;width:100%}&[data-border=true]{border:var(--border-thickness) solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;outline:var(--outline);outline-offset:var(--p-outline-offset);padding:var(--p-spacing-rem-24) var(--p-spacing-rem-20);.checkboxLabel:before{outline:none}}.checkboxInput{clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.checkboxLabel{column-gap:inherit;cursor:pointer;display:grid;font-weight:400;grid-column:1 / -1;grid-row:1 / 2;grid-template-columns:subgrid}.checkboxLabel:after,.checkboxLabel:before{aspect-ratio:1;border-radius:var(--checkbox-border-radius);box-sizing:border-box;content:"";display:inline-block;grid-area:1 / 1 / span 1 / span 1;height:var(--checkbox-input-size);place-self:start center}.checkboxLabel:before{background:var(--checkbox-background);border:var(--p-border-rem-small) solid var(--checkbox-border-color);outline:var(--outline);outline-offset:var(--p-outline-offset)}.checkboxLabel:after{background:var(--checkbox-icon-color);mask:url('data:image/svg+xml;utf8,<svg viewBox="0 0 13 11" xmlns="http://www.w3.org/2000/svg"><path d="M12.2311 1.29248C12.6079 1.72314 12.5861 2.39812 12.1823 2.80007L4.68232 10.2667C4.28837 10.6589 3.67393 10.6476 3.29289 10.2412L0.792893 7.57452C0.402369 7.15797 0.402369 6.48259 0.792893 6.06603C1.18342 5.64947 1.81658 5.64947 2.20711 6.06603L4.02396 8.00401L10.8177 1.24049C11.2214 0.838536 11.8542 0.86181 12.2311 1.29248Z" fill="black"/></svg>') center/contain no-repeat;opacity:0;width:.8125rem}.checkboxInput:checked+.checkboxLabel{&:before{background:var(--checkbox-background-checked);border-color:var(--checkbox-border-color-checked)}&:after{opacity:1}}.checkboxInput:not(:checked)+.checkboxLabel[data-checked=mixed]{&:before{background-color:var(--checkbox-background-checked);border-color:var(--checkbox-border-color-checked)}&:after{border-radius:.125rem;height:.125rem;mask:unset;opacity:1;place-self:center center;width:.75rem}}&:has(.checkboxInput:focus-visible){--outline: var(--p-outline)}&:has(.checkboxInput:checked){border-color:var(--border-color-checked)}.checkboxHint{color:var(--checkbox-hint-color);grid-column:2 / -1;grid-row:2 / 3}&:has(.checkboxHint:not(:empty)) .checkboxLabel{font-weight:600}@media(hover:hover)and (pointer:fine){&:hover{--checkbox-border-color: var(--p-color-stroke-selected-hover);--checkbox-border-color-checked: var(--p-color-stroke-selected-hover);--checkbox-background: var(--p-color-background-hover);--checkbox-background-checked: var(--p-color-surface-selected-hover);--checkbox-icon-color: var(--p-color-surface-static);--border-color: var(--p-color-stroke-strong-hover);--border-color-checked: var(--p-color-stroke-selected-hover)}}&:has(.checkboxInput:active){--checkbox-border-color: var(--p-color-stroke-selected-pressed);--checkbox-border-color-checked: var(--p-color-stroke-selected-pressed);--checkbox-background: var(--p-color-background-pressed);--checkbox-background-checked: var(--p-color-background-selected-pressed);--checkbox-icon-color: var(--p-color-icon-on-color);--border-color: var(--p-color-stroke-selected);--border-color-checked: var(--p-color-stroke-selected-pressed)}&[data-message-type=warning]{--checkbox-border-color: var(--p-color-stroke-warning);--checkbox-border-color-checked: var(--p-color-stroke-warning);--checkbox-background: var(--p-color-surface-warning);--checkbox-background-checked: var(--p-color-stroke-warning);--checkbox-icon-color: var(--p-color-surface-warning);--border-color: var(--p-color-stroke-warning);--border-color-checked: var(--p-color-stroke-warning)}&[data-message-type=error]{--checkbox-border-color: var(--p-color-stroke-error);--checkbox-border-color-checked: var(--p-color-stroke-error);--checkbox-background: var(--p-color-surface-error);--checkbox-background-checked: var(--p-color-stroke-error);--checkbox-icon-color: var(--p-color-surface-error);--border-color: var(--p-color-stroke-error);--border-color-checked: var(--p-color-stroke-error)}&:has(.checkboxInput[aria-disabled=true]){--checkbox-border-color: var(--p-color-stroke-disabled);--checkbox-border-color-checked: var(--p-color-background-disabled);--checkbox-background: var(--p-color-surface-static);--checkbox-background-checked: var(--p-color-background-disabled);--checkbox-icon-color: var(--p-color-stroke-disabled);--border-color: var(--p-color-stroke-disabled);--border-color-checked: var(--p-color-stroke-disabled);--checkbox-hint-color: var(--p-color-stroke-disabled);pointer-events:none}}.alertInlineBase[data-stb-alert-inline=current]{--color-text: var(--p-color-text-primary);--color-icon: var(--p-color-icon-primary);align-self:start;border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;display:inline-flex;flex-direction:row;flex-shrink:0;gap:var(--p-spacing-rem-08);.alertTitle{--alert-line-height: 1.25rem;color:var(--color-text);line-height:var(--alert-line-height);@media(min-width:600px){--alert-line-height: 1.375rem}}.alertIconWrapper{display:flex;text-align:center}.alertIcon{--alert-icon-size: 1.25rem;color:var(--color-icon);font-size:var(--alert-icon-size);height:var(--alert-icon-size);line-height:var(--alert-icon-size);width:var(--alert-icon-size);@media(min-width:600px){--alert-icon-size: 1.375rem}}&[data-variant=error]{--color-icon: var(--p-color-icon-error);--color-text: var(--p-color-text-error)}&[data-variant=warning]{--color-icon: var(--p-color-icon-warning);--color-text: var(--p-color-text-warning)}&[data-variant=success]{--color-icon: var(--p-color-icon-success);--color-text: var(--p-color-text-success)}&[data-variant=info]{--color-icon: var(--p-color-icon-info);--color-text: var(--p-color-text-info)}}.hintBase[data-stb-hint=current]{color:var(--p-color-text-secondary);display:inline-block;& button.hintButton{background:transparent;border:none;border-radius:3.2px;cursor:pointer;font-family:Storebrand Text,sans-serif;font-weight:600;line-height:150%;outline-offset:2px;padding:0;text-decoration:underline;white-space:nowrap}& button{.system-icon.icon-left{margin-left:var(--p-spacing-16)}}& button.hintButton:focus{outline:var(--p-outline)}& button.hintButton:focus:not(:focus-visible){outline:0}& button.hintButton:focus-visible{outline:var(--p-outline)}& p{margin:0;>a{font-size:inherit}}.hintText{color:var(--p-color-text-secondary);text-wrap:pretty}&[data-disabled-style=true]{& span.hintText{color:var(--p-color-text-disabled)}}}.popoverBase[data-stb-popover=current]{align-items:center;display:flex;justify-content:center;.popoverPopoverElement{--popover-background-color: var(--p-color-surface-1);--popover-box-shadow: 0 .25rem .375rem 0 rgb(0 0 0 / 14%), 0 .375rem .5rem 0 rgb(0 0 0 / 12%);background:var(--popover-background-color);border-radius:var(--p-corner-radius-rem-small);box-shadow:var(--popover-box-shadow);box-sizing:border-box;display:flex;flex-direction:row;gap:var(--p-spacing-rem-16);justify-content:space-between;max-width:35rem;min-width:18rem;padding:var(--p-spacing-rem-16);width:100%;z-index:var(--p-z-index-popover);@media(min-width:600px){padding:var(--p-spacing-rem-20)}&[data-show-on=hover]{padding:var(--p-spacing-rem-24)}.popoverContent{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--p-spacing-rem-08);justify-content:center;width:calc(100% - var(--p-spacing-rem-40));.popoverContentHeader,.popoverContentSection{box-sizing:border-box;overflow-wrap:break-word}}}}.button[data-stb-button=current],.button[data-stb-button-circle=current]{--button-background-color: var(--p-color-button-action-fill);--button-color: var(--p-color-text-on-color);--button-color-active: var(--p-color-text-on-color);--button-border-color: var(--p-color-button-action-fill);--button-outline: none;--button-height: var(--p-spacing-rem-40);--button-font-size: 1rem;--button-line-height: 1.375rem;--button-icon-size: var(--button-line-height);--button-padding: var(--p-spacing-rem-08) var(--p-spacing-rem-20);align-items:center;background-color:var(--button-background-color);border:var(--p-border-rem-xsmall) solid var(--button-border-color);border-radius:var(--p-corner-radius-rem-extreme);box-sizing:border-box;color:var(--button-color);cursor:pointer;display:inline-flex;font-size:var(--button-font-size);height:var(--button-height);justify-content:center;line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);position:relative;text-decoration:none;transition-duration:var(--p-transition-duration);transition-property:border,background-color,color;.buttonContentContainer{align-items:center;display:flex;gap:var(--p-spacing-rem-04);justify-content:center;white-space:nowrap;.buttonContent{padding:0 var(--p-spacing-rem-04)}}& i{font-size:calc(var(--button-icon-size) - 2px);height:var(--button-icon-size);line-height:var(--button-icon-size);text-align:center;width:var(--button-icon-size)}.buttonSpinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline: var(--p-outline)}&[data-fluid=true]{width:100%;@media(min-width:600px){max-width:600px}}&[data-loading=true]{.buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height: var(--p-spacing-rem-48);@media(min-width:600px){--button-font-size: 1.125rem;--button-line-height: 1.625rem}}&[data-size=medium]{--button-height: var(--p-spacing-rem-40);--button-font-size: .875rem;--button-line-height: 1.25rem;--button-padding: .625rem var(--p-spacing-rem-16);@media(min-width:600px){--button-font-size: 1rem;--button-line-height: 1.375rem}}&[data-size=small]{--button-height: var(--p-spacing-rem-32);--button-font-size: .75rem;--button-line-height: 1rem;--button-padding: var(--p-spacing-rem-08) var(--p-spacing-rem-12);@media(min-width:600px){--button-font-size: .875rem;--button-line-height: 1.125rem}}&[data-variant=primary]{&[aria-disabled=true],&[disabled]{--button-color: var(--p-color-text-disabled);--button-background-color: var(--p-color-button-disabled);--button-border-color: var(--p-color-button-disabled)}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-button-action-fill-hover);--button-border-color: var(--p-color-button-action-fill-hover)}}&:active{--button-background-color: var(--p-color-button-action-fill-active);--button-border-color: var(--p-color-button-action-fill-active)}}&[data-variant=secondary]{--button-color: var(--p-color-text-primary);--button-background-color: transparent;--button-border-color: var(--p-color-stroke-strong);&[aria-disabled=true],&[disabled]{--button-color: var(--p-color-text-disabled);--button-border-color: var(--p-color-stroke-disabled)}&[data-loading=true]{--button-background-color: transparent}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-background-hover);--button-color: var(--p-color-text-primary-hover);--button-border-color: var(--p-color-stroke-strong-hover)}}&:active{--button-background-color: var(--p-color-background-pressed);--button-color: var(--p-color-text-primary-active);--button-border-color: var(--p-color-stroke-strong-pressed)}}&[data-variant=subtle]{--button-color: var(--p-color-text-primary);--button-background-color: transparent;--button-border-color: var(--p-color-stroke-subtle-0);&[aria-disabled=true],&[disabled]{--button-color: var(--p-color-text-disabled);--button-border-color: var(--p-color-stroke-disabled)}&[data-loading=true]{--button-background-color: transparent}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-background-hover);--button-color: var(--p-color-text-primary-hover);--button-border-color: var(--p-color-stroke-strong-hover)}}&:active{--button-background-color: var(--p-color-background-pressed);--button-color: var(--p-color-text-primary-active);--button-border-color: var(--p-color-stroke-strong-pressed)}}&[data-variant=tertiary]{--button-color: var(--p-color-text-interactive);--button-background-color: transparent;--button-border-color: transparent;&[aria-disabled=true],&[disabled]{--button-color: var(--p-color-text-disabled)}@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-background-hover);--button-color: var(--p-color-text-interactive-hover)}}&:active{--button-background-color: var(--p-color-background-pressed);--button-color: var(--p-color-text-interactive-active)}&:focus-visible{--button-border-color: transparent}}&[data-variant=brand]{--button-background-color: var(--p-color-button-brand-fill);--button-color: var(--p-color-text-on-color);--button-border-color: var(--p-color-button-brand-fill);@media(hover:hover)and (pointer:fine){&:hover{--button-background-color: var(--p-color-button-brand-fill-hover);--button-border-color: var(--p-color-button-brand-fill-hover)}}&:active{--button-background-color: var(--p-color-button-brand-fill-active);--button-border-color: var(--p-color-button-brand-fill-active)}&[aria-disabled=true],&[disabled]{--button-color: var(--p-color-text-disabled);--button-background-color: var(--p-color-button-disabled);--button-border-color: var(--p-color-button-disabled)}}&[aria-disabled=true],&[disabled]{pointer-events:none}}.buttonCircle[data-stb-button-circle=current]{--button-size: var(--button-height);height:var(--button-size);padding:0;width:var(--button-size)}.buttonIcon[data-stb-button-icon=current]{--button-icon-background-color: transparent;--button-icon-color: var(--p-color-icon-primary);--button-icon-outline: none;--button-icon-size: clamp(1.375rem, 3vw, 1.375rem);align-items:center;background-color:var(--button-icon-background-color);border:none;border-radius:.125rem;box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;display:inline-flex;justify-content:center;max-height:var(--button-icon-size);max-width:var(--button-icon-size);min-height:var(--button-icon-size);min-width:var(--button-icon-size);outline:var(--button-icon-outline);outline-offset:var(--p-outline-offset);padding:0;position:relative;text-decoration:none;transition-duration:var(--p-transition-duration);transition-property:border,background-color,color;white-space:nowrap;width:var(--button-icon-size);>i{font-size:var(--button-icon-size);height:var(--button-icon-size);line-height:var(--button-icon-size);width:var(--button-icon-size)}&:focus-visible{--button-icon-outline: var(--p-outline)}@media(hover:hover)and (pointer:fine){&:hover{--button-icon-color: var(--p-color-icon-primary-hover)}}&:active{--button-icon-color: var(--p-color-icon-primary-active)}&[data-size=xlarge]{--button-icon-size: clamp(1.625rem, 3vw, 1.625rem);@media(min-width:600px){--button-icon-size: clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size: clamp(1.375rem, 3vw, 1.375rem);@media(min-width:600px){--button-icon-size: clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size: clamp(1.25rem, 3vw, 1.25rem);@media(min-width:600px){--button-icon-size: clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size: clamp(1rem, 3vw, 1rem);@media(min-width:600px){--button-icon-size: clamp(1.125rem, 3vw, 1.125rem)}}&[aria-disabled=true],&[disabled]{--button-icon-color: var(--p-color-icon-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;font-family:Storebrand Symbols;font-size:1rem;height:1rem;line-height:1rem;width:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media(min-width:600px){font-size:1.5rem;height:1.5rem;line-height:1.5rem;width:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg{height:100%;width:100%}& img{height:100%;width:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{img{height:auto;width:auto}}& img{max-width:100%;vertical-align:middle}}.spinnerContainer[data-stb-spinner=current]{--spinner-container-size: var(--p-spacing-rem-96);--spinner-radius: 44;--spinner-perimeter: calc(2 * pi * var(--spinner-radius));--spinner-perimeter-full: calc(var(--spinner-perimeter) * 1px);--spinner-perimeter-fraction: calc(.001 * var(--spinner-perimeter) * 1px);--spinner-track-color: var(--p-color-static-grey-background);--spinner-ticker-color: var(--p-color-static-brand-foreground);--text-color: var(--p-color-text-primary);align-items:center;color:var(--text-color);display:flex;flex-direction:column;gap:var(--p-spacing-08);width:var(--spinner-container-size);& svg{height:100%;width:100%}p{font-size:1rem;white-space:nowrap}&.xxsmall{--spinner-radius: 8;--spinner-container-size: var(--p-spacing-rem-16)}&.xsmall{--spinner-radius: 10;--spinner-container-size: 1.375rem}&.small{--spinner-radius: 11;--spinner-container-size: var(--p-spacing-rem-24)}&.medium{--spinner-radius: 24;--spinner-container-size: var(--p-spacing-rem-48);p{font-size:.875rem}}&.onRed{--spinner-track-color: var(--p-color-static-grey-background);--spinner-ticker-color: var(--p-color-static-grey-foreground);--text-color: var(--p-color-text-primary)}.spinner{animation:loading-indicator-spinner-rotate 5s linear infinite}.spinnerTrack{stroke:var(--spinner-track-color)}.spinnerInMotion{animation:loading-indicator-spinner-spin infinite 6s ease-in-out;stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0}}@keyframes loading-indicator-spinner-spin{0%{stroke-dasharray:var(--spinner-perimeter-full),var(--spinner-perimeter-fraction);transform:rotate(0)}50%{stroke-dasharray:var(--spinner-perimeter-fraction),var(--spinner-perimeter-full);transform:rotate(720deg)}to{stroke-dasharray:var(--spinner-perimeter-full),var(--spinner-perimeter-fraction);transform:rotate(1080deg)}}@keyframes loading-indicator-spinner-rotate{0%{transform:rotate(0)}50%{transform:rotate(720deg)}to{transform:rotate(1080deg)}}.legend[data-stb-legend=current]{display:flex;flex-direction:column;gap:var(--p-spacing-rem-04);margin-inline:0;min-inline-size:0;padding-block:0;padding-inline:0;text-wrap:pretty;&[data-has-popover=true]{flex-direction:row;gap:var(--p-spacing-rem-08)}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.checkboxesBase[data-stb-checkboxes=current]{border:none;display:flex;flex-direction:column;padding:0;.checkboxesItems{display:flex;flex-direction:column;gap:var(--p-subsection-near)}.checkboxesLegend{margin-bottom:var(--p-spacing-rem-16)}.checkboxesAlert{margin-top:var(--p-spacing-rem-16)}}.skipToMain-module__skipToMain__q9W4j{position:absolute;top:auto;width:1px;height:1px;padding:0;margin:0;overflow:hidden;white-space:nowrap;transition:top .3s ease-in-out;&:focus{border-radius:.4rem;left:0;padding:2px;overflow:auto;position:relative;width:min-content;height:min-content}}