.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)}}}.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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (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}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (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;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}@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)}}.modalContentWrapper{box-sizing:border-box;color:var(--p-color-text-secondary);position:relative;overflow:auto;&.usingKeyboard:focus{outline:var(--p-outline)}}.dialogContent{margin-bottom:var(--p-spacing-rem-24);overflow:auto}.modalScrollShadow{width:100%;height:auto;z-index:var(--p-z-index-modal);justify-content:center;display:flex;position:sticky;top:0;box-shadow:0 0 .3125rem .0625rem #0006}.modalScrollShadow:before,.modalScrollShadow:after{content:"";background-color:#0000;height:.125rem;position:absolute;top:-.125rem}.modalScrollShadow:before{width:60%;box-shadow:0 -.5rem .9375rem #000000b3}.modalScrollShadow:after{width:30%;box-shadow:0 -2.1875rem 2.1875rem 1.25rem #000000b3}.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;gap:var(--p-spacing-rem-16);padding-bottom:var(--p-spacing-rem-12);justify-content:space-between;display:flex;@media only screen and (width>=600px){padding-bottom:var(--p-spacing-rem-16)}}.modalActionFooter[data-stb-modal=actions]{align-items:center;gap:var(--p-spacing-rem-24);padding-top:var(--p-spacing-rem-20);flex-wrap:wrap;flex:1;display:flex;@media only screen and (width>=600px){padding-top:var(--p-spacing-rem-24)}}.modalFloatingOverlay{height:100%;z-index:var(--p-z-index-modal);background:#00000040;place-items:center;display:grid;position:fixed;inset:0;@media (prefers-reduced-motion){& *{transition:none!important;animation:none!important}}& .modalContainerBase{background:var(--p-color-background);border-radius:var(--p-corner-radius-rem-medium);box-shadow:var(--p-elevation-above-scrim);margin:var(--p-spacing-rem-16);min-width:18rem;max-height:90vh;padding:var(--p-spacing-rem-24);width:calc(100vw - 2 * var(--p-spacing-rem-40));flex-direction:column;display:flex;@media only screen and (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;max-height:90vh;margin-bottom:0;position:fixed;bottom:0;left:0;@media only screen and (width>=600px){width:42rem;left:auto;right:auto}}}}.modalBase.dialogBase{max-width:35rem}.dialogActionButtons{gap:var(--p-spacing-rem-08);flex-wrap:wrap;display:flex}.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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (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}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (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;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.modalActionFooter[data-stb-modal=actions]{align-items:center;gap:var(--p-spacing-rem-24);padding-top:var(--p-spacing-rem-20);flex-wrap:wrap;flex:1;display:flex;@media only screen and (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);background-color:var(--alert-background);border-radius:var(--alert-border-radius);box-sizing:border-box;max-width:38.75rem;min-width:var(--alert-min-width);padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16);border:none;align-items:center;display:inline-flex;position:relative;@media (width>=600px){padding:var(--p-spacing-rem-24) var(--p-spacing-rem-20)}& p,& .alertTitle,& .alertDescription,& .alertContainer,& .font-body{color:var(--alert-color-text)}& .icon{color:var(--alert-color-icon);font-size:calc(var(--alert-icon-size) - 2px);height:var(--alert-icon-size);line-height:var(--alert-icon-size);width:var(--alert-icon-size);align-self:flex-start;display:flex}& .alertContainer{align-self:flex-start;gap:var(--icon-gap);text-align:left;grid-template-columns:auto 1fr;max-width:100%;display:grid}& .alertDescription{text-wrap:pretty;align-items:center;display:flex}&[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 (width>=600px){padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16)}}&[data-fluid=true]{width:100%;max-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 (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%}}.alertGridContent{grid-column:1/-1;grid-template-columns:subgrid;width:100%;display:grid}.alertContainer{align-items:flex-start;gap:var(--p-spacing-rem-16);grid-column:1/-1;width:100%}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.breadcrumbs[data-stb-breadcrumbs=current]{align-items:center;gap:var(--p-spacing-rem-12);flex-wrap:wrap;display:inline-flex;&>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{box-sizing:border-box;color:var(--p-color-text-primary);align-items:center;gap:var(--p-spacing-04);padding:var(--p-spacing-08) 0;background:0 0;border:none;text-decoration:none;transition:background-color .1s;display:flex;position:relative;@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-underline-offset:var(--p-spacing-rem-04);text-decoration:underline .0625rem}}&:has([data-stb-navlink]){& .breadcrumb{display:none}& [data-stb-navlink]{outline-offset:var(--p-outline-offset);pointer-events:auto;display:flex;& i.navlinkIcon{display:inline}}@media (width>=600px){& .breadcrumb{display:flex}& [data-stb-navlink]{display:none}}}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.systemIconBase[data-stb-system-icon=current]{white-space:nowrap;flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.navlinkComponentContainer[data-stb-navlink=current]{width:fit-content;display:inline;& .navlinkComponent{color:var(--p-color-text-primary);width:fit-content;margin-right:auto;text-decoration:none;& .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{color:var(--p-color-text-disabled);pointer-events:none;border-bottom:none}}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.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);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;align-items:center;gap:var(--p-spacing-rem-08);height:var(--button-height);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);transition-duration:var(--p-transition-duration);white-space:nowrap;justify-content:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&:focus-visible{--button-outline:var(--p-outline)}&[data-size=large]{--button-height:var(--p-spacing-rem-40);@media (width>=600px){--button-height:var(--p-spacing-rem-48)}}&[data-size=medium]{--button-height:var(--p-spacing-rem-32);@media (width>=600px){--button-height:var(--p-spacing-rem-40)}}&[data-size=small]{--button-height:var(--p-spacing-rem-28);@media (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);content:"";width:100%;height:1px;position:absolute;bottom:2px;left:0}}@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);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;height:var(--button-height);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);transition-duration:var(--p-transition-duration);white-space:nowrap;justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .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 (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);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;height:var(--button-size);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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-size);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&:focus-visible{--button-outline:var(--p-outline)}&[data-size=large]{--button-size:var(--p-spacing-rem-40);@media (width>=600px){--button-size:var(--p-spacing-rem-48)}}&[data-size=medium]{--button-size:var(--p-spacing-rem-32);@media (width>=600px){--button-size:var(--p-spacing-rem-40)}}&[data-size=small]{--button-size:var(--p-spacing-rem-28);@media (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);content:"";width:100%;height:1px;position:absolute;bottom:2px;left:0}}@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);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;height:var(--button-size);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);transition-duration:var(--p-transition-duration);white-space:nowrap;justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&: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 (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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (width>=600px){--button-icon-size:clamp(1.125rem, 3vw, 1.125rem)}}&[disabled]{--button-icon-color:var(--p-color-icon-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{white-space:nowrap;flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.emptystateContainer[data-stb-empty-state=current]{justify-content:center;width:100%;margin:auto;display:flex;& .innerContainer{align-items:center;gap:var(--p-spacing-rem-24);flex-direction:column;justify-content:center;width:100%;display:flex}& .illustrationContainer{justify-content:center;min-width:32.875rem;max-width:32.875rem;padding:.625rem;display:flex}& .textContainer{gap:var(--p-spacing-rem-08);text-align:center;flex-direction:column;display:flex}& .buttonContainer{gap:var(--p-spacing-rem-08);display:flex}@media screen and (width<=599px){max-width:37.4375rem;& .innerContainer{min-width:18rem;max-width:23.8125rem}& .buttonContainer{flex-wrap:wrap;justify-content:center}}@media screen and (width>=600px){max-width:37.5rem;& .innerContainer{min-width:23.875rem;max-width:23.875rem}}@media screen and (width>=840px){max-width:70.5rem;& .innerContainer{min-width:32.875rem;max-width:46.875rem}}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.loading-indicator[data-stb-loading-indicator=current]{display:inline-flex}.loading-indicator-circle[data-stb-loading-indicator-circle=current]{background-color:var(--p-color-red-800);border-radius:50%;width:1.5rem;height:1.5rem;animation:1.4s ease-in-out infinite both loading-indicator-expand;display:flex;& :nth-child(n+2){margin-left:2px}&:nth-child(2){animation-delay:.2s}&:nth-child(3){animation-delay:.4s}&[data-size=small]{width:1rem;height:1rem}&[data-size=large]{width:2rem;height: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-sizing:border-box;cursor:pointer;flex-direction:var(--navigation-card-flex-direction);outline:var(--navigation-card-outline);outline-offset:var(--p-outline-offset);padding:var(--navigation-card-padding);transition-duration:var(--p-transition-duration);width:100%;text-decoration:none;transition-property:background-color,box-shadow;display:flex;box-shadow:0 0 #0000;@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;width:6rem;height: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);justify-content:space-between;align-items:center;& .navigationCardHeader{flex-direction:row;align-items:center;display:flex}& .navigationCardGraphic{flex-shrink:0;width:4rem;height: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;width:3rem;height:3rem}& .cardTitle{margin-bottom:0}}& .navigationCardWrapper,& .navigationCardTitleWrapper{justify-content:space-between;align-items:center;display:flex}& .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;padding:var(--p-spacing-rem-24);flex-direction:column;width:100%;display:flex;& .cardInfoHeader{flex-direction:row;justify-content:space-between;display:flex;& .cardOverline,& .cardTitle{margin-bottom:var(--p-spacing-rem-04)}& button[variant=icon].cardInfoCloseButton{margin-top:.3rem;margin-right:.5rem}}& .cardParagraph{margin-top:var(--p-spacing-rem-16)}& .cardInfoGraphic{margin-bottom:var(--p-spacing-rem-16);flex-direction:column;display:flex;& .cardInfoIcon{border-radius:var(--p-corner-radius-rem-small);width:6rem;height:6rem}&>img{border-radius:var(--p-corner-radius-rem-small);object-fit:cover;width:100%;height:12.25rem}}&[data-variant=horizontal]{gap:var(--p-spacing-rem-24);flex-direction:row;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);padding:var(--p-spacing-rem-24);flex-direction:column;gap:0;width:100%;display:flex;@media (width>=840px){gap:var(--p-spacing-rem-24);flex-direction:row}&[data-variant=vertical]{flex-direction:column}& .cardActionGraphic{margin-bottom:var(--p-spacing-rem-16);flex-direction:column;display:flex;@media (width>=840px){margin-bottom:0}& .cardActionIcon{border-radius:var(--p-corner-radius-rem-small);width:6rem;height:6rem}& .cardActionImage{border-radius:var(--p-corner-radius-rem-small);object-fit:cover;width:100%;height:12.25rem;@media (width>=840px){max-width:528px;height:100%}}}& .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{gap:var(--p-spacing-rem-08);margin-top:var(--p-spacing-rem-24);flex-wrap:wrap;display:flex;&>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-radius:var(--p-corner-radius-medium);box-sizing:border-box;color:var(--p-color-text-primary);border:none;width:100%;min-width:18rem;position:relative;@media (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;gap:var(--card-header-gap);flex:1;display:flex;& 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 (width>=600px){--card-header-gap:var(--p-spacing-rem-16)}}.cardHeadingGroup[data-stb-card-heading-group=current]{--card-nav-heading-line-height:1.375rem;flex-direction:column;display:inline-flex;& .cardHeadingWrapper{font:unset;line-height:unset;margin:0;display:inline-flex}& .cardHeading{appearance:none;border-radius:var(--p-corner-radius-small);color:var(--p-color-text-primary);line-height:var(--card-nav-heading-line-height);text-align:left;background:0 0;border:none;padding:0;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 (width>=600px){--card-nav-heading-line-height:1.625rem}}.cardImage[data-stb-card-image=current]{aspect-ratio:2;height:inherit;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden;& img{width:100%}}.cardActions[data-stb-card-actions=current]{align-items:center;gap:var(--p-spacing-rem-12);flex-wrap:wrap;flex:1;display:flex}.cardNav[data-stb-card-nav=current]{--card-nav-hover-color:var(--p-color-background-hover-grey);--card-nav-action-icon-size:1.375rem;--card-nav-vertical-icon-size:var(--card-header-icon-size,2rem);cursor:pointer;gap:var(--p-grid-margin-16);padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16);width:100%;transition:box-shadow .2s,background .2s;display:flex;& 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{display:block;& .cardNavActionIcon{float:right;margin-left:var(--p-spacing-rem-08);&[data-optical-decorator]{margin-top:calc(calc(var(--card-nav-vertical-icon-size) - var(--card-nav-action-icon-size)) / 2)}}&>:not(.cardNavActionIcon,:last-child){margin-bottom:var(--p-spacing-rem-24)}& .cardHeadingGroup{display:flex}}&.cardNavHorizontal{--card-nav-icon-size:1.375rem;gap:var(--p-spacing-rem-12);& .cardNavHeadingGroup{justify-content:center}& .cardNavEndContainer{align-items:center;gap:var(--p-spacing-rem-12);margin-left:auto;display:flex}& 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 (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 (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);flex-direction:column;display:flex;& *{box-sizing:border-box}& .cardHeaderContainer{aspect-ratio:2;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;position:absolute;top:0;left:0;overflow:hidden}& .cardHeaderContents{height:100%;padding:var(--card-padding);align-items:flex-start;display:flex;position:relative}}& .cardContents{box-sizing:border-box;gap:var(--card-contents-gap);height:100%;padding:var(--card-padding);flex-direction:column;width:100%;display:flex;position:relative;& .cardContentsContainer{gap:var(--card-contents-gap);flex-direction:column;justify-self:flex-start;height:100%;display:flex}& .cardContentsHeader{flex:0}& .cardContentsActions{flex:0;justify-self:flex-end;bottom:0}}@media (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;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.alertInlineBase[data-stb-alert-inline=current]{--color-text:var(--p-color-text-primary);--color-icon:var(--p-color-icon-primary);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;align-self:start;gap:var(--p-spacing-rem-08);flex-direction:row;flex-shrink:0;display:inline-flex;& .alertTitle{--alert-line-height:1.25rem;color:var(--color-text);line-height:var(--alert-line-height);@media (width>=600px){--alert-line-height:1.375rem}}& .alertIconWrapper{text-align:center;display:flex}& .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 (width>=600px){--alert-icon-size:1.375rem}}&.alertInlineRegular{gap:var(--p-spacing-rem-12);& .alertTitle{--alert-line-height:1.375rem;@media (width>=600px){--alert-line-height:1.625rem}}& .alertIcon{--alert-icon-size:1.375rem;@media (width>=600px){--alert-icon-size:1.625rem}}}&[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{cursor:pointer;outline-offset:2px;white-space:nowrap;background:0 0;border:none;border-radius:3.2px;padding:0;font-family:Storebrand Text,sans-serif;font-weight:600;line-height:150%;text-decoration:underline}& 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]{justify-content:center;align-items:center;display:flex;& .popoverPopoverElement{--popover-background-color:var(--p-color-surface-1);--popover-box-shadow:0 .25rem .375rem 0 #00000024, 0 .375rem .5rem 0 #0000001f;background:var(--popover-background-color);border-radius:var(--p-corner-radius-rem-small);box-shadow:var(--popover-box-shadow);box-sizing:border-box;gap:var(--p-spacing-rem-16);min-width:18rem;max-width:35rem;padding:var(--p-spacing-rem-16);width:100%;z-index:var(--p-z-index-popover);flex-direction:row;justify-content:space-between;display:flex;@media (width>=600px){padding:var(--p-spacing-rem-20)}&[data-show-on=hover]{padding:var(--p-spacing-rem-24)}& .popoverContent{box-sizing:border-box;gap:var(--p-spacing-rem-08);width:calc(100% - var(--p-spacing-rem-40));flex-direction:column;justify-content:center;display:flex;& .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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (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}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (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;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.legend[data-stb-legend=current]{gap:var(--p-spacing-rem-04);text-wrap:pretty;flex-direction:column;min-inline-size:0;margin-inline:0;padding-block:0;padding-inline:0;display:flex;&[data-has-popover=true]{gap:var(--p-spacing-rem-08);flex-direction:row}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.hintBase[data-stb-hint=current]{color:var(--p-color-text-secondary);display:inline-block;& button.hintButton{cursor:pointer;outline-offset:2px;white-space:nowrap;background:0 0;border:none;border-radius:3.2px;padding:0;font-family:Storebrand Text,sans-serif;font-weight:600;line-height:150%;text-decoration:underline}& 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]{justify-content:center;align-items:center;display:flex;& .popoverPopoverElement{--popover-background-color:var(--p-color-surface-1);--popover-box-shadow:0 .25rem .375rem 0 #00000024, 0 .375rem .5rem 0 #0000001f;background:var(--popover-background-color);border-radius:var(--p-corner-radius-rem-small);box-shadow:var(--popover-box-shadow);box-sizing:border-box;gap:var(--p-spacing-rem-16);min-width:18rem;max-width:35rem;padding:var(--p-spacing-rem-16);width:100%;z-index:var(--p-z-index-popover);flex-direction:row;justify-content:space-between;display:flex;@media (width>=600px){padding:var(--p-spacing-rem-20)}&[data-show-on=hover]{padding:var(--p-spacing-rem-24)}& .popoverContent{box-sizing:border-box;gap:var(--p-spacing-rem-08);width:calc(100% - var(--p-spacing-rem-40));flex-direction:column;justify-content:center;display:flex;& .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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (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}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (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;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.labelAtom[data-stb-label=current]{gap:var(--p-spacing-rem-04);text-wrap:pretty;flex-direction:column;display:flex;&[data-has-popover=true]{gap:var(--p-spacing-rem-08);flex-direction:row}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.radioButtonAtom[data-stb-radio-button-atom=current]{--outline:transparent;--border-color:var(--p-color-stroke-subtle-0);--border-color-checked:var(--p-color-stroke-selected);--border-radius:.75rem;--border-thickness:.094rem;--radio-color:var(--p-color-stroke-strong);--checkbox-background-color:transparent;--radio-background:var(--p-color-surface-static);--radio-color-checked:var(--p-color-surface-selected);--radio-background-checked:var(--p-color-surface-static);--radio-hint-color:var(--p-color-text-secondary);--radio-line-height:1.375rem;--radio-inner-size:.9rem;box-sizing:border-box;align-items:center;gap:var(--p-spacing-rem-08) var(--p-spacing-rem-12);outline:none;grid-template-columns:auto 1fr;width:fit-content;display:grid;&:focus-visible{--outline:var(--p-outline)}&[data-fluid=true]{width:100%;max-width:100%}&[data-border=true]{background-color:var(--radio-background-color);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);align-items:flex-start;&:has(.radioInput:checked)[data-message-type=error]{--radio-color:var(--p-color-surface-selected);--radio-background:var(--p-color-surface-static);--border-color:var(--p-color-stroke-selected)}}& .radioInput{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}& .radioButtonLabel{--radio-size:1.625rem;align-items:center;column-gap:inherit;cursor:pointer;grid-area:1/1/2/-1;grid-template-columns:subgrid;font-weight:400;line-height:var(--radio-line-height);display:grid;&.labelBold{font-weight:600}}& .radioButtonLabel:before{--color:var(--radio-color);--outer-border-width:var(--border-thickness);--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);box-shadow:0 0 0 var(--outer-border-width) var(--color);box-sizing:border-box;content:"";height:var(--height);margin:var(--outer-border-width);outline:var(--outline);outline-offset:calc(var(--p-outline-offset) + var(--outer-border-width));border-radius:50%;grid-area:1/1/span 1/span 1;place-self:start;display:block}& .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(--radio-hint-color);grid-area:2/2/3/-1;font-size:1rem;line-height:1.375rem}@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-background-color: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);--radio-hint-color:var(--p-color-stroke-disabled);pointer-events:none}}.radioButtonsBase[data-stb-radio-buttons=current]{border:none;flex-direction:column;padding:0;display:flex;& .radioButtonsItems{gap:var(--p-subsection-near);flex-direction:column;display:flex;&.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;gap:var(--p-spacing-rem-08);flex-direction:column;width:100%;max-width:18rem;display:flex;&[data-fluid=true]{width:100%;max-width:100%}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.alertInlineBase[data-stb-alert-inline=current]{--color-text:var(--p-color-text-primary);--color-icon:var(--p-color-icon-primary);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;align-self:start;gap:var(--p-spacing-rem-08);flex-direction:row;flex-shrink:0;display:inline-flex;& .alertTitle{--alert-line-height:1.25rem;color:var(--color-text);line-height:var(--alert-line-height);@media (width>=600px){--alert-line-height:1.375rem}}& .alertIconWrapper{text-align:center;display:flex}& .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 (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)}}.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);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;max-height:var(--input-max-height);max-width:18rem;min-height:var(--input-max-height);align-self:flex-start;align-items:center;display:inline-flex;position:relative;&.textarea{height:auto;max-height:100%}&.inputCompact{--input-max-height:2.5rem}& .inputElement{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);background-color:#0000;border:none;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 (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-appearance:none}&::-webkit-inner-spin-button{-webkit-appearance:none}&[type=number]{-moz-appearance:textfield}}& .inputAdditions{padding-right:var(--p-spacing-rem-12);z-index:var(--p-z-index-input);align-items:center;gap:1.25rem;display:flex}& .iconButton{color:var(--icon-color);display:flex}& .icon{--icon-size:1.375rem;color:var(--icon-color);pointer-events:none;display:flex;& i{font-size:var(--icon-size);height:var(--icon-size);line-height:var(--icon-size);width:var(--icon-size)}@media (width>=600px){--icon-size:1.625rem}}& .inputSuffix{color:var(--suffix-color)}&[data-fluid=true]{width:100%;max-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}}}.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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (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}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (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;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.hintBase[data-stb-hint=current]{color:var(--p-color-text-secondary);display:inline-block;& button.hintButton{cursor:pointer;outline-offset:2px;white-space:nowrap;background:0 0;border:none;border-radius:3.2px;padding:0;font-family:Storebrand Text,sans-serif;font-weight:600;line-height:150%;text-decoration:underline}& 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]{justify-content:center;align-items:center;display:flex;& .popoverPopoverElement{--popover-background-color:var(--p-color-surface-1);--popover-box-shadow:0 .25rem .375rem 0 #00000024, 0 .375rem .5rem 0 #0000001f;background:var(--popover-background-color);border-radius:var(--p-corner-radius-rem-small);box-shadow:var(--popover-box-shadow);box-sizing:border-box;gap:var(--p-spacing-rem-16);min-width:18rem;max-width:35rem;padding:var(--p-spacing-rem-16);width:100%;z-index:var(--p-z-index-popover);flex-direction:row;justify-content:space-between;display:flex;@media (width>=600px){padding:var(--p-spacing-rem-20)}&[data-show-on=hover]{padding:var(--p-spacing-rem-24)}& .popoverContent{box-sizing:border-box;gap:var(--p-spacing-rem-08);width:calc(100% - var(--p-spacing-rem-40));flex-direction:column;justify-content:center;display:flex;& .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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (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}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (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;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.labelAtom[data-stb-label=current]{gap:var(--p-spacing-rem-04);text-wrap:pretty;flex-direction:column;display:flex;&[data-has-popover=true]{gap:var(--p-spacing-rem-08);flex-direction:row}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.hintBase[data-stb-hint=current]{color:var(--p-color-text-secondary);display:inline-block;& button.hintButton{cursor:pointer;outline-offset:2px;white-space:nowrap;background:0 0;border:none;border-radius:3.2px;padding:0;font-family:Storebrand Text,sans-serif;font-weight:600;line-height:150%;text-decoration:underline}& 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]{justify-content:center;align-items:center;display:flex;& .popoverPopoverElement{--popover-background-color:var(--p-color-surface-1);--popover-box-shadow:0 .25rem .375rem 0 #00000024, 0 .375rem .5rem 0 #0000001f;background:var(--popover-background-color);border-radius:var(--p-corner-radius-rem-small);box-shadow:var(--popover-box-shadow);box-sizing:border-box;gap:var(--p-spacing-rem-16);min-width:18rem;max-width:35rem;padding:var(--p-spacing-rem-16);width:100%;z-index:var(--p-z-index-popover);flex-direction:row;justify-content:space-between;display:flex;@media (width>=600px){padding:var(--p-spacing-rem-20)}&[data-show-on=hover]{padding:var(--p-spacing-rem-24)}& .popoverContent{box-sizing:border-box;gap:var(--p-spacing-rem-08);width:calc(100% - var(--p-spacing-rem-40));flex-direction:column;justify-content:center;display:flex;& .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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (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}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (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;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.labelAtom[data-stb-label=current]{gap:var(--p-spacing-rem-04);text-wrap:pretty;flex-direction:column;display:flex;&[data-has-popover=true]{gap:var(--p-spacing-rem-08);flex-direction:row}&[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 (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;box-sizing:border-box;align-items:center;gap:var(--p-spacing-rem-08) var(--p-spacing-rem-12);outline:none;grid-template-columns:auto 1fr;width:fit-content;display:grid;&:focus-visible{--outline:var(--p-outline)}&[data-fluid=true]{width:100%;max-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%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}& .checkboxLabel{column-gap:inherit;cursor:pointer;grid-area:1/1/2/-1;grid-template-columns:subgrid;font-weight:400;display:grid}& .checkboxLabel:after,& .checkboxLabel:before{aspect-ratio:1;border-radius:var(--checkbox-border-radius);box-sizing:border-box;content:"";height:var(--checkbox-input-size);grid-area:1/1/span 1/span 1;place-self:start center;display:inline-block}& .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);opacity:0;width:.8125rem;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>") 50%/contain no-repeat}& .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{height:.125rem;mask:unset;opacity:1;border-radius:.125rem;place-self: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-area:2/2/3/-1}&: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}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.alertInlineBase[data-stb-alert-inline=current]{--color-text:var(--p-color-text-primary);--color-icon:var(--p-color-icon-primary);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;align-self:start;gap:var(--p-spacing-rem-08);flex-direction:row;flex-shrink:0;display:inline-flex;& .alertTitle{--alert-line-height:1.25rem;color:var(--color-text);line-height:var(--alert-line-height);@media (width>=600px){--alert-line-height:1.375rem}}& .alertIconWrapper{text-align:center;display:flex}& .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 (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{cursor:pointer;outline-offset:2px;white-space:nowrap;background:0 0;border:none;border-radius:3.2px;padding:0;font-family:Storebrand Text,sans-serif;font-weight:600;line-height:150%;text-decoration:underline}& 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]{justify-content:center;align-items:center;display:flex;& .popoverPopoverElement{--popover-background-color:var(--p-color-surface-1);--popover-box-shadow:0 .25rem .375rem 0 #00000024, 0 .375rem .5rem 0 #0000001f;background:var(--popover-background-color);border-radius:var(--p-corner-radius-rem-small);box-shadow:var(--popover-box-shadow);box-sizing:border-box;gap:var(--p-spacing-rem-16);min-width:18rem;max-width:35rem;padding:var(--p-spacing-rem-16);width:100%;z-index:var(--p-z-index-popover);flex-direction:row;justify-content:space-between;display:flex;@media (width>=600px){padding:var(--p-spacing-rem-20)}&[data-show-on=hover]{padding:var(--p-spacing-rem-24)}& .popoverContent{box-sizing:border-box;gap:var(--p-spacing-rem-08);width:calc(100% - var(--p-spacing-rem-40));flex-direction:column;justify-content:center;display:flex;& .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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (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}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (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;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.legend[data-stb-legend=current]{gap:var(--p-spacing-rem-04);text-wrap:pretty;flex-direction:column;min-inline-size:0;margin-inline:0;padding-block:0;padding-inline:0;display:flex;&[data-has-popover=true]{gap:var(--p-spacing-rem-08);flex-direction:row}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.checkboxesBase[data-stb-checkboxes=current]{border:none;flex-direction:column;padding:0;display:flex;& .checkboxesItems{gap:var(--p-subsection-near);flex-direction:column;display:flex}& .checkboxesLegend{margin-bottom:var(--p-spacing-rem-16)}& .checkboxesAlert{margin-top:var(--p-spacing-rem-16)}}.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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (width>=600px){--button-font-size:.875rem;--button-line-height:1.125rem}}&[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)}@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);--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);&[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;&[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)}&[disabled]{--button-color:var(--p-color-text-disabled);--button-background-color:var(--p-color-button-disabled);--button-border-color:var(--p-color-button-disabled)}}&[disabled]{pointer-events:none}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (width>=600px){--button-icon-size:clamp(1.125rem, 3vw, 1.125rem)}}&[disabled]{--button-icon-color:var(--p-color-icon-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.calendarBase[data-stb-calendar=current]{background:var(--p-color-background);border-radius:var(--p-corner-radius-rem-medium);box-sizing:border-box;max-width:22rem;padding:var(--p-spacing-rem-12);width:100%;z-index:var(--p-z-index-dropdown);border:none;box-shadow:0 .0625rem .1875rem #0003;& .calendarHeader{justify-content:space-between;padding:.5rem;display:flex;& .calendarHeaderSelection{justify-content:space-between;align-items:center;height:3rem;display:flex}& .calendarHeaderButtons{align-items:center;gap:var(--p-spacing-rem-08);justify-content:space-between;height:3rem;display:flex}& .selectContainer{border-radius:var(--p-corner-radius-rem-medium);box-sizing:border-box;cursor:pointer;border:none;justify-content:center;align-items:center;height:3rem;display:flex;position:relative;& .calendarSelect{appearance:none;cursor:pointer;height:3rem;padding:var(--p-spacing-rem-08) var(--p-spacing-rem-48) var(--p-spacing-rem-08) var(--p-spacing-rem-16);text-transform:capitalize;background:0 0;border:none;outline:none}& .calendarOption{background:var(--p-color-background);text-transform:capitalize;margin:0;padding:0}& .calendarSelectIcon{pointer-events:none;right:var(--p-spacing-rem-16);position:absolute}@media (hover:hover) and (pointer:fine){&:hover{background:var(--p-color-background-hover)}}&:active{background:var(--p-color-background-pressed)}}& .month{text-transform:capitalize}}& .calendarGrid{margin-bottom:var(--p-spacing-rem-08);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);display:grid;&[data-view=day]{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(7,minmax(32px,1fr))}& .weekday{text-transform:capitalize;justify-content:center;align-items:center;display:flex}}& [data-stb-day-button=current]{--day-button-background:transparent;--day-button-color:var(--p-color-text-primary);--day-button-outline:none;--day-button-size:2.75rem;--day-div-background:transparent;--day-div-border-radius:none;--today-marker-background:var(--p-color-red-600);background:var(--day-div-background);border-radius:var(--day-div-border-radius);height:var(--day-button-size);border:none;flex-direction:column;justify-content:center;align-items:center;display:flex;&>button{background-color:var(--day-button-background);border-radius:var(--p-corner-radius-rem-extreme);box-sizing:border-box;color:var(--day-button-color);cursor:pointer;height:var(--day-button-size);outline:var(--day-button-outline);outline-offset:var(--p-outline-offset);transition-duration:var(--p-transition-duration);white-space:nowrap;border:none;justify-content:center;align-items:center;width:100%;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&:focus-visible{--day-button-outline:var(--p-outline)}&:disabled{--day-button-color:var(--p-color-text-disabled);pointer-events:none;font-weight:400}}& .todayMarker{background:var(--today-marker-background);border:none;border-radius:.1875rem;width:1.25rem;height:.1875rem;margin:-.1875rem 0 0;position:relative;bottom:.5rem}@media (hover:hover) and (pointer:fine){&:hover{--day-button-background:var(--p-color-background-hover)}}&:active{--day-button-background:var(--p-color-background-pressed)}&[data-selected=true]{--day-button-background:var(--p-color-surface-selected);--day-button-color:var(--p-color-text-on-color);--today-marker-background:var(--p-color-red-300);@media (hover:hover) and (pointer:fine){&:hover{--day-button-background:var(--p-color-surface-selected-hover);--day-button-color:var(--p-color-text-on-color)}}&:active{--day-button-background:var(--p-color-surface-selected-pressed);--day-button-color:var(--p-color-text-on-color)}}&[data-in-range=true]{--day-div-background:var(--p-color-background-pressed)}}& .calendarFooterBase{background:var(--p-color-background);border-top:var(--p-border-rem-xsmall) solid var(--p-color-stroke-subtle-0);padding-top:var(--p-spacing-rem-08);justify-content:center;display:flex;&>button{flex-direction:row;line-height:1rem;&>span:first-letter{text-transform:capitalize}&>i{margin:0}}}}div[data-stb-day-button=current][data-in-range=true][data-range=start]{border-radius:var(--p-corner-radius-rem-extreme) 0 0 var(--p-corner-radius-rem-extreme)}div[data-stb-day-button=current][data-in-range=true][data-range=end]{border-radius:0 var(--p-corner-radius-rem-extreme) var(--p-corner-radius-rem-extreme) 0}.inputFieldContainer[data-stb-input-field=current]{cursor:default;gap:var(--p-spacing-rem-08);flex-direction:column;width:100%;max-width:18rem;display:flex;&[data-size=large]{max-width:33rem}&[data-size=fluid]{width:100%;max-width:100%}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.alertInlineBase[data-stb-alert-inline=current]{--color-text:var(--p-color-text-primary);--color-icon:var(--p-color-icon-primary);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;align-self:start;gap:var(--p-spacing-rem-08);flex-direction:row;flex-shrink:0;display:inline-flex;& .alertTitle{--alert-line-height:1.25rem;color:var(--color-text);line-height:var(--alert-line-height);@media (width>=600px){--alert-line-height:1.375rem}}& .alertIconWrapper{text-align:center;display:flex}& .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 (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)}}.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);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;max-height:var(--input-max-height);max-width:18rem;min-height:var(--input-max-height);outline:var(--input-outline);outline-offset:var(--p-outline-offset);align-self:flex-start;align-items:center;width:100%;display:inline-flex;position:relative;&.textarea{height:auto;max-height:100%}& .inputElement{background-color:var(--background-color);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);border:none;outline:none;width:100%;&::placeholder{color:var(--p-color-text-placeholder);font-family:Storebrand Text,sans-serif;font-size:1rem;font-weight:400;line-height:1.375rem;@media (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-appearance:none}&::-webkit-inner-spin-button{-webkit-appearance:none}&[type=number]{-moz-appearance:textfield}}& .inputAdditions{padding-right:var(--p-spacing-rem-12);z-index:var(--p-z-index-input);align-items:center;gap:1.25rem;display:flex}& .iconButton{color:var(--icon-color);display:flex;& i{font-size:1.5rem}}& .icon{color:var(--icon-color);display:flex;& i{font-size:1.5rem}@media (width<=600px){padding-right:.125rem}}& .inputSuffix{color:var(--suffix-color)}&[data-size=large]{max-width:33rem}&[data-size=fluid]{width:100%;max-width:100%;&>select{width:100%}}@media (hover:hover) and (pointer:fine){&:hover{--border-color:var(--p-color-stroke-0);--background-color:var(--p-color-background-hover)}}&:active,&:focus-within{--border-color:var(--p-color-stroke-strong);--background-color:var(--p-color-background);--border-thickness:var(--border-fat);outline:none}&:focus-visible{--input-outline:var(--p-outline);--border-color:var(--p-color-stroke-0)}&[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)}&[data-read-only=true]{--border-color:var(--p-color-stroke-0);--background-color:var(--p-color-surface-neutral)}&[aria-disabled=true]{--background-color:var(--p-color-background-disabled);--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);&:active{--border-color:var(--p-color-stroke-disabled)}cursor:default;& .inputElement,& .inputAdditions .inputSuffix{pointer-events:none}}}.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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (width>=600px){--button-font-size:.875rem;--button-line-height:1.125rem}}&[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)}@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);--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);&[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;&[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)}&[disabled]{--button-color:var(--p-color-text-disabled);--button-background-color:var(--p-color-button-disabled);--button-border-color:var(--p-color-button-disabled)}}&[disabled]{pointer-events:none}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (width>=600px){--button-icon-size:clamp(1.125rem, 3vw, 1.125rem)}}&[disabled]{--button-icon-color:var(--p-color-icon-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.hintBase[data-stb-hint=current]{color:var(--p-color-text-secondary);display:inline-block;& button.hintButton{cursor:pointer;outline-offset:2px;white-space:nowrap;background:0 0;border:none;border-radius:3.2px;padding:0;font-family:Storebrand Text,sans-serif;font-weight:600;line-height:150%;text-decoration:underline}& 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]{justify-content:center;align-items:center;display:flex;& .popoverPopoverElement{--popover-background-color:var(--p-color-surface-1);--popover-box-shadow:0 .25rem .375rem 0 #00000024, 0 .375rem .5rem 0 #0000001f;background:var(--popover-background-color);border-radius:var(--p-corner-radius-rem-small);box-shadow:var(--popover-box-shadow);box-sizing:border-box;gap:var(--p-spacing-rem-16);min-width:18rem;max-width:35rem;padding:var(--p-spacing-rem-16);width:100%;z-index:var(--p-z-index-popover);flex-direction:row;justify-content:space-between;display:flex;@media (width>=600px){padding:var(--p-spacing-rem-20)}&[data-show-on=hover]{padding:var(--p-spacing-rem-24)}& .popoverContent{box-sizing:border-box;gap:var(--p-spacing-rem-08);width:calc(100% - var(--p-spacing-rem-40));flex-direction:column;justify-content:center;display:flex;& .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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (width>=600px){--button-font-size:.875rem;--button-line-height:1.125rem}}&[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)}@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);--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);&[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;&[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)}&[disabled]{--button-color:var(--p-color-text-disabled);--button-background-color:var(--p-color-button-disabled);--button-border-color:var(--p-color-button-disabled)}}&[disabled]{pointer-events:none}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (width>=600px){--button-icon-size:clamp(1.125rem, 3vw, 1.125rem)}}&[disabled]{--button-icon-color:var(--p-color-icon-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.labelAtom[data-stb-label=current]{gap:var(--p-spacing-rem-04);text-wrap:pretty;flex-direction:column;display:flex;&[data-has-popover=true]{gap:var(--p-spacing-rem-08);flex-direction:row}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.datepickerBase[data-stb-datepicker=current],.rangeDatepickerBase[data-stb-datepicker-range=current]{margin:0}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.badgeBase[data-stb-badge=current]{background:var(--badge-background);border-radius:var(--p-corner-radius-rem-extreme);box-sizing:border-box;color:var(--badge-text-color);padding:.4375rem var(--p-spacing-rem-12);justify-content:center;align-items:center;width:fit-content;font-family:Storebrand Text;display:inline-flex;position:relative;& .badgeContent{flex-direction:row;justify-content:center;align-items:center;width:fit-content;height:100%;display:flex}& .badgeIcon{box-sizing:border-box;color:var(--badge-color-icon);padding-right:var(--p-spacing-rem-04);justify-content:center;align-items:center;display:flex}& .badgeLabel{padding:0 var(--p-spacing-rem-04);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}&[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 (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)}&[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)}&[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)}&[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)}&[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)}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.alertInlineBase[data-stb-alert-inline=current]{--color-text:var(--p-color-text-primary);--color-icon:var(--p-color-icon-primary);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;align-self:start;gap:var(--p-spacing-rem-08);flex-direction:row;flex-shrink:0;display:inline-flex;& .alertTitle{--alert-line-height:1.25rem;color:var(--color-text);line-height:var(--alert-line-height);@media (width>=600px){--alert-line-height:1.375rem}}& .alertIconWrapper{text-align:center;display:flex}& .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 (width>=600px){--alert-icon-size:1.375rem}}&.alertInlineRegular{gap:var(--p-spacing-rem-12);& .alertTitle{--alert-line-height:1.375rem;@media (width>=600px){--alert-line-height:1.625rem}}& .alertIcon{--alert-icon-size:1.375rem;@media (width>=600px){--alert-icon-size:1.625rem}}}&[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)}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.chipBase[data-stb-chip=current]{--chip-height:var(--p-spacing-rem-32);--chip-line-height:1.375rem;--chip-color:var(--p-color-text-primary);--chip-background-color:var(--p-color-background);--chip-border-color:var(--p-color-stroke-subtle-0);--chip-border-width:.0625rem;--chip-outline:none;--chip-padding-vertical:var(--p-spacing-rem-08);--chip-padding-horizontal:var(--p-spacing-rem-16);--chip-padding-horizontal-icon:var(--p-spacing-rem-12);--chip-icon-size:var(--chip-line-height);color:var(--chip-color);cursor:pointer;max-width:fit-content;min-height:var(--chip-height);transition-duration:var(--p-transition-duration);user-select:none;flex-shrink:0;transition-property:border,background-color,color;display:block;&[data-disabled=true]{pointer-events:none}& .chipInput{clip:rect(1px, 1px, 1px, 1px);opacity:0;width:1px;height:1px;position:absolute;overflow:hidden;&:focus+.chip{--chip-outline:var(--p-outline)}&:focus:not(:focus-visible)+.chip{--chip-outline:none}&:focus-visible+.chip{--chip-outline:var(--p-outline)}}& .chip{background-color:var(--chip-background-color);border:var(--chip-border-width) solid var(--chip-border-color);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;color:var(--chip-color);align-items:center;gap:var(--p-spacing-rem-04);line-height:var(--chip-line-height);outline:var(--chip-outline);outline-offset:var(--p-outline-offset);padding:var(--chip-padding-vertical) var(--chip-padding-horizontal);text-wrap:pretty;display:inline-flex;&:has(.chipIcon){padding-left:var(--chip-padding-horizontal-icon);padding-right:var(--chip-padding-horizontal-icon)}&.unchecked{--chip-background-color:transparent;--chip-border-color:var(--p-color-stroke-subtle-0);--chip-color:var(--p-color-text-primary)}@media (hover:hover) and (pointer:fine){&.unchecked:hover{--chip-background-color:transparent;--chip-border-color:var(--p-color-stroke-strong-hover);--chip-color:var(--p-color-text-primary-hover)}}&.unchecked:active{--chip-background-color:var(--p-color-background);--chip-border-color:var(--p-color-stroke-strong-pressed);--chip-color:var(--p-color-text-primary-pressed)}&:focus-within{--chip-outline:var(--p-outline)}&.checked{--chip-background-color:var(--p-color-surface-selected);--chip-border-color:var(--p-color-surface-selected);--chip-color:var(--p-color-text-on-color)}& .chipLabel{padding:0 var(--p-spacing-rem-04);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover) and (pointer:fine){&.checked:hover{--chip-background-color:var(--p-color-background-selected-hover);--chip-border-color:var(--p-color-surface-selected-hover);--chip-color:var(--p-color-text-on-color)}}&.checked:active{--chip-background-color:var(--p-color-background-selected-pressed);--chip-border-color:var(--p-color-background-selected-pressed);--chip-color:var(--p-color-icon-on-color)}&[data-disabled=true]{--chip-background-color:var(--p-color-background-disabled);--chip-border-color:var(--p-color-background-disabled);--chip-color:var(--p-color-text-disabled)}}&[data-size=small]{--chip-line-height:1.375rem;--chip-padding-horizontal:var(--p-spacing-rem-12);& .chip{height:var(--p-spacing-rem-32)}}&[data-size=medium]{@media (width>=600px){--chip-line-height:1.625rem}& .chip{height:var(--p-spacing-rem-40)}}& .chipIcon{font-size:calc(var(--chip-icon-size) - 2px);height:var(--chip-icon-size);line-height:var(--chip-icon-size);width:var(--chip-icon-size);justify-content:center;align-items:center;display:flex}}.chipGroupBase[data-stb-chip-group=current]{gap:var(--p-spacing-rem-08);display:flex;&.chipGroupBaseStack{flex-wrap:wrap}&.chipGroupBaseScroll{scrollbar-width:none;overflow-y:visible}}.selectAtom[data-stb-select-atom=current]{--select-max-width:33rem;--select-min-width:10rem;--select-container-width:100%;--select-background:var(--p-color-surface-static);--select-border-color:var(--p-color-stroke-0);--select-color:var(--p-color-text-primary);--select-height:3rem;--select-outline:none;--select-border-thickness:var(--p-border-xsmall);--select-border-thickness-focus:.0938rem;--select-padding-vertical:var(--p-spacing-rem-08);--select-padding-horizontal:var(--p-spacing-rem-12);--select-line-height:1.625rem;--select-icon-size:var(--select-line-height);background-color:var(--select-background);border-radius:var(--p-corner-radius-rem-small);gap:var(--p-spacing-rem-08);height:var(--select-height);width:var(--select-container-width);flex-direction:row;justify-content:space-between;transition-property:border,background;transition-duration:.1s;display:flex;position:relative;& .nativeSelect{appearance:none;border:var(--select-border-thickness) solid var(--select-border-color);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;color:var(--select-color);cursor:pointer;outline:var(--select-outline);outline-offset:var(--p-outline-offset);height:100%;padding:0 var(--select-padding-horizontal);white-space:nowrap;background-color:#0000;width:100%;margin:0;transition-property:background-color,border-color,box-shadow;transition-duration:.1s;&:focus,&:focus-visible{outline:none}& .nativeOption{background-color:var(--p-color-surface-static)}&[disabled],&[aria-disabled=true]{cursor:not-allowed;opacity:1;pointer-events:none}}&[data-message-type=success],&[data-message-type=warning],&[data-message-type=error]{--select-border-thickness:var(--select-border-thickness-focus);&+.iconWrapper{color:var(--p-color-icon-primary)}}:where(&){&[data-message-type=success],&[data-message-type=warning],&[data-message-type=error]{--select-color:var(--p-color-text-primary)}&:has(option[class=placeholderOption]:checked){--select-color:var(--p-color-text-placeholder)}}&[data-message-type=success]{--select-border-color:var(--p-color-stroke-success);--select-background:var(--p-color-surface-success)}&[data-message-type=error]{--select-border-color:var(--p-color-stroke-error);--select-background:var(--p-color-surface-error)}&[data-message-type=warning]{--select-border-color:var(--p-color-stroke-warning);--select-background:var(--p-color-surface-warning)}&:not([data-disabled=true],[data-readonly=true]){& .nativeSelect{&:focus{border:var(--select-border-thickness) solid var(--select-border-color)}&:hover{--select-border-color:var(--p-color-stroke-hover)}}}& .selectAtomChevron{pointer-events:none;height:100%;right:var(--p-spacing-rem-12);justify-content:center;align-items:center;display:flex;position:absolute;&>i{color:var(--select-color);font-size:calc(var(--select-icon-size) - 2px);height:var(--select-icon-size);line-height:var(--select-icon-size);width:var(--select-icon-size);justify-content:center;align-items:center;display:flex}}&.selectCompact{--select-height:2.5rem}&.selectContainerSkeleton{background-color:var(--p-color-grey-100);border-radius:var(--p-corner-radius-rem-small);height:var(--select-height);width:var(--select-container-width);position:relative;overflow:hidden;& .shimmerEffect{background:linear-gradient(90deg, transparent 0%, var(--p-color-grey-200) 50%, transparent 100%);width:50%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)}}&[data-fluid=true]{--select-max-width:100%}&[data-disabled=true]{--select-border-color:var(--p-color-stroke-disabled);--select-color:var(--p-color-text-disabled)}&[data-readonly=true]{--select-border-color:var(--p-color-stroke-0);--select-background:var(--p-color-background-hover);--select-color:var(--p-color-text-primary);pointer-events:none}&:has(.selectAtomFocus:focus-visible){outline-offset:2px;outline:2px solid #00f}@media (width<=600px){--select-line-height:1.375rem}}.select[data-stb-select=current]{--select-max-width:33rem;isolation:isolate;max-width:var(--select-max-width);flex-direction:column;align-items:flex-start;width:100%;display:inline-flex;position:relative;& .selectLabel{margin-bottom:var(--p-spacing-rem-08)}& .selectAlertMessage{margin-top:var(--p-spacing-rem-08);width:100%}&[data-fluid=true]{--select-max-width:100%}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.alertInlineBase[data-stb-alert-inline=current]{--color-text:var(--p-color-text-primary);--color-icon:var(--p-color-icon-primary);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;align-self:start;gap:var(--p-spacing-rem-08);flex-direction:row;flex-shrink:0;display:inline-flex;& .alertTitle{--alert-line-height:1.25rem;color:var(--color-text);line-height:var(--alert-line-height);@media (width>=600px){--alert-line-height:1.375rem}}& .alertIconWrapper{text-align:center;display:flex}& .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 (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{cursor:pointer;outline-offset:2px;white-space:nowrap;background:0 0;border:none;border-radius:3.2px;padding:0;font-family:Storebrand Text,sans-serif;font-weight:600;line-height:150%;text-decoration:underline}& 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]{justify-content:center;align-items:center;display:flex;& .popoverPopoverElement{--popover-background-color:var(--p-color-surface-1);--popover-box-shadow:0 .25rem .375rem 0 #00000024, 0 .375rem .5rem 0 #0000001f;background:var(--popover-background-color);border-radius:var(--p-corner-radius-rem-small);box-shadow:var(--popover-box-shadow);box-sizing:border-box;gap:var(--p-spacing-rem-16);min-width:18rem;max-width:35rem;padding:var(--p-spacing-rem-16);width:100%;z-index:var(--p-z-index-popover);flex-direction:row;justify-content:space-between;display:flex;@media (width>=600px){padding:var(--p-spacing-rem-20)}&[data-show-on=hover]{padding:var(--p-spacing-rem-24)}& .popoverContent{box-sizing:border-box;gap:var(--p-spacing-rem-08);width:calc(100% - var(--p-spacing-rem-40));flex-direction:column;justify-content:center;display:flex;& .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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (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}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (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;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.labelAtom[data-stb-label=current]{gap:var(--p-spacing-rem-04);text-wrap:pretty;flex-direction:column;display:flex;&[data-has-popover=true]{gap:var(--p-spacing-rem-08);flex-direction:row}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.accordionBase[data-stb-accordion=current]{--color-background:transparent;--color-foreground:var(--p-color-text-primary);--color-border:var(--p-color-stroke-subtle,var(--p-color-stroke-subtle-0-white));background-color:var(--color-background);color:var(--color-foreground);border-top:none;&.borderTop,&:first-child{border-top:var(--p-border-rem-xsmall) solid var(--color-border)}& .accordionRowBase{border-bottom:var(--p-border-rem-xsmall) solid var(--color-border);padding:var(--p-spacing-rem-08) 0;border-top:none;&.open{padding:var(--p-spacing-rem-12) 0;&:focus-visible{outline:var(--p-outline)}& :where(.accordionRowWrapper,.accordionRowContent){background-color:var(--p-color-surface-1)}& .accordionRowButton{transition:all .125s ease-in-out;&:focus-visible{outline:none}}}&.borderBottom{border-bottom:var(--p-border-rem-xsmall) solid var(--color-border);border-top:none}& .accordionRowWrapper{border-top-left-radius:var(--p-corner-radius-rem-small);border-top-right-radius:var(--p-corner-radius-rem-small);width:100%;&.sticky{position:sticky;top:0}}& .accordionRowButton{border-radius:var(--p-corner-radius-rem-small);padding:var(--p-spacing-rem-08) var(--p-spacing-rem-16);text-align:left;width:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;margin:0;display:flex;@media (hover:hover) and (pointer:fine){&:hover{background:var(--p-color-background-hover);cursor:pointer}}&:active{background:var(--p-color-background-pressed)}&:focus-visible{outline:var(--p-outline)}&>i{margin-left:var(--p-spacing-rem-16);padding-left:var(--p-spacing-rem-08)}& .accordionChevronWrapper{display:flex}}& .accordionRowContent{border-bottom-left-radius:var(--p-corner-radius-rem-small);border-bottom-right-radius:var(--p-corner-radius-rem-small);padding:var(--p-spacing-rem-12) var(--p-spacing-rem-16)}& .accordionCollapse{&[aria-hidden=false]{height:auto}&[aria-hidden=true]{height:0;display:none;overflow:hidden}}}}.systemIconBase[data-stb-system-icon=current]{white-space:nowrap;flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (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}}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (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;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.dialogFloatingOverlay[data-stb-dialog=current]{height:100%;z-index:var(--p-z-index-dialog);background-color:#19191999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;@media (prefers-reduced-motion){transition:none!important;animation:none!important}}.dialogBase[data-stb-dialog-base=current]{background:var(--p-color-background);border-radius:var(--p-corner-radius-rem-medium);box-shadow:var(--p-shadow-aboveScrim);box-sizing:border-box;opacity:1;min-width:18rem;max-width:35rem;max-height:calc(100vh - 5rem);padding:var(--p-spacing-rem-32);width:100%;z-index:var(--p-z-index-input);flex-direction:column;display:flex;@media only screen and (width<=720px){transform:none!important}& .dialog-title{margin-bottom:var(--p-spacing-rem-08)}& .dialogContent{color:var(--p-color-text-secondary);margin-bottom:var(--p-spacing-rem-24);overflow:auto}& .dialogFooter{gap:var(--p-spacing-rem-08);flex-wrap:wrap;display:flex}}.tabBarBase[data-stb-tabs=current]{& .tabs{--tab-size:2.75rem;--text-color:var(--p-color-text-primary);--font-weight:400;--background-color:none;--stroke-color:var(--p-color-stroke-0);--stroke-selected-color:var(--p-color-stroke-selected);--outline:none;border-bottom:var(--p-border-rem-small) solid var(--stroke-color);height:var(--tab-size);line-height:var(--tab-size);outline:var(--outline);scrollbar-width:none;display:inline-block;position:relative;overflow:auto hidden;&:focus{--outline:var(--p-outline)}& .tabButtons{flex-wrap:nowrap;display:flex;& button{background-color:var(--background-color);border-radius:var(--p-corner-radius-rem-small) var(--p-corner-radius-rem-small) 0 0;color:var(--text-color);cursor:pointer;font-weight:var(--font-weight);height:var(--tab-size);max-height:var(--tab-size);outline-offset:-.1875rem;border:none;outline:none;padding:0;& .tabButtonText{box-sizing:border-box;max-height:var(--tab-size);padding:0 var(--p-spacing-rem-16);white-space:nowrap;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){&:hover{--background-color:var(--p-color-background-hover)}}&:active{--background-color:var(--p-color-background-pressed)}&[aria-selected=true]{--text-color:var(--p-color-text-interactive);--font-weight:600}&[aria-disabled=true]{--text-color:var(--p-color-text-disabled);pointer-events:none}}}& .underlineForTabButton{background-color:var(--stroke-selected-color);border-radius:var(--p-corner-radius-rem-extreme) var(--p-corner-radius-rem-extreme) 0 0;height:.25rem;margin:0 var(--p-spacing-rem-16);transform-origin:left center 0;border:none;transition:transform .2s ease-in-out,width .2s ease-in-out;position:absolute;bottom:0}&[data-using-keyboard=true]{--outline:none;& button[data-keyboard-focus=true]{outline:var(--p-outline)}}}}.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);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;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (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 (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 (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);width:var(--button-size);padding:0}.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);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;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);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>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 (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (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;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.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);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.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:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.introBannerBase[data-stb-intro-banner=current]{box-sizing:border-box;gap:var(--p-spacing-rem-24);flex-direction:row;justify-content:space-between;width:100%;max-width:67.5rem;display:flex;& .introBannerIngress{margin-top:var(--p-spacing-rem-24)}& .buttonContainer{margin-top:var(--p-spacing-rem-32)}& .introBannerIcon{flex-shrink:0;& img{height:6rem}}@media (width<=600px){flex-direction:column;& .introBannerContent{order:1}}}.promoBannerBase[data-stb-promo-banner=current]{background-color:var(--card-background);box-sizing:border-box;flex-direction:column;width:100%;max-width:67.5rem;display:flex;overflow:hidden;@media (width>=840px){flex-direction:row}& .promoBannerGraphics{width:100%;position:relative;&>img{object-fit:cover;width:100%;height:100%}@media (width>=840px){width:26.125rem;&>img{width:26.125rem}}& .promoBannerCaptions{align-items:flex-start;gap:var(--p-spacing-rem-04);flex-direction:column;display:flex;position:absolute;bottom:1.25rem;left:0}& .promoBannerCaption{background-color:var(--p-color-surface-inverse);color:var(--p-color-text-on-color);padding:var(--p-spacing-rem-04) var(--p-spacing-rem-16)}}& .promoBannerContent{padding:var(--p-spacing-rem-24);flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;@media (width>=600px){padding:var(--p-spacing-rem-40)}@media (width>=840px){padding:var(--p-spacing-rem-40) var(--p-spacing-rem-56);justify-content:center;align-items:flex-start}}& .promoBannerHeading{margin-bottom:var(--p-spacing-rem-24);&:has(+.promoBannerParagraph){margin-bottom:var(--p-spacing-rem-08)}}& .promoBannerParagraph{margin-bottom:var(--p-spacing-rem-24)}}.topBannerBase[data-stb-top-banner=current]{--top-banner-gap:var(--p-spacing-24);box-sizing:border-box;gap:var(--top-banner-gap);flex-direction:column;width:100%;display:flex;& .imageContainer{flex-basis:100%;width:100%;height:auto;& img{width:100%;height:100%}}& .contentContainer{box-sizing:border-box;flex-direction:column;justify-content:center;display:flex}& .topBannerHeading{margin-bottom:var(--p-spacing-24);text-overflow:ellipsis;text-wrap:pretty;&:has(+.topBannerIngress){margin-bottom:var(--p-spacing-08)}}& .topBannerIngress{margin-bottom:var(--p-spacing-24);text-overflow:ellipsis;text-wrap:pretty}& .topBannerButton{width:fit-content}@media (0<=width<=543px){--top-banner-gap:var(--p-spacing-24);min-width:18rem;max-width:33.9375rem}@media (544px<=width<=712px){--top-banner-gap:var(--p-spacing-32);flex-direction:row;min-width:18rem;max-width:44.5rem;max-height:19rem;& .imageContainer{min-width:13.5rem;& img{object-fit:cover}}& .contentContainer{max-height:19rem}}@media (713px<=width<=1079px){--top-banner-gap:var(--p-spacing-48);flex-direction:row;& .imageContainer{min-width:18rem;min-height:19rem;& img{object-fit:cover}}}@media (width>=1080px){--top-banner-gap:var(--p-spacing-48);flex-direction:row;max-width:67.5rem;& .imageContainer{min-width:18rem;min-height:24.5rem;& img{object-fit:cover}}}}.linkListContainer[data-stb-link-list=current]{--link-list-border:var(--p-border-rem-xsmall) solid var(--p-color-stroke-subtle-0,var(--p-color-stroke-subtle-0-white));--link-list-height:2.938rem;--link-list-icon-size:1.375rem;--link-list-background-color:transaprent;--link-list-outline:none;--link-list-pointer-events:auto;--link-list-color:var(--p-color-text-primary);color:var(--link-list-color);width:100%;min-width:15.75rem;max-width:44.5rem;&[data-size=fluid]{max-width:100%}&.linkListCompact{--link-list-height:2.438rem}& .linkListHeading{margin:var(--p-spacing-rem-16) 0}& .linkList{background-color:#0000;flex-direction:column;padding-inline-start:unset;list-style:none;display:flex;& li.linkListItem{border-bottom:var(--link-list-border);padding:var(--p-spacing-rem-08);pointer-events:var(--link-list-pointer-events);background-color:#0000;&:last-child{border-bottom:none}& a{color:var(--link-list-color);text-decoration:none;@media (hover:hover) and (pointer:fine){&:hover{--link-list-background-color:var(--p-color-background-hover);--link-list-color:var(--p-color-text-primary-hover)}}&:focus-visible{--link-list-outline:var(--p-outline)}&:active{--link-list-background-color:var(--p-color-background-pressed);--link-list-color:var(--p-color-text-primary-pressed)}}& div.linkListItemWrapper{background-color:var(--link-list-background-color);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;align-items:center;gap:var(--p-spacing-rem-08);min-height:var(--link-list-height);outline:var(--link-list-outline);outline-offset:var(--p-outline-offset);padding:var(--p-spacing-rem-08) var(--p-spacing-rem-16);pointer-events:var(--link-list-pointer-events);border:none;justify-content:space-between;transition:background-color 50ms ease-in;display:flex;& .linkListIcon{font-size:calc(var(--link-list-icon-size) - 2px);height:var(--link-list-icon-size);line-height:var(--link-list-icon-size);width:var(--link-list-icon-size);justify-content:center;align-items:center;display:flex}}}}&.topBorder .linkList li.linkListItem:first-child{border-top:var(--link-list-border)}&.bottomBorder .linkList li.linkListItem:last-child{border-bottom:var(--link-list-border)}@media (width>=600px){--link-list-icon-size:1.625rem}}