@charset "UTF-8";.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,mat-sidenav.hop-details-side.mat-drawer-over,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}:root html{--mat-sys-on-surface: initial}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-sys-background, transparent));color:var(--mat-app-text-color, var(--mat-sys-on-background, inherit))}:root .mat-display-large,:root .mat-typography .mat-display-large,:root .mat-typography h1{font:var(--sys-display-large);letter-spacing:var(--sys-display-large-tracking);margin:0 0 .5em}:root .mat-display-medium,:root .mat-typography .mat-display-medium,:root .mat-typography h2{font:var(--sys-display-medium);letter-spacing:var(--sys-display-medium-tracking);margin:0 0 .5em}:root .mat-display-small,:root .mat-typography .mat-display-small,:root .mat-typography h3{font:var(--sys-display-small);letter-spacing:var(--sys-display-small-tracking);margin:0 0 .5em}:root .mat-headline-large,:root .mat-typography .mat-headline-large,:root .mat-typography h4{font:var(--sys-headline-large);letter-spacing:var(--sys-headline-large-tracking);margin:0 0 .5em}:root .mat-headline-medium,:root .mat-typography .mat-headline-medium,:root .mat-typography h5{font:var(--sys-headline-medium);letter-spacing:var(--sys-headline-medium-tracking);margin:0 0 .5em}:root .mat-headline-small,:root .mat-typography .mat-headline-small,:root .mat-typography h6{font:var(--sys-headline-small);letter-spacing:var(--sys-headline-small-tracking);margin:0 0 .5em}:root .mat-title-large,:root .mat-typography .mat-title-large{font:var(--sys-title-large);letter-spacing:var(--sys-title-large-tracking)}:root .mat-title-medium,:root .mat-typography .mat-title-medium{font:var(--sys-title-medium);letter-spacing:var(--sys-title-medium-tracking)}:root .mat-title-small,:root .mat-typography .mat-title-small{font:var(--sys-title-small);letter-spacing:var(--sys-title-small-tracking)}:root .mat-body-large,:root .mat-typography .mat-body-large,:root .mat-typography{font:var(--sys-body-large);letter-spacing:var(--sys-body-large-tracking)}:root .mat-body-large p,:root .mat-typography .mat-body-large p,:root .mat-typography p{margin:0 0 .75em}:root .mat-body-medium,:root .mat-typography .mat-body-medium{font:var(--sys-body-medium);letter-spacing:var(--sys-body-medium-tracking)}:root .mat-body-small,:root .mat-typography .mat-body-small{font:var(--sys-body-small);letter-spacing:var(--sys-body-small-tracking)}:root .mat-label-large,:root .mat-typography .mat-label-large{font:var(--sys-label-large);letter-spacing:var(--sys-label-large-tracking)}:root .mat-label-medium,:root .mat-typography .mat-label-medium{font:var(--sys-label-medium);letter-spacing:var(--sys-label-medium-tracking)}:root .mat-label-small,:root .mat-typography .mat-label-small{font:var(--sys-label-small);letter-spacing:var(--sys-label-small-tracking)}:root{--sys-body-large: 400 1rem / 1.5rem Roboto;--sys-body-large-font: Roboto;--sys-body-large-line-height: 1.5rem;--sys-body-large-weight: 400;--sys-body-medium: 400 .875rem / 1.25rem Roboto;--sys-body-medium-font: Roboto;--sys-body-medium-line-height: 1.25rem;--sys-body-medium-size: .875rem;--sys-body-medium-tracking: .016rem;--sys-body-medium-weight: 400;--sys-body-small: 400 .75rem / 1rem Roboto;--sys-body-small-font: Roboto;--sys-body-small-line-height: 1rem;--sys-body-small-size: .75rem;--sys-body-small-tracking: .025rem;--sys-body-small-weight: 400;--sys-display-large: 400 3.562rem / 4rem Roboto;--sys-display-large-font: Roboto;--sys-display-large-line-height: 4rem;--sys-display-large-size: 3.562rem;--sys-display-large-weight: 400;--sys-display-medium: 400 2.812rem / 3.25rem Roboto;--sys-display-medium-font: Roboto;--sys-display-medium-line-height: 3.25rem;--sys-display-medium-size: 2.812rem;--sys-display-medium-tracking: 0;--sys-display-medium-weight: 400;--sys-display-small: 400 2.25rem / 2.75rem Roboto;--sys-display-small-font: Roboto;--sys-display-small-line-height: 2.75rem;--sys-display-small-size: 2.25rem;--sys-display-small-tracking: 0;--sys-display-small-weight: 400;--sys-headline-large: 400 2rem / 2.5rem Roboto;--sys-headline-large-font: Roboto;--sys-headline-large-line-height: 2.5rem;--sys-headline-large-size: 2rem;--sys-headline-large-tracking: 0;--sys-headline-large-weight: 400;--sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--sys-headline-medium-font: Roboto;--sys-headline-medium-line-height: 2.25rem;--sys-headline-medium-size: 1.75rem;--sys-headline-medium-tracking: 0;--sys-headline-medium-weight: 400;--sys-headline-small: 400 1.5rem / 2rem Roboto;--sys-headline-small-font: Roboto;--sys-headline-small-line-height: 2rem;--sys-headline-small-size: 1.5rem;--sys-headline-small-tracking: 0;--sys-headline-small-weight: 400;--sys-label-large: 500 .875rem / 1.25rem Roboto;--sys-label-large-font: Roboto;--sys-label-large-line-height: 1.25rem;--sys-label-large-size: .875rem;--sys-label-large-tracking: .006rem;--sys-label-large-weight: 500;--sys-label-large-weight-prominent: 700;--sys-label-medium: 500 .75rem / 1rem Roboto;--sys-label-medium-font: Roboto;--sys-label-medium-line-height: 1rem;--sys-label-medium-size: .75rem;--sys-label-medium-tracking: .031rem;--sys-label-medium-weight: 500;--sys-label-medium-weight-prominent: 700;--sys-label-small: 500 .688rem / 1rem Roboto;--sys-label-small-font: Roboto;--sys-label-small-line-height: 1rem;--sys-label-small-size: .688rem;--sys-label-small-tracking: .031rem;--sys-label-small-weight: 500;--sys-title-large: 400 1.375rem / 1.75rem Roboto;--sys-title-large-font: Roboto;--sys-title-large-line-height: 1.75rem;--sys-title-large-size: 1.375rem;--sys-title-large-tracking: 0;--sys-title-large-weight: 400;--sys-title-medium: 500 1rem / 1.5rem Roboto;--sys-title-medium-font: Roboto;--sys-title-medium-line-height: 1.5rem;--sys-title-medium-size: 1rem;--sys-title-medium-tracking: .009rem;--sys-title-medium-weight: 500;--sys-title-small: 500 .875rem / 1.25rem Roboto;--sys-title-small-font: Roboto;--sys-title-small-line-height: 1.25rem;--sys-title-small-size: .875rem;--sys-title-small-tracking: .006rem;--sys-title-small-weight: 500;--mat-app-background-color: var(--sys-background);--mat-app-text-color: var(--sys-on-background);--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-ripple-color: color-mix(in srgb, var(--sys-on-surface) 10%, transparent);--mat-option-selected-state-label-text-color: var(--sys-on-secondary-container);--mat-option-label-text-color: var(--sys-on-surface);--mat-option-hover-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 8%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-option-selected-state-layer-color: var(--sys-secondary-container);--mat-option-label-text-font: var(--sys-label-large-font);--mat-option-label-text-line-height: var(--sys-label-large-line-height);--mat-option-label-text-size: var(--sys-body-large-size);--mat-option-label-text-tracking: var(--sys-label-large-tracking);--mat-option-label-text-weight: var(--sys-body-large-weight);--mat-optgroup-label-text-color: var(--sys-on-surface-variant);--mat-optgroup-label-text-font: var(--sys-title-small-font);--mat-optgroup-label-text-line-height: var(--sys-title-small-line-height);--mat-optgroup-label-text-size: var(--sys-title-small-size);--mat-optgroup-label-text-tracking: var(--sys-title-small-tracking);--mat-optgroup-label-text-weight: var(--sys-title-small-weight);--mat-full-pseudo-checkbox-selected-icon-color: var(--sys-primary);--mat-full-pseudo-checkbox-selected-checkmark-color: var(--sys-on-primary);--mat-full-pseudo-checkbox-unselected-icon-color: var(--sys-on-surface-variant);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: var(--sys-surface);--mat-full-pseudo-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-full-pseudo-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--sys-primary);--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-elevated-card-container-color: var(--sys-surface-container-low);--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-elevated-card-container-shape: 12px;--mdc-outlined-card-container-color: var(--sys-surface);--mdc-outlined-card-outline-color: var(--sys-outline-variant);--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-shape: 12px;--mdc-outlined-card-outline-width: 1px;--mat-card-subtitle-text-color: var(--sys-on-surface);--mat-card-title-text-font: var(--sys-title-large-font);--mat-card-title-text-line-height: var(--sys-title-large-line-height);--mat-card-title-text-size: var(--sys-title-large-size);--mat-card-title-text-tracking: var(--sys-title-large-tracking);--mat-card-title-text-weight: var(--sys-title-large-weight);--mat-card-subtitle-text-font: var(--sys-title-medium-font);--mat-card-subtitle-text-line-height: var(--sys-title-medium-line-height);--mat-card-subtitle-text-size: var(--sys-title-medium-size);--mat-card-subtitle-text-tracking: var(--sys-title-medium-tracking);--mat-card-subtitle-text-weight: var(--sys-title-medium-weight);--mdc-linear-progress-active-indicator-color: var(--sys-primary);--mdc-linear-progress-track-color: var(--sys-surface-variant);--mdc-linear-progress-active-indicator-height: 4px;--mdc-linear-progress-track-height: 4px;--mdc-linear-progress-track-shape: 0;--mdc-plain-tooltip-container-color: var(--sys-inverse-surface);--mdc-plain-tooltip-supporting-text-color: var(--sys-inverse-on-surface);--mdc-plain-tooltip-supporting-text-line-height: var(--sys-body-small-line-height);--mdc-plain-tooltip-supporting-text-font: var(--sys-body-small-font);--mdc-plain-tooltip-supporting-text-size: var(--sys-body-small-size);--mdc-plain-tooltip-supporting-text-weight: var(--sys-body-small-weight);--mdc-plain-tooltip-supporting-text-tracking: var(--sys-body-small-tracking);--mdc-plain-tooltip-container-shape: 4px;--mdc-filled-text-field-caret-color: var(--sys-primary);--mdc-filled-text-field-focus-active-indicator-color: var(--sys-primary);--mdc-filled-text-field-focus-label-text-color: var(--sys-primary);--mdc-filled-text-field-container-color: var(--sys-surface-variant);--mdc-filled-text-field-disabled-container-color: color-mix(in srgb, var(--sys-on-surface) 4%, transparent);--mdc-filled-text-field-label-text-color: var(--sys-on-surface-variant);--mdc-filled-text-field-hover-label-text-color: var(--sys-on-surface-variant);--mdc-filled-text-field-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-filled-text-field-input-text-color: var(--sys-on-surface);--mdc-filled-text-field-disabled-input-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-filled-text-field-input-text-placeholder-color: var(--sys-on-surface-variant);--mdc-filled-text-field-error-hover-label-text-color: var(--sys-on-error-container);--mdc-filled-text-field-error-focus-label-text-color: var(--sys-error);--mdc-filled-text-field-error-label-text-color: var(--sys-error);--mdc-filled-text-field-active-indicator-color: var(--sys-on-surface-variant);--mdc-filled-text-field-disabled-active-indicator-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-filled-text-field-hover-active-indicator-color: var(--sys-on-surface);--mdc-filled-text-field-error-active-indicator-color: var(--sys-error);--mdc-filled-text-field-error-focus-active-indicator-color: var(--sys-error);--mdc-filled-text-field-error-hover-active-indicator-color: var(--sys-on-error-container);--mdc-filled-text-field-label-text-font: var(--sys-body-large-font);--mdc-filled-text-field-label-text-size: var(--sys-body-large-size);--mdc-filled-text-field-label-text-tracking: var(--sys-body-large-tracking);--mdc-filled-text-field-label-text-weight: var(--sys-body-large-weight);--mdc-filled-text-field-active-indicator-height: 1px;--mdc-filled-text-field-focus-active-indicator-height: 2px;--mdc-filled-text-field-container-shape: 4px;--mdc-outlined-text-field-caret-color: var(--sys-primary);--mdc-outlined-text-field-focus-outline-color: var(--sys-primary);--mdc-outlined-text-field-focus-label-text-color: var(--sys-primary);--mdc-outlined-text-field-label-text-color: var(--sys-on-surface-variant);--mdc-outlined-text-field-hover-label-text-color: var(--sys-on-surface);--mdc-outlined-text-field-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-outlined-text-field-input-text-color: var(--sys-on-surface);--mdc-outlined-text-field-disabled-input-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-outlined-text-field-input-text-placeholder-color: var(--sys-on-surface-variant);--mdc-outlined-text-field-error-focus-label-text-color: var(--sys-error);--mdc-outlined-text-field-error-label-text-color: var(--sys-error);--mdc-outlined-text-field-error-hover-label-text-color: var(--sys-on-error-container);--mdc-outlined-text-field-outline-color: var(--sys-outline);--mdc-outlined-text-field-disabled-outline-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-outlined-text-field-hover-outline-color: var(--sys-on-surface);--mdc-outlined-text-field-error-focus-outline-color: var(--sys-error);--mdc-outlined-text-field-error-hover-outline-color: var(--sys-on-error-container);--mdc-outlined-text-field-error-outline-color: var(--sys-error);--mdc-outlined-text-field-label-text-font: var(--sys-body-large-font);--mdc-outlined-text-field-label-text-size: var(--sys-body-large-size);--mdc-outlined-text-field-label-text-tracking: var(--sys-body-large-tracking);--mdc-outlined-text-field-label-text-weight: var(--sys-body-large-weight);--mdc-outlined-text-field-outline-width: 1px;--mdc-outlined-text-field-focus-outline-width: 2px;--mdc-outlined-text-field-container-shape: 4px;--mat-form-field-focus-select-arrow-color: var(--sys-primary);--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-state-layer-color: var(--sys-on-surface);--mat-form-field-error-text-color: var(--sys-error);--mat-form-field-select-option-text-color: #181c21;--mat-form-field-select-disabled-option-text-color: rgba(24, 28, 33, .38);--mat-form-field-leading-icon-color: var(--sys-on-surface-variant);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-trailing-icon-color: var(--sys-on-surface-variant);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-error-focus-trailing-icon-color: var(--sys-error);--mat-form-field-error-hover-trailing-icon-color: var(--sys-on-error-container);--mat-form-field-error-trailing-icon-color: var(--sys-error);--mat-form-field-enabled-select-arrow-color: var(--sys-on-surface-variant);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-container-text-font: var(--sys-body-large-font);--mat-form-field-container-text-line-height: var(--sys-body-large-line-height);--mat-form-field-container-text-size: var(--sys-body-large-size);--mat-form-field-container-text-tracking: var(--sys-body-large-tracking);--mat-form-field-container-text-weight: var(--sys-body-large-weight);--mat-form-field-subscript-text-font: var(--sys-body-small-font);--mat-form-field-subscript-text-line-height: var(--sys-body-small-line-height);--mat-form-field-subscript-text-size: var(--sys-body-small-size);--mat-form-field-subscript-text-tracking: var(--sys-body-small-tracking);--mat-form-field-subscript-text-weight: var(--sys-body-small-weight);--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-form-field-focus-state-layer-opacity: 0;--mat-select-panel-background-color: var(--sys-surface-container);--mat-select-enabled-trigger-text-color: var(--sys-on-surface);--mat-select-disabled-trigger-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-select-placeholder-text-color: var(--sys-on-surface-variant);--mat-select-enabled-arrow-color: var(--sys-on-surface-variant);--mat-select-disabled-arrow-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-select-focused-arrow-color: var(--sys-primary);--mat-select-invalid-arrow-color: var(--sys-error);--mat-select-trigger-text-font: var(--sys-body-large-font);--mat-select-trigger-text-line-height: var(--sys-body-large-line-height);--mat-select-trigger-text-size: var(--sys-body-large-size);--mat-select-trigger-text-tracking: var(--sys-body-large-tracking);--mat-select-trigger-text-weight: var(--sys-body-large-weight);--mat-select-arrow-transform: translateY(-8px);--mat-select-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-autocomplete-background-color: var(--sys-surface-container);--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mdc-dialog-container-color: var(--sys-surface);--mdc-dialog-subhead-color: var(--sys-on-surface);--mdc-dialog-supporting-text-color: var(--sys-on-surface-variant);--mdc-dialog-subhead-font: var(--sys-headline-small-font);--mdc-dialog-subhead-line-height: var(--sys-headline-small-line-height);--mdc-dialog-subhead-size: var(--sys-headline-small-size);--mdc-dialog-subhead-weight: var(--sys-headline-small-weight);--mdc-dialog-subhead-tracking: var(--sys-headline-small-tracking);--mdc-dialog-supporting-text-font: var(--sys-body-medium-font);--mdc-dialog-supporting-text-line-height: var(--sys-body-medium-line-height);--mdc-dialog-supporting-text-size: var(--sys-body-medium-size);--mdc-dialog-supporting-text-weight: var(--sys-body-medium-weight);--mdc-dialog-supporting-text-tracking: var(--sys-body-medium-tracking);--mdc-dialog-container-shape: 28px;--mat-dialog-container-elevation-shadow: none;--mat-dialog-container-max-width: 560px;--mat-dialog-container-small-max-width: calc(100vw - 32px) ;--mat-dialog-container-min-width: 280px;--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 16px 24px;--mat-dialog-content-padding: 20px 24px;--mat-dialog-with-actions-content-padding: 20px 24px 0;--mat-dialog-headline-padding: 6px 24px 13px;--mdc-chip-outline-color: var(--sys-outline);--mdc-chip-disabled-outline-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-chip-focus-outline-color: var(--sys-on-surface-variant);--mdc-chip-hover-state-layer-opacity: .08;--mdc-chip-selected-hover-state-layer-opacity: .08;--mdc-chip-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-chip-elevated-selected-container-color: var(--sys-secondary-container);--mdc-chip-flat-disabled-selected-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-chip-focus-state-layer-color: var(--sys-on-surface-variant);--mdc-chip-hover-state-layer-color: var(--sys-on-surface-variant);--mdc-chip-selected-hover-state-layer-color: var(--sys-on-secondary-container);--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-selected-focus-state-layer-color: var(--sys-on-secondary-container);--mdc-chip-selected-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: var(--sys-on-surface-variant);--mdc-chip-selected-label-text-color: var(--sys-on-secondary-container);--mdc-chip-with-icon-icon-color: var(--sys-on-surface-variant);--mdc-chip-with-icon-disabled-icon-color: var(--sys-on-surface);--mdc-chip-with-icon-selected-icon-color: var(--sys-on-secondary-container);--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--sys-on-surface);--mdc-chip-with-trailing-icon-trailing-icon-color: var(--sys-on-surface-variant);--mdc-chip-label-text-font: var(--sys-label-large-font);--mdc-chip-label-text-line-height: var(--sys-label-large-line-height);--mdc-chip-label-text-size: var(--sys-label-large-size);--mdc-chip-label-text-tracking: var(--sys-label-large-tracking);--mdc-chip-label-text-weight: var(--sys-label-large-weight);--mdc-chip-container-height: 32px;--mdc-chip-container-shape-radius: 8px;--mdc-chip-with-avatar-avatar-shape-radius: 24px;--mdc-chip-with-avatar-avatar-size: 24px;--mdc-chip-with-icon-icon-size: 18px;--mdc-chip-outline-width: 1px;--mdc-chip-with-avatar-disabled-avatar-opacity: .38;--mdc-chip-flat-selected-outline-width: 0;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: .38;--mdc-chip-with-icon-disabled-icon-opacity: .38;--mdc-chip-elevated-container-color: transparent;--mat-chip-trailing-action-state-layer-color: var(--sys-on-surface-variant);--mat-chip-selected-trailing-action-state-layer-color: var(--sys-on-secondary-container);--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-selected-disabled-trailing-icon-color: var(--sys-on-surface);--mat-chip-selected-trailing-icon-color: var(--sys-on-secondary-container);--mat-chip-disabled-container-opacity: 1;--mat-chip-trailing-action-opacity: 1;--mat-chip-trailing-action-focus-opacity: 1;--mdc-switch-selected-focus-state-layer-opacity: .12;--mdc-switch-selected-hover-state-layer-opacity: .08;--mdc-switch-selected-pressed-state-layer-opacity: .12;--mdc-switch-unselected-focus-state-layer-opacity: .12;--mdc-switch-unselected-hover-state-layer-opacity: .08;--mdc-switch-unselected-pressed-state-layer-opacity: .12;--mdc-switch-selected-focus-state-layer-color: var(--sys-primary);--mdc-switch-selected-handle-color: var(--sys-on-primary);--mdc-switch-selected-hover-state-layer-color: var(--sys-primary);--mdc-switch-selected-pressed-state-layer-color: var(--sys-primary);--mdc-switch-selected-focus-handle-color: var(--sys-primary-container);--mdc-switch-selected-hover-handle-color: var(--sys-primary-container);--mdc-switch-selected-pressed-handle-color: var(--sys-primary-container);--mdc-switch-selected-focus-track-color: var(--sys-primary);--mdc-switch-selected-hover-track-color: var(--sys-primary);--mdc-switch-selected-pressed-track-color: var(--sys-primary);--mdc-switch-selected-track-color: var(--sys-primary);--mdc-switch-disabled-selected-handle-color: var(--sys-surface);--mdc-switch-disabled-selected-icon-color: var(--sys-on-surface);--mdc-switch-disabled-selected-track-color: var(--sys-on-surface);--mdc-switch-disabled-unselected-handle-color: var(--sys-on-surface);--mdc-switch-disabled-unselected-icon-color: var(--sys-surface-variant);--mdc-switch-disabled-unselected-track-color: var(--sys-surface-variant);--mdc-switch-selected-icon-color: var(--sys-on-primary-container);--mdc-switch-unselected-focus-handle-color: var(--sys-on-surface-variant);--mdc-switch-unselected-focus-state-layer-color: var(--sys-on-surface);--mdc-switch-unselected-focus-track-color: var(--sys-surface-variant);--mdc-switch-unselected-handle-color: var(--sys-outline);--mdc-switch-unselected-hover-handle-color: var(--sys-on-surface-variant);--mdc-switch-unselected-hover-state-layer-color: var(--sys-on-surface);--mdc-switch-unselected-hover-track-color: var(--sys-surface-variant);--mdc-switch-unselected-icon-color: var(--sys-surface-variant);--mdc-switch-unselected-pressed-handle-color: var(--sys-on-surface-variant);--mdc-switch-unselected-pressed-state-layer-color: var(--sys-on-surface);--mdc-switch-unselected-pressed-track-color: var(--sys-surface-variant);--mdc-switch-unselected-track-color: var(--sys-surface-variant);--mdc-switch-disabled-selected-icon-opacity: .38;--mdc-switch-disabled-track-opacity: .12;--mdc-switch-disabled-unselected-icon-opacity: .38;--mdc-switch-handle-shape: 9999px;--mdc-switch-selected-icon-size: 16px;--mdc-switch-track-height: 32px;--mdc-switch-track-shape: 9999px;--mdc-switch-track-width: 52px;--mdc-switch-unselected-icon-size: 16px;--mdc-switch-state-layer-size: 40px;--mat-switch-track-outline-color: var(--sys-outline);--mat-switch-disabled-unselected-track-outline-color: var(--sys-on-surface);--mat-switch-label-text-color: var(--sys-on-surface);--mat-switch-label-text-font: var(--sys-body-medium-font);--mat-switch-label-text-line-height: var(--sys-body-medium-line-height);--mat-switch-label-text-size: var(--sys-body-medium-size);--mat-switch-label-text-tracking: var(--sys-body-medium-tracking);--mat-switch-label-text-weight: var(--sys-body-medium-weight);--mat-switch-disabled-selected-handle-opacity: 1;--mat-switch-disabled-unselected-handle-opacity: .38;--mat-switch-unselected-handle-size: 16px;--mat-switch-selected-handle-size: 24px;--mat-switch-pressed-handle-size: 28px;--mat-switch-with-icon-handle-size: 24px;--mat-switch-selected-handle-horizontal-margin: 0 24px;--mat-switch-selected-with-icon-handle-horizontal-margin: 0 24px;--mat-switch-selected-pressed-handle-horizontal-margin: 0 22px;--mat-switch-unselected-handle-horizontal-margin: 0 8px;--mat-switch-unselected-with-icon-handle-horizontal-margin: 0 4px;--mat-switch-unselected-pressed-handle-horizontal-margin: 0 2px;--mat-switch-visible-track-opacity: 1;--mat-switch-hidden-track-opacity: 0;--mat-switch-visible-track-transition: opacity 75ms;--mat-switch-hidden-track-transition: opacity 75ms;--mat-switch-track-outline-width: 2px;--mat-switch-selected-track-outline-width: 2px;--mat-switch-selected-track-outline-color: transparent;--mat-switch-disabled-unselected-track-outline-width: 2px;--mdc-radio-disabled-selected-icon-color: var(--sys-on-surface);--mdc-radio-disabled-unselected-icon-color: var(--sys-on-surface);--mdc-radio-unselected-hover-icon-color: var(--sys-on-surface);--mdc-radio-unselected-focus-icon-color: var(--sys-on-surface);--mdc-radio-unselected-icon-color: var(--sys-on-surface-variant);--mdc-radio-unselected-pressed-icon-color: var(--sys-on-surface);--mdc-radio-selected-focus-icon-color: var(--sys-primary);--mdc-radio-selected-hover-icon-color: var(--sys-primary);--mdc-radio-selected-icon-color: var(--sys-primary);--mdc-radio-selected-pressed-icon-color: var(--sys-primary);--mdc-radio-state-layer-size: 40px;--mdc-radio-disabled-selected-icon-opacity: .38;--mdc-radio-disabled-unselected-icon-opacity: .38;--mat-radio-ripple-color: var(--sys-on-surface);--mat-radio-checked-ripple-color: var(--sys-primary);--mat-radio-disabled-label-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-radio-label-text-color: var(--sys-on-surface);--mat-radio-label-text-font: var(--sys-body-medium-font);--mat-radio-label-text-line-height: var(--sys-body-medium-line-height);--mat-radio-label-text-size: var(--sys-body-medium-size);--mat-radio-label-text-tracking: var(--sys-body-medium-tracking);--mat-radio-label-text-weight: var(--sys-body-medium-weight);--mat-radio-touch-target-display: block;--mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-slider-handle-color: var(--sys-primary);--mdc-slider-focus-handle-color: var(--sys-primary);--mdc-slider-hover-handle-color: var(--sys-primary);--mdc-slider-active-track-color: var(--sys-primary);--mdc-slider-inactive-track-color: var(--sys-surface-variant);--mdc-slider-with-tick-marks-inactive-container-color: var(--sys-on-surface-variant);--mdc-slider-with-tick-marks-active-container-color: var(--sys-on-primary);--mdc-slider-disabled-active-track-color: var(--sys-on-surface);--mdc-slider-disabled-handle-color: var(--sys-on-surface);--mdc-slider-disabled-inactive-track-color: var(--sys-on-surface);--mdc-slider-label-container-color: var(--sys-primary);--mdc-slider-label-label-text-color: var(--sys-on-primary);--mdc-slider-with-overlap-handle-outline-color: var(--sys-on-primary);--mdc-slider-with-tick-marks-disabled-container-color: var(--sys-on-surface);--mdc-slider-label-label-text-font: var(--sys-label-medium-font);--mdc-slider-label-label-text-size: var(--sys-label-medium-size);--mdc-slider-label-label-text-line-height: var(--sys-label-medium-line-height);--mdc-slider-label-label-text-tracking: var(--sys-label-medium-tracking);--mdc-slider-label-label-text-weight: var(--sys-label-medium-weight);--mdc-slider-active-track-height: 4px;--mdc-slider-active-track-shape: 9999px;--mdc-slider-handle-height: 20px;--mdc-slider-handle-shape: 9999px;--mdc-slider-handle-width: 20px;--mdc-slider-inactive-track-height: 4px;--mdc-slider-inactive-track-shape: 9999px;--mdc-slider-with-overlap-handle-outline-width: 1px;--mdc-slider-with-tick-marks-active-container-opacity: .38;--mdc-slider-with-tick-marks-container-shape: 9999px;--mdc-slider-with-tick-marks-container-size: 2px;--mdc-slider-with-tick-marks-inactive-container-opacity: .38;--mat-slider-ripple-color: var(--sys-primary);--mat-slider-hover-state-layer-color: color-mix(in srgb, var(--sys-primary) 5%, transparent);--mat-slider-focus-state-layer-color: color-mix(in srgb, var(--sys-primary) 20%, transparent);--mat-slider-value-indicator-width: 28px;--mat-slider-value-indicator-height: 28px;--mat-slider-value-indicator-caret-display: none;--mat-slider-value-indicator-border-radius: 50% 50% 50% 0;--mat-slider-value-indicator-padding: 0;--mat-slider-value-indicator-text-transform: rotate(45deg);--mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);--mat-slider-value-indicator-opacity: 1;--mat-menu-item-label-text-color: var(--sys-on-surface);--mat-menu-item-icon-color: var(--sys-on-surface-variant);--mat-menu-item-hover-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 8%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-menu-container-color: var(--sys-surface-container);--mat-menu-divider-color: var(--sys-surface-variant);--mat-menu-item-label-text-font: var(--sys-label-large-font);--mat-menu-item-label-text-size: var(--sys-label-large-size);--mat-menu-item-label-text-tracking: var(--sys-label-large-tracking);--mat-menu-item-label-text-line-height: var(--sys-label-large-line-height);--mat-menu-item-label-text-weight: var(--sys-label-large-weight);--mat-menu-container-shape: 4px;--mat-menu-divider-bottom-spacing: 8px;--mat-menu-divider-top-spacing: 8px;--mat-menu-item-spacing: 12px;--mat-menu-item-icon-size: 24px;--mat-menu-item-leading-spacing: 12px;--mat-menu-item-trailing-spacing: 12px;--mat-menu-item-with-icon-leading-spacing: 12px;--mat-menu-item-with-icon-trailing-spacing: 12px;--mat-menu-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mdc-list-list-item-container-color: transparent;--mdc-list-list-item-leading-avatar-color: var(--sys-primary-container);--mdc-list-list-item-disabled-state-layer-color: var(--sys-on-surface);--mdc-list-list-item-disabled-state-layer-opacity: .12;--mdc-list-list-item-label-text-color: var(--sys-on-surface);--mdc-list-list-item-supporting-text-color: var(--sys-on-surface-variant);--mdc-list-list-item-leading-icon-color: var(--sys-on-surface-variant);--mdc-list-list-item-trailing-supporting-text-color: var(--sys-on-surface-variant);--mdc-list-list-item-trailing-icon-color: var(--sys-on-surface-variant);--mdc-list-list-item-selected-trailing-icon-color: var(--sys-primary);--mdc-list-list-item-disabled-label-text-color: var(--sys-on-surface);--mdc-list-list-item-disabled-leading-icon-color: var(--sys-on-surface);--mdc-list-list-item-disabled-trailing-icon-color: var(--sys-on-surface);--mdc-list-list-item-hover-label-text-color: var(--sys-on-surface);--mdc-list-list-item-focus-label-text-color: var(--sys-on-surface);--mdc-list-list-item-hover-state-layer-color: var(--sys-on-surface);--mdc-list-list-item-hover-state-layer-opacity: .08;--mdc-list-list-item-focus-state-layer-color: var(--sys-on-surface);--mdc-list-list-item-focus-state-layer-opacity: .12;--mdc-list-list-item-label-text-font: var(--sys-body-large-font);--mdc-list-list-item-label-text-line-height: var(--sys-body-large-line-height);--mdc-list-list-item-label-text-size: var(--sys-body-large-size);--mdc-list-list-item-label-text-tracking: var(--sys-body-large-tracking);--mdc-list-list-item-label-text-weight: var(--sys-body-large-weight);--mdc-list-list-item-supporting-text-font: var(--sys-body-medium-font);--mdc-list-list-item-supporting-text-line-height: var(--sys-body-medium-line-height);--mdc-list-list-item-supporting-text-size: var(--sys-body-medium-size);--mdc-list-list-item-supporting-text-tracking: var(--sys-body-medium-tracking);--mdc-list-list-item-supporting-text-weight: var(--sys-body-medium-weight);--mdc-list-list-item-trailing-supporting-text-font: var(--sys-label-small-font);--mdc-list-list-item-trailing-supporting-text-line-height: var(--sys-label-small-line-height);--mdc-list-list-item-trailing-supporting-text-size: var(--sys-label-small-size);--mdc-list-list-item-trailing-supporting-text-tracking: var(--sys-label-small-tracking);--mdc-list-list-item-trailing-supporting-text-weight: var(--sys-label-small-weight);--mdc-list-list-item-one-line-container-height: 48px;--mdc-list-list-item-two-line-container-height: 64px;--mdc-list-list-item-three-line-container-height: 88px;--mdc-list-list-item-container-shape: 0;--mdc-list-list-item-leading-avatar-shape: 9999px;--mdc-list-list-item-leading-icon-size: 24px;--mdc-list-list-item-leading-avatar-size: 40px;--mdc-list-list-item-trailing-icon-size: 24px;--mdc-list-list-item-disabled-label-text-opacity: .3;--mdc-list-list-item-disabled-leading-icon-opacity: .38;--mdc-list-list-item-disabled-trailing-icon-opacity: .38;--mat-list-active-indicator-color: var(--sys-secondary-container);--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 16px;--mat-list-active-indicator-shape: 9999px;--mat-paginator-container-text-color: var(--sys-on-surface);--mat-paginator-container-background-color: var(--sys-surface);--mat-paginator-enabled-icon-color: var(--sys-on-surface-variant);--mat-paginator-disabled-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-paginator-container-text-font: var(--sys-body-small-font);--mat-paginator-container-text-line-height: var(--sys-body-small-line-height);--mat-paginator-container-text-size: var(--sys-body-small-size);--mat-paginator-container-text-tracking: var(--sys-body-small-tracking);--mat-paginator-container-text-weight: var(--sys-body-small-weight);--mat-paginator-select-trigger-text-size: var(--sys-body-small-size);--mat-paginator-container-size: 56px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mdc-secondary-navigation-tab-container-height: 48px;--mdc-tab-indicator-active-indicator-color: var(--sys-primary);--mdc-tab-indicator-active-indicator-height: 2px;--mdc-tab-indicator-active-indicator-shape: 0;--mat-tab-header-divider-color: var(--sys-surface-variant);--mat-tab-header-pagination-icon-color: var(--sys-on-surface);--mat-tab-header-inactive-label-text-color: var(--sys-on-surface);--mat-tab-header-active-label-text-color: var(--sys-on-surface);--mat-tab-header-active-ripple-color: var(--sys-on-surface);--mat-tab-header-inactive-ripple-color: var(--sys-on-surface);--mat-tab-header-inactive-focus-label-text-color: var(--sys-on-surface);--mat-tab-header-inactive-hover-label-text-color: var(--sys-on-surface);--mat-tab-header-active-focus-label-text-color: var(--sys-on-surface);--mat-tab-header-active-hover-label-text-color: var(--sys-on-surface);--mat-tab-header-active-focus-indicator-color: var(--sys-primary);--mat-tab-header-active-hover-indicator-color: var(--sys-primary);--mat-tab-header-label-text-font: var(--sys-title-small-font);--mat-tab-header-label-text-size: var(--sys-title-small-size);--mat-tab-header-label-text-tracking: var(--sys-title-small-tracking);--mat-tab-header-label-text-line-height: var(--sys-title-small-line-height);--mat-tab-header-label-text-weight: var(--sys-title-small-weight);--mat-tab-header-divider-height: 1px;--mdc-checkbox-disabled-selected-checkmark-color: var(--sys-surface);--mdc-checkbox-selected-focus-state-layer-opacity: .12;--mdc-checkbox-selected-hover-state-layer-opacity: .08;--mdc-checkbox-selected-pressed-state-layer-opacity: .12;--mdc-checkbox-unselected-focus-state-layer-opacity: .12;--mdc-checkbox-unselected-hover-state-layer-opacity: .08;--mdc-checkbox-unselected-pressed-state-layer-opacity: .12;--mdc-checkbox-selected-pressed-icon-color: var(--sys-primary);--mdc-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-checkbox-selected-checkmark-color: var(--sys-on-primary);--mdc-checkbox-selected-focus-icon-color: var(--sys-primary);--mdc-checkbox-selected-hover-icon-color: var(--sys-primary);--mdc-checkbox-selected-icon-color: var(--sys-primary);--mdc-checkbox-unselected-focus-icon-color: var(--sys-on-surface);--mdc-checkbox-unselected-hover-icon-color: var(--sys-on-surface);--mdc-checkbox-unselected-icon-color: var(--sys-on-surface-variant);--mdc-checkbox-selected-focus-state-layer-color: var(--sys-primary);--mdc-checkbox-selected-hover-state-layer-color: var(--sys-primary);--mdc-checkbox-selected-pressed-state-layer-color: var(--sys-on-surface);--mdc-checkbox-unselected-focus-state-layer-color: var(--sys-on-surface);--mdc-checkbox-unselected-hover-state-layer-color: var(--sys-on-surface);--mdc-checkbox-unselected-pressed-state-layer-color: var(--sys-primary);--mdc-checkbox-state-layer-size: 40px;--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--sys-on-surface);--mat-checkbox-label-text-font: var(--sys-body-medium-font);--mat-checkbox-label-text-line-height: var(--sys-body-medium-line-height);--mat-checkbox-label-text-size: var(--sys-body-medium-size);--mat-checkbox-label-text-tracking: var(--sys-body-medium-tracking);--mat-checkbox-label-text-weight: var(--sys-body-medium-weight);--mat-checkbox-touch-target-display: block;--mdc-text-button-label-text-color: var(--sys-primary);--mdc-text-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-text-button-label-text-font: var(--sys-label-large-font);--mdc-text-button-label-text-size: var(--sys-label-large-size);--mdc-text-button-label-text-tracking: var(--sys-label-large-tracking);--mdc-text-button-label-text-weight: var(--sys-label-large-weight);--mdc-text-button-container-height: 40px;--mdc-text-button-container-shape: 9999px;--mdc-protected-button-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-protected-button-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mdc-protected-button-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-container-color: var(--sys-surface);--mdc-protected-button-label-text-color: var(--sys-primary);--mdc-protected-button-disabled-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-protected-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-protected-button-label-text-font: var(--sys-label-large-font);--mdc-protected-button-label-text-size: var(--sys-label-large-size);--mdc-protected-button-label-text-tracking: var(--sys-label-large-tracking);--mdc-protected-button-label-text-weight: var(--sys-label-large-weight);--mdc-protected-button-container-height: 40px;--mdc-protected-button-container-shape: 9999px;--mdc-filled-button-container-color: var(--sys-primary);--mdc-filled-button-label-text-color: var(--sys-on-primary);--mdc-filled-button-disabled-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-filled-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-filled-button-label-text-font: var(--sys-label-large-font);--mdc-filled-button-label-text-size: var(--sys-label-large-size);--mdc-filled-button-label-text-tracking: var(--sys-label-large-tracking);--mdc-filled-button-label-text-weight: var(--sys-label-large-weight);--mdc-filled-button-container-height: 40px;--mdc-filled-button-container-shape: 9999px;--mdc-outlined-button-disabled-outline-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-outlined-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-outlined-button-label-text-color: var(--sys-primary);--mdc-outlined-button-outline-color: var(--sys-outline);--mdc-outlined-button-label-text-font: var(--sys-label-large-font);--mdc-outlined-button-label-text-size: var(--sys-label-large-size);--mdc-outlined-button-label-text-tracking: var(--sys-label-large-tracking);--mdc-outlined-button-label-text-weight: var(--sys-label-large-weight);--mdc-outlined-button-container-height: 40px;--mdc-outlined-button-outline-width: 1px;--mdc-outlined-button-container-shape: 9999px;--mat-text-button-state-layer-color: var(--sys-primary);--mat-text-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-text-button-ripple-color: color-mix(in srgb, var(--sys-primary) 12%, transparent);--mat-text-button-hover-state-layer-opacity: .08;--mat-text-button-focus-state-layer-opacity: .12;--mat-text-button-pressed-state-layer-opacity: .12;--mat-text-button-touch-target-display: block;--mat-text-button-horizontal-padding: 12px;--mat-text-button-with-icon-horizontal-padding: 16px;--mat-text-button-icon-spacing: 8px;--mat-text-button-icon-offset: -4px;--mat-protected-button-state-layer-color: var(--sys-primary);--mat-protected-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-protected-button-ripple-color: color-mix(in srgb, var(--sys-primary) 12%, transparent);--mat-protected-button-hover-state-layer-opacity: .08;--mat-protected-button-focus-state-layer-opacity: .12;--mat-protected-button-pressed-state-layer-opacity: .12;--mat-protected-button-touch-target-display: block;--mat-protected-button-horizontal-padding: 24px;--mat-protected-button-icon-spacing: 8px;--mat-protected-button-icon-offset: -8px;--mat-filled-button-state-layer-color: var(--sys-on-primary);--mat-filled-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-filled-button-ripple-color: color-mix(in srgb, var(--sys-on-primary) 12%, transparent);--mat-filled-button-hover-state-layer-opacity: .08;--mat-filled-button-focus-state-layer-opacity: .12;--mat-filled-button-pressed-state-layer-opacity: .12;--mat-filled-button-touch-target-display: block;--mat-filled-button-horizontal-padding: 24px;--mat-filled-button-icon-spacing: 8px;--mat-filled-button-icon-offset: -8px;--mat-outlined-button-state-layer-color: var(--sys-primary);--mat-outlined-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-outlined-button-ripple-color: color-mix(in srgb, var(--sys-primary) 12%, transparent);--mat-outlined-button-hover-state-layer-opacity: .08;--mat-outlined-button-focus-state-layer-opacity: .12;--mat-outlined-button-pressed-state-layer-opacity: .12;--mat-outlined-button-touch-target-display: block;--mat-outlined-button-horizontal-padding: 24px;--mat-outlined-button-icon-spacing: 8px;--mat-outlined-button-icon-offset: -8px;--mdc-icon-button-icon-color: var(--sys-on-surface-variant);--mdc-icon-button-disabled-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-icon-button-state-layer-size: 40px;--mdc-icon-button-icon-size: 24px;--mat-icon-button-state-layer-color: var(--sys-on-surface-variant);--mat-icon-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-icon-button-ripple-color: color-mix(in srgb, var(--sys-on-surface-variant) 12%, transparent);--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-touch-target-display: block;--mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-extended-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-label-text-font: var(--sys-label-large-font);--mdc-extended-fab-label-text-size: var(--sys-label-large-size);--mdc-extended-fab-label-text-tracking: var(--sys-label-large-tracking);--mdc-extended-fab-label-text-weight: var(--sys-label-large-weight);--mdc-extended-fab-container-height: 56px;--mdc-extended-fab-container-shape: 16px;--mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-container-color: var(--sys-primary-container);--mdc-fab-container-shape: 16px;--mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-container-color: var(--sys-primary-container);--mdc-fab-small-container-shape: 12px;--mat-fab-foreground-color: var(--sys-on-primary-container);--mat-fab-state-layer-color: var(--sys-on-primary-container);--mat-fab-ripple-color: color-mix(in srgb, var(--sys-on-primary-container) 12%, transparent);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-focus-state-layer-opacity: .12;--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-disabled-state-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-fab-touch-target-display: block;--mat-fab-small-foreground-color: var(--sys-on-primary-container);--mat-fab-small-state-layer-color: var(--sys-on-primary-container);--mat-fab-small-ripple-color: color-mix(in srgb, var(--sys-on-primary-container) 12%, transparent);--mat-fab-small-hover-state-layer-opacity: .08;--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-disabled-state-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-snackbar-container-color: var(--sys-inverse-surface);--mdc-snackbar-supporting-text-color: var(--sys-inverse-on-surface);--mdc-snackbar-supporting-text-font: var(--sys-body-medium-font);--mdc-snackbar-supporting-text-line-height: var(--sys-body-medium-line-height);--mdc-snackbar-supporting-text-size: var(--sys-body-medium-size);--mdc-snackbar-supporting-text-weight: var(--sys-body-medium-weight);--mdc-snackbar-container-shape: 4px;--mat-snack-bar-button-color: var(--sys-inverse-primary);--mat-table-background-color: var(--sys-surface);--mat-table-header-headline-color: var(--sys-on-surface);--mat-table-row-item-label-text-color: var(--sys-on-surface);--mat-table-row-item-outline-color: var(--sys-outline);--mat-table-header-headline-font: var(--sys-title-small-font);--mat-table-header-headline-line-height: var(--sys-title-small-line-height);--mat-table-header-headline-size: var(--sys-title-small-size);--mat-table-header-headline-weight: var(--sys-title-small-weight);--mat-table-header-headline-tracking: var(--sys-title-small-tracking);--mat-table-row-item-label-text-font: var(--sys-body-medium-font);--mat-table-row-item-label-text-line-height: var(--sys-body-medium-line-height);--mat-table-row-item-label-text-size: var(--sys-body-medium-size);--mat-table-row-item-label-text-weight: var(--sys-body-medium-weight);--mat-table-row-item-label-text-tracking: var(--sys-body-medium-tracking);--mat-table-footer-supporting-text-font: var(--sys-body-medium-font);--mat-table-footer-supporting-text-line-height: var(--sys-body-medium-line-height);--mat-table-footer-supporting-text-size: var(--sys-body-medium-size);--mat-table-footer-supporting-text-weight: var(--sys-body-medium-weight);--mat-table-footer-supporting-text-tracking: var(--sys-body-medium-tracking);--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px;--mat-table-row-item-outline-width: 1px;--mdc-circular-progress-active-indicator-color: var(--sys-primary);--mdc-circular-progress-active-indicator-width: 4px;--mdc-circular-progress-size: 48px;--mat-badge-background-color: var(--sys-error);--mat-badge-text-color: var(--sys-on-error);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--sys-error) 38%, transparent);--mat-badge-disabled-state-text-color: var(--sys-on-error);--mat-badge-text-font: var(--sys-label-small-font);--mat-badge-text-size: var(--sys-label-small-size);--mat-badge-text-weight: var(--sys-label-small-weight);--mat-badge-large-size-text-size: var(--sys-label-small-size);--mat-badge-container-shape: 9999px;--mat-badge-container-size: 16px;--mat-badge-small-size-container-size: 6px;--mat-badge-large-size-container-size: 16px;--mat-badge-legacy-container-size: unset;--mat-badge-legacy-small-size-container-size: unset;--mat-badge-legacy-large-size-container-size: unset;--mat-badge-container-offset: -12px 0;--mat-badge-small-size-container-offset: -6px 0;--mat-badge-large-size-container-offset: -12px 0;--mat-badge-container-overlap-offset: -12px;--mat-badge-small-size-container-overlap-offset: -6px;--mat-badge-large-size-container-overlap-offset: -12px;--mat-badge-container-padding: 0 4px;--mat-badge-small-size-container-padding: 0;--mat-badge-large-size-container-padding: 0 4px;--mat-badge-line-height: 16px;--mat-badge-small-size-text-size: 0;--mat-badge-small-size-line-height: 6px;--mat-badge-large-size-line-height: 16px;--mat-bottom-sheet-container-text-color: var(--sys-on-surface);--mat-bottom-sheet-container-background-color: var(--sys-surface-container-low);--mat-bottom-sheet-container-text-font: var(--sys-body-large-font);--mat-bottom-sheet-container-text-line-height: var(--sys-body-large-line-height);--mat-bottom-sheet-container-text-size: var(--sys-body-large-size);--mat-bottom-sheet-container-text-tracking: var(--sys-body-large-tracking);--mat-bottom-sheet-container-text-weight: var(--sys-body-large-weight);--mat-bottom-sheet-container-shape: 28px;--mat-standard-button-toggle-hover-state-layer-opacity: .08;--mat-standard-button-toggle-focus-state-layer-opacity: .12;--mat-standard-button-toggle-text-color: var(--sys-on-surface);--mat-standard-button-toggle-state-layer-color: var(--sys-on-surface);--mat-standard-button-toggle-selected-state-background-color: var(--sys-secondary-container);--mat-standard-button-toggle-selected-state-text-color: var(--sys-on-secondary-container);--mat-standard-button-toggle-disabled-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-standard-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-standard-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-standard-button-toggle-divider-color: var(--sys-outline);--mat-standard-button-toggle-label-text-font: var(--sys-label-large-font);--mat-standard-button-toggle-label-text-line-height: var(--sys-label-large-line-height);--mat-standard-button-toggle-label-text-size: var(--sys-label-large-size);--mat-standard-button-toggle-label-text-tracking: var(--sys-label-large-tracking);--mat-standard-button-toggle-label-text-weight: var(--sys-label-large-weight);--mat-standard-button-toggle-height: 40px;--mat-standard-button-toggle-shape: 9999px;--mat-standard-button-toggle-background-color: transparent;--mat-standard-button-toggle-disabled-state-background-color: transparent;--mat-datepicker-calendar-date-selected-state-text-color: var(--sys-on-primary);--mat-datepicker-calendar-date-selected-state-background-color: var(--sys-primary);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--sys-primary);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--sys-on-surface) 8%, transparent);--mat-datepicker-toggle-active-state-icon-color: var(--sys-on-surface-variant);--mat-datepicker-calendar-date-in-range-state-background-color: var(--sys-primary-container);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--sys-secondary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--sys-secondary);--mat-datepicker-toggle-icon-color: var(--sys-on-surface-variant);--mat-datepicker-calendar-body-label-text-color: var(--sys-on-surface);--mat-datepicker-calendar-period-button-text-color: var(--sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--sys-on-surface-variant);--mat-datepicker-calendar-header-text-color: var(--sys-on-surface-variant);--mat-datepicker-calendar-date-today-outline-color: var(--sys-primary);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-text-color: var(--sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: var(--sys-primary);--mat-datepicker-range-input-separator-color: var(--sys-on-surface);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-datepicker-calendar-container-background-color: var(--sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--sys-on-surface);--mat-datepicker-calendar-text-font: var(--sys-body-medium-font);--mat-datepicker-calendar-text-size: var(--sys-body-medium-size);--mat-datepicker-calendar-body-label-text-size: var(--sys-title-small-size);--mat-datepicker-calendar-body-label-text-weight: var(--sys-title-small-weight);--mat-datepicker-calendar-period-button-text-size: var(--sys-title-small-size);--mat-datepicker-calendar-period-button-text-weight: var(--sys-title-small-weight);--mat-datepicker-calendar-header-text-size: var(--sys-title-small-size);--mat-datepicker-calendar-header-text-weight: var(--sys-title-small-weight);--mat-datepicker-calendar-container-shape: 16px;--mat-datepicker-calendar-container-touch-shape: 28px;--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-date-outline-color: transparent;--mat-divider-color: var(--sys-outline);--mat-divider-width: 1px;--mat-expansion-container-background-color: var(--sys-surface);--mat-expansion-container-text-color: var(--sys-on-surface);--mat-expansion-actions-divider-color: var(--sys-outline);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 8%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-expansion-header-text-color: var(--sys-on-surface);--mat-expansion-header-description-color: var(--sys-on-surface-variant);--mat-expansion-header-indicator-color: var(--sys-on-surface-variant);--mat-expansion-header-text-font: var(--sys-title-medium-font);--mat-expansion-header-text-size: var(--sys-title-medium-size);--mat-expansion-header-text-weight: var(--sys-title-medium-weight);--mat-expansion-header-text-line-height: var(--sys-title-medium-line-height);--mat-expansion-header-text-tracking: var(--sys-title-medium-tracking);--mat-expansion-container-text-font: var(--sys-body-large-font);--mat-expansion-container-text-line-height: var(--sys-body-large-line-height);--mat-expansion-container-text-size: var(--sys-body-large-size);--mat-expansion-container-text-tracking: var(--sys-body-large-tracking);--mat-expansion-container-text-weight: var(--sys-body-large-weight);--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px;--mat-expansion-container-shape: 12px;--mat-expansion-legacy-header-indicator-display: none;--mat-expansion-header-indicator-display: inline-block;--mat-grid-list-tile-header-primary-text-size: var(--sys-body-large);--mat-grid-list-tile-header-secondary-text-size: var(--sys-body-medium);--mat-grid-list-tile-footer-primary-text-size: var(--sys-body-large);--mat-grid-list-tile-footer-secondary-text-size: var(--sys-body-medium);--mat-icon-color: inherit;--mat-sidenav-container-background-color: var(--sys-surface);--mat-sidenav-container-text-color: var(--sys-on-surface-variant);--mat-sidenav-content-background-color: var(--sys-background);--mat-sidenav-content-text-color: var(--sys-on-background);--mat-sidenav-scrim-color: rgba(42, 49, 59, .4);--mat-sidenav-container-shape: 16px;--mat-sidenav-container-elevation-shadow: none;--mat-sidenav-container-width: 360px;--mat-sidenav-container-divider-color: transparent;--mat-stepper-header-icon-foreground-color: var(--sys-surface);--mat-stepper-header-selected-state-icon-background-color: var(--sys-primary);--mat-stepper-header-selected-state-icon-foreground-color: var(--sys-on-primary);--mat-stepper-header-edit-state-icon-background-color: var(--sys-primary);--mat-stepper-header-edit-state-icon-foreground-color: var(--sys-on-primary);--mat-stepper-container-color: var(--sys-surface);--mat-stepper-line-color: var(--sys-outline);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--sys-inverse-surface) 8%, transparent);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--sys-inverse-surface) 12%, transparent);--mat-stepper-header-label-text-color: var(--sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--sys-on-surface-variant);--mat-stepper-header-selected-state-label-text-color: var(--sys-on-surface-variant);--mat-stepper-header-error-state-label-text-color: var(--sys-error);--mat-stepper-header-icon-background-color: var(--sys-on-surface-variant);--mat-stepper-header-error-state-icon-foreground-color: var(--sys-error);--mat-stepper-container-text-font: var(--sys-body-medium-font);--mat-stepper-header-label-text-font: var(--sys-title-small-font);--mat-stepper-header-label-text-size: var(--sys-title-small-size);--mat-stepper-header-label-text-weight: var(--sys-title-small-weight);--mat-stepper-header-error-state-label-text-size: var(--sys-title-small-size);--mat-stepper-header-selected-state-label-text-size: var(--sys-title-small-size);--mat-stepper-header-selected-state-label-text-weight: var(--sys-title-small-weight);--mat-stepper-header-height: 72px;--mat-stepper-header-focus-state-layer-shape: 12px;--mat-stepper-header-hover-state-layer-shape: 12px;--mat-stepper-header-error-state-icon-background-color: transparent;--mat-sort-arrow-color: var(--sys-on-surface);--mat-toolbar-container-background-color: var(--sys-surface);--mat-toolbar-container-text-color: var(--sys-on-surface);--mat-toolbar-title-text-font: var(--sys-title-large-font);--mat-toolbar-title-text-line-height: var(--sys-title-large-line-height);--mat-toolbar-title-text-size: var(--sys-title-large-size);--mat-toolbar-title-text-tracking: var(--sys-title-large-tracking);--mat-toolbar-title-text-weight: var(--sys-title-large-weight);--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px;--mat-tree-container-background-color: var(--sys-surface);--mat-tree-node-text-color: var(--sys-on-surface);--mat-tree-node-text-font: var(--sys-body-large-font);--mat-tree-node-text-size: var(--sys-body-large-size);--mat-tree-node-text-weight: var(--sys-body-large-weight);--mat-tree-node-min-height: 48px;--mat-timepicker-container-background-color: var(--sys-surface-container);--mat-timepicker-container-shape: 4px;--mat-timepicker-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--sys-background: #f8f9ff;--sys-error: #ba1a1a;--sys-error-container: #ffdad6;--sys-inverse-on-surface: #eef0f8;--sys-inverse-primary: #a1c9ff;--sys-inverse-surface: #2d3136;--sys-on-background: #181c21;--sys-on-error: #ffffff;--sys-on-error-container: #410002;--sys-on-primary: #ffffff;--sys-on-primary-container: #001c37;--sys-on-primary-fixed: #001c37;--sys-on-primary-fixed-variant: #004880;--sys-on-secondary: #ffffff;--sys-on-secondary-container: #001c37;--sys-on-secondary-fixed: #001c37;--sys-on-secondary-fixed-variant: #2d4868;--sys-on-surface: #181c21;--sys-on-surface-variant: #404752;--sys-on-tertiary: #ffffff;--sys-on-tertiary-container: #001c37;--sys-on-tertiary-fixed: #001c37;--sys-on-tertiary-fixed-variant: #004880;--sys-outline: #717783;--sys-outline-variant: #c0c7d3;--sys-primary: #0060a7;--sys-primary-container: #d2e4ff;--sys-primary-fixed: #d2e4ff;--sys-primary-fixed-dim: #a1c9ff;--sys-scrim: #000000;--sys-secondary: #466081;--sys-secondary-container: #d2e4ff;--sys-secondary-fixed: #d2e4ff;--sys-secondary-fixed-dim: #aec8ef;--sys-shadow: #000000;--sys-surface: #f8f9ff;--sys-surface-bright: #f8f9ff;--sys-surface-container: #eceef5;--sys-surface-container-high: #e6e8ef;--sys-surface-container-highest: #e0e2ea;--sys-surface-container-low: #f1f3fb;--sys-surface-container-lowest: #ffffff;--sys-surface-dim: #d8dae1;--sys-surface-tint: #0060a7;--sys-surface-variant: #dce3f0;--sys-tertiary: #0060a7;--sys-tertiary-container: #d2e4ff;--sys-tertiary-fixed: #d2e4ff;--sys-tertiary-fixed-dim: #a1c9ff;--sys-neutral-variant20: #2a313b;--sys-neutral10: #181c21;--sys-surface: #fff;--sys-display-large: 700 1.25rem / 1.5rem Roboto, sans-serif;--sys-display-large-tracking: 0rem;--sys-display-medium: 700 1.125rem / 1.125rem Roboto, sans-serif;--sys-display-medium-tracking: 0rem;--sys-headline-large: 500 .9rem / .9rem Roboto, sans-serif;--sys-headline-large-tracking: 0rem;--sys-body-large: 400 .875rem / 1.25rem Roboto, sans-serif;--sys-body-large-tracking: 0rem;--sys-body-large-size: .875rem;--sys-background: var(--sys-surface);--hop-hover: color-mix(in srgb, var(--sys-primary) 10%, transparent);--hop-selection: color-mix(in srgb, var(--sys-primary) 20%, transparent);--hop-overlay-dark: rgba(0, 0, 0, .25);--overlay-primary: color-mix(in srgb, var(--sys-primary) 35%, transparent);--hop-primary-light: color-mix( in srgb, var(--sys-primary) 15%, transparent );--hop-primary-strong: color-mix( in srgb, var(--sys-primary) 75%, var(--sys-on-surface) );--hop-primary-75: color-mix( in srgb, var(--sys-primary) 75%, var(--sys-surface) );--hop-divider-color: #dddddd;--hop-item-divider-color: var(--hop-divider-color)}:root .hop-dark{--mat-app-background-color: var(--sys-background);--mat-app-text-color: var(--sys-on-background);--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-ripple-color: color-mix(in srgb, var(--sys-on-surface) 10%, transparent);--mat-option-selected-state-label-text-color: var(--sys-on-secondary-container);--mat-option-label-text-color: var(--sys-on-surface);--mat-option-hover-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 8%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-option-selected-state-layer-color: var(--sys-secondary-container);--mat-optgroup-label-text-color: var(--sys-on-surface-variant);--mat-full-pseudo-checkbox-selected-icon-color: var(--sys-primary);--mat-full-pseudo-checkbox-selected-checkmark-color: var(--sys-on-primary);--mat-full-pseudo-checkbox-unselected-icon-color: var(--sys-on-surface-variant);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: var(--sys-surface);--mat-full-pseudo-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-full-pseudo-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--sys-primary);--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-elevated-card-container-color: var(--sys-surface-container-low);--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-color: var(--sys-surface);--mdc-outlined-card-outline-color: var(--sys-outline-variant);--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-subtitle-text-color: var(--sys-on-surface);--mdc-linear-progress-active-indicator-color: var(--sys-primary);--mdc-linear-progress-track-color: var(--sys-surface-variant);--mdc-plain-tooltip-container-color: var(--sys-inverse-surface);--mdc-plain-tooltip-supporting-text-color: var(--sys-inverse-on-surface);--mdc-filled-text-field-caret-color: var(--sys-primary);--mdc-filled-text-field-focus-active-indicator-color: var(--sys-primary);--mdc-filled-text-field-focus-label-text-color: var(--sys-primary);--mdc-filled-text-field-container-color: var(--sys-surface-variant);--mdc-filled-text-field-disabled-container-color: color-mix(in srgb, var(--sys-on-surface) 4%, transparent);--mdc-filled-text-field-label-text-color: var(--sys-on-surface-variant);--mdc-filled-text-field-hover-label-text-color: var(--sys-on-surface-variant);--mdc-filled-text-field-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-filled-text-field-input-text-color: var(--sys-on-surface);--mdc-filled-text-field-disabled-input-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-filled-text-field-input-text-placeholder-color: var(--sys-on-surface-variant);--mdc-filled-text-field-error-hover-label-text-color: var(--sys-on-error-container);--mdc-filled-text-field-error-focus-label-text-color: var(--sys-error);--mdc-filled-text-field-error-label-text-color: var(--sys-error);--mdc-filled-text-field-active-indicator-color: var(--sys-on-surface-variant);--mdc-filled-text-field-disabled-active-indicator-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-filled-text-field-hover-active-indicator-color: var(--sys-on-surface);--mdc-filled-text-field-error-active-indicator-color: var(--sys-error);--mdc-filled-text-field-error-focus-active-indicator-color: var(--sys-error);--mdc-filled-text-field-error-hover-active-indicator-color: var(--sys-on-error-container);--mdc-outlined-text-field-caret-color: var(--sys-primary);--mdc-outlined-text-field-focus-outline-color: var(--sys-primary);--mdc-outlined-text-field-focus-label-text-color: var(--sys-primary);--mdc-outlined-text-field-label-text-color: var(--sys-on-surface-variant);--mdc-outlined-text-field-hover-label-text-color: var(--sys-on-surface);--mdc-outlined-text-field-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-outlined-text-field-input-text-color: var(--sys-on-surface);--mdc-outlined-text-field-disabled-input-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-outlined-text-field-input-text-placeholder-color: var(--sys-on-surface-variant);--mdc-outlined-text-field-error-focus-label-text-color: var(--sys-error);--mdc-outlined-text-field-error-label-text-color: var(--sys-error);--mdc-outlined-text-field-error-hover-label-text-color: var(--sys-on-error-container);--mdc-outlined-text-field-outline-color: var(--sys-outline);--mdc-outlined-text-field-disabled-outline-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-outlined-text-field-hover-outline-color: var(--sys-on-surface);--mdc-outlined-text-field-error-focus-outline-color: var(--sys-error);--mdc-outlined-text-field-error-hover-outline-color: var(--sys-on-error-container);--mdc-outlined-text-field-error-outline-color: var(--sys-error);--mat-form-field-focus-select-arrow-color: var(--sys-primary);--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-state-layer-color: var(--sys-on-surface);--mat-form-field-error-text-color: var(--sys-error);--mat-form-field-select-option-text-color: #181c21;--mat-form-field-select-disabled-option-text-color: rgba(24, 28, 33, .38);--mat-form-field-leading-icon-color: var(--sys-on-surface-variant);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-trailing-icon-color: var(--sys-on-surface-variant);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-error-focus-trailing-icon-color: var(--sys-error);--mat-form-field-error-hover-trailing-icon-color: var(--sys-on-error-container);--mat-form-field-error-trailing-icon-color: var(--sys-error);--mat-form-field-enabled-select-arrow-color: var(--sys-on-surface-variant);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-hover-state-layer-opacity: .08;--mat-select-panel-background-color: var(--sys-surface-container);--mat-select-enabled-trigger-text-color: var(--sys-on-surface);--mat-select-disabled-trigger-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-select-placeholder-text-color: var(--sys-on-surface-variant);--mat-select-enabled-arrow-color: var(--sys-on-surface-variant);--mat-select-disabled-arrow-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-select-focused-arrow-color: var(--sys-primary);--mat-select-invalid-arrow-color: var(--sys-error);--mat-autocomplete-background-color: var(--sys-surface-container);--mdc-dialog-container-color: var(--sys-surface);--mdc-dialog-subhead-color: var(--sys-on-surface);--mdc-dialog-supporting-text-color: var(--sys-on-surface-variant);--mdc-chip-outline-color: var(--sys-outline);--mdc-chip-disabled-outline-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-chip-focus-outline-color: var(--sys-on-surface-variant);--mdc-chip-hover-state-layer-opacity: .08;--mdc-chip-selected-hover-state-layer-opacity: .08;--mdc-chip-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-chip-elevated-selected-container-color: var(--sys-secondary-container);--mdc-chip-flat-disabled-selected-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-chip-focus-state-layer-color: var(--sys-on-surface-variant);--mdc-chip-hover-state-layer-color: var(--sys-on-surface-variant);--mdc-chip-selected-hover-state-layer-color: var(--sys-on-secondary-container);--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-selected-focus-state-layer-color: var(--sys-on-secondary-container);--mdc-chip-selected-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: var(--sys-on-surface-variant);--mdc-chip-selected-label-text-color: var(--sys-on-secondary-container);--mdc-chip-with-icon-icon-color: var(--sys-on-surface-variant);--mdc-chip-with-icon-disabled-icon-color: var(--sys-on-surface);--mdc-chip-with-icon-selected-icon-color: var(--sys-on-secondary-container);--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--sys-on-surface);--mdc-chip-with-trailing-icon-trailing-icon-color: var(--sys-on-surface-variant);--mat-chip-trailing-action-state-layer-color: var(--sys-on-surface-variant);--mat-chip-selected-trailing-action-state-layer-color: var(--sys-on-secondary-container);--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-selected-disabled-trailing-icon-color: var(--sys-on-surface);--mat-chip-selected-trailing-icon-color: var(--sys-on-secondary-container);--mdc-switch-selected-focus-state-layer-opacity: .12;--mdc-switch-selected-hover-state-layer-opacity: .08;--mdc-switch-selected-pressed-state-layer-opacity: .12;--mdc-switch-unselected-focus-state-layer-opacity: .12;--mdc-switch-unselected-hover-state-layer-opacity: .08;--mdc-switch-unselected-pressed-state-layer-opacity: .12;--mdc-switch-selected-focus-state-layer-color: var(--sys-primary);--mdc-switch-selected-handle-color: var(--sys-on-primary);--mdc-switch-selected-hover-state-layer-color: var(--sys-primary);--mdc-switch-selected-pressed-state-layer-color: var(--sys-primary);--mdc-switch-selected-focus-handle-color: var(--sys-primary-container);--mdc-switch-selected-hover-handle-color: var(--sys-primary-container);--mdc-switch-selected-pressed-handle-color: var(--sys-primary-container);--mdc-switch-selected-focus-track-color: var(--sys-primary);--mdc-switch-selected-hover-track-color: var(--sys-primary);--mdc-switch-selected-pressed-track-color: var(--sys-primary);--mdc-switch-selected-track-color: var(--sys-primary);--mdc-switch-disabled-selected-handle-color: var(--sys-surface);--mdc-switch-disabled-selected-icon-color: var(--sys-on-surface);--mdc-switch-disabled-selected-track-color: var(--sys-on-surface);--mdc-switch-disabled-unselected-handle-color: var(--sys-on-surface);--mdc-switch-disabled-unselected-icon-color: var(--sys-surface-variant);--mdc-switch-disabled-unselected-track-color: var(--sys-surface-variant);--mdc-switch-selected-icon-color: var(--sys-on-primary-container);--mdc-switch-unselected-focus-handle-color: var(--sys-on-surface-variant);--mdc-switch-unselected-focus-state-layer-color: var(--sys-on-surface);--mdc-switch-unselected-focus-track-color: var(--sys-surface-variant);--mdc-switch-unselected-handle-color: var(--sys-outline);--mdc-switch-unselected-hover-handle-color: var(--sys-on-surface-variant);--mdc-switch-unselected-hover-state-layer-color: var(--sys-on-surface);--mdc-switch-unselected-hover-track-color: var(--sys-surface-variant);--mdc-switch-unselected-icon-color: var(--sys-surface-variant);--mdc-switch-unselected-pressed-handle-color: var(--sys-on-surface-variant);--mdc-switch-unselected-pressed-state-layer-color: var(--sys-on-surface);--mdc-switch-unselected-pressed-track-color: var(--sys-surface-variant);--mdc-switch-unselected-track-color: var(--sys-surface-variant);--mat-switch-track-outline-color: var(--sys-outline);--mat-switch-disabled-unselected-track-outline-color: var(--sys-on-surface);--mat-switch-label-text-color: var(--sys-on-surface);--mdc-radio-disabled-selected-icon-color: var(--sys-on-surface);--mdc-radio-disabled-unselected-icon-color: var(--sys-on-surface);--mdc-radio-unselected-hover-icon-color: var(--sys-on-surface);--mdc-radio-unselected-focus-icon-color: var(--sys-on-surface);--mdc-radio-unselected-icon-color: var(--sys-on-surface-variant);--mdc-radio-unselected-pressed-icon-color: var(--sys-on-surface);--mdc-radio-selected-focus-icon-color: var(--sys-primary);--mdc-radio-selected-hover-icon-color: var(--sys-primary);--mdc-radio-selected-icon-color: var(--sys-primary);--mdc-radio-selected-pressed-icon-color: var(--sys-primary);--mat-radio-ripple-color: var(--sys-on-surface);--mat-radio-checked-ripple-color: var(--sys-primary);--mat-radio-disabled-label-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-radio-label-text-color: var(--sys-on-surface);--mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-slider-handle-color: var(--sys-primary);--mdc-slider-focus-handle-color: var(--sys-primary);--mdc-slider-hover-handle-color: var(--sys-primary);--mdc-slider-active-track-color: var(--sys-primary);--mdc-slider-inactive-track-color: var(--sys-surface-variant);--mdc-slider-with-tick-marks-inactive-container-color: var(--sys-on-surface-variant);--mdc-slider-with-tick-marks-active-container-color: var(--sys-on-primary);--mdc-slider-disabled-active-track-color: var(--sys-on-surface);--mdc-slider-disabled-handle-color: var(--sys-on-surface);--mdc-slider-disabled-inactive-track-color: var(--sys-on-surface);--mdc-slider-label-container-color: var(--sys-primary);--mdc-slider-label-label-text-color: var(--sys-on-primary);--mdc-slider-with-overlap-handle-outline-color: var(--sys-on-primary);--mdc-slider-with-tick-marks-disabled-container-color: var(--sys-on-surface);--mat-slider-ripple-color: var(--sys-primary);--mat-slider-hover-state-layer-color: color-mix(in srgb, var(--sys-primary) 5%, transparent);--mat-slider-focus-state-layer-color: color-mix(in srgb, var(--sys-primary) 20%, transparent);--mat-menu-item-label-text-color: var(--sys-on-surface);--mat-menu-item-icon-color: var(--sys-on-surface-variant);--mat-menu-item-hover-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 8%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-menu-container-color: var(--sys-surface-container);--mat-menu-divider-color: var(--sys-surface-variant);--mdc-list-list-item-container-color: transparent;--mdc-list-list-item-leading-avatar-color: var(--sys-primary-container);--mdc-list-list-item-disabled-state-layer-color: var(--sys-on-surface);--mdc-list-list-item-disabled-state-layer-opacity: .12;--mdc-list-list-item-label-text-color: var(--sys-on-surface);--mdc-list-list-item-supporting-text-color: var(--sys-on-surface-variant);--mdc-list-list-item-leading-icon-color: var(--sys-on-surface-variant);--mdc-list-list-item-trailing-supporting-text-color: var(--sys-on-surface-variant);--mdc-list-list-item-trailing-icon-color: var(--sys-on-surface-variant);--mdc-list-list-item-selected-trailing-icon-color: var(--sys-primary);--mdc-list-list-item-disabled-label-text-color: var(--sys-on-surface);--mdc-list-list-item-disabled-leading-icon-color: var(--sys-on-surface);--mdc-list-list-item-disabled-trailing-icon-color: var(--sys-on-surface);--mdc-list-list-item-hover-label-text-color: var(--sys-on-surface);--mdc-list-list-item-focus-label-text-color: var(--sys-on-surface);--mdc-list-list-item-hover-state-layer-color: var(--sys-on-surface);--mdc-list-list-item-hover-state-layer-opacity: .08;--mdc-list-list-item-focus-state-layer-color: var(--sys-on-surface);--mdc-list-list-item-focus-state-layer-opacity: .12;--mat-list-active-indicator-color: var(--sys-secondary-container);--mat-paginator-container-text-color: var(--sys-on-surface);--mat-paginator-container-background-color: var(--sys-surface);--mat-paginator-enabled-icon-color: var(--sys-on-surface-variant);--mat-paginator-disabled-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-tab-indicator-active-indicator-color: var(--sys-primary);--mat-tab-header-divider-color: var(--sys-surface-variant);--mat-tab-header-pagination-icon-color: var(--sys-on-surface);--mat-tab-header-inactive-label-text-color: var(--sys-on-surface);--mat-tab-header-active-label-text-color: var(--sys-on-surface);--mat-tab-header-active-ripple-color: var(--sys-on-surface);--mat-tab-header-inactive-ripple-color: var(--sys-on-surface);--mat-tab-header-inactive-focus-label-text-color: var(--sys-on-surface);--mat-tab-header-inactive-hover-label-text-color: var(--sys-on-surface);--mat-tab-header-active-focus-label-text-color: var(--sys-on-surface);--mat-tab-header-active-hover-label-text-color: var(--sys-on-surface);--mat-tab-header-active-focus-indicator-color: var(--sys-primary);--mat-tab-header-active-hover-indicator-color: var(--sys-primary);--mdc-checkbox-disabled-selected-checkmark-color: var(--sys-surface);--mdc-checkbox-selected-focus-state-layer-opacity: .12;--mdc-checkbox-selected-hover-state-layer-opacity: .08;--mdc-checkbox-selected-pressed-state-layer-opacity: .12;--mdc-checkbox-unselected-focus-state-layer-opacity: .12;--mdc-checkbox-unselected-hover-state-layer-opacity: .08;--mdc-checkbox-unselected-pressed-state-layer-opacity: .12;--mdc-checkbox-selected-pressed-icon-color: var(--sys-primary);--mdc-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-checkbox-selected-checkmark-color: var(--sys-on-primary);--mdc-checkbox-selected-focus-icon-color: var(--sys-primary);--mdc-checkbox-selected-hover-icon-color: var(--sys-primary);--mdc-checkbox-selected-icon-color: var(--sys-primary);--mdc-checkbox-unselected-focus-icon-color: var(--sys-on-surface);--mdc-checkbox-unselected-hover-icon-color: var(--sys-on-surface);--mdc-checkbox-unselected-icon-color: var(--sys-on-surface-variant);--mdc-checkbox-selected-focus-state-layer-color: var(--sys-primary);--mdc-checkbox-selected-hover-state-layer-color: var(--sys-primary);--mdc-checkbox-selected-pressed-state-layer-color: var(--sys-on-surface);--mdc-checkbox-unselected-focus-state-layer-color: var(--sys-on-surface);--mdc-checkbox-unselected-hover-state-layer-color: var(--sys-on-surface);--mdc-checkbox-unselected-pressed-state-layer-color: var(--sys-primary);--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--sys-on-surface);--mdc-text-button-label-text-color: var(--sys-primary);--mdc-text-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-protected-button-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-protected-button-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mdc-protected-button-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-container-color: var(--sys-surface);--mdc-protected-button-label-text-color: var(--sys-primary);--mdc-protected-button-disabled-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-protected-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-filled-button-container-color: var(--sys-primary);--mdc-filled-button-label-text-color: var(--sys-on-primary);--mdc-filled-button-disabled-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-filled-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-outlined-button-disabled-outline-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-outlined-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-outlined-button-label-text-color: var(--sys-primary);--mdc-outlined-button-outline-color: var(--sys-outline);--mat-text-button-state-layer-color: var(--sys-primary);--mat-text-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-text-button-ripple-color: color-mix(in srgb, var(--sys-primary) 12%, transparent);--mat-text-button-hover-state-layer-opacity: .08;--mat-text-button-focus-state-layer-opacity: .12;--mat-text-button-pressed-state-layer-opacity: .12;--mat-protected-button-state-layer-color: var(--sys-primary);--mat-protected-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-protected-button-ripple-color: color-mix(in srgb, var(--sys-primary) 12%, transparent);--mat-protected-button-hover-state-layer-opacity: .08;--mat-protected-button-focus-state-layer-opacity: .12;--mat-protected-button-pressed-state-layer-opacity: .12;--mat-filled-button-state-layer-color: var(--sys-on-primary);--mat-filled-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-filled-button-ripple-color: color-mix(in srgb, var(--sys-on-primary) 12%, transparent);--mat-filled-button-hover-state-layer-opacity: .08;--mat-filled-button-focus-state-layer-opacity: .12;--mat-filled-button-pressed-state-layer-opacity: .12;--mat-outlined-button-state-layer-color: var(--sys-primary);--mat-outlined-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-outlined-button-ripple-color: color-mix(in srgb, var(--sys-primary) 12%, transparent);--mat-outlined-button-hover-state-layer-opacity: .08;--mat-outlined-button-focus-state-layer-opacity: .12;--mat-outlined-button-pressed-state-layer-opacity: .12;--mdc-icon-button-icon-color: var(--sys-on-surface-variant);--mdc-icon-button-disabled-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-icon-button-state-layer-color: var(--sys-on-surface-variant);--mat-icon-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-icon-button-ripple-color: color-mix(in srgb, var(--sys-on-surface-variant) 12%, transparent);--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-pressed-state-layer-opacity: .12;--mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-extended-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-container-color: var(--sys-primary-container);--mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-container-color: var(--sys-primary-container);--mat-fab-foreground-color: var(--sys-on-primary-container);--mat-fab-state-layer-color: var(--sys-on-primary-container);--mat-fab-ripple-color: color-mix(in srgb, var(--sys-on-primary-container) 12%, transparent);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-focus-state-layer-opacity: .12;--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-disabled-state-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-fab-small-foreground-color: var(--sys-on-primary-container);--mat-fab-small-state-layer-color: var(--sys-on-primary-container);--mat-fab-small-ripple-color: color-mix(in srgb, var(--sys-on-primary-container) 12%, transparent);--mat-fab-small-hover-state-layer-opacity: .08;--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-disabled-state-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-snackbar-container-color: var(--sys-inverse-surface);--mdc-snackbar-supporting-text-color: var(--sys-inverse-on-surface);--mat-snack-bar-button-color: var(--sys-inverse-primary);--mat-table-background-color: var(--sys-surface);--mat-table-header-headline-color: var(--sys-on-surface);--mat-table-row-item-label-text-color: var(--sys-on-surface);--mat-table-row-item-outline-color: var(--sys-outline);--mdc-circular-progress-active-indicator-color: var(--sys-primary);--mat-badge-background-color: var(--sys-error);--mat-badge-text-color: var(--sys-on-error);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--sys-error) 38%, transparent);--mat-badge-disabled-state-text-color: var(--sys-on-error);--mat-bottom-sheet-container-text-color: var(--sys-on-surface);--mat-bottom-sheet-container-background-color: var(--sys-surface-container-low);--mat-standard-button-toggle-hover-state-layer-opacity: .08;--mat-standard-button-toggle-focus-state-layer-opacity: .12;--mat-standard-button-toggle-text-color: var(--sys-on-surface);--mat-standard-button-toggle-state-layer-color: var(--sys-on-surface);--mat-standard-button-toggle-selected-state-background-color: var(--sys-secondary-container);--mat-standard-button-toggle-selected-state-text-color: var(--sys-on-secondary-container);--mat-standard-button-toggle-disabled-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-standard-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-standard-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-standard-button-toggle-divider-color: var(--sys-outline);--mat-datepicker-calendar-date-selected-state-text-color: var(--sys-on-primary);--mat-datepicker-calendar-date-selected-state-background-color: var(--sys-primary);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--sys-primary);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--sys-on-surface) 8%, transparent);--mat-datepicker-toggle-active-state-icon-color: var(--sys-on-surface-variant);--mat-datepicker-calendar-date-in-range-state-background-color: var(--sys-primary-container);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--sys-secondary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--sys-secondary);--mat-datepicker-toggle-icon-color: var(--sys-on-surface-variant);--mat-datepicker-calendar-body-label-text-color: var(--sys-on-surface);--mat-datepicker-calendar-period-button-text-color: var(--sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--sys-on-surface-variant);--mat-datepicker-calendar-header-text-color: var(--sys-on-surface-variant);--mat-datepicker-calendar-date-today-outline-color: var(--sys-primary);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-text-color: var(--sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: var(--sys-primary);--mat-datepicker-range-input-separator-color: var(--sys-on-surface);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-datepicker-calendar-container-background-color: var(--sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--sys-on-surface);--mat-divider-color: var(--sys-outline);--mat-expansion-container-background-color: var(--sys-surface);--mat-expansion-container-text-color: var(--sys-on-surface);--mat-expansion-actions-divider-color: var(--sys-outline);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 8%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-expansion-header-text-color: var(--sys-on-surface);--mat-expansion-header-description-color: var(--sys-on-surface-variant);--mat-expansion-header-indicator-color: var(--sys-on-surface-variant);--mat-sidenav-container-background-color: var(--sys-surface);--mat-sidenav-container-text-color: var(--sys-on-surface-variant);--mat-sidenav-content-background-color: var(--sys-background);--mat-sidenav-content-text-color: var(--sys-on-background);--mat-sidenav-scrim-color: rgba(42, 49, 59, .4);--mat-stepper-header-icon-foreground-color: var(--sys-surface);--mat-stepper-header-selected-state-icon-background-color: var(--sys-primary);--mat-stepper-header-selected-state-icon-foreground-color: var(--sys-on-primary);--mat-stepper-header-edit-state-icon-background-color: var(--sys-primary);--mat-stepper-header-edit-state-icon-foreground-color: var(--sys-on-primary);--mat-stepper-container-color: var(--sys-surface);--mat-stepper-line-color: var(--sys-outline);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--sys-inverse-surface) 8%, transparent);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--sys-inverse-surface) 12%, transparent);--mat-stepper-header-label-text-color: var(--sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--sys-on-surface-variant);--mat-stepper-header-selected-state-label-text-color: var(--sys-on-surface-variant);--mat-stepper-header-error-state-label-text-color: var(--sys-error);--mat-stepper-header-icon-background-color: var(--sys-on-surface-variant);--mat-stepper-header-error-state-icon-foreground-color: var(--sys-error);--mat-sort-arrow-color: var(--sys-on-surface);--mat-toolbar-container-background-color: var(--sys-surface);--mat-toolbar-container-text-color: var(--sys-on-surface);--mat-tree-container-background-color: var(--sys-surface);--mat-tree-node-text-color: var(--sys-on-surface);--mat-timepicker-container-background-color: var(--sys-surface-container);--sys-background: #101419;--sys-error: #ffb4ab;--sys-error-container: #93000a;--sys-inverse-on-surface: #2d3136;--sys-inverse-primary: #0060a7;--sys-inverse-surface: #e0e2ea;--sys-on-background: #e0e2ea;--sys-on-error: #690005;--sys-on-error-container: #ffdad6;--sys-on-primary: #00325a;--sys-on-primary-container: #d2e4ff;--sys-on-primary-fixed: #001c37;--sys-on-primary-fixed-variant: #004880;--sys-on-secondary: #153250;--sys-on-secondary-container: #d2e4ff;--sys-on-secondary-fixed: #001c37;--sys-on-secondary-fixed-variant: #2d4868;--sys-on-surface: #e0e2ea;--sys-on-surface-variant: #dce3f0;--sys-on-tertiary: #00325a;--sys-on-tertiary-container: #d2e4ff;--sys-on-tertiary-fixed: #001c37;--sys-on-tertiary-fixed-variant: #004880;--sys-outline: #8a919d;--sys-outline-variant: #404752;--sys-primary: #a1c9ff;--sys-primary-container: #004880;--sys-primary-fixed: #d2e4ff;--sys-primary-fixed-dim: #a1c9ff;--sys-scrim: #000000;--sys-secondary: #aec8ef;--sys-secondary-container: #2d4868;--sys-secondary-fixed: #d2e4ff;--sys-secondary-fixed-dim: #aec8ef;--sys-shadow: #000000;--sys-surface: #101419;--sys-surface-bright: #36393f;--sys-surface-container: #1c2025;--sys-surface-container-high: #272a30;--sys-surface-container-highest: #36393f;--sys-surface-container-low: #181c21;--sys-surface-container-lowest: #0b0e13;--sys-surface-dim: #101419;--sys-surface-tint: #a1c9ff;--sys-surface-variant: #404752;--sys-tertiary: #a1c9ff;--sys-tertiary-container: #004880;--sys-tertiary-fixed: #d2e4ff;--sys-tertiary-fixed-dim: #a1c9ff;--sys-neutral-variant20: #2a313b;--sys-neutral10: #181c21;--sys-surface: #2d2d2d;--sys-background: var(--sys-surface);--hop-divider-color: #555555;--hop-item-divider-color: #555555;--sys-primary: inherit;--sys-on-primary: inherit}button.hop-variant-warn{--mdc-text-button-label-text-color: var(--sys-error);--mdc-text-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-protected-button-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-protected-button-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mdc-protected-button-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-container-color: var(--sys-surface);--mdc-protected-button-label-text-color: var(--sys-error);--mdc-protected-button-disabled-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-protected-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-filled-button-container-color: var(--sys-error);--mdc-filled-button-label-text-color: var(--sys-on-error);--mdc-filled-button-disabled-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-filled-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-outlined-button-disabled-outline-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mdc-outlined-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mdc-outlined-button-label-text-color: var(--sys-error);--mdc-outlined-button-outline-color: var(--sys-outline);--mat-text-button-state-layer-color: var(--sys-error);--mat-text-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-text-button-ripple-color: color-mix(in srgb, var(--sys-error) 12%, transparent);--mat-text-button-hover-state-layer-opacity: .08;--mat-text-button-focus-state-layer-opacity: .12;--mat-text-button-pressed-state-layer-opacity: .12;--mat-protected-button-state-layer-color: var(--sys-error);--mat-protected-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-protected-button-ripple-color: color-mix(in srgb, var(--sys-error) 12%, transparent);--mat-protected-button-hover-state-layer-opacity: .08;--mat-protected-button-focus-state-layer-opacity: .12;--mat-protected-button-pressed-state-layer-opacity: .12;--mat-filled-button-state-layer-color: var(--sys-on-error);--mat-filled-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-filled-button-ripple-color: color-mix(in srgb, var(--sys-on-error) 12%, transparent);--mat-filled-button-hover-state-layer-opacity: .08;--mat-filled-button-focus-state-layer-opacity: .12;--mat-filled-button-pressed-state-layer-opacity: .12;--mat-outlined-button-state-layer-color: var(--sys-error);--mat-outlined-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-outlined-button-ripple-color: color-mix(in srgb, var(--sys-error) 12%, transparent);--mat-outlined-button-hover-state-layer-opacity: .08;--mat-outlined-button-focus-state-layer-opacity: .12;--mat-outlined-button-pressed-state-layer-opacity: .12}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.right-0{right:0}.top-2{top:.5rem}.top-5{top:1.25rem}.top-\[-0\.25rem\]{top:-.25rem}.top-\[0\.125rem\]{top:.125rem}.z-10{z-index:10}.float-right{float:right}.float-left{float:left}.\!m-auto{margin:auto!important}.m-0{margin:0}.m-4{margin:1rem}.m-auto{margin:auto}.\!mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.\!mx-4{margin-left:1rem!important;margin-right:1rem!important}.\!my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.\!my-\[-1rem\]{margin-top:-1rem!important;margin-bottom:-1rem!important}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-\[-0\.25rem\]{margin-left:-.25rem;margin-right:-.25rem}.mx-\[-0\.5rem\]{margin-left:-.5rem;margin-right:-.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-\[-1rem\]{margin-top:-1rem;margin-bottom:-1rem}.\!mb-0{margin-bottom:0!important}.\!mb-4{margin-bottom:1rem!important}.\!mr-0{margin-right:0!important}.\!mr-2{margin-right:.5rem!important}.\!mr-6{margin-right:1.5rem!important}.\!mr-\[-0\.75rem\]{margin-right:-.75rem!important}.\!mt-2{margin-top:.5rem!important}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-\[-0\.25rem\]{margin-bottom:-.25rem}.mb-\[-0\.5rem\]{margin-bottom:-.5rem}.mb-\[-3px\]{margin-bottom:-3px}.mb-auto{margin-bottom:auto}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-\[-0\.5rem\]{margin-left:-.5rem}.ml-\[-0\.75rem\]{margin-left:-.75rem}.ml-\[-1rem\]{margin-left:-1rem}.ml-\[-35\%\]{margin-left:-35%}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-\[-0\.5rem\]{margin-right:-.5rem}.mr-\[-0\.75rem\]{margin-right:-.75rem}.mr-\[-1rem\]{margin-right:-1rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-28{margin-top:7rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[-0\.5rem\]{margin-top:-.5rem}.mt-\[-1rem\]{margin-top:-1rem}.mt-\[12\%\]{margin-top:12%}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.\!hidden{display:none!important}.hidden{display:none}.\!h-14{height:3.5rem!important}.\!h-auto{height:auto!important}.\!h-fit{height:fit-content!important}.\!h-full{height:100%!important}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[1\.5rem\]{height:1.5rem}.h-\[2rem\]{height:2rem}.h-\[350px\]{height:350px}.h-\[40px\]{height:40px}.h-\[85px\]{height:85px}.h-full{height:100%}.h-screen{height:100vh}.\!max-h-96{max-height:24rem!important}.max-h-\[500px\]{max-height:500px}.\!min-h-0{min-height:0px!important}.\!min-h-16{min-height:4rem!important}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-16{min-height:4rem}.min-h-20{min-height:5rem}.min-h-24{min-height:6rem}.min-h-40{min-height:10rem}.min-h-80{min-height:20rem}.min-h-\[18rem\]{min-height:18rem}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[3rem\]{min-height:3rem}.min-h-\[4\.5rem\]{min-height:4.5rem}.min-h-\[5rem\]{min-height:5rem}.min-h-\[60px\]{min-height:60px}.min-h-\[640px\]{min-height:640px}.min-h-\[880px\]{min-height:880px}.min-h-full{min-height:100%}.\!w-14{width:3.5rem!important}.w-0{width:0px}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10\/12{width:83.333333%}.w-12{width:3rem}.w-2\/12{width:16.666667%}.w-2\/4{width:50%}.w-28{width:7rem}.w-3{width:.75rem}.w-3\/12{width:25%}.w-36{width:9rem}.w-4\/12{width:33.333333%}.w-48{width:12rem}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-8{width:2rem}.w-8\/12{width:66.666667%}.w-80{width:20rem}.w-9\/12{width:75%}.w-\[10rem\]{width:10rem}.w-\[24rem\]{width:24rem}.w-\[250px\]{width:250px}.w-\[30rem\]{width:30rem}.w-\[450px\]{width:450px}.w-\[500px\]{width:500px}.w-\[90px\]{width:90px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-48{min-width:12rem}.min-w-60{min-width:15rem}.min-w-8{min-width:2rem}.min-w-\[115px\]{min-width:115px}.min-w-\[200px\]{min-width:200px}.min-w-\[24rem\]{min-width:24rem}.min-w-\[26rem\]{min-width:26rem}.min-w-\[2rem\]{min-width:2rem}.min-w-\[30rem\]{min-width:30rem}.min-w-\[375px\]{min-width:375px}.min-w-\[400px\]{min-width:400px}.min-w-\[656px\]{min-width:656px}.min-w-\[768\]{min-width:768}.min-w-\[768px\]{min-width:768px}.min-w-\[9rem\]{min-width:9rem}.max-w-0{max-width:0px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[200px\]{max-width:200px}.max-w-\[20rem\]{max-width:20rem}.max-w-\[500px\]{max-width:500px}.max-w-\[90\%\]{max-width:90%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-center{transform-origin:center}.origin-left{transform-origin:left}.origin-right{transform-origin:right}.origin-top{transform-origin:top}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-150{--tw-scale-x: 1.5;--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.60\]{--tw-scale-x: .6;--tw-scale-y: .6;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.65\]{--tw-scale-x: .65;--tw-scale-y: .65;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.35\]{--tw-scale-x: 1.35;--tw-scale-y: 1.35;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[2\]{--tw-scale-x: 2;--tw-scale-y: 2;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[3\]{--tw-scale-x: 3;--tw-scale-y: 3;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[5\]{--tw-scale-x: 5;--tw-scale-y: 5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.\!cursor-not-allowed{cursor:not-allowed!important}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.select-all{-webkit-user-select:all;user-select:all}.resize{resize:both}.list-none{list-style-type:none}.\!flex-row{flex-direction:row!important}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-center{align-items:center}.\!justify-start{justify-content:flex-start!important}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.self-end{align-self:flex-end}.self-center{align-self:center}.\!overflow-auto{overflow:auto!important}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.\!rounded{border-radius:.25rem!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-4{border-width:4px}.border-current{border-color:currentColor}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.bg-slate-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!px-4{padding-left:1rem!important;padding-right:1rem!important}.\!py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.\!py-4{padding-top:1rem!important;padding-bottom:1rem!important}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.\!pt-0{padding-top:0!important}.\!pt-4{padding-top:1rem!important}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-\[23\%\]{padding-left:23%}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pr-\[32rem\]{padding-right:32rem}.pr-\[64rem\]{padding-right:64rem}.pt-1{padding-top:.25rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.\!text-right{text-align:right!important}.text-right{text-align:right}.text-end{text-align:end}.align-middle{vertical-align:middle}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-snug{line-height:1.375}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-neutral-50{--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hop-color-primary{color:var(--sys-primary)}.hop-color-ok{color:var(--hop-color-ok)!important}.hop-color-error{color:var(--hop-color-error)}.hop-color-warn{color:var(--hop-color-warning)}.hop-color-white{color:#fff}.hop-on-surface{color:var(--sys-on-surface)}.hop-bg-primary-contrast{color:var(--sys-surface)}.hop-bg-selected{background-color:var(--hop-selection)!important}.hop-bg-hover:not(.hop-bg-selected),.hop-has-hover:not(.hop-bg-selected):hover,.hop-list-item:not(.hop-bg-selected):hover{background-color:var(--hop-hover)}.hop-bg-primary,#toast-container .toast-info{background-color:var(--sys-primary);color:var(--sys-on-primary)!important}.hop-bg-light{background-color:color-mix(in srgb,var(--sys-on-surface) 5%,transparent)}.hop-bg-ok,#toast-container .toast-success{background-color:var(--hop-color-ok)!important;color:#fff!important}.hop-bg-error{background-color:var(--hop-color-error)!important;color:#fff!important}.hop-bg-warn,#toast-container .toast-warning,.hop-bg-warning{background-color:var(--hop-color-warning)!important;color:#fff!important}.hop-bg-disabled{background-color:#c4c6ce!important}.hop-has-hover,.hop-list-item{cursor:pointer}.hop-divider-bottom{border-bottom:1px solid var(--hop-divider-color)}.hop-divider-right{border-right:1px solid var(--hop-divider-color)}.hop-divider-top{border-top:1px solid var(--hop-divider-color)}.hop-divider-left{border-left:1px solid var(--hop-divider-color)}.hop-box{height:100%;overflow:hidden;display:flex;flex-flow:column}.hop-box-content{overflow-y:auto;overflow-x:auto;flex-grow:1}.hop-box-content>.w-full{width:calc(100% - .25rem)}.hop-center-container{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.hop-break-anywhere{overflow-wrap:anywhere}:root{--minimum-supported-width: 1365px}.hop-light-overlay,.hop-infobox,.hop-hovered-light-overlay:hover{background-color:var(--hop-primary-light);color:var(--sys-on-surface)!important}.mat-divider.hop-primary{border-color:var(--sys-primary)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{min-width:1366px;height:100%}@-moz-document url-prefix(){*{scrollbar-width:thin;scrollbar-color:var(--hop-overlay-dark) transparent!important}}::-webkit-scrollbar{width:.35rem;height:.35rem;padding:.05rem}::-webkit-scrollbar-track{margin:.05rem;background:color-mix(in srgb,var(--sys-on-surface) 10%,transparent)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sys-primary) 50%,transparent);border:0;background-clip:padding-box;border-radius:1rem}::-webkit-search-cancel-button{cursor:pointer!important}#toast-container .toast-message a{text-decoration:underline!important}.mdc-notched-outline__notch{border-right:none}input::placeholder{opacity:.5!important}.lokalise-live-js-container{background-color:var(--sys-surface)}.border{border-color:var(--hop-divider-color)}:root{--mat-sidenav-container-shape: 0;--mat-divider-color: var(--hop-divider-color);--hop-primary: rgb(var(--rgb-primary));--mat-select-enabled-arrow-color: var(--sys-primary);--mat-icon-button-state-layer-color: var(--sys-primary);--mat-option-selected-state-layer-color: var(--hop-selection);--mat-option-focus-state-layer-color: var(--hop-selection);--mat-option-hover-state-layer-color: var(--hop-hover);--mat-ripple-color: var(--hop-selection);--mdc-dialog-subhead-color: var(--sys-primary);--mat-table-row-item-outline-color: var(--hop-item-divider-color);--mdc-chip-hover-state-layer-color: transparent;--mat-select-panel-background-color: var(--sys-surface);--mat-autocomplete-background-color: var(--sys-surface);--mdc-list-list-item-focus-state-layer-color: var(--sys-primary);--mdc-list-list-item-hover-state-layer-color: var(--sys-primary);--mat-menu-container-color: var(--sys-surface);--mat-sidenav-container-background-color: var(--sys-surface);--mat-sidenav-content-background-color: var(--sys-surface);--mat-expansion-header-indicator-color: var(--sys-primary);--mat-expansion-header-text-color: var(--sys-primary);--mat-dialog-with-actions-content-padding: 20px 24px 12px;--mdc-chip-disabled-label-text-color: var(--sys-on-surface);--mdc-chip-disabled-outline-color: var(--sys-on-surface);--mat-expansion-header-text-size: .9rem;--mat-menu-item-label-text-size: .8rem;--mat-menu-item-icon-color: var(--sys-primary);--mat-expansion-header-expanded-state-height: 48px}.mat-expansion-panel{--mat-expansion-container-shape: 0;box-shadow:none!important}.mat-expansion-panel .mat-expansion-panel-header{padding-left:1rem}.mat-expansion-panel.mat-expansion-panel-spacing{margin:0!important}.mat-expansion-panel .mat-expansion-panel-body{padding:0!important}.mat-divider.hop-color-primary{border-top-color:var(--sys-primary);border-right-color:var(--sys-primary)}.mat-mdc-icon-button:not(.mat-mdc-button-disabled) .mat-icon{--mat-icon-color: var(--sys-primary)}.mat-mdc-tab-body-wrapper{height:100%}.mat-mdc-unelevated-button>.mat-icon{flex-shrink:0}.mat-mdc-outlined-button:not(:disabled){--mdc-outlined-button-outline-color: var(--sys-primary)}.mat-mdc-menu-content{padding:0!important}.mat-mdc-menu-content .mat-mdc-menu-item{padding-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--hop-item-divider-color) 25%,transparent)}.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text{white-space:nowrap}.mat-mdc-menu-panel{max-width:fit-content!important}.mat-mdc-header-cell{padding-bottom:.5rem!important;padding-top:.5rem!important;box-shadow:inset 0 -1px var(--hop-divider-color)!important}.mat-mdc-checkbox .mat-internal-form-field,.mat-mdc-checkbox .mdc-label{width:100%}.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 241px) and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 481px) and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}.hop-tooltip-no-truncate{word-break:break-all!important;white-space:normal!important}.hop-table{width:100%;border-color:var(--hop-item-divider-color)}.hop-table.disabled{pointer-events:none;opacity:.3}.hop-table tr td.mat-mdc-cell{border-bottom-color:var(--hop-item-divider-color)}.hop-table tr td.mat-mdc-cell .hop-device-image{width:50px;height:50px}.hop-table tr td.mat-mdc-cell:first-of-type{padding-left:0}.hop-table tr td.mat-mdc-cell:last-of-type{padding-right:0}.hop-custom-toast-error-message{font-size:.75rem;line-height:1rem}.hop-custom-toast-error-message li p{font-size:unset;font-weight:700}.hop-save-snackbar{background-color:var(--sys-surface);color:var(--sys-primary)!important;max-width:unset!important;min-width:373px!important;margin-top:0!important;margin-bottom:12px!important}.hop-save-snackbar .mat-primary{color:var(--sys-on-primary)!important}.hop-infobox{padding:1.5rem;border-radius:4px;text-align:left}.hop-infobox p{margin:0!important;font-size:.75rem}.hop-select-note{font-size:.55rem;opacity:.65;padding-left:.15rem}.hop-strong-link{font-weight:500;color:var(--sys-primary);cursor:pointer}.hop-sublabel{display:inline-block;opacity:.75;margin-bottom:1rem}.hop-text-note{opacity:.5}.hop-text-note mat-icon{transform-origin:bottom;transform:scale(3)}.hop-tree-node.selected>div{background-color:var(--hop-selection)!important}.hop-tree-node:hover>div{background-color:var(--hop-hover)!important}.hop-tree-node>div{display:flex;flex-grow:1;align-items:center;cursor:pointer;min-height:inherit;border-bottom:1px solid var(--hop-item-divider-color)}.hop-tree-node.hop-tree-group>div{font-weight:600;text-transform:uppercase}.hop-device-type-image-container{display:block;width:64px;height:64px;background-size:contain;background-repeat:no-repeat;background-position:center;margin:0}.hop-customer-select .mat-form-field-suffix,.header-actions .mat-mdc-icon-button,.mat-icon-button{cursor:pointer}.hop-customer-select .mat-form-field-suffix:hover,.header-actions .mat-mdc-icon-button:hover,.mat-icon-button:hover{opacity:.9;transform:scale(1.1);background-color:var(--hop-hover);border-radius:100%}.hop-device-item{border-bottom:1px solid var(--hop-item-divider-color);display:flex;justify-content:space-between;align-items:center;padding:.25rem}.hop-device-item .hop-device-image{width:50px;height:50px}.hop-status-available{color:var(--hop-color-ok)}.hop-status-hidden{color:#44474d}.hop-status-disabled{color:var(--hop-color-warning)}.hop-device-thumbnail{width:50px;height:50px}.hop-fit-content-pane{min-width:max-content;padding-top:0!important;padding-bottom:0!important}.hop-fit-content-pane>*{white-space:nowrap;min-width:max-content!important;width:100%!important}.hop-chevron{transform-origin:left center}#search-clear{cursor:pointer}.hop-input-nosub .mat-mdc-form-field-subscript-wrapper{display:none!important}.hop-link{color:var(--sys-primary);text-decoration:underline;font-weight:500;cursor:pointer}.hop-nolabel .mdc-notched-outline__notch{display:none!important}.hop-active-link,.mat-mdc-button.hop-active-link{background-color:var(--hop-selection)}.hop-list-item{border-bottom:1px solid var(--hop-item-divider-color)}.hop-spinner-overlay{position:absolute;width:100%;height:100%;background-color:var(--sys-surface);opacity:.9;z-index:999;display:flex;align-items:center;justify-content:center;top:0;left:0}.hop-multiline-tooltip{white-space:pre-line;text-align:left;width:fit-content!important}.hop-chip-marker{pointer-events:none;transform:scale(.8);transform-origin:right}.hop-chip-marker .mat-icon{margin-right:-.35rem;scale:.75;border-radius:100%;padding:.25rem;height:30px;width:30px;margin-left:-.75rem}.hop-chip-marker .mat-mdc-chip-action-label{font-weight:500!important}.hop-readonly{pointer-events:none;--mdc-outlined-text-field-disabled-input-text-color: var(--sys-on-surface);--mdc-outlined-text-field-disabled-outline-color: color-mix( in srgb, var(--sys-on-surface) 60%, transparent );cursor:pointer!important}.hop-readonly .mat-icon-button{display:none}.hop-readonly .mat-icon{opacity:.25}.hop-readonly .mat-mdc-input-element:disabled{color:var(--sys-on-surface);opacity:.75}.hop-readonly .mat-mdc-form-field-input-control{opacity:1!important}.hop-readonly .mdc-floating-label{color:var(--sys-on-surface);pointer-events:none!important}.hop-readonly .mdc-line-ripple:before{border-bottom-color:var(--hop-divider-color)}.hop-readonly .mdc-notched-outline>*{opacity:.5}.hop-readonly .mat-mdc-input-element{opacity:.5}.hop-readonly #suffixIcon{color:#c4c6ce}.hop-readonly .mat-mdc-form-field-icon-suffix{pointer-events:none}.hop-readonly input{opacity:.85!important}.mat-typography h1,.mat-typography h2{margin:0!important}.hop-chip-external{height:fit-content!important;padding-top:.25rem;padding-bottom:.25rem;border-radius:999px!important;padding:.25rem 0rem;min-width:min-content;margin-right:0}.hop-chip-external .mat-mdc-chip-focus-overlay{display:none}.hop-chip-external .mat-icon{width:16px;height:16px;flex-shrink:0}.hop-chip-external *{font-size:.75rem!important}.hop-chip-status.hop-chip-inprogress,.hop-chip-status.hop-chip-primary{--mdc-chip-outline-color: var(--sys-primary);--mdc-chip-label-text-color: var(--sys-primary)}.hop-chip-status.hop-chip-ordered,.hop-chip-status.hop-chip-archived{--mdc-chip-outline-color: theme.get-neutral();--mdc-chip-label-text-color: theme.get-neutral()}.hop-chip-status.hop-chip-cancelled{--mdc-chip-outline-color: var(--hop-color-warning);--mdc-chip-label-text-color: var(--hop-color-warning)}.hop-chip-status.hop-chip-created,.hop-chip-status.hop-chip-generic,.hop-chip-status.hop-chip-completed,.hop-chip-status.hop-chip-deprecated{background-color:#5b5e65!important;--mdc-chip-outline-color: transparent;--mdc-chip-label-text-color: var(--sys-surface)}.hop-chip-status.hop-chip-active{--mdc-chip-elevated-container-color: var(--sys-primary);--mdc-chip-outline-color: var(--sys-primary);--mdc-chip-label-text-color: var(--sys-surface)}.hop-chip-status.hop-chip-closed{--mdc-chip-outline-color: var(--hop-color-ok);--mdc-chip-label-text-color: var(--hop-color-ok)}.hop-status-ok,.hop-status-active{color:var(--hop-color-ok)!important}.hop-status-ok:after,.hop-status-active:after{content:" \25cf";padding-left:.25rem}.hop-status-error,.hop-status-deleted{color:var(--hop-color-error)}.hop-status-error:after,.hop-status-deleted:after{content:" \25cf";padding-left:.25rem}.hop-status-inactive,.hop-status-created{color:#5b5e65}.hop-status-inactive:after,.hop-status-created:after{content:" \25cf";padding-left:.25rem}.hop-lokalise-collapsed{height:0!important}.hop-thumbnail,.hop-table tr td.mat-mdc-cell .hop-device-image,.hop-device-item .hop-device-image,.hop-device-thumbnail{background-color:color-mix(in srgb,var(--sys-primary) 5%,var(--sys-on-surface) 5%);height:75px;width:75px;background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hop-thumbnail .mat-icon,.hop-table tr td.mat-mdc-cell .hop-device-image .mat-icon,.hop-device-item .hop-device-image .mat-icon,.hop-device-thumbnail .mat-icon{width:80%;height:auto;opacity:.5}.hop-dialog-side{height:100vh;right:0;top:0;position:absolute!important;min-width:500px;--mdc-dialog-container-shape: 0;--mat-dialog-container-min-width: 500px;--mat-dialog-container-max-width: none}.hop-dialog-side #header-actions{margin-top:-.5rem!important}.hop-dialog-side.hop-dialog-md{width:768px}mat-sidenav.hop-details-side{width:32rem}mat-sidenav.hop-details-side.mat-drawer-side{border-left:1px solid var(--hop-item-divider-color)}mat-sidenav.hop-details-side.hop-expanded{width:64rem}.hop-no-tab-headers mat-tab-header{display:none}.hop-toolbar{--mdc-icon-button-icon-color: var(--sys-primary);--mat-divider-color: var(--sys-primary);--mat-select-enabled-trigger-text-color: var(--sys-primary);--mdc-outlined-text-field-label-text-color: var(--sys-primary);--mdc-outlined-text-field-hover-label-text-color: var(--sys-primary);--mat-switch-label-text-color: var(--sys-primary);--mat-radio-label-text-color: var(--sys-primary);--mdc-outlined-text-field-outline-color: var(--sys-primary);--mdc-outlined-text-field-hover-outline-color: var(--hop-primary-strong);--mdc-outlined-text-field-input-text-placeholder-color: var(--hop-primary-75);display:flex;align-items:center;gap:.25rem;font-weight:500;min-height:70px;box-sizing:border-box}.hop-toolbar .mdc-switch{scale:.75}.hop-toolbar.mat-mdc-button-base,.hop-toolbar .mat-mdc-button-base{text-transform:uppercase;font-size:12px}.hop-toolbar input::placeholder{opacity:.5!important;text-transform:uppercase;font-size:12px;font-weight:500}.hop-toolbar #prefix{--mat-icon-color: var(--sys-primary)}.hop-toolbar hop-decode-tooltip .mat-icon{opacity:.5;margin-bottom:.25rem}.hop-toolbar .mat-divider.mat-divider-vertical{height:1.75rem;margin-left:.5rem!important;margin-right:.5rem!important;opacity:.25}.hop-toolbar .mat-mdc-slide-toggle{--mdc-typography-body2-text-transform: uppercase !important}.hop-toolbar .mat-mdc-slide-toggle .mdc-label{font-size:12px;font-weight:500;text-transform:uppercase;white-space:nowrap}.hop-toolbar .mat-mdc-radio-button{--mdc-typography-body2-text-transform: uppercase !important;margin-left:.5rem}.hop-toolbar .mat-mdc-radio-button .mdc-label{font-size:12px;font-weight:500;padding-left:0;text-transform:uppercase}.hop-toolbar .mat-mdc-floating-label{overflow:visible!important;position:relative!important;top:35px!important;left:3px!important}.hop-toolbar .hop-button-collapsed{min-width:24px!important}.hop-toolbar .hop-button-collapsed .mat-icon{margin-right:-.25rem!important}.hop-toolbar hop-select-control:has(label),.hop-toolbar .hop-select-control:has(label){margin-bottom:-.5rem}.hop-toolbar hop-select-control label,.hop-toolbar .hop-select-control label{padding-top:.75rem}.hop-toolbar hop-select-control>div,.hop-toolbar .hop-select-control>div{padding-top:0!important}.hop-toolbar hop-select-control .mat-mdc-form-field-subscript-wrapper,.hop-toolbar .hop-select-control .mat-mdc-form-field-subscript-wrapper{display:none}.hop-toolbar hop-select-control .mat-mdc-select,.hop-toolbar .hop-select-control .mat-mdc-select{font-weight:500;text-transform:uppercase;font-size:12px;margin-top:0;padding:.5rem 1rem;border-radius:9999px}.hop-toolbar hop-select-control .mat-mdc-select-arrow-wrapper,.hop-toolbar .hop-select-control .mat-mdc-select-arrow-wrapper{margin-left:1rem}.hop-toolbar hop-select-control .mat-mdc-text-field-wrapper,.hop-toolbar .hop-select-control .mat-mdc-text-field-wrapper{padding-left:0}.hop-toolbar hop-select-control .mdc-notched-outline>*,.hop-toolbar .hop-select-control .mdc-notched-outline>*{border-width:0!important}.hop-toolbar hop-input{margin-top:-5px}.hop-toolbar hop-input .mat-mdc-form-field-subscript-wrapper{display:none}.hop-toolbar hop-input .mdc-notched-outline>*{border-width:0 0 1px 0!important;border-radius:0!important}.hop-toolbar hop-input .mat-mdc-text-field-wrapper{height:50px!important}.hop-toolbar hop-input .mat-icon{padding:0!important}.hop-toolbar .mdc-button{--mdc-typography-button-letter-spacing: normal}.hop-toolbar-style.mat-mdc-button-base{text-transform:uppercase;font-size:12px;letter-spacing:normal}.hop-toolbar-style.mat-mdc-form-field-type-mat-select .mat-mdc-form-field-subscript-wrapper{display:none}.hop-toolbar-style.mat-mdc-form-field-type-mat-select .mat-mdc-select{font-weight:500;text-transform:uppercase;font-size:12px;margin-top:0}.hop-toolbar-style.mat-mdc-form-field-type-mat-select .mdc-notched-outline>*{border-width:0!important}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:opacity-30:hover{opacity:.3}.hover\:opacity-75:hover{opacity:.75}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 1536px){.\32xl\:\!inline-block{display:inline-block!important}.\32xl\:hidden{display:none}.\32xl\:w-auto{width:auto}.\32xl\:w-full{width:100%}.\32xl\:min-w-\[768\]{min-width:768}.\32xl\:flex-row{flex-direction:row}}