.transcript-entry{--chat--color-user: var(--hap-color-background-brand-2);--chat--color-luma: var(--hap-color-surface-brand-default);--message-arrow-width: 12px;--message-arrow-positioning: -9px;--message-arrow-diagonal-edge: 16px;background:var(--chat--color-white);border-radius:18px;padding:var(--hap-spacing-md) var(--hap-spacing-md-lg);box-shadow:0 2px 8px #00000008;display:flex;flex-direction:column;align-self:flex-start;margin:0 auto 0 0;max-width:60%;min-width:200px;width:fit-content;overflow-wrap:break-word;word-break:break-word;position:relative;z-index:0}.transcript-entry.assistant{background:var(--chat--color-luma);border:1px solid var(--hap-color-divider-on-light);border-bottom-left-radius:0;margin-left:var(--message-arrow-width)}.transcript-entry.assistant:before,.transcript-entry.assistant:after{background:var(--chat--color-luma)}.transcript-entry.assistant:before{left:var(--message-arrow-positioning)}.transcript-entry.assistant:after{left:0}.transcript-entry.user{align-items:flex-end;margin-left:auto;margin-right:0;background:var(--chat--color-user);border:1px solid var(--hap-color-divider-on-light);border-bottom-right-radius:0;margin-right:var(--message-arrow-width)}.transcript-entry.user:before,.transcript-entry.user:after{background:var(--chat--color-user)}.transcript-entry.user:before{right:var(--message-arrow-positioning)}.transcript-entry.user:after{right:0}:is(.transcript-entry.assistant,.transcript-entry.user):before,:is(.transcript-entry.assistant,.transcript-entry.user):after{content:"";position:absolute;pointer-events:none}:is(.transcript-entry.assistant,.transcript-entry.user):before{bottom:12px;width:var(--message-arrow-diagonal-edge);height:var(--message-arrow-diagonal-edge);transform:rotate(45deg);border:1px solid var(--hap-color-divider-on-light);border-radius:2px;z-index:-2}:is(.transcript-entry.assistant,.transcript-entry.user):after{bottom:4px;width:var(--message-arrow-width);height:calc(2 * var(--message-arrow-width) + 8px);z-index:-1}.transcript-entry .speaker-info{display:flex;font-weight:600;align-items:center;gap:var(--hap-spacing-sm);margin-bottom:.75rem;font-size:var(--hap-typography-font-size-bodytext-s);opacity:.5}.user :is(.transcript-entry .speaker-info){flex-direction:row-reverse}.transcript-entry .speaker-info svg{margin-top:-2px}.transcript-entry .message-content{line-height:1.6;white-space:pre-wrap}.chat-page{height:100%;display:flex;flex-direction:column}.chat-page .chat-page-header{padding:var(--hap-spacing-md) var(--hap-spacing-lg);background:var(--hap-color-fill-brand-on-light-default)}.chat-page .chat-page-header h1{color:var(--hap-color-text-brand-on-dark)}.chat-page .transcript-scroll{padding:var(--hap-spacing-md) var(--hap-spacing-lg);flex:1;overflow:hidden}.chat-page .transcript-scroll .transcript-display{height:100%;display:flex;flex-direction:column;overflow-y:auto;gap:var(--hap-spacing-md)}.chat-page .transcript-footer{padding:var(--hap-spacing-md) var(--hap-spacing-lg);display:flex;flex-direction:column;gap:var(--hap-spacing-sm)}.chat-page .transcript-footer textarea{field-sizing:content;max-height:120px;overflow-y:auto}.chat-page .transcript-footer button{align-self:flex-end}:root{color-scheme:light dark;color:var(--hap-color-text-primary-on-light);background-color:var(--hap-color-background-neutral)}:root{--hap-border-width-lg: var(--hap-primitives-border-width-3);--hap-border-width-md: var(--hap-primitives-border-width-2);--hap-border-width-sm: var(--hap-primitives-border-width-1);--hap-color-background-brand-1: var(--hap-primitives-color-brand-300);--hap-color-background-brand-2: var(--hap-primitives-color-neutral-200);--hap-color-background-neutral: var(--hap-primitives-color-neutral-50);--hap-color-border-brand-on-dark-default: var(--hap-primitives-color-brand-300);--hap-color-border-brand-on-light-default: var(--hap-primitives-color-brand-900);--hap-color-border-focused-default: var(--hap-primitives-color-brand-500);--hap-color-border-primary-on-dark-default: var(--hap-primitives-color-neutral-300);--hap-color-border-primary-on-light-default: var(--hap-primitives-color-neutral-700);--hap-color-border-secondary-on-dark-default: var(--hap-primitives-color-base-white-light);--hap-color-border-secondary-on-light-default: var(--hap-primitives-color-base-black-light);--hap-color-border-tertiary-on-dark-default: var(--hap-primitives-color-base-white-lightest);--hap-color-border-tertiary-on-light-default: var(--hap-primitives-color-base-black-lightest);--hap-color-divider-on-dark: var(--hap-primitives-color-base-white-lightest);--hap-color-divider-on-light: var(--hap-primitives-color-base-black-lightest);--hap-color-feedback-caution-dark: var(--hap-primitives-color-feedback-yellow-900);--hap-color-feedback-caution-light: var(--hap-primitives-color-feedback-yellow-100);--hap-color-feedback-critical-dark: var(--hap-primitives-color-feedback-red-800);--hap-color-feedback-critical-light: var(--hap-primitives-color-feedback-red-200);--hap-color-feedback-default-dark: var(--hap-primitives-color-grey-800);--hap-color-feedback-default-light: var(--hap-primitives-color-grey-200);--hap-color-feedback-neutral-dark: var(--hap-primitives-color-neutral-950);--hap-color-feedback-neutral-light: var(--hap-primitives-color-neutral-200);--hap-color-feedback-new-dark: var(--hap-primitives-color-brand-900);--hap-color-feedback-new-light: var(--hap-primitives-color-brand-400);--hap-color-feedback-positive-dark: var(--hap-primitives-color-feedback-green-900);--hap-color-feedback-positive-light: var(--hap-primitives-color-feedback-green-200);--hap-color-fill-brand-on-dark-default: var(--hap-primitives-color-brand-300);--hap-color-fill-brand-on-dark-hovered: var(--hap-primitives-color-brand-400);--hap-color-fill-brand-on-dark-pressed: var(--hap-primitives-color-brand-500);--hap-color-fill-brand-on-dark-selected: var(--hap-primitives-color-brand-400);--hap-color-fill-brand-on-light-default: var(--hap-primitives-color-brand-900);--hap-color-fill-brand-on-light-hovered: var(--hap-primitives-color-brand-800);--hap-color-fill-brand-on-light-pressed: var(--hap-primitives-color-brand-700);--hap-color-fill-brand-on-light-selected: var(--hap-primitives-color-brand-800);--hap-color-fill-destructive-on-dark-default: var(--hap-primitives-color-feedback-red-700);--hap-color-fill-destructive-on-dark-hovered: var(--hap-primitives-color-feedback-red-600);--hap-color-fill-destructive-on-dark-pressed: var(--hap-primitives-color-feedback-red-500);--hap-color-fill-destructive-on-dark-selected: var(--hap-primitives-color-feedback-red-600);--hap-color-fill-destructive-on-light-default: var(--hap-primitives-color-feedback-red-700);--hap-color-fill-destructive-on-light-hovered: var(--hap-primitives-color-feedback-red-600);--hap-color-fill-destructive-on-light-pressed: var(--hap-primitives-color-feedback-red-500);--hap-color-fill-destructive-on-light-selected: var(--hap-primitives-color-feedback-red-600);--hap-color-fill-input-default: var(--hap-primitives-color-base-white-primary);--hap-color-fill-input-hovered: var(--hap-primitives-color-base-black-lightest);--hap-color-fill-input-pressed: var(--hap-primitives-color-base-black-light);--hap-color-fill-input-selected: var(--hap-primitives-color-base-black-lightest);--hap-color-fill-interaction-on-dark-default: var(--hap-primitives-color-base-black-primary);--hap-color-fill-interaction-on-dark-hovered: var(--hap-primitives-color-base-white-lightest);--hap-color-fill-interaction-on-dark-pressed: var(--hap-primitives-color-base-white-light);--hap-color-fill-interaction-on-dark-selected: var(--hap-primitives-color-brand-800);--hap-color-fill-interaction-on-light-default: var(--hap-primitives-color-base-white-primary);--hap-color-fill-interaction-on-light-hovered: var(--hap-primitives-color-base-black-lightest);--hap-color-fill-interaction-on-light-pressed: var(--hap-primitives-color-base-black-light);--hap-color-fill-interaction-on-light-selected: var(--hap-primitives-color-neutral-200);--hap-color-fill-inverted-default: var(--hap-primitives-color-base-white-primary);--hap-color-fill-inverted-hovered: var(--hap-primitives-color-base-white-secondary);--hap-color-fill-inverted-pressed: var(--hap-primitives-color-base-white-tertiary);--hap-color-fill-inverted-selected: var(--hap-primitives-color-base-white-secondary);--hap-color-fill-primary-on-dark-default: var(--hap-primitives-color-neutral-300);--hap-color-fill-primary-on-dark-hovered: var(--hap-primitives-color-neutral-400);--hap-color-fill-primary-on-dark-pressed: var(--hap-primitives-color-neutral-500);--hap-color-fill-primary-on-dark-selected: var(--hap-primitives-color-neutral-400);--hap-color-fill-primary-on-light-default: var(--hap-primitives-color-neutral-700);--hap-color-fill-primary-on-light-hovered: var(--hap-primitives-color-neutral-600);--hap-color-fill-primary-on-light-pressed: var(--hap-primitives-color-neutral-500);--hap-color-fill-primary-on-light-selected: var(--hap-primitives-color-neutral-600);--hap-color-fill-secondary-on-dark-default: var(--hap-primitives-color-base-white-lightest);--hap-color-fill-secondary-on-dark-hovered: var(--hap-primitives-color-base-white-light);--hap-color-fill-secondary-on-dark-pressed: var(--hap-primitives-color-base-white-tertiary);--hap-color-fill-secondary-on-dark-selected: var(--hap-primitives-color-base-white-light);--hap-color-fill-secondary-on-light-default: var(--hap-primitives-color-base-black-lightest);--hap-color-fill-secondary-on-light-hovered: var(--hap-primitives-color-base-black-light);--hap-color-fill-secondary-on-light-pressed: var(--hap-primitives-color-base-black-tertiary);--hap-color-fill-secondary-on-light-selected: var(--hap-primitives-color-base-black-light);--hap-color-fill-state-off: var(--hap-primitives-color-neutral-400);--hap-color-fill-state-on: var(--hap-primitives-color-feedback-green-500);--hap-color-fill-tertiary-on-dark-default: var(--hap-primitives-color-base-white-transparent);--hap-color-fill-tertiary-on-dark-hovered: var(--hap-primitives-color-base-white-lightest);--hap-color-fill-tertiary-on-dark-pressed: var(--hap-primitives-color-base-white-light);--hap-color-fill-tertiary-on-dark-selected: var(--hap-primitives-color-brand-800);--hap-color-fill-tertiary-on-light-default: var(--hap-primitives-color-base-black-transparent);--hap-color-fill-tertiary-on-light-hovered: var(--hap-primitives-color-base-black-lightest);--hap-color-fill-tertiary-on-light-pressed: var(--hap-primitives-color-base-black-light);--hap-color-fill-tertiary-on-light-selected: var(--hap-primitives-color-neutral-200);--hap-color-fill-transparent-default: var(--hap-primitives-color-base-black-transparent);--hap-color-icon-brand-on-dark: var(--hap-primitives-color-brand-400);--hap-color-icon-brand-on-dark-only: var(--hap-primitives-color-brand-400);--hap-color-icon-brand-on-light: var(--hap-primitives-color-brand-800);--hap-color-icon-brand-on-light-only: var(--hap-primitives-color-brand-800);--hap-color-icon-primary-on-dark: var(--hap-primitives-color-base-white-secondary);--hap-color-icon-primary-on-dark-only: var(--hap-primitives-color-base-white-secondary);--hap-color-icon-primary-on-light: var(--hap-primitives-color-base-black-secondary);--hap-color-icon-primary-on-light-only: var(--hap-primitives-color-base-black-secondary);--hap-color-icon-secondary-on-dark: var(--hap-primitives-color-base-white-tertiary);--hap-color-icon-secondary-on-dark-only: var(--hap-primitives-color-base-white-tertiary);--hap-color-icon-secondary-on-light: var(--hap-primitives-color-base-black-tertiary);--hap-color-icon-secondary-on-light-only: var(--hap-primitives-color-base-black-tertiary);--hap-color-icon-tertiary-on-dark: var(--hap-primitives-color-base-white-tertiary);--hap-color-icon-tertiary-on-dark-only: var(--hap-primitives-color-base-white-tertiary);--hap-color-icon-tertiary-on-light: var(--hap-primitives-color-base-black-tertiary);--hap-color-icon-tertiary-on-light-only: var(--hap-primitives-color-base-black-tertiary);--hap-color-link-default: var(--hap-primitives-color-brand-700);--hap-color-link-hovered: var(--hap-primitives-color-brand-600);--hap-color-link-pressed: var(--hap-primitives-color-brand-500);--hap-color-surface-brand-default: var(--hap-primitives-color-brand-300);--hap-color-surface-brand-hovered: var(--hap-primitives-color-brand-400);--hap-color-surface-brand-pressed: var(--hap-primitives-color-brand-500);--hap-color-surface-brand-selected: var(--hap-primitives-color-brand-400);--hap-color-surface-disabled-default: var(--hap-primitives-color-grey-300);--hap-color-surface-inverted-default: var(--hap-primitives-color-brand-950);--hap-color-surface-inverted-hovered: var(--hap-primitives-color-brand-900);--hap-color-surface-inverted-pressed: var(--hap-primitives-color-brand-800);--hap-color-surface-inverted-selected: var(--hap-primitives-color-brand-900);--hap-color-surface-primary-default: var(--hap-primitives-color-base-white-primary);--hap-color-surface-primary-hovered: var(--hap-primitives-color-base-black-lightest);--hap-color-surface-primary-pressed: var(--hap-primitives-color-base-black-light);--hap-color-surface-primary-selected: var(--hap-primitives-color-base-black-primary);--hap-color-surface-secondary-default: var(--hap-primitives-color-base-black-lightest);--hap-color-surface-secondary-hovered: var(--hap-primitives-color-base-black-lightest);--hap-color-surface-secondary-pressed: var(--hap-primitives-color-base-black-light);--hap-color-surface-secondary-selected: var(--hap-primitives-color-base-black-primary);--hap-color-surface-tertiary-default: var(--hap-primitives-color-base-white-transparent);--hap-color-surface-tertiary-hovered: var(--hap-primitives-color-base-black-lightest);--hap-color-surface-tertiary-pressed: var(--hap-primitives-color-base-black-light);--hap-color-surface-tertiary-selected: var(--hap-primitives-color-base-black-primary);--hap-color-surface-transparent-default: var(--hap-primitives-color-base-white-transparent);--hap-color-text-brand-on-dark: var(--hap-primitives-color-brand-300);--hap-color-text-brand-on-dark-only: var(--hap-primitives-color-brand-300);--hap-color-text-brand-on-light: var(--hap-primitives-color-brand-900);--hap-color-text-brand-on-light-only: var(--hap-primitives-color-brand-900);--hap-color-text-primary-on-dark: var(--hap-primitives-color-base-white-primary);--hap-color-text-primary-on-dark-only: var(--hap-primitives-color-base-white-primary);--hap-color-text-primary-on-light: var(--hap-primitives-color-base-black-primary);--hap-color-text-primary-on-light-only: var(--hap-primitives-color-base-black-primary);--hap-color-text-secondary-on-dark: var(--hap-primitives-color-base-white-secondary);--hap-color-text-secondary-on-dark-only: var(--hap-primitives-color-base-white-secondary);--hap-color-text-secondary-on-light: var(--hap-primitives-color-base-black-secondary);--hap-color-text-secondary-on-light-only: var(--hap-primitives-color-base-black-secondary);--hap-color-text-tertiary-on-dark: var(--hap-primitives-color-base-white-tertiary);--hap-color-text-tertiary-on-dark-only: var(--hap-primitives-color-base-white-tertiary);--hap-color-text-tertiary-on-light: var(--hap-primitives-color-base-black-tertiary);--hap-color-text-tertiary-on-light-only: var(--hap-primitives-color-base-black-tertiary);--hap-opacity-default: var(--hap-primitives-opacity-default);--hap-opacity-disabled: var(--hap-primitives-opacity-disabled);--hap-opacity-hovered: var(--hap-primitives-opacity-hover);--hap-opacity-inactive: var(--hap-primitives-opacity-inactive);--hap-primitives-border-width-1: 1px;--hap-primitives-border-width-2: 2px;--hap-primitives-border-width-3: 4px;--hap-primitives-color-base-black-light: color(srgb .0784313725490196 .0784313725490196 .09803921568627451 / .14901960784313725);--hap-primitives-color-base-black-lightest: color(srgb .0784313725490196 .0784313725490196 .09803921568627451 / .0784313725490196);--hap-primitives-color-base-black-primary: color(srgb .0784313725490196 .0784313725490196 .09803921568627451);--hap-primitives-color-base-black-secondary: color(srgb .0784313725490196 .0784313725490196 .09803921568627451 / .8);--hap-primitives-color-base-black-tertiary: color(srgb .0784313725490196 .0784313725490196 .09803921568627451 / .6509803921568628);--hap-primitives-color-base-black-transparent: color(srgb .0784313725490196 .0784313725490196 .09803921568627451 / 0);--hap-primitives-color-base-white-light: color(srgb 1 1 1 / .23921568627450981);--hap-primitives-color-base-white-lightest: color(srgb 1 1 1 / .1607843137254902);--hap-primitives-color-base-white-primary: color(srgb 1 1 1);--hap-primitives-color-base-white-secondary: color(srgb 1 1 1 / .8);--hap-primitives-color-base-white-tertiary: color(srgb 1 1 1 / .6509803921568628);--hap-primitives-color-base-white-transparent: color(srgb 1 1 1 / 0);--hap-primitives-color-brand-50: color(srgb 1 1 1);--hap-primitives-color-brand-100: color(srgb .9411764705882353 1 .9019607843137255);--hap-primitives-color-brand-200: color(srgb .8588235294117647 1 .7686274509803922);--hap-primitives-color-brand-300: color(srgb .7843137254901961 1 .6470588235294118);--hap-primitives-color-brand-400: color(srgb .6549019607843137 .9215686274509803 .48627450980392156);--hap-primitives-color-brand-500: color(srgb .11764705882352941 .7843137254901961 .4);--hap-primitives-color-brand-600: color(srgb .13725490196078433 .615686274509804 .34509803921568627);--hap-primitives-color-brand-700: color(srgb .12941176470588237 .47058823529411764 .27450980392156865);--hap-primitives-color-brand-800: color(srgb .09803921568627451 .23921568627450981 .21176470588235294);--hap-primitives-color-brand-900: color(srgb .06274509803921569 .1607843137254902 .1411764705882353);--hap-primitives-color-brand-950: color(srgb .0392156862745098 .10588235294117647 .09411764705882353);--hap-primitives-color-feedback-green-50: color(srgb .9372549019607843 .9921568627450981 .9568627450980393);--hap-primitives-color-feedback-green-100: color(srgb .8588235294117647 .9647058823529412 .9137254901960784);--hap-primitives-color-feedback-green-200: color(srgb .6 .9176470588235294 .7686274509803922);--hap-primitives-color-feedback-green-300: color(srgb .3843137254901961 .8823529411764706 .6470588235294118);--hap-primitives-color-feedback-green-400: color(srgb .23921568627450981 .807843137254902 .5411764705882353);--hap-primitives-color-feedback-green-500: color(srgb .09411764705882353 .6941176470588235 .4117647058823529);--hap-primitives-color-feedback-green-600: color(srgb .03137254901960784 .5803921568627451 .3333333333333333);--hap-primitives-color-feedback-green-700: color(srgb .027450980392156862 .45098039215686275 .25882352941176473);--hap-primitives-color-feedback-green-800: color(srgb .0196078431372549 .3058823529411765 .18823529411764706);--hap-primitives-color-feedback-green-900: color(srgb .023529411764705882 .19607843137254902 .12941176470588237);--hap-primitives-color-feedback-green-950: color(srgb .01568627450980392 .1843137254901961 .09411764705882353);--hap-primitives-color-feedback-red-50: color(srgb 1 .9529411764705882 .9450980392156862);--hap-primitives-color-feedback-red-100: color(srgb 1 .8980392156862745 .8784313725490196);--hap-primitives-color-feedback-red-200: color(srgb 1 .8117647058823529 .7764705882352941);--hap-primitives-color-feedback-red-300: color(srgb 1 .6862745098039216 .6196078431372549);--hap-primitives-color-feedback-red-400: color(srgb 1 .4980392156862745 .403921568627451);--hap-primitives-color-feedback-red-500: color(srgb .984313725490196 .3411764705882353 .2196078431372549);--hap-primitives-color-feedback-red-600: color(srgb .9215686274509803 .29411764705882354 .17647058823529413);--hap-primitives-color-feedback-red-700: color(srgb .7686274509803922 .17647058823529413 .07058823529411765);--hap-primitives-color-feedback-red-800: color(srgb .6352941176470588 .1607843137254902 .06666666666666667);--hap-primitives-color-feedback-red-900: color(srgb .5294117647058824 .1568627450980392 .08627450980392157);--hap-primitives-color-feedback-red-950: color(srgb .28627450980392155 .06666666666666667 .027450980392156862);--hap-primitives-color-feedback-yellow-50: color(srgb .9921568627450981 .984313725490196 .9098039215686274);--hap-primitives-color-feedback-yellow-100: color(srgb .996078431372549 .9686274509803922 .7686274509803922);--hap-primitives-color-feedback-yellow-200: color(srgb 1 .9254901960784314 .5372549019607843);--hap-primitives-color-feedback-yellow-300: color(srgb .996078431372549 .8509803921568627 .27450980392156865);--hap-primitives-color-feedback-yellow-400: color(srgb .984313725490196 .7647058823529411 .08627450980392157);--hap-primitives-color-feedback-yellow-500: color(srgb .9647058823529412 .6980392156862745 .023529411764705882);--hap-primitives-color-feedback-yellow-600: color(srgb .796078431372549 .5098039215686274 .01568627450980392);--hap-primitives-color-feedback-yellow-700: color(srgb .6392156862745098 .3607843137254902 .0196078431372549);--hap-primitives-color-feedback-yellow-800: color(srgb .5254901960784314 .2823529411764706 .050980392156862744);--hap-primitives-color-feedback-yellow-900: color(srgb .4470588235294118 .23137254901960785 .06274509803921569);--hap-primitives-color-feedback-yellow-950: color(srgb .25882352941176473 .11764705882352941 .027450980392156862);--hap-primitives-color-grey-50: color(srgb .9647058823529412 .9647058823529412 .9647058823529412);--hap-primitives-color-grey-100: color(srgb .9058823529411765 .9058823529411765 .9058823529411765);--hap-primitives-color-grey-200: color(srgb .8196078431372549 .8196078431372549 .8196078431372549);--hap-primitives-color-grey-300: color(srgb .6901960784313725 .6901960784313725 .6901960784313725);--hap-primitives-color-grey-400: color(srgb .5333333333333333 .5333333333333333 .5333333333333333);--hap-primitives-color-grey-500: color(srgb .42745098039215684 .42745098039215684 .42745098039215684);--hap-primitives-color-grey-600: color(srgb .36470588235294116 .36470588235294116 .36470588235294116);--hap-primitives-color-grey-700: color(srgb .30980392156862746 .30980392156862746 .30980392156862746);--hap-primitives-color-grey-800: color(srgb .2196078431372549 .2196078431372549 .2196078431372549);--hap-primitives-color-grey-900: color(srgb .10588235294117647 .10588235294117647 .10588235294117647);--hap-primitives-color-grey-950: color(srgb 0 0 0);--hap-primitives-color-neutral-50: color(srgb .9607843137254902 .9686274509803922 .9725490196078431);--hap-primitives-color-neutral-100: color(srgb .9019607843137255 .9176470588235294 .9647058823529412);--hap-primitives-color-neutral-200: color(srgb .8627450980392157 .8941176470588236 .984313725490196);--hap-primitives-color-neutral-300: color(srgb .7803921568627451 .8117647058823529 .9215686274509803);--hap-primitives-color-neutral-400: color(srgb .7019607843137254 .7372549019607844 .8274509803921568);--hap-primitives-color-neutral-500: color(srgb .611764705882353 .6431372549019608 .7215686274509804);--hap-primitives-color-neutral-600: color(srgb .5254901960784314 .5490196078431373 .6470588235294118);--hap-primitives-color-neutral-700: color(srgb .45098039215686275 .47058823529411764 .5607843137254902);--hap-primitives-color-neutral-800: color(srgb .3686274509803922 .3843137254901961 .4588235294117647);--hap-primitives-color-neutral-900: color(srgb .3137254901960784 .3215686274509804 .3764705882352941);--hap-primitives-color-neutral-950: color(srgb .1803921568627451 .18823529411764706 .2196078431372549);--hap-primitives-color-shadow: color(srgb .0784313725490196 .0784313725490196 .09803921568627451 / .14901960784313725);--hap-primitives-font-family-body: ES Klarheit Grotesk RD, sans-serif;--hap-primitives-font-family-heading: ES Klarheit Kurrent RD, sans-serif;--hap-primitives-font-size-2xl: 32px;--hap-primitives-font-size-3xl: 48px;--hap-primitives-font-size-4xl: 64px;--hap-primitives-font-size-lg: 20px;--hap-primitives-font-size-md: 16px;--hap-primitives-font-size-s: 14px;--hap-primitives-font-size-xl: 24px;--hap-primitives-font-size-xs: 12px;--hap-primitives-font-size-xxs: 11px;--hap-primitives-font-weight-bold: 700;--hap-primitives-font-weight-medium: 500;--hap-primitives-font-weight-regular: 400;--hap-primitives-letter-spacing-lg: .1px;--hap-primitives-letter-spacing-md: 0;--hap-primitives-letter-spacing-s: -.1px;--hap-primitives-letter-spacing-xl: .2px;--hap-primitives-letter-spacing-xs: -.2px;--hap-primitives-line-height-2xl: 48px;--hap-primitives-line-height-2xs: 14px;--hap-primitives-line-height-3xl: 64px;--hap-primitives-line-height-3xs: 12px;--hap-primitives-line-height-4xl: 72px;--hap-primitives-line-height-lg: 28px;--hap-primitives-line-height-md: 24px;--hap-primitives-line-height-s: 20px;--hap-primitives-line-height-xl: 36px;--hap-primitives-line-height-xs: 16px;--hap-primitives-opacity-default: 1;--hap-primitives-opacity-disabled: .3;--hap-primitives-opacity-hover: .1;--hap-primitives-opacity-inactive: .72;--hap-primitives-radius-2xl: 128px;--hap-primitives-radius-3xl: 360px;--hap-primitives-radius-lg: 16px;--hap-primitives-radius-md: 8px;--hap-primitives-radius-none: 0;--hap-primitives-radius-sm: 4px;--hap-primitives-radius-xl: 32px;--hap-primitives-size-1: 8px;--hap-primitives-size-2: 12px;--hap-primitives-size-3: 16px;--hap-primitives-size-4: 20px;--hap-primitives-size-5: 24px;--hap-primitives-size-6: 32px;--hap-primitives-size-7: 40px;--hap-primitives-spacing-1: 8px;--hap-primitives-spacing-2: 16px;--hap-primitives-spacing-3: 24px;--hap-primitives-spacing-4: 32px;--hap-primitives-spacing-5: 40px;--hap-primitives-spacing-6: 48px;--hap-primitives-spacing-7: 56px;--hap-primitives-spacing-8: 64px;--hap-primitives-spacing-9: 72px;--hap-primitives-spacing-10: 80px;--hap-primitives-spacing-half: 4px;--hap-primitives-spacing-quarter: 2px;--hap-radius-full: var(--hap-primitives-radius-3xl);--hap-radius-minimal: var(--hap-primitives-radius-sm);--hap-radius-none: var(--hap-primitives-radius-none);--hap-radius-rounded: var(--hap-primitives-radius-md);--hap-radius-rounded-large: var(--hap-primitives-radius-lg);--hap-shadow-first-level-blur: 4px;--hap-shadow-first-level-color: var(--hap-primitives-color-shadow);--hap-shadow-first-level-x: 0;--hap-shadow-first-level-y: 2px;--hap-shadow-second-level-blur: 8px;--hap-shadow-second-level-color: var(--hap-primitives-color-shadow);--hap-shadow-second-level-x: 0;--hap-shadow-second-level-y: 4px;--hap-size-2xl: var(--hap-primitives-size-7);--hap-size-2xs: var(--hap-primitives-size-1);--hap-size-lg: var(--hap-primitives-size-5);--hap-size-md: var(--hap-primitives-size-4);--hap-size-sm: var(--hap-primitives-size-3);--hap-size-xl: var(--hap-primitives-size-6);--hap-size-xs: var(--hap-primitives-size-2);--hap-spacing-2xl: var(--hap-primitives-spacing-10);--hap-spacing-2xs: var(--hap-primitives-spacing-quarter);--hap-spacing-lg: var(--hap-primitives-spacing-4);--hap-spacing-md: var(--hap-primitives-spacing-2);--hap-spacing-md-lg: var(--hap-primitives-spacing-3);--hap-spacing-none: 0;--hap-spacing-sm: var(--hap-primitives-spacing-1);--hap-spacing-xl: var(--hap-primitives-spacing-6);--hap-spacing-xs: var(--hap-primitives-spacing-half);--hap-typography-font-family-body: var(--hap-primitives-font-family-body);--hap-typography-font-family-heading: var(--hap-primitives-font-family-heading);--hap-typography-font-size-bodytext-2-xs: var(--hap-primitives-font-size-xxs);--hap-typography-font-size-bodytext-s: var(--hap-primitives-font-size-s);--hap-typography-font-size-bodytext-standard: var(--hap-primitives-font-size-md);--hap-typography-font-size-bodytext-xs: var(--hap-primitives-font-size-xs);--hap-typography-font-size-headline-2-xl: var(--hap-primitives-font-size-3xl);--hap-typography-font-size-headline-3-xl: var(--hap-primitives-font-size-4xl);--hap-typography-font-size-headline-lg: var(--hap-primitives-font-size-xl);--hap-typography-font-size-headline-md: var(--hap-primitives-font-size-lg);--hap-typography-font-size-headline-sm: var(--hap-primitives-font-size-md);--hap-typography-font-size-headline-xl: var(--hap-primitives-font-size-2xl);--hap-typography-font-weight-bold: var(--hap-primitives-font-weight-bold);--hap-typography-font-weight-medium: var(--hap-primitives-font-weight-medium);--hap-typography-font-weight-regular: var(--hap-primitives-font-weight-regular);--hap-typography-letter-spacing-lg: var(--hap-primitives-letter-spacing-lg);--hap-typography-letter-spacing-md: var(--hap-primitives-letter-spacing-md);--hap-typography-letter-spacing-sm: var(--hap-primitives-letter-spacing-s);--hap-typography-letter-spacing-xl: var(--hap-primitives-letter-spacing-xl);--hap-typography-letter-spacing-xs: var(--hap-primitives-letter-spacing-xs);--hap-typography-line-height-bodytext-2-xs: var(--hap-primitives-line-height-2xs);--hap-typography-line-height-bodytext-3-xs: var(--hap-primitives-line-height-3xs);--hap-typography-line-height-bodytext-s-multiline: var(--hap-primitives-line-height-s);--hap-typography-line-height-bodytext-s-singleline: var(--hap-primitives-line-height-xs);--hap-typography-line-height-bodytext-standard-multiline: var(--hap-primitives-line-height-md);--hap-typography-line-height-bodytext-standard-singleline: var(--hap-primitives-line-height-md);--hap-typography-line-height-bodytext-xs-multiline: var(--hap-primitives-line-height-xs);--hap-typography-line-height-bodytext-xs-singleline: var(--hap-primitives-line-height-xs);--hap-typography-line-height-headline-2-xl: var(--hap-primitives-line-height-3xl);--hap-typography-line-height-headline-3-xl: var(--hap-primitives-line-height-4xl);--hap-typography-line-height-headline-lg: var(--hap-primitives-line-height-xl);--hap-typography-line-height-headline-md: var(--hap-primitives-line-height-lg);--hap-typography-line-height-headline-sm: var(--hap-primitives-line-height-md);--hap-typography-line-height-headline-xl: var(--hap-primitives-line-height-2xl)}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-Xlt.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-XltIt.woff2) format("woff2");font-weight:200;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-Lt.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-LtIt.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-Rg.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-It.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-Bk.woff2) format("woff2");font-weight:450;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-BkIt.woff2) format("woff2");font-weight:450;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-Md.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-MdIt.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-Smbd.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-SmbdIt.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-Bd.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-BdIt.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-Xbd.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Kurrent RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitKurrent-XbdIt.woff2) format("woff2");font-weight:800;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-Xlt.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-XltIt.woff2) format("woff2");font-weight:200;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-Lt.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-LtIt.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-Rg.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-It.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-Bk.woff2) format("woff2");font-weight:450;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-BkIt.woff2) format("woff2");font-weight:450;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-Md.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-MdIt.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-Smbd.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-SmbdIt.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-Bd.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-BdIt.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-Xbd.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;font-feature-settings:"ss11" 1}@font-face{font-family:ES Klarheit Grotesk RD;src:url(https://hap-cdn.holisticon.de/fonts/ESKlarheitGrotesk-XbdIt.woff2) format("woff2");font-weight:800;font-style:italic;font-display:swap;font-feature-settings:"ss11" 1}:root{--hap-color-feedback-dark: var(--hap-color-feedback-default-dark);--hap-color-feedback-light: var(--hap-color-feedback-default-light)}.hap-feedback--neutral{--hap-color-feedback-dark: var(--hap-color-feedback-neutral-dark);--hap-color-feedback-light: var(--hap-color-feedback-neutral-light)}.hap-feedback--positive{--hap-color-feedback-dark: var(--hap-color-feedback-positive-dark);--hap-color-feedback-light: var(--hap-color-feedback-positive-light)}.hap-feedback--critical{--hap-color-feedback-dark: var(--hap-color-feedback-critical-dark);--hap-color-feedback-light: var(--hap-color-feedback-critical-light)}.hap-feedback--caution{--hap-color-feedback-dark: var(--hap-color-feedback-caution-dark);--hap-color-feedback-light: var(--hap-color-feedback-caution-light)}.hap-feedback--new{--hap-color-feedback-dark: var(--hap-color-feedback-new-dark);--hap-color-feedback-light: var(--hap-color-feedback-new-light)}.hap-alert{font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-standard);font-weight:var(--hap-typography-font-weight-regular);letter-spacing:var(--hap-typography-letter-spacing-lg);line-height:var(--hap-typography-line-height-bodytext-standard-multiline);box-sizing:border-box;border:none;border-radius:var(--hap-radius-rounded);padding:var(--hap-spacing-md) var(--hap-spacing-md);display:flex;flex-direction:row;align-items:flex-start;gap:var(--hap-spacing-md);width:100%;color:var(--hap-color-feedback-dark);background-color:var(--hap-color-feedback-light)}.hap-alert-content{display:flex;flex-grow:1;flex-wrap:wrap;gap:var(--hap-spacing-sm)}.hap-badge{display:inline-flex;gap:var(--hap-spacing-xs);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-medium);letter-spacing:var(--hap-typography-letter-spacing-lg);line-height:var(--hap-typography-line-height-bodytext-s-singleline);border:none;border-radius:var(--hap-radius-minimal);padding:var(--hap-spacing-xs) var(--hap-spacing-sm);width:max-content;color:var(--hap-color-feedback-dark);background-color:var(--hap-color-feedback-light)}.hap-badge.hap-badge--strong{color:var(--hap-color-feedback-light);background-color:var(--hap-color-feedback-dark)}.hap-breadcrumb{font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-regular);letter-spacing:var(--hap-typography-letter-spacing-lg);line-height:var(--hap-typography-line-height-bodytext-s-singleline);gap:var(--hap-spacing-xs);align-items:center;color:light-dark(var(--hap-color-text-tertiary-on-light),var(--hap-color-text-tertiary-on-dark))}.hap-breadcrumb .hap-breadcrumb-list{display:flex;gap:var(--hap-spacing-xs);padding:0;margin:0}.hap-breadcrumb .hap-breadcrumb-list .hap-breadcrumb-item{list-style-type:none;justify-content:center;margin:auto}.hap-breadcrumb .hap-breadcrumb-list .hap-breadcrumb-item .hap-icon{position:relative;top:.1rem}.hap-breadcrumb .hap-breadcrumb-list .hap-breadcrumb-item .hap-breadcrumb-link{cursor:pointer}.hap-breadcrumb .hap-breadcrumb-list .hap-breadcrumb-item a:hover{color:light-dark(var(--hap-color-text-secondary-on-light),var(--hap-color-text-secondary-on-dark))}.hap-breadcrumb .hap-breadcrumb-list .hap-breadcrumb-item .hap-breadcrumb-link--current{font-weight:var(--hap-typography-font-weight-medium);color:light-dark(var(--hap-color-text-primary-on-light),var(--hap-color-text-primary-on-dark))}.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm{font-family:var(--hap-typography-font-family-body);font-size:var(--hap-button-font-size);font-weight:var(--hap-typography-font-weight-medium);letter-spacing:var(--hap-typography-letter-spacing-lg);line-height:var(--hap-button-line-height);border:none;border-radius:var(--hap-radius-full);padding:var(--hap-button-padding);cursor:pointer;width:max-content;display:flex;gap:var(--hap-button-gap);align-items:center}:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm) svg{height:var(--hap-button-icon-size);width:var(--hap-button-icon-size)}:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm):disabled{opacity:var(--hap-opacity-disabled);cursor:not-allowed}:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm):focus-visible{outline:none}:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--primary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button:is([aria-pressed=true],[aria-checked=true]),:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sm:is([aria-pressed=true],[aria-checked=true]){color:light-dark(var(--hap-color-text-brand-on-dark),var(--hap-color-text-brand-on-light));background-color:light-dark(var(--hap-color-fill-brand-on-light-default),var(--hap-color-fill-brand-on-dark-default))}:is(:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--primary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button:is([aria-pressed=true],[aria-checked=true]),:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sm:is([aria-pressed=true],[aria-checked=true])):hover{color:light-dark(var(--hap-color-text-brand-on-dark),var(--hap-color-text-brand-on-light));background-color:light-dark(var(--hap-color-fill-brand-on-light-hovered),var(--hap-color-fill-brand-on-dark-hovered))}:is(:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--primary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button:is([aria-pressed=true],[aria-checked=true]),:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sm:is([aria-pressed=true],[aria-checked=true])):focus-visible{color:light-dark(var(--hap-color-text-brand-on-dark),var(--hap-color-text-brand-on-light));background-color:light-dark(var(--hap-color-fill-brand-on-light-default),var(--hap-color-fill-brand-on-dark-default));box-shadow:inset 0 0 0 var(--hap-border-width-md) light-dark(var(--hap-color-border-focused-default),var(--hap-color-border-focused-default))}:is(:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--primary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button:is([aria-pressed=true],[aria-checked=true]),:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sm:is([aria-pressed=true],[aria-checked=true])):active{color:light-dark(var(--hap-color-text-brand-on-dark),var(--hap-color-text-brand-on-light));background-color:light-dark(var(--hap-color-fill-brand-on-light-pressed),var(--hap-color-fill-brand-on-dark-pressed))}:is(:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--primary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button:is([aria-pressed=true],[aria-checked=true]),:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sm:is([aria-pressed=true],[aria-checked=true])):disabled{color:light-dark(var(--hap-color-text-brand-on-dark),var(--hap-color-text-brand-on-light));background-color:light-dark(var(--hap-color-fill-brand-on-light-default),var(--hap-color-fill-brand-on-dark-default))}:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--secondary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button:is([aria-pressed=false],[aria-checked=false]),:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sm:is([aria-pressed=false],[aria-checked=false]){color:light-dark(var(--hap-color-text-brand-on-light),var(--hap-color-text-brand-on-dark-only));background-color:light-dark(transparent,var(--hap-color-fill-interaction-on-dark-default));box-shadow:inset 0 0 0 var(--hap-border-width-sm) light-dark(var(--hap-color-border-brand-on-light-default),var(--hap-color-border-brand-on-dark-default))}:is(:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--secondary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button:is([aria-pressed=false],[aria-checked=false]),:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sm:is([aria-pressed=false],[aria-checked=false])):hover{color:light-dark(var(--hap-color-text-brand-on-light),var(--hap-color-text-brand-on-dark-only));background-color:light-dark(var(--hap-color-fill-interaction-on-light-hovered),var(--hap-color-fill-interaction-on-dark-hovered));box-shadow:inset 0 0 0 var(--hap-border-width-sm) light-dark(var(--hap-color-border-brand-on-light-default),var(--hap-color-border-brand-on-dark-default))}:is(:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--secondary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button:is([aria-pressed=false],[aria-checked=false]),:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sm:is([aria-pressed=false],[aria-checked=false])):focus-visible{color:light-dark(var(--hap-color-text-brand-on-light),var(--hap-color-text-brand-on-dark));background-color:light-dark(var(--hap-color-fill-interaction-on-light-default),var(--hap-color-fill-interaction-on-dark-default));box-shadow:inset 0 0 0 var(--hap-border-width-md) light-dark(var(--hap-color-border-focused-default),var(--hap-color-border-focused-default))}:is(:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--secondary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button:is([aria-pressed=false],[aria-checked=false]),:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sm:is([aria-pressed=false],[aria-checked=false])):active{color:light-dark(var(--hap-color-text-brand-on-light),var(--hap-color-text-brand-on-dark-only));background-color:light-dark(var(--hap-color-fill-interaction-on-light-pressed),var(--hap-color-fill-interaction-on-dark-pressed));box-shadow:inset 0 0 0 var(--hap-border-width-sm) light-dark(var(--hap-color-border-brand-on-light-default),var(--hap-color-border-brand-on-dark-default))}:is(:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--secondary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button:is([aria-pressed=false],[aria-checked=false]),:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sm:is([aria-pressed=false],[aria-checked=false])):disabled{color:light-dark(var(--hap-color-text-brand-on-light),var(--hap-color-text-brand-on-dark-only));background-color:light-dark(var(--hap-color-fill-interaction-on-light-default),var(--hap-color-fill-interaction-on-dark-default));box-shadow:inset 0 0 0 var(--hap-border-width-sm) light-dark(var(--hap-color-border-brand-on-light-default),var(--hap-color-border-brand-on-dark-default))}:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--tertiary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sublte:is([aria-pressed=false],[aria-checked=false]){color:light-dark(var(--hap-color-text-brand-on-light),var(--hap-color-text-brand-on-dark-only));background-color:light-dark(transparent,var(--hap-color-fill-interaction-on-dark-default))}:is(:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--tertiary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sublte:is([aria-pressed=false],[aria-checked=false])):hover{color:light-dark(var(--hap-color-text-brand-on-light),var(--hap-color-text-brand-on-dark-only));background-color:light-dark(var(--hap-color-fill-interaction-on-light-hovered),var(--hap-color-fill-interaction-on-dark-hovered))}:is(:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--tertiary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sublte:is([aria-pressed=false],[aria-checked=false])):focus-visible{color:light-dark(var(--hap-color-text-brand-on-light),var(--hap-color-text-brand-on-dark));background-color:light-dark(var(--hap-color-fill-interaction-on-light-default),var(--hap-color-fill-interaction-on-dark-default));box-shadow:inset 0 0 0 var(--hap-border-width-md) light-dark(var(--hap-color-border-focused-default),var(--hap-color-border-focused-default))}:is(:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--tertiary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sublte:is([aria-pressed=false],[aria-checked=false])):active{color:light-dark(var(--hap-color-text-brand-on-light),var(--hap-color-text-brand-on-dark-only));background-color:light-dark(var(--hap-color-fill-interaction-on-light-pressed),var(--hap-color-fill-interaction-on-dark-pressed))}:is(:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--tertiary,:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-toggle-button--sublte:is([aria-pressed=false],[aria-checked=false])):disabled{color:light-dark(var(--hap-color-text-brand-on-light),var(--hap-color-text-brand-on-dark-only));background-color:light-dark(var(--hap-color-fill-interaction-on-light-default),var(--hap-color-fill-interaction-on-dark-default))}:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--destructive{color:light-dark(var(--hap-color-feedback-critical-light),var(--hap-color-feedback-critical-light));background-color:light-dark(var(--hap-color-fill-destructive-on-light-default),var(--hap-color-fill-destructive-on-dark-default))}:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--destructive:hover{color:light-dark(var(--hap-color-feedback-critical-light),var(--hap-color-feedback-critical-light));background-color:light-dark(var(--hap-color-fill-destructive-on-light-hovered),var(--hap-color-fill-destructive-on-dark-hovered))}:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--destructive:focus-visible{color:light-dark(var(--hap-color-feedback-critical-light),var(--hap-color-feedback-critical-light));background-color:light-dark(var(--hap-color-fill-destructive-on-light-hovered),var(--hap-color-fill-destructive-on-dark-hovered));box-shadow:inset 0 0 0 var(--hap-border-width-md) light-dark(var(--hap-color-border-focused-default),var(--hap-color-border-focused-default))}:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--destructive:active{color:light-dark(var(--hap-color-feedback-critical-light),var(--hap-color-feedback-critical-light));background-color:light-dark(var(--hap-color-fill-destructive-on-light-pressed),var(--hap-color-fill-destructive-on-dark-pressed))}:is(.hap-button,.hap-toggle-button,.hap-button--sm,.hap-toggle-button--sm).hap-button--destructive:disabled{color:light-dark(var(--hap-color-feedback-critical-light),var(--hap-color-feedback-critical-light));background-color:light-dark(var(--hap-color-fill-destructive-on-light-default),var(--hap-color-fill-destructive-on-dark-default))}.hap-button,.hap-toggle-button{--hap-button-padding: var(--hap-spacing-sm) var(--hap-spacing-md);--hap-button-font-size: var(--hap-typography-font-size-bodytext-s);--hap-button-line-height: var( --hap-typography-line-height-bodytext-standard-singleline );--hap-button-gap: var(--hap-spacing-sm);--hap-button-icon-size: var( --hap-typography-line-height-bodytext-standard-singleline )}.hap-button--sm,.hap-toggle-button--sm{--hap-button-padding: var(--hap-spacing-xs) var(--hap-spacing-sm);--hap-button-font-size: var(--hap-typography-font-size-bodytext-s);--hap-button-line-height: var( --hap-typography-line-height-bodytext-s-singleline );--hap-button-gap: var(--hap-spacing-xs);--hap-button-icon-size: var( --hap-typography-line-height-bodytext-s-singleline )}.hap-checkbox{--hap-checkbox-color-text: light-dark( var(--hap-color-text-primary-on-light), var(--hap-color-text-primary-on-dark) );--hap-checkbox-color: light-dark( var(--hap-color-border-brand-on-light-default), var(--hap-color-border-brand-on-dark-default) );color:var(--hap-checkbox-color-text);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-medium);letter-spacing:var(--hap-typography-letter-spacing-lg);line-height:var(--hap-typography-line-height-bodytext-s-singleline);display:flex;flex-direction:row;align-items:center;gap:var(--hap-spacing-xs);cursor:pointer}.hap-checkbox:has(input:disabled){opacity:var(--hap-opacity-disabled);pointer-events:none}.hap-checkbox:has(input:user-invalid),.hap-checkbox.hap-feedback--invalid{--hap-checkbox-color: light-dark( var(--hap-color-feedback-critical-dark), var(--hap-color-feedback-critical-light) );--hap-checkbox-color-text: light-dark( var(--hap-color-feedback-critical-dark), var(--hap-color-feedback-critical-light) )}.hap-checkbox>input{box-sizing:border-box;appearance:none;display:grid;place-content:center;cursor:pointer;color:var(--hap-checkbox-color);border-radius:var(--hap-radius-minimal);border:var(--hap-border-width-md) solid currentColor;inline-size:calc(var(--hap-size-lg) - 2 * 3px);block-size:calc(var(--hap-size-lg) - 2 * 3px);margin:3px}.hap-checkbox>input:hover{background-color:var(--hap-color-fill-interaction-on-light-hovered)}.hap-checkbox>input:focus-visible{outline:var(--hap-border-width-md) solid var(--hap-color-border-focused-default);outline-offset:var(--hap-border-width-sm)}.hap-checkbox>input:checked,.hap-checkbox>input:indeterminate{background-color:currentColor}.hap-checkbox>input:after{display:none;content:"";inline-size:inherit;block-size:inherit;background-color:var(--hap-color-fill-input-default);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.hap-checkbox>input:checked:after{display:block;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=)}.hap-checkbox>input:indeterminate:after{display:block;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLW1pbnVzLWljb24gbHVjaWRlLW1pbnVzIj48cGF0aCBkPSJNNSAxMmgxNCIvPjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLW1pbnVzLWljb24gbHVjaWRlLW1pbnVzIj48cGF0aCBkPSJNNSAxMmgxNCIvPjwvc3ZnPg==)}.hap-divider{border:none;border-top:solid var(--hap-divider-width) var(--hap-color-fill-secondary-on-light-default);display:block;margin:0}.hap-divider.hap-divider--inset{margin-inline-start:var(--hap-spacing-md);inline-size:calc(100% - var(--hap-spacing-md))}.hap-divider.hap-divider--middle-inset{margin-inline:var(--hap-spacing-md);inline-size:calc(100% - 2 * var(--hap-spacing-md))}.hap-divider-vertical{border:none;display:inline-block;border-left:solid var(--hap-divider-width) var(--hap-color-fill-secondary-on-light-default);margin:0}.hap-divider-vertical.hap-divider--inset{margin-block-start:var(--hap-spacing-md);block-size:calc(200px - var(--hap-spacing-md))}.hap-divider-vertical.hap-divider--middle-inset{margin-block:var(--hap-spacing-md);block-size:calc(200px - 2 * var(--hap-spacing-md))}.hap-divider,.hap-divider-vertical{--hap-divider-width: 1px}:is(.hap-divider,.hap-divider-vertical).hap-divider--bold{--hap-divider-width: 2px}.hap-icon-button{padding:var(--hap-spacing-sm);border-radius:var(--hap-radius-full)}.hap-icon-button--sm{padding:var(--hap-spacing-xs);border-radius:var(--hap-radius-full)}.hap-icon-button--xs{padding:0;border-radius:var(--hap-radius-minimal)}.hap-icon-button,.hap-icon-button--sm,.hap-icon-button--xs{line-height:0;color:light-dark(var(--hap-color-icon-primary-on-light),var(--hap-color-text-brand-on-dark));background:none;border:none;cursor:pointer}:is(.hap-icon-button,.hap-icon-button--sm,.hap-icon-button--xs):hover:not(:disabled){background:light-dark(var(--hap-color-fill-interaction-on-light-hovered),var(--hap-color-fill-interaction-on-dark-hovered))}:is(.hap-icon-button,.hap-icon-button--sm,.hap-icon-button--xs):focus-visible{outline:1px solid var(--hap-color-border-focused-default)}:is(.hap-icon-button,.hap-icon-button--sm,.hap-icon-button--xs):active:not(:disabled){background:light-dark(var(--hap-color-fill-interaction-on-light-pressed),var(--hap-color-fill-interaction-on-dark-pressed))}:is(.hap-icon-button,.hap-icon-button--sm,.hap-icon-button--xs).hap-icon-button--selected{background:light-dark(var(--hap-color-fill-interaction-on-light-selected),var(--hap-color-fill-interaction-on-dark-selected))}:is(.hap-icon-button,.hap-icon-button--sm,.hap-icon-button--xs):disabled{color:light-dark(var(--hap-color-icon-primary-on-light),var(--hap-color-text-brand-on-dark));opacity:var(--hap-opacity-disabled)}.hap-icon{--hap-icon-size: var(--hap-primitives-line-height-md);--hap-icon-stroke-width: 1.5}.hap-icon--sm{--hap-icon-size: var(--hap-primitives-line-height-xs);--hap-icon-stroke-width: 1}.hap-icon,.hap-icon--sm{fill:none;stroke:currentColor;stroke-width:var(--hap-icon-stroke-width);height:var(--hap-icon-size);width:var(--hap-icon-size);stroke-linecap:round;stroke-linejoin:round}:is(.hap-icon,.hap-icon--sm) svg,:is(.hap-icon,.hap-icon--sm) use,:is(.hap-icon,.hap-icon--sm) path,:is(.hap-icon,.hap-icon--sm) circle,:is(.hap-icon,.hap-icon--sm) rect,:is(.hap-icon,.hap-icon--sm) ellipse,:is(.hap-icon,.hap-icon--sm) line,:is(.hap-icon,.hap-icon--sm) polygon,:is(.hap-icon,.hap-icon--sm) polyline{vector-effect:non-scaling-stroke}.hap-indicator{font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-2-xs);font-weight:var(--hap-typography-font-weight-medium);letter-spacing:var(--hap-typography-letter-spacing-xl);line-height:var(--hap-typography-line-height-bodytext-s-singleline);color:var(--hap-color-feedback-positive-dark);background-color:var(--hap-color-feedback-new-light);border:none;width:max-content;border-radius:var(--hap-radius-rounded);padding:var(--hap-spacing-none) var(--hap-spacing-xs)}.hap-indicator:empty{padding:var(--hap-spacing-xs)}.hap-menu{display:flex;flex-direction:column;border-radius:var(--hap-radius-minimal);overflow:hidden;background:var(--hap-color-surface-primary-default);box-shadow:var(--hap-shadow-first-level-x, 0px) var(--hap-shadow-first-level-y, 2px) var(--hap-shadow-first-level-blur, 4px) 0 var(--hap-shadow-first-level-color)}button.hap-menu-item{text-align:left;border:none}.hap-menu-item{--hap-menu-item-border-width: var(--hap-border-width-md);--hap-menu-item-border-color: transparent;display:flex;flex-direction:row;gap:var(--hap-spacing-sm);text-decoration:none;background:var(--hap-color-fill-interaction-on-light-default);padding-block:var(--hap-spacing-sm);padding-inline:var(--hap-spacing-md);color:var(--hap-color-text-secondary-on-light);box-shadow:inset 0 0 0 var(--hap-menu-item-border-width) var(--hap-menu-item-border-color)}.hap-menu-item>span{flex:1;font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-regular);line-height:var(--hap-typography-line-height-bodytext-standard-singleline);letter-spacing:var(--hap-typography-letter-spacing-lg)}.hap-menu-item:hover,.hap-menu-item:focus-visible{border:none;outline:none}.hap-menu-item:hover{background:var(--hap-color-fill-interaction-on-light-hovered)}.hap-menu-item:focus-visible{--hap-menu-item-border-color: var(--hap-color-border-focused-default)}.hap-menu-item:active{background:var(--hap-color-fill-interaction-on-light-pressed)}.hap-menu-item.hap-menu-item--selected{background:var(--hap-color-fill-interaction-on-light-selected)}.hap-modal{border:none;padding:var(--hap-spacing-md);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:var(--hap-spacing-md);border-radius:var(--hap-radius-rounded);background:var(--hap-color-surface-primary-default,);box-shadow:var(--hap-shadow-second-level-x) var(--hap-shadow-second-level-y) var(--hap-shadow-second-level-blur) 0 #00000026}.hap-modal[open]{display:flex}.hap-modal .hap-modal-title{color:var(--hap-color-text-primary-onLight);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-headline-md);font-style:normal;font-weight:var(-hap-typography-font-weight-medium);line-height:var(--hap-typography-line-height-bodytext-standard-singleline);letter-spacing:var(--hap-typography-letter-spacing-lg);margin:0}.hap-modal .hap-modal-content{color:var(--hap-color-text-primary-on-light);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-Standard);font-weight:var(-hap-typography-font-weight-regular);line-height:var(--hap-typography-line-height-bodytext-standard-multiline);letter-spacing:var(--hap-typography-letter-spacing-lg);margin:0}.hap-modal .hap-modal-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;gap:var(--hap-spacing-md);align-self:stretch}.hap-navigation-drawer{display:flex;flex-direction:column;min-width:360px;width:fit-content;align-items:stretch;gap:0;padding:var(--hap-spacing-md);background:var(--hap-color-surface-primary-default);border:none}.hap-navigation-drawer menu{display:contents;list-style:none}.hap-navigation-drawer-title{margin:0;padding:var(--hap-spacing-md);padding-block-end:var(--hap-spacing-sm);color:var(--hap-color-text-secondary-on-light);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:500;line-height:var(--hap-typography-line-height-bodytext-s-singleline);letter-spacing:var(--hap-typography-letter-spacing-md)}.hap-navigation-drawer-item{display:flex;justify-content:center;align-items:center;padding:var(--hap-spacing-md);padding-inline-end:var(--hap-spacing-md-lg);gap:var(--hap-spacing-sm);text-decoration:none;color:var(--hap-color-text-secondary-on-light);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:400;line-height:var(--hap-typography-line-height-bodytext-standard-singleline);letter-spacing:var(--hap-typography-letter-spacing-md);border-radius:var(--hap-radius-full)}.hap-navigation-drawer-item>span{flex:1}.hap-navigation-drawer-item:hover{background:var(--hap-color-fill-interaction-on-light-hovered)}.hap-navigation-drawer-item:focus-visible{outline:var(--hap-border-width-md) solid var(--hap-color-border-focused-default);outline-offset:calc(-1 * var(--hap-border-width-md))}.hap-navigation-drawer-item:active{background:var(--hap-color-fill-interaction-on-light-pressed)}.hap-navigation-rail{display:flex;flex-direction:column;padding:var(--hap-spacing-md-lg) 0;align-items:center;gap:var(--hap-spacing-lg);background:var(--hap-color-surface-primary-default)}.hap-navigation-rail-items{display:flex;flex-direction:column;gap:var(--hap-spacing-sm)}.hap-navigation-rail-item{font-family:var(--hap-typography-font-family-body);width:80px;display:flex;flex-direction:column;align-items:center;padding:var(--hap-spacing-xs);align-self:flex-start;gap:var(--hap-spacing-xs);cursor:pointer;text-decoration:none}.hap-navigation-rail-item .hap-navigation-rail-item-icon{color:var(--hap-color-icon-secondary-on-light);position:relative}.hap-navigation-rail-item .hap-navigation-rail-item-icon .hap-indicator{position:absolute;top:-1px;right:-10px}.hap-navigation-rail-item .hap-navigation-rail-item-icon .hap-indicator:empty{top:0;right:calc((-1) * var(--hap-spacing-xs))}.hap-navigation-rail-item .hap-navigation-rail-item-label{color:var(--hap-color-text-secondary-on-light);font-size:var(--hap-typography-font-size-bodytext-xs);font-weight:var(--hap-typography-font-weight-medium)}.hap-navigation-rail-item:focus-visible{outline:2px solid var(--hap-color-border-focused-default);background:none}.hap-navigation-rail-item.hap-navigation-rail-item--selected{background:var(--hap-color-fill-interaction-on-light-selected)}.hap-navigation-rail-item.hap-navigation-rail-item--selected .hap-navigation-rail-item-icon{color:var(--hap-color-icon-primary-on-light)}.hap-navigation-rail-item.hap-navigation-rail-item--selected .hap-navigation-rail-item-label{color:var(--hap-color-text-primary-on-light)}.hap-navigation-rail-item:hover{background:var(--hap-color-fill-interaction-on-light-hovered)}.hap-navigation-rail-item:hover .hap-navigation-rail-item-icon{color:var(--hap-color-icon-primary-on-light)}.hap-navigation-rail-item:hover .hap-navigation-rail-item-label{color:var(--hap-color-text-primary-on-light)}.hap-navigation-rail-item:active{background:var(--hap-color-fill-interaction-on-light-pressed)}.hap-navigation-rail-item:active .hap-navigation-rail-item-icon{color:var(--hap-color-icon-primary-on-light)}.hap-navigation-rail-item:active .hap-navigation-rail-item-label{color:var(--hap-color-text-primary-on-light)}.hap-progress-indicator{height:6px;width:100%;position:relative;border-radius:var(--hap-radius-minimal);background:var(--hap-color-fill-secondary-on-light-default);overflow:hidden}.hap-progress-indicator:before{display:block;position:relative;top:0;left:0;background:var(--hap-color-border-focused-default);height:6px;width:var(--progress);content:""}.hap-radio-group{--hap-radio-group-spacing: var(--hap-spacing-xs);--hap-radio-group-color-text: light-dark( var(--hap-color-text-secondary-on-light), var(--hap-color-text-secondary-on-dark) );--hap-radio-color-text: light-dark( var(--hap-color-text-primary-on-light), var(--hap-color-text-primary-on-dark) );--hap-radio-color-border: light-dark( var(--hap-color-border-brand-on-light-default), var(--hap-color-border-brand-on-dark-default) );appearance:none;border:none;margin:unset;padding:unset;display:flex;flex-direction:column;gap:var(--hap-radio-group-spacing)}.hap-radio-group:disabled{pointer-events:none;cursor:default;opacity:var(--hap-opacity-disabled)}.hap-radio-group.hap-feedback--invalid{--hap-radio-group-color-text: light-dark( var(--hap-color-feedback-critical-dark), var(--hap-color-feedback-critical-light) );--hap-radio-color-text: light-dark( var(--hap-color-feedback-critical-dark), var(--hap-color-feedback-critical-light) );--hap-radio-color-border: var(--hap-color-feedback-critical-dark)}.hap-radio-group>legend{padding:unset;padding-block-end:var(--hap-radio-group-spacing);color:var(--hap-radio-group-color-text);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-medium);line-height:var(--hap-typography-line-height-bodytext-s-singleline);letter-spacing:var(--hap-typography-letter-spacing-lg)}.hap-radio{color:var(--hap-radio-color-text);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-medium);line-height:var(--hap-typography-line-height-bodytext-s-singleline);letter-spacing:var(--hap-typography-letter-spacing-lg);display:flex;gap:var(--hap-spacing-xs);align-items:center;cursor:pointer}.hap-radio>input{box-sizing:border-box;appearance:none;margin:unset;display:grid;place-content:center;cursor:pointer;color:var(--hap-radio-color-border);border-radius:100%;border:var(--hap-border-width-md) solid currentColor;inline-size:calc(var(--hap-size-lg) - 2 * 3px);block-size:calc(var(--hap-size-lg) - 2 * 3px);margin:3px}.hap-radio>input:hover{background-color:var(--hap-color-fill-interaction-on-light-hovered)}.hap-radio>input:focus-visible{z-index:1;outline:var(--hap-border-width-md) solid var(--hap-color-border-focused-default);outline-offset:var(--hap-border-width-sm)}.hap-radio>input:checked:before{display:block;content:"";border-radius:100%;background-color:currentColor;inline-size:var(--hap-size-2xs);block-size:var(--hap-size-2xs)}.hap-radio-group-error{display:inline-flex;gap:var(--hap-spacing-xs);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-xs);font-weight:var(--hap-typography-font-weight-regular);line-height:var(--hap-typography-line-height-bodytext-xs-multiline);letter-spacing:var(--hap-typography-letter-spacing-lg);color:var(--hap-radio-color-text)}.hap-radio-group-error>svg{height:var(--hap-typography-line-height-bodytext-s-singleline);width:var(--hap-typography-line-height-bodytext-s-singleline)}.hap-search{display:flex;flex-direction:row;align-items:center;gap:var(--hap-spacing-sm);--hap-textfield-border-width: var(--hap-border-width-sm);--hap-textfield-border-color: transparent;appearance:none;outline:none;box-sizing:border-box;transition:all .15s linear;border-radius:var(--hap-radius-full);padding-inline:var(--hap-spacing-sm);border:none;box-shadow:inset 0 0 0 var(--hap-textfield-border-width) var(--hap-textfield-border-color);background-color:light-dark(var(--hap-color-fill-secondary-on-light-default),var(--hap-color-fill-secondary-on-dark-default));color:light-dark(var(--hap-color-text-primary-on-light),var(--hap-color-text-primary-on-dark))}.hap-search:hover{background-color:light-dark(var(--hap-color-fill-secondary-on-light-hovered),var(--hap-color-fill-secondary-on-dark-hovered))}.hap-search:focus-within{--hap-textfield-border-width: var(--hap-border-width-md);--hap-textfield-border-color: var(--hap-color-border-focused-default)}.hap-search-icon{opacity:var(--hap-opacity-inactive);line-height:0}.hap-search>input{border:none;background:none;padding:0;flex:1;height:var(--hap-size-2xl);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-regular);line-height:var(--hap-typography-line-height-bodytext-standard-singleline);letter-spacing:var(--hap-typography-letter-spacing-lg)}.hap-search>input ::placeholder{color:light-dark(var(--hap-color-text-tertiary-on-light),var(--hap-color-text-tertiary-on-dark))}.hap-search>input:hover,.hap-search>input:focus-visible{border:none;outline:none}.hap-search-results{display:flex;flex-direction:column;padding-block:var(--hap-spacing-sm);border-radius:var(--hap-radius-rounded-large);overflow:hidden;background:var(--hap-color-surface-primary-default);box-shadow:var(--hap-shadow-first-level-x, 0px) var(--hap-shadow-first-level-y, 2px) var(--hap-shadow-first-level-blur, 4px) 0 var(--hap-shadow-first-level-color)}.hap-search-result-category{padding-block:var(--hap-spacing-sm);padding-inline:var(--hap-spacing-md);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-xs);font-weight:var(--hap-typography-font-weight-regular);line-height:var(--hap-typography-line-height-bodytext-xs-singleline);letter-spacing:var(--hap-typography-letter-spacing-xl);color:var(--hap-color-text-secondary-on-light)}.hap-search-result-entry{--hap-search-result-entry-border-width: var(--hap-border-width-md);--hap-search-result-entry-border-color: transparent;text-decoration:none;background:var(--hap-color-fill-interaction-on-light-default);padding-block:var(--hap-spacing-sm);padding-inline:var(--hap-spacing-md);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-regular);line-height:var(--hap-typography-line-height-bodytext-standard-singleline);letter-spacing:var(--hap-typography-letter-spacing-lg);color:var(--hap-color-text-secondary-on-light);box-shadow:inset 0 0 0 var(--hap-search-result-entry-border-width) var(--hap-search-result-entry-border-color)}.hap-search-result-entry:hover,.hap-search-result-entry:focus-visible{border:none;outline:none}.hap-search-result-entry:hover{background:var(--hap-color-fill-interaction-on-light-hovered)}.hap-search-result-entry:focus-visible{--hap-search-result-entry-border-color: var( --hap-color-border-focused-default )}.hap-search-result-entry:active{background:var(--hap-color-fill-interaction-on-light-pressed)}.hap-snackbar,.hap-snackbar-multiline{border-radius:var(--hap-radius-rounded);background:var(--hap-color-surface-inverted-default);padding:var(--hap-spacing-md);box-shadow:var(--hap-shadow-second-level-color) var(--hap-shadow-second-level-x) var(--hap-shadow-second-level-y) var(--hap-shadow-second-level-blur)}.hap-snackbar-content{width:100%;display:flex;gap:var(--hap-spacing-md);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);line-height:var(--hap-typography-line-height-bodytextstandard-singleline);color:var(--hap-color-text-primary-on-dark)}.hap-snackbar .hap-snackbar-content{flex-direction:row;justify-content:space-between;align-items:baseline}.hap-snackbar-multiline .hap-snackbar-content{flex-direction:column}.hap-snackbar-actions{display:flex;gap:var(--hap-spacing-md);align-items:center;color-scheme:dark}.hap-snackbar .hap-snackbar-actions{justify-self:flex-end}.hap-snackbar-multiline .hap-snackbar-actions{align-self:flex-end}.hap-snackbar-actions .hap-icon-button--sm{color:var(--hap-color-icon-primary-on-dark)}.hap-snackbar-button{border-radius:var(--hap-radius-full);padding:var(--hap-spacing-xs) var(--hap-spacing-sm);color:var(--hap-color-text-brand-on-dark);background:none;border:none;font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s)}.hap-snackbar-button:hover{background:var(--hap-color-fill-interaction-on-dark-hovered)}.hap-snackbar-button:focus-visible{outline:2px solid var(--hap-color-icon-brand-on-dark)}.hap-snackbar-button:active{background:var(--hap-color-fill-interaction-on-dark-pressed)}.hap-switch,.hap-switch--sm{appearance:none;margin:0;box-sizing:border-box;display:inline-grid;grid-template-areas:". dot .";grid-template-columns:0fr auto 1fr;inline-size:var(--hap-size-xl);padding:var(--hap-border-width-md);border-radius:var(--hap-radius-full);background-color:var(--hap-color-fill-state-off);transition:.15s ease-out;transition-property:opacity,background-color,grid-template-columns;cursor:pointer}:is(.hap-switch,.hap-switch--sm):checked{grid-template-columns:1fr auto 0fr;background-color:var(--hap-color-fill-state-on,)}:is(.hap-switch,.hap-switch--sm):before{display:block;grid-area:dot;content:"";inline-size:var(--hap-size-sm);block-size:var(--hap-size-sm);border-radius:var(--hap-radius-full);background-color:var(--hap-color-fill-inverted-default)}:is(.hap-switch,.hap-switch--sm):disabled{opacity:var(--hap-opacity-disabled);pointer-events:none}:is(.hap-switch,.hap-switch--sm):hover:before{opacity:var(--hap-opacity-inactive)}:is(.hap-switch,.hap-switch--sm):active{box-shadow:var(--hap-shadow-first-level-y) var(--hap-shadow-first-level-y) var(--hap-shadow-first-level-blur) 0 var(--hap-shadow-first-level-color)}:is(.hap-switch,.hap-switch--sm):focus-visible{outline:var(--hap-border-width-md) solid var(--hap-color-border-focused-default);outline-offset:calc(-1 * var(--hap-border-width-md))}.hap-switch--sm{inline-size:var(--hap-size-lg)}.hap-switch--sm:before{inline-size:var(--hap-size-xs);block-size:var(--hap-size-xs)}.hap-tabs{position:relative;box-sizing:border-box;display:flex;justify-content:center;gap:var(--hap-spacing-sm)}.hap-tabs:after{display:block;content:"";block-size:var(--hap-border-width-sm);background-color:var(--hap-color-fill-secondary-on-light-default);position:absolute;left:0;right:0;bottom:0}.hap-tab{box-sizing:border-box;display:inline-flex;gap:var(--hap-spacing-sm);background-color:transparent;color:var(--hap-color-text-secondary-on-light);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-regular);letter-spacing:var(--hap-typography-letter-spacing-lg);line-height:var(--hap-typography-line-height-bodytext-s-singleline);border-start-start-radius:var(--hap-radius-rounded);border-start-end-radius:var(--hap-radius-rounded);padding-inline:var(--hap-spacing-md);padding-block:var(--hap-spacing-sm);border-bottom:var(--hap-border-width-sm) solid transparent;cursor:pointer;outline:none;transition:all .15s linear}.hap-tab:hover{background-color:var(--hap-color-fill-interaction-on-light-pressed)}.hap-tab:focus-visible{border-color:var(--hap-color-border-focused-default)}.hap-tab .hap-icon{color:var(--hap-color-icon-secondary-on-light)}.hap-tab:where(.hap-tab--selected){background-color:var(--hap-color-fill-interaction-on-light-selected);color:var(--hap-color-text-primary-on-light);font-weight:var(--hap-typography-font-weight-medium);border-color:var(--hap-color-border-brand-on-light-default)}.hap-tab:where(.hap-tab--selected) .hap-icon{color:var(--hap-color-icon-primary-on-light)}.hap-tag{--hap-tag-border-color: var(--hap-color-border-secondary-on-light-default);--hap-tag-border-width: var(--hap-border-width-sm);box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--hap-spacing-sm);padding-inline:var(--hap-spacing-sm);padding-block:var(--hap-spacing-xs);border-radius:var(--hap-radius-minimal);box-shadow:inset 0 0 0 var(--hap-tag-border-width) var(--hap-tag-border-color);background-color:transparent;color:var(--hap-color-text-secondary-on-light);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-regular);letter-spacing:var(--hap-typography-letter-spacing-lg);line-height:var(--hap-typography-line-height-bodytext-s-singleline)}.hap-tag>svg{color:var(--hap-color-icon-tertiary-on-light)}.hap-tag:has(>svg){padding-inline-start:var(--hap-spacing-xs)}.hap-tag:has(>button){padding-inline-end:var(--hap-spacing-xs)}.hap-textarea{display:flex;flex-direction:column;gap:var(--hap-spacing-xs)}.hap-textarea-label,.hap-textarea>label{display:flex;gap:var(--hap-spacing-xs);color:light-dark(var(--hap-color-text-secondary-on-light),var(--hap-color-text-secondary-on-dark));font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-medium);line-height:var(--hap-typography-line-height-bodytext-s-singleline);letter-spacing:var(--hap-typography-letter-spacing-lg)}:is(.hap-textarea-label,.hap-textarea>label)>svg{height:var(--hap-typography-line-height-bodytext-s-singleline);width:var(--hap-typography-line-height-bodytext-s-singleline)}.hap-textarea-input,.hap-textarea>textarea{--hap-textarea-border-width: var(--hap-border-width-sm);--hap-textarea-border-color: var( --hap-color-border-secondary-on-light-default );appearance:none;outline:none;box-sizing:content-box;resize:vertical;min-block-size:var( --hap-typography-line-height-bodytext-standard-singleline );transition:.15s linear;transition-property:background-color,box-shadow;padding:var(--hap-spacing-sm);border:none;border-radius:var(--hap-radius-minimal);box-shadow:inset 0 0 0 var(--hap-textarea-border-width) var(--hap-textarea-border-color);background-color:var(--hap-color-fill-input-default);color:var(--hap-color-text-primary-on-light);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-regular);line-height:var(--hap-typography-line-height-bodytext-standard-singleline);letter-spacing:var(--hap-typography-letter-spacing-lg)}:is(.hap-textarea-input,.hap-textarea>textarea):hover{background-color:var(--hap-color-fill-input-hovered)}:is(.hap-textarea-input,.hap-textarea>textarea):read-only{--hap-textarea-border-color: var( --hap-color-border-secondary-on-light-default );background-color:var(--hap-color-fill-input-hovered)}:is(.hap-textarea-input,.hap-textarea>textarea):focus-visible{--hap-textarea-border-width: var(--hap-border-width-md);--hap-textarea-border-color: var(--hap-color-border-focused-default)}.hap-textarea-input:disabled,.hap-textarea:has(textarea:disabled){pointer-events:none;opacity:var(--hap-opacity-disabled)}.hap-textarea-description,.hap-textarea>span{color:light-dark(var(--hap-color-text-secondary-on-light),var(--hap-color-text-secondary-on-dark));font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-xs);font-weight:var(--hap-typography-font-weight-regular);line-height:var(--hap-typography-line-height-bodytext-xs-multiline);letter-spacing:var(--hap-typography-letter-spacing-lg)}.hap-feedback--invalid:not(textarea),.hap-textarea.hap-feedback--invalid>label,.hap-textarea.hap-feedback--invalid>span{color:light-dark(var(--hap-color-feedback-critical-dark),var(--hap-color-feedback-critical-light))}textarea.hap-feedback--invalid,.hap-textarea.hap-feedback--invalid>textarea{--hap-textarea-border-color: var(--hap-color-feedback-critical-dark)}.hap-textfield{display:flex;flex-direction:column;gap:var(--hap-spacing-xs)}.hap-textfield-label,.hap-textfield>label{display:flex;gap:var(--hap-spacing-xs);color:light-dark(var(--hap-color-text-secondary-on-light),var(--hap-color-text-secondary-on-dark));font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-medium);line-height:var(--hap-typography-line-height-bodytext-s-singleline);letter-spacing:var(--hap-typography-letter-spacing-lg)}:is(.hap-textfield-label,.hap-textfield>label)>svg{height:var(--hap-typography-line-height-bodytext-s-singleline);width:var(--hap-typography-line-height-bodytext-s-singleline)}.hap-textfield-input,.hap-textfield>input{--hap-textfield-border-width: var(--hap-border-width-sm);--hap-textfield-border-color: var( --hap-color-border-secondary-on-light-default );display:flex;flex-direction:row;appearance:none;outline:none;box-sizing:border-box;transition:all .15s linear;padding:var(--hap-spacing-sm);border:none;border-radius:var(--hap-radius-minimal);box-shadow:inset 0 0 0 var(--hap-textfield-border-width) var(--hap-textfield-border-color);background-color:var(--hap-color-fill-input-default)}:is(.hap-textfield-input,.hap-textfield>input),:is(.hap-textfield-input,.hap-textfield>input):not(input)>input{color:var(--hap-color-text-primary-on-light);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-regular);line-height:var(--hap-typography-line-height-bodytext-standard-singleline);letter-spacing:var(--hap-typography-letter-spacing-lg)}:is(.hap-textfield-input,.hap-textfield>input):hover{background-color:var(--hap-color-fill-input-hovered)}:is(.hap-textfield-input,.hap-textfield>input):not(input):has(input:read-only){--hap-textfield-border-color: var( --hap-color-border-secondary-on-light-default );background-color:var(--hap-color-fill-input-hovered)}:is(.hap-textfield-input,.hap-textfield>input):focus-visible,:is(.hap-textfield-input,.hap-textfield>input):focus-within{--hap-textfield-border-width: var(--hap-border-width-md);--hap-textfield-border-color: var(--hap-color-border-focused-default)}.hap-textfield-input>input{border:none;background:none;width:100%}.hap-textfield-input>input:focus-visible{outline:none}.hap-textfield-input-tags{flex:1}.hap-textfield-input:disabled,.hap-textfield:has(input:disabled){pointer-events:none;opacity:var(--hap-opacity-disabled)}.hap-textfield-input--brand,.hap-textfield--brand>input,.hap-textfield--brand>.hap-textfield-input{border-radius:var(--hap-radius-full);padding-inline:var(--hap-spacing-md-lg);padding-block:var(--hap-spacing-md)}.hap-textfield-description,.hap-textfield>span{color:light-dark(var(--hap-color-text-secondary-on-light),var(--hap-color-text-secondary-on-dark));font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-xs);font-weight:var(--hap-typography-font-weight-regular);line-height:var(--hap-typography-line-height-bodytext-xs-multiline);letter-spacing:var(--hap-typography-letter-spacing-lg)}.hap-feedback--invalid:not(input),.hap-textfield.hap-feedback--invalid>label,.hap-textfield.hap-feedback--invalid>span{color:light-dark(var(--hap-color-feedback-critical-dark),var(--hap-color-feedback-critical-light))}input.hap-feedback--invalid,.hap-textfield.hap-feedback--invalid>input,.hap-textfield-input.hap-feedback--invalid,.hap-textfield.hap-feedback--invalid>.hap-textfield-input{--hap-textfield-border-color: var(--hap-color-feedback-critical-dark)}.hap-textlink,.hap-textlink--sm,.hap-textlink--xs{font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-standard);font-weight:var(--hap-typography-font-weight-regular);letter-spacing:var(--hap-typography-letter-spacing-lg);line-height:var(--hap-typography-line-height-bodytext-standard-singleline);color:var(--hap-color-link-default);text-decoration:underline;display:inline-flex;align-items:center;gap:var(--hap-spacing-xs)}:is(.hap-textlink,.hap-textlink--sm,.hap-textlink--xs):hover{color:var(--hap-color-link-hovered)}:is(.hap-textlink,.hap-textlink--sm,.hap-textlink--xs):active{color:var(--hap-color-link-pressed)}.hap-textlink--sm{font-size:var(--hap-typography-font-size-bodytext-s);line-height:var(--hap-typography-line-height-bodytext-s-singleline)}.hap-textlink--xs{font-size:var(--hap-typography-font-size-bodytext-xs);line-height:var(--hap-typography-line-height-bodytext-xs-singleline);letter-spacing:var(--hap-typography-letter-spacing-xl)}.hap-toggle-button-group{display:flex}.hap-toggle-button-group>.hap-toggle-button:not(:first-of-type),.hap-toggle-button-group>.hap-toggle-button--sm:not(:first-of-type){margin-inline-start:calc(var(--hap-border-width-sm) * -1)}.hap-toggle-button-group>.hap-toggle-button:not(:first-of-type):not(:last-of-type),.hap-toggle-button-group>.hap-toggle-button--sm:not(:first-of-type):not(:last-of-type){border-radius:unset}.hap-toggle-button-group>.hap-toggle-button:first-of-type,.hap-toggle-button-group>.hap-toggle-button--sm:first-of-type{border-start-end-radius:unset;border-end-end-radius:unset}.hap-toggle-button-group>.hap-toggle-button:last-of-type,.hap-toggle-button-group>.hap-toggle-button--sm:last-of-type{border-start-start-radius:unset;border-end-start-radius:unset}.hap-tooltip{display:inline-block;box-sizing:border-box;max-inline-size:32ch;padding:var(--hap-spacing-sm);border-radius:var(--hap-radius-rounded);background:var(--hap-color-surface-inverted-default);box-shadow:var(--hap-shadow-first-level-x) var(--hap-shadow-first-level-y) var(--hap-shadow-first-level-blur) 0 var(--hap-shadow-first-level-color);color:var(--hap-color-text-primary-on-dark);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-xs);font-weight:var(--hap-typography-font-weight-regular);letter-spacing:var(--hap-typography-letter-spacing-lg);line-height:var(--hap-typography-line-height-bodytext-xs-singleline)}.hap-topbar{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:var(--hap-spacing-md);border-block-end:var(--hap-border-width-sm) solid var(--hap-color-divider-on-light);background-color:var(--hap-color-surface-brand-default);box-shadow:var(--hap-shadow-first-level-x) var(--hap-shadow-first-level-y) var(--hap-shadow-first-level-blur) 0 var(--hap-shadow-first-level-color)}.hap-topbar-nav{display:inline-flex;gap:var(--hap-spacing-md)}ul.hap-topbar-nav,ol.hap-topbar-nav{list-style:none;padding:0;margin:0}:is(ul.hap-topbar-nav,ol.hap-topbar-nav) li{display:flex;padding:0;margin:0}.hap-topbar-nav-item{font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-standard);font-weight:var(--hap-typography-font-weight-regular);letter-spacing:var(--hap-typography-letter-spacing-md);line-height:var(--hap-typography-line-height-bodytext-standard-singleline);text-decoration:none;color:var(--hap-color-text-brand-on-light);padding-inline:var(--hap-spacing-xs);border-radius:var(--hap-radius-minimal)}.hap-topbar-nav-item:after{display:block;content:"";block-size:var(--hap-border-width-md);border-radius:var(--hap-border-width-md);background-color:transparent;transition:all .15s linear}.hap-topbar-nav-item:hover:after{background-color:var(--hap-color-text-brand-on-light)}.hap-topbar-nav-item:active:after{background-color:transparent}.hap-topbar-nav-item:focus-visible{outline:var(--hap-border-width-md) solid var(--hap-color-border-focused-default)}.hap-topbar-nav-item:where(:not(.hap-topbar-nav-item--current,:hover,:active,:focus-visible)){opacity:var(--hap-opacity-inactive)}.hap-topbar-nav-item--current:after{background-color:var(--hap-color-text-brand-on-light)}.hap-topbar-nav-item--disabled{opacity:var(--hap-opacity-disabled);pointer-events:none}.hap-headline--3xl{color:var(--hap-color-text-primary-on-light);font-family:var(--hap-typography-font-family-heading);font-size:var(--hap-typography-font-size-headline-3-xl);font-weight:var(--hap-typography-font-weight-medium);letter-spacing:var(--hap-typography-letter-spacing-xs);line-height:var(--hap-typography-line-height-headline-3-xl);margin:0}.hap-headline--2xl{color:var(--hap-color-text-primary-on-light);font-family:var(--hap-typography-font-family-heading);font-size:var(--hap-typography-font-size-headline-2-xl);font-weight:var(--hap-typography-font-weight-medium);letter-spacing:var(--hap-typography-letter-spacing-xs);line-height:var(--hap-typography-line-height-headline-2-xl);margin:0}.hap-headline--xl{color:var(--hap-color-text-primary-on-light);font-family:var(--hap-typography-font-family-heading);font-size:var(--hap-typography-font-size-headline-xl);font-weight:var(--hap-typography-font-weight-medium);letter-spacing:var(--hap-typography-letter-spacing-sm);line-height:var(--hap-typography-line-height-headline-xl);margin:0}.hap-headline--lg{color:var(--hap-color-text-primary-on-light);font-family:var(--hap-typography-font-family-heading);font-size:var(--hap-typography-font-size-headline-lg);font-weight:var(--hap-typography-font-weight-medium);letter-spacing:var(--hap-typography-letter-spacing-sm);line-height:var(--hap-typography-line-height-headline-lg);margin:0}.hap-headline--md{color:var(--hap-color-text-primary-on-light);font-family:var(--hap-typography-font-family-heading);font-size:var(--hap-typography-font-size-headline-md);font-weight:var(--hap-typography-font-weight-medium);letter-spacing:var(--hap-typography-letter-spacing-md);line-height:var(--hap-typography-line-height-headline-md);margin:0}.hap-headline--sm{color:var(--hap-color-text-primary-on-light);font-family:var(--hap-typography-font-family-heading);font-size:var(--hap-typography-font-size-headline-sm);font-weight:var(--hap-typography-font-weight-medium);letter-spacing:var(--hap-typography-letter-spacing-lg);line-height:var(--hap-typography-line-height-headline-sm);margin:0}.hap-text{color:var(--hap-color-text-primary-on-light);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-standard);font-weight:var(--hap-typography-font-weight-regular);letter-spacing:var(--hap-typography-letter-spacing-md);line-height:var(--hap-typography-line-height-bodytext-standard-singleline)}.hap-text--sm{color:var(--hap-color-text-primary-on-light);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-regular);letter-spacing:var(--hap-typography-letter-spacing-lg);line-height:var(--hap-typography-line-height-bodytext-s-singleline)}.hap-text--xs{color:var(--hap-color-text-primary-on-light);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-xs);font-weight:var(--hap-typography-font-weight-regular);letter-spacing:var(--hap-typography-letter-spacing-xl);line-height:var(--hap-typography-line-height-bodytext-xs-singleline)}.hap-headline--3xl,.hap-headline--2xl,.hap-headline--xl,.hap-headline--lg,.hap-headline--md,.hap-headline--sm,.hap-text,.hap-text--sm,.hap-text--xs{font-feature-settings:"ss11" 1}.hap-inline{--hap-layout-gap-inline: var(--hap-spacing-none);--hap-layout-justify: initial;--hap-layout-align: initial;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--hap-layout-gap-inline);justify-content:var(--hap-layout-justify);align-items:var(--hap-layout-align);min-inline-size:0}.hap-inline--wrap{flex-wrap:wrap}.hap-placeholder{display:grid;place-items:center;box-sizing:border-box;padding-inline:var(--hap-spacing-lg);padding-block:var(--hap-spacing-md);border-radius:var(--hap-radius-rounded);border:var(--hap-border-width-sm) solid;border-color:var(--hap-color-border-secondary-on-light-default);background-color:var(--hap-color-surface-secondary-default)}.hap-placeholder:before{display:block;content:"Placeholder";color:var(--hap-color-text-secondary-on-light);font-family:var(--hap-typography-font-family-body);font-size:var(--hap-typography-font-size-bodytext-s);font-weight:var(--hap-typography-font-weight-regular);letter-spacing:var(--hap-typography-letter-spacing-lg);line-height:var(--hap-typography-line-height-bodytext-s-singleline)}.hap-stack{--hap-layout-gap-block: var(--hap-spacing-none);--hap-layout-align: initial;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--hap-layout-gap-block);align-items:var(--hap-layout-align);min-inline-size:0;inline-size:100%}.hap-gap--none{--hap-layout-gap-inline: var(--hap-spacing-none);--hap-layout-gap-block: var(--hap-spacing-none)}.hap-gap--xs{--hap-layout-gap-inline: var(--hap-spacing-xs);--hap-layout-gap-block: var(--hap-spacing-xs)}.hap-gap--sm{--hap-layout-gap-inline: var(--hap-spacing-sm);--hap-layout-gap-block: var(--hap-spacing-sm)}.hap-gap--md{--hap-layout-gap-inline: var(--hap-spacing-md);--hap-layout-gap-block: var(--hap-spacing-md)}.hap-gap--md-lg{--hap-layout-gap-inline: var(--hap-spacing-md-lg);--hap-layout-gap-block: var(--hap-spacing-md-lg)}.hap-gap--lg{--hap-layout-gap-inline: var(--hap-spacing-lg);--hap-layout-gap-block: var(--hap-spacing-lg)}.hap-gap--xl{--hap-layout-gap-inline: var(--hap-spacing-xl);--hap-layout-gap-block: var(--hap-spacing-xl)}.hap-gap--2xl{--hap-layout-gap-inline: var(--hap-spacing-2xl);--hap-layout-gap-block: var(--hap-spacing-2xl)}.hap-align--start{--hap-layout-align: flex-start}.hap-align--center{--hap-layout-align: center}.hap-align--end{--hap-layout-align: flex-end}.hap-align--stretch{--hap-layout-align: stretch}.hap-justify--start{--hap-layout-justify: flex-start}.hap-justify--center{--hap-layout-justify: center}.hap-justify--end{--hap-layout-justify: flex-end}.hap-justify--spaced{--hap-layout-justify: space-between}:root{color-scheme:light!important}body{font-family:var(--hap-typography-font-family-body);margin:0}#root{width:100vw;height:100vh;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--hap-typography-font-family-heading)}