@fundamental-ngx/core 0.40.1-rc.2 → 0.40.1-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -325,8 +325,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
325
325
  class ShellbarComponent {
326
326
  constructor() {
327
327
  /**
328
- * Whether the Shellbar is used with Side Navigation
329
- * When set to true, the responsive paddings are not applied
328
+ * Whether the Shellbar is used with Side Navigation.
329
+ * When set to true, the responsive paddings are not applied.
330
+ * Can also accept a template variable referring to a SideNavigationInterface (fd-side-nav or fdx-side-nav), and
331
+ * will add the corresponding class.
330
332
  */
331
333
  this.sideNav = false;
332
334
  /** @hidden */
@@ -480,6 +482,14 @@ class ShellbarComponent {
480
482
  this._cd.detectChanges();
481
483
  }
482
484
  /** @hidden */
485
+ _getSideNavClass() {
486
+ let retVal = ' ';
487
+ if (this.sideNav && this.sideNav.additionalShellbarCssClass) {
488
+ retVal += this.sideNav.additionalShellbarCssClass;
489
+ }
490
+ return retVal;
491
+ }
492
+ /** @hidden */
483
493
  _setCurrentBreakpoint() {
484
494
  const { width } = this._shellbar.nativeElement.getBoundingClientRect();
485
495
  const breakpoint = this._breakpoints.find((item) => width >= item.min && width < item.max + 1);
@@ -534,7 +544,7 @@ ShellbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
534
544
  supportedContentDensity: [ContentDensityMode.COZY],
535
545
  restrictChildContentDensity: true
536
546
  })
537
- ], queries: [{ propertyName: "comboboxComponent", first: true, predicate: FD_COMBOBOX_COMPONENT, descendants: true }, { propertyName: "_actions", first: true, predicate: ShellbarActionsComponent, descendants: true }, { propertyName: "searchComponent", first: true, predicate: FD_SHELLBAR_SEARCH_COMPONENT, descendants: true }, { propertyName: "buttons", predicate: FD_BUTTON_COMPONENT, read: ElementRef }], viewQueries: [{ propertyName: "_searchPortalOutlet", first: true, predicate: ["searchPortalOutlet"], descendants: true, read: CdkPortalOutlet }, { propertyName: "_shellbar", first: true, predicate: ["shellbar"], descendants: true }], ngImport: i0, template: "<div class=\"fd-shellbar\" [class]=\"'fd-shellbar--' + _currentSize\" [class.fd-shellbar--side-nav]=\"sideNav\" #shellbar>\n <div class=\"fd-shellbar__group fd-shellbar__group--product\" *ngIf=\"!_hideAllComponents\">\n <ng-content select=\"[fd-shellbar-side-nav]\"></ng-content>\n\n <ng-content select=\"fd-shellbar-logo\"></ng-content>\n\n <ng-content select=\"fd-shellbar-title\" *ngIf=\"!_hideTitleComponents\"></ng-content>\n\n <div class=\"fd-shellbar__product\" *ngIf=\"!_hideTitleComponents\">\n <ng-content select=\"fd-product-menu\"></ng-content>\n </div>\n\n <ng-content select=\"fd-shellbar-subtitle\" *ngIf=\"!_hideTitleComponents\"></ng-content>\n </div>\n <div hidden>\n <ng-content></ng-content>\n </div>\n <div class=\"fd-shellbar__group fd-shellbar__group--center fd-shellbar__group--mobile-flex\" *ngIf=\"searchComponent\">\n <div class=\"fd-shellbar__action fd-shellbar__action--grow\">\n <ng-container cdkPortalOutlet #searchPortalOutlet></ng-container>\n </div>\n <div\n *ngIf=\"_currentSize === 'xl' || _hideAllComponents\"\n class=\"fd-shellbar__action fd-shellbar__action--mobile fd-shellbar__action--shrink\"\n >\n <button class=\"fd-button fd-button--transparent\" (click)=\"_closeMobileSearch()\">\n {{ 'coreShellbar.cancel' | fdTranslate }}\n </button>\n </div>\n </div>\n\n <ng-content select=\"fd-shellbar-actions\" *ngIf=\"!_hideAllComponents\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-shellbar{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--fdShellbar_Shadow);align-items:center;background-color:var(--sapShellColor);border:0;box-shadow:var(--fdShellbar_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdShellbar_Height);justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem;position:relative}.fd-shellbar:after,.fd-shellbar:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1 1 0px;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar__group:after,.fd-shellbar__group:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group--product{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-ordinal-group:2;-ms-flex-order:1;justify-content:flex-start;order:1}.fd-shellbar__group--center,.fd-shellbar__group--copilot{-webkit-box-ordinal-group:3;-ms-flex-order:2;-webkit-box-pack:center;-ms-flex-pack:center;display:none;justify-content:center;margin:0 .5rem;order:2}.fd-shellbar__group--center .fd-shellbar__action,.fd-shellbar__group--copilot .fd-shellbar__action{width:100%}@media (min-width: 1440px){.fd-shellbar__group--center,.fd-shellbar__group--copilot{display:inline-block}}.fd-shellbar__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-ordinal-group:4;-ms-flex-order:3;justify-content:flex-end;order:3}.fd-shellbar__subtitle,.fd-shellbar__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-shellbar__subtitle:after,.fd-shellbar__subtitle:before,.fd-shellbar__title:after,.fd-shellbar__title:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo,.fd-shellbar__product,.fd-shellbar__subtitle{display:inline-block;vertical-align:middle}.fd-shellbar__logo,.fd-shellbar__title{position:relative}.fd-shellbar__logo.is-focus,.fd-shellbar__logo:focus,.fd-shellbar__title.is-focus,.fd-shellbar__title:focus{outline:none;pointer-events:all}.fd-shellbar__logo.is-focus:before,.fd-shellbar__logo:focus:before,.fd-shellbar__title.is-focus:before,.fd-shellbar__title:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdShellbar_Button_Outline_Color);border-radius:calc(var(--sapButton_BorderCornerRadius) - .125rem);content:\"\";display:block;inset:-.25rem;pointer-events:none;position:absolute}.fd-shellbar__title{font-weight:700;vertical-align:middle}.fd-shellbar__subtitle{font-size:var(--sapFontSmallSize)}.fd-shellbar__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;padding:0}.fd-shellbar__logo:after,.fd-shellbar__logo:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo>*{display:block;line-height:0;max-height:2.5rem;width:auto}.fd-shellbar__logo--image-replaced{background-image:url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQxMi4zOCAyMDQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjIwNi4xOSIgeDI9IjIwNi4xOSIgeTI9IjIwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwYjhmMSIvPjxzdG9wIG9mZnNldD0iLjAyIiBzdG9wLWNvbG9yPSIjMDFiNmYwIi8+PHN0b3Agb2Zmc2V0PSIuMzEiIHN0b3AtY29sb3I9IiMwZDkwZDkiLz48c3RvcCBvZmZzZXQ9Ii41OCIgc3RvcC1jb2xvcj0iIzE3NzVjOCIvPjxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjMWM2NWJmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWU1ZmJiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTAgMjA0aDIwOC40MUw0MTIuMzggMEgwdjIwNCIgc3R5bGU9ImZpbGw6dXJsKCNhKTtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik0yNDQuNzMgMzguMzZoLTQwLjZ2OTYuNTJsLTM1LjQ2LTk2LjU1aC0zNS4xNmwtMzAuMjcgODAuNzJDMTAwIDk4LjcgNzkgOTEuNjcgNjIuNCA4Ni40IDUxLjQ2IDgyLjg5IDM5Ljg1IDc3LjcyIDQwIDcyYy4wOS00LjY4IDYuMjMtOSAxOC4zOC04LjM4IDguMTcuNDMgMTUuMzcgMS4wOSAyOS43MSA4bDE0LjEtMjQuNTVDODkuMDYgNDAuNDIgNzEgMzYuMjEgNTYuMTcgMzYuMTloLS4wOWMtMTcuMjggMC0zMS42OCA1LjYtNDAuNiAxNC44M0EzNC4yMyAzNC4yMyAwIDAgMCA1Ljc3IDc0LjdDNS41NCA4Ny4xNSAxMC4xMSA5NiAxOS43MSAxMDNjOC4xIDUuOTQgMTguNDYgOS43OSAyNy42IDEyLjYyIDExLjI3IDMuNDkgMjAuNDcgNi41MyAyMC4zNiAxM0E5LjU3IDkuNTcgMCAwIDEgNjUgMTM1Yy0yLjgxIDIuOS03LjEzIDQtMTMuMDkgNC4xLTExLjQ5LjI0LTIwLTEuNTYtMzMuNjEtOS41OUw1Ljc3IDE1NC40MmE5My43NyA5My43NyAwIDAgMCA0NiAxMi4yMmgyLjExYzE0LjI0LS4yNSAyNS43NC00LjMxIDM0LjkyLTExLjcxLjUzLS40MSAxLS44NCAxLjQ5LTEuMjhsLTQuMTIgMTAuODVIMTIzbDYuMTktMTguODJhNjcuNDYgNjcuNDYgMCAwIDAgMjEuNjggMy40MyA2OC4zMyA2OC4zMyAwIDAgMCAyMS4xNi0zLjI1bDYgMTguNjRoNjAuMTR2LTM5aDEzLjExYzMxLjcxIDAgNTAuNDYtMTYuMTUgNTAuNDYtNDMuMiAwLTMwLjExLTE4LjIyLTQzLjk0LTU3LjAxLTQzLjk0ek0xNTAuOTEgMTIxYTM2LjkzIDM2LjkzIDAgMCAxLTEzLTIuMjhsMTIuODctNDAuNTloLjIybDEyLjY1IDQwLjcxYTM4LjUgMzguNSAwIDAgMS0xMi43NCAyLjE2em05Ni4yLTIzLjMzaC04Ljk0VjY0LjkxaDguOTRjMTEuOTMgMCAyMS40NCA0IDIxLjQ0IDE2LjE0IDAgMTIuNi05LjUxIDE2LjU3LTIxLjQ0IDE2LjU3IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkIi8+PC9zdmc+);height:1.5rem;width:3rem}.fd-shellbar .fd-shellbar__group{--fdShellbar_Button_Active_Background:var(--sapShell_Active_Background);--fdShellbar_Button_Active_Color:var(--sapShell_Active_TextColor)}.fd-shellbar .fd-shellbar__group .fd-shellbar__action{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__action:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__action:before{box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-shellbar__group .fd-shellbar__action>*{vertical-align:middle}.fd-shellbar .fd-shellbar__group .fd-shellbar__action--grow{flex:1}.fd-shellbar .fd-shellbar__group .fd-shellbar__action--shrink{flex:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field{--fdSelect_Text_Content_Color:var(--fdShellbar_Select_Content_Color);--fdInputGroup_Input_Border:var(--fdShellbar_Input_Border);--fdInputGroup_Input_Color:var(--fdShellbar_Input_Color);--fdInputGroup_Input_Placeholder_Color:var(--fdShellbar_Input_Placeholder_Color);--fdInputGroup_Input_Placeholder_Style:var(--fdShellbar_Input_Placeholder_Style);--fdInputGroup_Background:transparent;--fdInputGroup_Background_Color:var(--fdShellbar_Input_Background);--fdInputGroup_Hover_Background:transparent;--fdInput_Group_Button_Box_Shadow:none;--fdInput_Box_Shadow_Hover:none;border:var(--fdShellbar_Search_Border);border-radius:var(--fdShellbar_Input_Border_Radius);cursor:text;position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input{position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:hover{--fdInputGroup_Hover_Input_Background:var(--fdShellbar_Input_Hover_Background);--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:hover~.fd-shellbar__search-field-addon{--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:focus{--fdInputGroup_Input_Color:var(--fdShellbar_Input_Focus_Color);--fdInputGroup_Input_Background:var(--fdShellbar_Input_Focus_Background);z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:placeholder-shown~.fd-shellbar__search-cancel{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>*{--fdButtonBackgroundColor:var(--fdShellbar_Search_Active_Button_Background);--fdButtonColor:var(--fdShellbar_Search_Active_Button_Color);--fdShellbar_Button_Active_Background:var(--fdButtonBackgroundColor);--fdShellbar_Button_Active_Color:var(--fdShellbar_Search_Active_Button_Color);border-left:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>*{border-left-style:none;border-right:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>:hover{--fdButtonBackgroundColor:var(--fdShellbar_Search_Active_Button_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input--select{font-style:normal}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input--select{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;-ms-flex:0 1;align-items:center;display:flex;flex:0 1;height:100%}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button{border-radius:var(--fdShellbar_Input_Border_Radius);border-width:var(--fdShellbar_Input_Addon_Border_Width);height:var(--fdShellbar_Input_Addon_Dimension);min-width:var(--fdShellbar_Input_Addon_Dimension)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover{--fdButtonBackgroundColor:var(--fdShellbar_Search_Button_Hover_Background);border-left:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover[dir=rtl],.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover,[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover{border-left-style:none;border-right:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:active{border-color:var(--fdShellbar_Button_Active_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category{flex-shrink:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover{--fdInputGroup_Addon_Background:var(--fdShellbar_Input_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover~.fd-shellbar__search-field-input,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover~.fd-shellbar__search-field-input{--fdInputGroup_Addon_Background:var(--fdShellbar_Input_Background);--fdInputGroup_Input_Background:var(--fdShellbar_Input_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover .fd-shellbar__search-category{box-shadow:var(--sapContent_Interaction_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Category_Button_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>*{margin-bottom:0;margin-right:var(--fdShellbar_Search_Category_Offset_Right);margin-top:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>*{margin-left:var(--fdShellbar_Search_Category_Offset_Right);margin-right:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown{--fdInput_Group_Button_Background:transparent;--fdInput_Group_Button_Text_Color:var(--sapShell_InteractiveTextColor);background-color:var(--fdShellbar_Input_Background);outline:none;position:static}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:focus{z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-focus:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:focus:after{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category{--fdSelect_Background:transparent;--fdSelect_Hover_Background:transparent;--fdSelect_Focus_Background:transparent;--fdSelect_Background_Color:var(--fdShellbar_Input_Background);--fdSelect_Hover_Background_Color:var(--fdShellbar_Input_Background);border:var(--fdShellbar_Search_Category_Border);border-radius:0;border-width:var(--fdShellbar_Search_Category_Border_width);height:var(--fdShellbar_Input_Addon_Dimension);margin:0;margin-left:var(--fdShellbar_Search_Category_Offset_Left);min-height:var(--fdShellbar_Input_Addon_Dimension);position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category{margin-left:0;margin-right:var(--fdShellbar_Search_Category_Offset_Left)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:before{background:var(--sapShell_InteractiveBorderColor);bottom:0;content:\"\";display:var(--fdShellbar_Search_Separator_Display);position:absolute;right:0;top:0;width:.0625rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[dir=rtl]:before,[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:before{left:0;right:auto}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus{--fdSelect_Text_Content_Color:var(--sapButton_Active_TextColor);--fdShellbar_Input_Background:var(--fdShellbar_Search_Category_Button_Hover_Background);--fdSelect_Focus_Background:var(--fdShellbar_Search_Container_Hover_Background);border-radius:var(--fdShellbar_Input_Border_Radius);outline-color:var(--sapButton_Lite_Active_BorderColor);outline-offset:-.0625rem;outline-width:.0625rem;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus .fd-shellbar__search-dropdown{--fdInput_Group_Button_Text_Color:var(--sapButton_Active_TextColor)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover{--sapField_Hover_BorderColor:var(--fdShellbar_Input_Hover_Border_Color);--fdInput_Box_Shadow_Hover:var(--sapContent_Interaction_Shadow);--fdInputGroup_Hover_Background_Color:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category{--fdSelect_Background_Color:var(--fdShellbar_Search_Container_Hover_Background);--fdSelect_Hover_Background_Color:var(--fdShellbar_Search_Container_Hover_Background);border-radius:var(--fdShellbar_Input_Border_Radius)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category:not(:hover) .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category:not(:hover) .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus{-webkit-box-shadow:var(--fdShellbar_Active_Shadow);background-color:var(--fdShellbar_Active_Background);box-shadow:var(--fdShellbar_Active_Shadow);outline:none;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus:before{content:\"\";inset:0;outline:var(--fdShellbar_Search_Active_Outline);outline-offset:-.125rem;pointer-events:none;position:absolute;z-index:20}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-addon{--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-category{background-color:var(--fdShellbar_Search_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-category:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-category:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-category .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-category .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Hover_Category_Button_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button{--fdButtonColor:var(--sapShell_InteractiveTextColor);outline-color:var(--fdShellbar_Button_Outline_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button:not(.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu){padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover{--fdButtonBackgroundColor:var(--fdShellbar_Input_Hover_Background);border-color:var(--fdShellbar_Button_Hover_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover[aria-disabled=true],.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover[aria-disabled=true]{background:transparent}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active{background:var(--fdShellbar_Button_Active_Background);border-color:var(--fdShellbar_Button_Active_Border_Color);color:var(--fdShellbar_Button_Active_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu .fd-shellbar__title{margin:0}.fd-shellbar--s,.fd-shellbar--sm{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--s .fd-shellbar__subtitle,.fd-shellbar--s .fd-shellbar__title,.fd-shellbar--sm .fd-shellbar__subtitle,.fd-shellbar--sm .fd-shellbar__title{display:none}.fd-shellbar--s .fd-shellbar__group--mobile-flex,.fd-shellbar--sm .fd-shellbar__group--mobile-flex{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.fd-shellbar--s .fd-shellbar__action--mobile,.fd-shellbar--sm .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--s .fd-shellbar__action--desktop,.fd-shellbar--sm .fd-shellbar__action--desktop{display:none}.fd-shellbar--s .fd-shellbar__action-combobox--mobile,.fd-shellbar--sm .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapShellColor);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0 .3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--s .fd-shellbar__button--menu .sap-icon--megamenu,.fd-shellbar--sm .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}.fd-shellbar--l,.fd-shellbar--lg,.fd-shellbar--m,.fd-shellbar--md{padding:0 2rem}.fd-shellbar--l .fd-shellbar__subtitle,.fd-shellbar--l .fd-shellbar__title,.fd-shellbar--lg .fd-shellbar__subtitle,.fd-shellbar--lg .fd-shellbar__title,.fd-shellbar--m .fd-shellbar__subtitle,.fd-shellbar--m .fd-shellbar__title,.fd-shellbar--md .fd-shellbar__subtitle,.fd-shellbar--md .fd-shellbar__title,.fd-shellbar--xl .fd-shellbar__subtitle,.fd-shellbar--xl .fd-shellbar__title{display:inline-block}.fd-shellbar--l .fd-shellbar__action--mobile,.fd-shellbar--lg .fd-shellbar__action--mobile,.fd-shellbar--m .fd-shellbar__action--mobile,.fd-shellbar--md .fd-shellbar__action--mobile,.fd-shellbar--xl .fd-shellbar__action--mobile{display:none}.fd-shellbar--l .fd-shellbar__action--desktop,.fd-shellbar--lg .fd-shellbar__action--desktop,.fd-shellbar--m .fd-shellbar__action--desktop,.fd-shellbar--md .fd-shellbar__action--desktop,.fd-shellbar--xl .fd-shellbar__action--desktop{display:inline-block}.fd-shellbar--xl{padding:0 3rem}.fd-shellbar--side-nav.fd-shellbar--l,.fd-shellbar--side-nav.fd-shellbar--lg,.fd-shellbar--side-nav.fd-shellbar--m,.fd-shellbar--side-nav.fd-shellbar--md,.fd-shellbar--side-nav.fd-shellbar--s,.fd-shellbar--side-nav.fd-shellbar--sm,.fd-shellbar--side-nav.fd-shellbar--xl{padding:0}.fd-shellbar--side-nav.fd-shellbar--l[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--lg[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--m[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--md[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--s[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--sm[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--xl[dir=rtl],[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--l,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--lg,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--m,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--md,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--s,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--sm,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--xl{padding-left:.5rem;padding-right:0}@media (max-width: 599px){.fd-shellbar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings{padding-left:3rem;padding-right:3rem}}@media (max-width: 599px){.fd-shellbar--responsive-paddings{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__group--mobile-flex{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapShellColor);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0 .3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--responsive-paddings .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}fd-shellbar-actions .fd-shellbar__search-field{min-width:15rem}.fd-shellbar__action.fd-shellbar__action--desktop:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "pipe", type: i4$1.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
547
+ ], queries: [{ propertyName: "comboboxComponent", first: true, predicate: FD_COMBOBOX_COMPONENT, descendants: true }, { propertyName: "_actions", first: true, predicate: ShellbarActionsComponent, descendants: true }, { propertyName: "searchComponent", first: true, predicate: FD_SHELLBAR_SEARCH_COMPONENT, descendants: true }, { propertyName: "buttons", predicate: FD_BUTTON_COMPONENT, read: ElementRef }], viewQueries: [{ propertyName: "_searchPortalOutlet", first: true, predicate: ["searchPortalOutlet"], descendants: true, read: CdkPortalOutlet }, { propertyName: "_shellbar", first: true, predicate: ["shellbar"], descendants: true }], ngImport: i0, template: "<div\n class=\"fd-shellbar\"\n [class]=\"'fd-shellbar--' + _currentSize + _getSideNavClass()\"\n [class.fd-shellbar--side-nav]=\"sideNav === true\"\n #shellbar\n>\n <div class=\"fd-shellbar__group fd-shellbar__group--product\" *ngIf=\"!_hideAllComponents\">\n <ng-content select=\"[fd-shellbar-side-nav]\"></ng-content>\n\n <ng-content select=\"fd-shellbar-logo\"></ng-content>\n\n <ng-content select=\"fd-shellbar-title\" *ngIf=\"!_hideTitleComponents\"></ng-content>\n\n <div class=\"fd-shellbar__product\" *ngIf=\"!_hideTitleComponents\">\n <ng-content select=\"fd-product-menu\"></ng-content>\n </div>\n\n <ng-content select=\"fd-shellbar-subtitle\" *ngIf=\"!_hideTitleComponents\"></ng-content>\n </div>\n <div hidden>\n <ng-content></ng-content>\n </div>\n <div class=\"fd-shellbar__group fd-shellbar__group--center fd-shellbar__group--mobile-flex\" *ngIf=\"searchComponent\">\n <div class=\"fd-shellbar__action fd-shellbar__action--grow\">\n <ng-container cdkPortalOutlet #searchPortalOutlet></ng-container>\n </div>\n <div\n *ngIf=\"_currentSize === 'xl' || _hideAllComponents\"\n class=\"fd-shellbar__action fd-shellbar__action--mobile fd-shellbar__action--shrink\"\n >\n <button class=\"fd-button fd-button--transparent\" (click)=\"_closeMobileSearch()\">\n {{ 'coreShellbar.cancel' | fdTranslate }}\n </button>\n </div>\n </div>\n\n <ng-content select=\"fd-shellbar-actions\" *ngIf=\"!_hideAllComponents\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-shellbar{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--fdShellbar_Shadow);align-items:center;background-color:var(--sapShellColor);border:0;box-shadow:var(--fdShellbar_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdShellbar_Height);justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem;position:relative}.fd-shellbar:after,.fd-shellbar:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1 1 0px;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar__group:after,.fd-shellbar__group:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group--product{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-ordinal-group:2;-ms-flex-order:1;justify-content:flex-start;order:1}.fd-shellbar__group--center,.fd-shellbar__group--copilot{-webkit-box-ordinal-group:3;-ms-flex-order:2;-webkit-box-pack:center;-ms-flex-pack:center;display:none;justify-content:center;margin:0 .5rem;order:2}.fd-shellbar__group--center .fd-shellbar__action,.fd-shellbar__group--copilot .fd-shellbar__action{width:100%}@media (min-width: 1440px){.fd-shellbar__group--center,.fd-shellbar__group--copilot{display:inline-block}}.fd-shellbar__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-ordinal-group:4;-ms-flex-order:3;justify-content:flex-end;order:3}.fd-shellbar__subtitle,.fd-shellbar__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-shellbar__subtitle:after,.fd-shellbar__subtitle:before,.fd-shellbar__title:after,.fd-shellbar__title:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo,.fd-shellbar__product,.fd-shellbar__subtitle{display:inline-block;vertical-align:middle}.fd-shellbar__logo,.fd-shellbar__title{position:relative}.fd-shellbar__logo.is-focus,.fd-shellbar__logo:focus,.fd-shellbar__title.is-focus,.fd-shellbar__title:focus{outline:none;pointer-events:all}.fd-shellbar__logo.is-focus:before,.fd-shellbar__logo:focus:before,.fd-shellbar__title.is-focus:before,.fd-shellbar__title:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdShellbar_Button_Outline_Color);border-radius:calc(var(--sapButton_BorderCornerRadius) - .125rem);content:\"\";display:block;inset:-.25rem;pointer-events:none;position:absolute}.fd-shellbar__title{font-weight:700;vertical-align:middle}.fd-shellbar__subtitle{font-size:var(--sapFontSmallSize)}.fd-shellbar__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;padding:0}.fd-shellbar__logo:after,.fd-shellbar__logo:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo>*{display:block;line-height:0;max-height:2.5rem;width:auto}.fd-shellbar__logo--image-replaced{background-image:url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQxMi4zOCAyMDQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjIwNi4xOSIgeDI9IjIwNi4xOSIgeTI9IjIwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwYjhmMSIvPjxzdG9wIG9mZnNldD0iLjAyIiBzdG9wLWNvbG9yPSIjMDFiNmYwIi8+PHN0b3Agb2Zmc2V0PSIuMzEiIHN0b3AtY29sb3I9IiMwZDkwZDkiLz48c3RvcCBvZmZzZXQ9Ii41OCIgc3RvcC1jb2xvcj0iIzE3NzVjOCIvPjxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjMWM2NWJmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWU1ZmJiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTAgMjA0aDIwOC40MUw0MTIuMzggMEgwdjIwNCIgc3R5bGU9ImZpbGw6dXJsKCNhKTtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik0yNDQuNzMgMzguMzZoLTQwLjZ2OTYuNTJsLTM1LjQ2LTk2LjU1aC0zNS4xNmwtMzAuMjcgODAuNzJDMTAwIDk4LjcgNzkgOTEuNjcgNjIuNCA4Ni40IDUxLjQ2IDgyLjg5IDM5Ljg1IDc3LjcyIDQwIDcyYy4wOS00LjY4IDYuMjMtOSAxOC4zOC04LjM4IDguMTcuNDMgMTUuMzcgMS4wOSAyOS43MSA4bDE0LjEtMjQuNTVDODkuMDYgNDAuNDIgNzEgMzYuMjEgNTYuMTcgMzYuMTloLS4wOWMtMTcuMjggMC0zMS42OCA1LjYtNDAuNiAxNC44M0EzNC4yMyAzNC4yMyAwIDAgMCA1Ljc3IDc0LjdDNS41NCA4Ny4xNSAxMC4xMSA5NiAxOS43MSAxMDNjOC4xIDUuOTQgMTguNDYgOS43OSAyNy42IDEyLjYyIDExLjI3IDMuNDkgMjAuNDcgNi41MyAyMC4zNiAxM0E5LjU3IDkuNTcgMCAwIDEgNjUgMTM1Yy0yLjgxIDIuOS03LjEzIDQtMTMuMDkgNC4xLTExLjQ5LjI0LTIwLTEuNTYtMzMuNjEtOS41OUw1Ljc3IDE1NC40MmE5My43NyA5My43NyAwIDAgMCA0NiAxMi4yMmgyLjExYzE0LjI0LS4yNSAyNS43NC00LjMxIDM0LjkyLTExLjcxLjUzLS40MSAxLS44NCAxLjQ5LTEuMjhsLTQuMTIgMTAuODVIMTIzbDYuMTktMTguODJhNjcuNDYgNjcuNDYgMCAwIDAgMjEuNjggMy40MyA2OC4zMyA2OC4zMyAwIDAgMCAyMS4xNi0zLjI1bDYgMTguNjRoNjAuMTR2LTM5aDEzLjExYzMxLjcxIDAgNTAuNDYtMTYuMTUgNTAuNDYtNDMuMiAwLTMwLjExLTE4LjIyLTQzLjk0LTU3LjAxLTQzLjk0ek0xNTAuOTEgMTIxYTM2LjkzIDM2LjkzIDAgMCAxLTEzLTIuMjhsMTIuODctNDAuNTloLjIybDEyLjY1IDQwLjcxYTM4LjUgMzguNSAwIDAgMS0xMi43NCAyLjE2em05Ni4yLTIzLjMzaC04Ljk0VjY0LjkxaDguOTRjMTEuOTMgMCAyMS40NCA0IDIxLjQ0IDE2LjE0IDAgMTIuNi05LjUxIDE2LjU3LTIxLjQ0IDE2LjU3IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkIi8+PC9zdmc+);height:1.5rem;width:3rem}.fd-shellbar .fd-shellbar__group{--fdShellbar_Button_Active_Background:var(--sapShell_Active_Background);--fdShellbar_Button_Active_Color:var(--sapShell_Active_TextColor)}.fd-shellbar .fd-shellbar__group .fd-shellbar__action{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__action:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__action:before{box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-shellbar__group .fd-shellbar__action>*{vertical-align:middle}.fd-shellbar .fd-shellbar__group .fd-shellbar__action--grow{flex:1}.fd-shellbar .fd-shellbar__group .fd-shellbar__action--shrink{flex:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field{--fdSelect_Text_Content_Color:var(--fdShellbar_Select_Content_Color);--fdInputGroup_Input_Border:var(--fdShellbar_Input_Border);--fdInputGroup_Input_Color:var(--fdShellbar_Input_Color);--fdInputGroup_Input_Placeholder_Color:var(--fdShellbar_Input_Placeholder_Color);--fdInputGroup_Input_Placeholder_Style:var(--fdShellbar_Input_Placeholder_Style);--fdInputGroup_Background:transparent;--fdInputGroup_Background_Color:var(--fdShellbar_Input_Background);--fdInputGroup_Hover_Background:transparent;--fdInput_Group_Button_Box_Shadow:none;--fdInput_Box_Shadow_Hover:none;border:var(--fdShellbar_Search_Border);border-radius:var(--fdShellbar_Input_Border_Radius);cursor:text;position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input{position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:hover{--fdInputGroup_Hover_Input_Background:var(--fdShellbar_Input_Hover_Background);--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:hover~.fd-shellbar__search-field-addon{--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:focus{--fdInputGroup_Input_Color:var(--fdShellbar_Input_Focus_Color);--fdInputGroup_Input_Background:var(--fdShellbar_Input_Focus_Background);z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:placeholder-shown~.fd-shellbar__search-cancel{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>*{--fdButtonBackgroundColor:var(--fdShellbar_Search_Active_Button_Background);--fdButtonColor:var(--fdShellbar_Search_Active_Button_Color);--fdShellbar_Button_Active_Background:var(--fdButtonBackgroundColor);--fdShellbar_Button_Active_Color:var(--fdShellbar_Search_Active_Button_Color);border-left:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>*{border-left-style:none;border-right:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>:hover{--fdButtonBackgroundColor:var(--fdShellbar_Search_Active_Button_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input--select{font-style:normal}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input--select{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;-ms-flex:0 1;align-items:center;display:flex;flex:0 1;height:100%}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button{border-radius:var(--fdShellbar_Input_Border_Radius);border-width:var(--fdShellbar_Input_Addon_Border_Width);height:var(--fdShellbar_Input_Addon_Dimension);min-width:var(--fdShellbar_Input_Addon_Dimension)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover{--fdButtonBackgroundColor:var(--fdShellbar_Search_Button_Hover_Background);border-left:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover[dir=rtl],.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover,[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover{border-left-style:none;border-right:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:active{border-color:var(--fdShellbar_Button_Active_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category{flex-shrink:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover{--fdInputGroup_Addon_Background:var(--fdShellbar_Input_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover~.fd-shellbar__search-field-input,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover~.fd-shellbar__search-field-input{--fdInputGroup_Addon_Background:var(--fdShellbar_Input_Background);--fdInputGroup_Input_Background:var(--fdShellbar_Input_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover .fd-shellbar__search-category{box-shadow:var(--sapContent_Interaction_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Category_Button_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>*{margin-bottom:0;margin-right:var(--fdShellbar_Search_Category_Offset_Right);margin-top:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>*{margin-left:var(--fdShellbar_Search_Category_Offset_Right);margin-right:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown{--fdInput_Group_Button_Background:transparent;--fdInput_Group_Button_Text_Color:var(--sapShell_InteractiveTextColor);background-color:var(--fdShellbar_Input_Background);outline:none;position:static}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:focus{z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-focus:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:focus:after{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category{--fdSelect_Background:transparent;--fdSelect_Hover_Background:transparent;--fdSelect_Focus_Background:transparent;--fdSelect_Background_Color:var(--fdShellbar_Input_Background);--fdSelect_Hover_Background_Color:var(--fdShellbar_Input_Background);border:var(--fdShellbar_Search_Category_Border);border-radius:0;border-width:var(--fdShellbar_Search_Category_Border_width);height:var(--fdShellbar_Input_Addon_Dimension);margin:0;margin-left:var(--fdShellbar_Search_Category_Offset_Left);min-height:var(--fdShellbar_Input_Addon_Dimension);position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category{margin-left:0;margin-right:var(--fdShellbar_Search_Category_Offset_Left)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:before{background:var(--sapShell_InteractiveBorderColor);bottom:0;content:\"\";display:var(--fdShellbar_Search_Separator_Display);position:absolute;right:0;top:0;width:.0625rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[dir=rtl]:before,[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:before{left:0;right:auto}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus{--fdSelect_Text_Content_Color:var(--sapButton_Active_TextColor);--fdShellbar_Input_Background:var(--fdShellbar_Search_Category_Button_Hover_Background);--fdSelect_Focus_Background:var(--fdShellbar_Search_Container_Hover_Background);border-radius:var(--fdShellbar_Input_Border_Radius);outline-color:var(--sapButton_Lite_Active_BorderColor);outline-offset:-.0625rem;outline-width:.0625rem;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus .fd-shellbar__search-dropdown{--fdInput_Group_Button_Text_Color:var(--sapButton_Active_TextColor)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover{--sapField_Hover_BorderColor:var(--fdShellbar_Input_Hover_Border_Color);--fdInput_Box_Shadow_Hover:var(--sapContent_Interaction_Shadow);--fdInputGroup_Hover_Background_Color:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category{--fdSelect_Background_Color:var(--fdShellbar_Search_Container_Hover_Background);--fdSelect_Hover_Background_Color:var(--fdShellbar_Search_Container_Hover_Background);border-radius:var(--fdShellbar_Input_Border_Radius)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category:not(:hover) .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category:not(:hover) .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus{-webkit-box-shadow:var(--fdShellbar_Active_Shadow);background-color:var(--fdShellbar_Active_Background);box-shadow:var(--fdShellbar_Active_Shadow);outline:none;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus:before{content:\"\";inset:0;outline:var(--fdShellbar_Search_Active_Outline);outline-offset:-.125rem;pointer-events:none;position:absolute;z-index:20}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-addon{--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-category{background-color:var(--fdShellbar_Search_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-category:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-category:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-category .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-category .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Hover_Category_Button_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button{--fdButtonColor:var(--sapShell_InteractiveTextColor);outline-color:var(--fdShellbar_Button_Outline_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button:not(.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu){padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover{--fdButtonBackgroundColor:var(--fdShellbar_Input_Hover_Background);border-color:var(--fdShellbar_Button_Hover_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover[aria-disabled=true],.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover[aria-disabled=true]{background:transparent}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active{background:var(--fdShellbar_Button_Active_Background);border-color:var(--fdShellbar_Button_Active_Border_Color);color:var(--fdShellbar_Button_Active_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu .fd-shellbar__title{margin:0}.fd-shellbar--s,.fd-shellbar--sm{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--s .fd-shellbar__subtitle,.fd-shellbar--s .fd-shellbar__title,.fd-shellbar--sm .fd-shellbar__subtitle,.fd-shellbar--sm .fd-shellbar__title{display:none}.fd-shellbar--s .fd-shellbar__group--mobile-flex,.fd-shellbar--sm .fd-shellbar__group--mobile-flex{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.fd-shellbar--s .fd-shellbar__action--mobile,.fd-shellbar--sm .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--s .fd-shellbar__action--desktop,.fd-shellbar--sm .fd-shellbar__action--desktop{display:none}.fd-shellbar--s .fd-shellbar__action-combobox--mobile,.fd-shellbar--sm .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapShellColor);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0 .3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--s .fd-shellbar__button--menu .sap-icon--megamenu,.fd-shellbar--sm .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}.fd-shellbar--l,.fd-shellbar--lg,.fd-shellbar--m,.fd-shellbar--md{padding:0 2rem}.fd-shellbar--l .fd-shellbar__subtitle,.fd-shellbar--l .fd-shellbar__title,.fd-shellbar--lg .fd-shellbar__subtitle,.fd-shellbar--lg .fd-shellbar__title,.fd-shellbar--m .fd-shellbar__subtitle,.fd-shellbar--m .fd-shellbar__title,.fd-shellbar--md .fd-shellbar__subtitle,.fd-shellbar--md .fd-shellbar__title,.fd-shellbar--xl .fd-shellbar__subtitle,.fd-shellbar--xl .fd-shellbar__title{display:inline-block}.fd-shellbar--l .fd-shellbar__action--mobile,.fd-shellbar--lg .fd-shellbar__action--mobile,.fd-shellbar--m .fd-shellbar__action--mobile,.fd-shellbar--md .fd-shellbar__action--mobile,.fd-shellbar--xl .fd-shellbar__action--mobile{display:none}.fd-shellbar--l .fd-shellbar__action--desktop,.fd-shellbar--lg .fd-shellbar__action--desktop,.fd-shellbar--m .fd-shellbar__action--desktop,.fd-shellbar--md .fd-shellbar__action--desktop,.fd-shellbar--xl .fd-shellbar__action--desktop{display:inline-block}.fd-shellbar--xl{padding:0 3rem}.fd-shellbar--side-nav.fd-shellbar--l,.fd-shellbar--side-nav.fd-shellbar--lg,.fd-shellbar--side-nav.fd-shellbar--m,.fd-shellbar--side-nav.fd-shellbar--md,.fd-shellbar--side-nav.fd-shellbar--s,.fd-shellbar--side-nav.fd-shellbar--sm,.fd-shellbar--side-nav.fd-shellbar--xl{padding:0}.fd-shellbar--side-nav.fd-shellbar--l[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--lg[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--m[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--md[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--s[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--sm[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--xl[dir=rtl],[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--l,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--lg,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--m,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--md,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--s,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--sm,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--xl{padding-left:.5rem;padding-right:0}@media (max-width: 599px){.fd-shellbar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings{padding-left:3rem;padding-right:3rem}}@media (max-width: 599px){.fd-shellbar--responsive-paddings{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__group--mobile-flex{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapShellColor);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0 .3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--responsive-paddings .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}.fd-shellbar--cx-side-nav{box-shadow:var(--sapContent_Shadow0);padding-left:.5rem;z-index:1}[dir=rtl] .fd-shellbar--cx-side-nav,.fd-shellbar--cx-side-nav[dir=rtl]{padding-left:2rem;padding-right:.5rem}fd-shellbar-actions .fd-shellbar__search-field{min-width:15rem}.fd-shellbar__action.fd-shellbar__action--desktop:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "pipe", type: i4$1.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
538
548
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ShellbarComponent, decorators: [{
539
549
  type: Component,
540
550
  args: [{ selector: 'fd-shellbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -543,7 +553,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
543
553
  supportedContentDensity: [ContentDensityMode.COZY],
544
554
  restrictChildContentDensity: true
545
555
  })
546
- ], template: "<div class=\"fd-shellbar\" [class]=\"'fd-shellbar--' + _currentSize\" [class.fd-shellbar--side-nav]=\"sideNav\" #shellbar>\n <div class=\"fd-shellbar__group fd-shellbar__group--product\" *ngIf=\"!_hideAllComponents\">\n <ng-content select=\"[fd-shellbar-side-nav]\"></ng-content>\n\n <ng-content select=\"fd-shellbar-logo\"></ng-content>\n\n <ng-content select=\"fd-shellbar-title\" *ngIf=\"!_hideTitleComponents\"></ng-content>\n\n <div class=\"fd-shellbar__product\" *ngIf=\"!_hideTitleComponents\">\n <ng-content select=\"fd-product-menu\"></ng-content>\n </div>\n\n <ng-content select=\"fd-shellbar-subtitle\" *ngIf=\"!_hideTitleComponents\"></ng-content>\n </div>\n <div hidden>\n <ng-content></ng-content>\n </div>\n <div class=\"fd-shellbar__group fd-shellbar__group--center fd-shellbar__group--mobile-flex\" *ngIf=\"searchComponent\">\n <div class=\"fd-shellbar__action fd-shellbar__action--grow\">\n <ng-container cdkPortalOutlet #searchPortalOutlet></ng-container>\n </div>\n <div\n *ngIf=\"_currentSize === 'xl' || _hideAllComponents\"\n class=\"fd-shellbar__action fd-shellbar__action--mobile fd-shellbar__action--shrink\"\n >\n <button class=\"fd-button fd-button--transparent\" (click)=\"_closeMobileSearch()\">\n {{ 'coreShellbar.cancel' | fdTranslate }}\n </button>\n </div>\n </div>\n\n <ng-content select=\"fd-shellbar-actions\" *ngIf=\"!_hideAllComponents\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-shellbar{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--fdShellbar_Shadow);align-items:center;background-color:var(--sapShellColor);border:0;box-shadow:var(--fdShellbar_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdShellbar_Height);justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem;position:relative}.fd-shellbar:after,.fd-shellbar:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1 1 0px;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar__group:after,.fd-shellbar__group:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group--product{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-ordinal-group:2;-ms-flex-order:1;justify-content:flex-start;order:1}.fd-shellbar__group--center,.fd-shellbar__group--copilot{-webkit-box-ordinal-group:3;-ms-flex-order:2;-webkit-box-pack:center;-ms-flex-pack:center;display:none;justify-content:center;margin:0 .5rem;order:2}.fd-shellbar__group--center .fd-shellbar__action,.fd-shellbar__group--copilot .fd-shellbar__action{width:100%}@media (min-width: 1440px){.fd-shellbar__group--center,.fd-shellbar__group--copilot{display:inline-block}}.fd-shellbar__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-ordinal-group:4;-ms-flex-order:3;justify-content:flex-end;order:3}.fd-shellbar__subtitle,.fd-shellbar__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-shellbar__subtitle:after,.fd-shellbar__subtitle:before,.fd-shellbar__title:after,.fd-shellbar__title:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo,.fd-shellbar__product,.fd-shellbar__subtitle{display:inline-block;vertical-align:middle}.fd-shellbar__logo,.fd-shellbar__title{position:relative}.fd-shellbar__logo.is-focus,.fd-shellbar__logo:focus,.fd-shellbar__title.is-focus,.fd-shellbar__title:focus{outline:none;pointer-events:all}.fd-shellbar__logo.is-focus:before,.fd-shellbar__logo:focus:before,.fd-shellbar__title.is-focus:before,.fd-shellbar__title:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdShellbar_Button_Outline_Color);border-radius:calc(var(--sapButton_BorderCornerRadius) - .125rem);content:\"\";display:block;inset:-.25rem;pointer-events:none;position:absolute}.fd-shellbar__title{font-weight:700;vertical-align:middle}.fd-shellbar__subtitle{font-size:var(--sapFontSmallSize)}.fd-shellbar__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;padding:0}.fd-shellbar__logo:after,.fd-shellbar__logo:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo>*{display:block;line-height:0;max-height:2.5rem;width:auto}.fd-shellbar__logo--image-replaced{background-image:url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQxMi4zOCAyMDQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjIwNi4xOSIgeDI9IjIwNi4xOSIgeTI9IjIwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwYjhmMSIvPjxzdG9wIG9mZnNldD0iLjAyIiBzdG9wLWNvbG9yPSIjMDFiNmYwIi8+PHN0b3Agb2Zmc2V0PSIuMzEiIHN0b3AtY29sb3I9IiMwZDkwZDkiLz48c3RvcCBvZmZzZXQ9Ii41OCIgc3RvcC1jb2xvcj0iIzE3NzVjOCIvPjxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjMWM2NWJmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWU1ZmJiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTAgMjA0aDIwOC40MUw0MTIuMzggMEgwdjIwNCIgc3R5bGU9ImZpbGw6dXJsKCNhKTtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik0yNDQuNzMgMzguMzZoLTQwLjZ2OTYuNTJsLTM1LjQ2LTk2LjU1aC0zNS4xNmwtMzAuMjcgODAuNzJDMTAwIDk4LjcgNzkgOTEuNjcgNjIuNCA4Ni40IDUxLjQ2IDgyLjg5IDM5Ljg1IDc3LjcyIDQwIDcyYy4wOS00LjY4IDYuMjMtOSAxOC4zOC04LjM4IDguMTcuNDMgMTUuMzcgMS4wOSAyOS43MSA4bDE0LjEtMjQuNTVDODkuMDYgNDAuNDIgNzEgMzYuMjEgNTYuMTcgMzYuMTloLS4wOWMtMTcuMjggMC0zMS42OCA1LjYtNDAuNiAxNC44M0EzNC4yMyAzNC4yMyAwIDAgMCA1Ljc3IDc0LjdDNS41NCA4Ny4xNSAxMC4xMSA5NiAxOS43MSAxMDNjOC4xIDUuOTQgMTguNDYgOS43OSAyNy42IDEyLjYyIDExLjI3IDMuNDkgMjAuNDcgNi41MyAyMC4zNiAxM0E5LjU3IDkuNTcgMCAwIDEgNjUgMTM1Yy0yLjgxIDIuOS03LjEzIDQtMTMuMDkgNC4xLTExLjQ5LjI0LTIwLTEuNTYtMzMuNjEtOS41OUw1Ljc3IDE1NC40MmE5My43NyA5My43NyAwIDAgMCA0NiAxMi4yMmgyLjExYzE0LjI0LS4yNSAyNS43NC00LjMxIDM0LjkyLTExLjcxLjUzLS40MSAxLS44NCAxLjQ5LTEuMjhsLTQuMTIgMTAuODVIMTIzbDYuMTktMTguODJhNjcuNDYgNjcuNDYgMCAwIDAgMjEuNjggMy40MyA2OC4zMyA2OC4zMyAwIDAgMCAyMS4xNi0zLjI1bDYgMTguNjRoNjAuMTR2LTM5aDEzLjExYzMxLjcxIDAgNTAuNDYtMTYuMTUgNTAuNDYtNDMuMiAwLTMwLjExLTE4LjIyLTQzLjk0LTU3LjAxLTQzLjk0ek0xNTAuOTEgMTIxYTM2LjkzIDM2LjkzIDAgMCAxLTEzLTIuMjhsMTIuODctNDAuNTloLjIybDEyLjY1IDQwLjcxYTM4LjUgMzguNSAwIDAgMS0xMi43NCAyLjE2em05Ni4yLTIzLjMzaC04Ljk0VjY0LjkxaDguOTRjMTEuOTMgMCAyMS40NCA0IDIxLjQ0IDE2LjE0IDAgMTIuNi05LjUxIDE2LjU3LTIxLjQ0IDE2LjU3IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkIi8+PC9zdmc+);height:1.5rem;width:3rem}.fd-shellbar .fd-shellbar__group{--fdShellbar_Button_Active_Background:var(--sapShell_Active_Background);--fdShellbar_Button_Active_Color:var(--sapShell_Active_TextColor)}.fd-shellbar .fd-shellbar__group .fd-shellbar__action{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__action:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__action:before{box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-shellbar__group .fd-shellbar__action>*{vertical-align:middle}.fd-shellbar .fd-shellbar__group .fd-shellbar__action--grow{flex:1}.fd-shellbar .fd-shellbar__group .fd-shellbar__action--shrink{flex:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field{--fdSelect_Text_Content_Color:var(--fdShellbar_Select_Content_Color);--fdInputGroup_Input_Border:var(--fdShellbar_Input_Border);--fdInputGroup_Input_Color:var(--fdShellbar_Input_Color);--fdInputGroup_Input_Placeholder_Color:var(--fdShellbar_Input_Placeholder_Color);--fdInputGroup_Input_Placeholder_Style:var(--fdShellbar_Input_Placeholder_Style);--fdInputGroup_Background:transparent;--fdInputGroup_Background_Color:var(--fdShellbar_Input_Background);--fdInputGroup_Hover_Background:transparent;--fdInput_Group_Button_Box_Shadow:none;--fdInput_Box_Shadow_Hover:none;border:var(--fdShellbar_Search_Border);border-radius:var(--fdShellbar_Input_Border_Radius);cursor:text;position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input{position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:hover{--fdInputGroup_Hover_Input_Background:var(--fdShellbar_Input_Hover_Background);--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:hover~.fd-shellbar__search-field-addon{--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:focus{--fdInputGroup_Input_Color:var(--fdShellbar_Input_Focus_Color);--fdInputGroup_Input_Background:var(--fdShellbar_Input_Focus_Background);z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:placeholder-shown~.fd-shellbar__search-cancel{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>*{--fdButtonBackgroundColor:var(--fdShellbar_Search_Active_Button_Background);--fdButtonColor:var(--fdShellbar_Search_Active_Button_Color);--fdShellbar_Button_Active_Background:var(--fdButtonBackgroundColor);--fdShellbar_Button_Active_Color:var(--fdShellbar_Search_Active_Button_Color);border-left:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>*{border-left-style:none;border-right:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>:hover{--fdButtonBackgroundColor:var(--fdShellbar_Search_Active_Button_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input--select{font-style:normal}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input--select{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;-ms-flex:0 1;align-items:center;display:flex;flex:0 1;height:100%}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button{border-radius:var(--fdShellbar_Input_Border_Radius);border-width:var(--fdShellbar_Input_Addon_Border_Width);height:var(--fdShellbar_Input_Addon_Dimension);min-width:var(--fdShellbar_Input_Addon_Dimension)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover{--fdButtonBackgroundColor:var(--fdShellbar_Search_Button_Hover_Background);border-left:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover[dir=rtl],.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover,[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover{border-left-style:none;border-right:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:active{border-color:var(--fdShellbar_Button_Active_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category{flex-shrink:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover{--fdInputGroup_Addon_Background:var(--fdShellbar_Input_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover~.fd-shellbar__search-field-input,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover~.fd-shellbar__search-field-input{--fdInputGroup_Addon_Background:var(--fdShellbar_Input_Background);--fdInputGroup_Input_Background:var(--fdShellbar_Input_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover .fd-shellbar__search-category{box-shadow:var(--sapContent_Interaction_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Category_Button_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>*{margin-bottom:0;margin-right:var(--fdShellbar_Search_Category_Offset_Right);margin-top:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>*{margin-left:var(--fdShellbar_Search_Category_Offset_Right);margin-right:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown{--fdInput_Group_Button_Background:transparent;--fdInput_Group_Button_Text_Color:var(--sapShell_InteractiveTextColor);background-color:var(--fdShellbar_Input_Background);outline:none;position:static}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:focus{z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-focus:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:focus:after{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category{--fdSelect_Background:transparent;--fdSelect_Hover_Background:transparent;--fdSelect_Focus_Background:transparent;--fdSelect_Background_Color:var(--fdShellbar_Input_Background);--fdSelect_Hover_Background_Color:var(--fdShellbar_Input_Background);border:var(--fdShellbar_Search_Category_Border);border-radius:0;border-width:var(--fdShellbar_Search_Category_Border_width);height:var(--fdShellbar_Input_Addon_Dimension);margin:0;margin-left:var(--fdShellbar_Search_Category_Offset_Left);min-height:var(--fdShellbar_Input_Addon_Dimension);position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category{margin-left:0;margin-right:var(--fdShellbar_Search_Category_Offset_Left)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:before{background:var(--sapShell_InteractiveBorderColor);bottom:0;content:\"\";display:var(--fdShellbar_Search_Separator_Display);position:absolute;right:0;top:0;width:.0625rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[dir=rtl]:before,[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:before{left:0;right:auto}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus{--fdSelect_Text_Content_Color:var(--sapButton_Active_TextColor);--fdShellbar_Input_Background:var(--fdShellbar_Search_Category_Button_Hover_Background);--fdSelect_Focus_Background:var(--fdShellbar_Search_Container_Hover_Background);border-radius:var(--fdShellbar_Input_Border_Radius);outline-color:var(--sapButton_Lite_Active_BorderColor);outline-offset:-.0625rem;outline-width:.0625rem;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus .fd-shellbar__search-dropdown{--fdInput_Group_Button_Text_Color:var(--sapButton_Active_TextColor)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover{--sapField_Hover_BorderColor:var(--fdShellbar_Input_Hover_Border_Color);--fdInput_Box_Shadow_Hover:var(--sapContent_Interaction_Shadow);--fdInputGroup_Hover_Background_Color:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category{--fdSelect_Background_Color:var(--fdShellbar_Search_Container_Hover_Background);--fdSelect_Hover_Background_Color:var(--fdShellbar_Search_Container_Hover_Background);border-radius:var(--fdShellbar_Input_Border_Radius)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category:not(:hover) .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category:not(:hover) .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus{-webkit-box-shadow:var(--fdShellbar_Active_Shadow);background-color:var(--fdShellbar_Active_Background);box-shadow:var(--fdShellbar_Active_Shadow);outline:none;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus:before{content:\"\";inset:0;outline:var(--fdShellbar_Search_Active_Outline);outline-offset:-.125rem;pointer-events:none;position:absolute;z-index:20}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-addon{--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-category{background-color:var(--fdShellbar_Search_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-category:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-category:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-category .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-category .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Hover_Category_Button_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button{--fdButtonColor:var(--sapShell_InteractiveTextColor);outline-color:var(--fdShellbar_Button_Outline_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button:not(.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu){padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover{--fdButtonBackgroundColor:var(--fdShellbar_Input_Hover_Background);border-color:var(--fdShellbar_Button_Hover_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover[aria-disabled=true],.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover[aria-disabled=true]{background:transparent}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active{background:var(--fdShellbar_Button_Active_Background);border-color:var(--fdShellbar_Button_Active_Border_Color);color:var(--fdShellbar_Button_Active_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu .fd-shellbar__title{margin:0}.fd-shellbar--s,.fd-shellbar--sm{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--s .fd-shellbar__subtitle,.fd-shellbar--s .fd-shellbar__title,.fd-shellbar--sm .fd-shellbar__subtitle,.fd-shellbar--sm .fd-shellbar__title{display:none}.fd-shellbar--s .fd-shellbar__group--mobile-flex,.fd-shellbar--sm .fd-shellbar__group--mobile-flex{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.fd-shellbar--s .fd-shellbar__action--mobile,.fd-shellbar--sm .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--s .fd-shellbar__action--desktop,.fd-shellbar--sm .fd-shellbar__action--desktop{display:none}.fd-shellbar--s .fd-shellbar__action-combobox--mobile,.fd-shellbar--sm .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapShellColor);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0 .3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--s .fd-shellbar__button--menu .sap-icon--megamenu,.fd-shellbar--sm .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}.fd-shellbar--l,.fd-shellbar--lg,.fd-shellbar--m,.fd-shellbar--md{padding:0 2rem}.fd-shellbar--l .fd-shellbar__subtitle,.fd-shellbar--l .fd-shellbar__title,.fd-shellbar--lg .fd-shellbar__subtitle,.fd-shellbar--lg .fd-shellbar__title,.fd-shellbar--m .fd-shellbar__subtitle,.fd-shellbar--m .fd-shellbar__title,.fd-shellbar--md .fd-shellbar__subtitle,.fd-shellbar--md .fd-shellbar__title,.fd-shellbar--xl .fd-shellbar__subtitle,.fd-shellbar--xl .fd-shellbar__title{display:inline-block}.fd-shellbar--l .fd-shellbar__action--mobile,.fd-shellbar--lg .fd-shellbar__action--mobile,.fd-shellbar--m .fd-shellbar__action--mobile,.fd-shellbar--md .fd-shellbar__action--mobile,.fd-shellbar--xl .fd-shellbar__action--mobile{display:none}.fd-shellbar--l .fd-shellbar__action--desktop,.fd-shellbar--lg .fd-shellbar__action--desktop,.fd-shellbar--m .fd-shellbar__action--desktop,.fd-shellbar--md .fd-shellbar__action--desktop,.fd-shellbar--xl .fd-shellbar__action--desktop{display:inline-block}.fd-shellbar--xl{padding:0 3rem}.fd-shellbar--side-nav.fd-shellbar--l,.fd-shellbar--side-nav.fd-shellbar--lg,.fd-shellbar--side-nav.fd-shellbar--m,.fd-shellbar--side-nav.fd-shellbar--md,.fd-shellbar--side-nav.fd-shellbar--s,.fd-shellbar--side-nav.fd-shellbar--sm,.fd-shellbar--side-nav.fd-shellbar--xl{padding:0}.fd-shellbar--side-nav.fd-shellbar--l[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--lg[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--m[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--md[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--s[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--sm[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--xl[dir=rtl],[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--l,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--lg,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--m,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--md,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--s,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--sm,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--xl{padding-left:.5rem;padding-right:0}@media (max-width: 599px){.fd-shellbar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings{padding-left:3rem;padding-right:3rem}}@media (max-width: 599px){.fd-shellbar--responsive-paddings{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__group--mobile-flex{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapShellColor);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0 .3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--responsive-paddings .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}fd-shellbar-actions .fd-shellbar__search-field{min-width:15rem}.fd-shellbar__action.fd-shellbar__action--desktop:empty{display:none}\n"] }]
556
+ ], template: "<div\n class=\"fd-shellbar\"\n [class]=\"'fd-shellbar--' + _currentSize + _getSideNavClass()\"\n [class.fd-shellbar--side-nav]=\"sideNav === true\"\n #shellbar\n>\n <div class=\"fd-shellbar__group fd-shellbar__group--product\" *ngIf=\"!_hideAllComponents\">\n <ng-content select=\"[fd-shellbar-side-nav]\"></ng-content>\n\n <ng-content select=\"fd-shellbar-logo\"></ng-content>\n\n <ng-content select=\"fd-shellbar-title\" *ngIf=\"!_hideTitleComponents\"></ng-content>\n\n <div class=\"fd-shellbar__product\" *ngIf=\"!_hideTitleComponents\">\n <ng-content select=\"fd-product-menu\"></ng-content>\n </div>\n\n <ng-content select=\"fd-shellbar-subtitle\" *ngIf=\"!_hideTitleComponents\"></ng-content>\n </div>\n <div hidden>\n <ng-content></ng-content>\n </div>\n <div class=\"fd-shellbar__group fd-shellbar__group--center fd-shellbar__group--mobile-flex\" *ngIf=\"searchComponent\">\n <div class=\"fd-shellbar__action fd-shellbar__action--grow\">\n <ng-container cdkPortalOutlet #searchPortalOutlet></ng-container>\n </div>\n <div\n *ngIf=\"_currentSize === 'xl' || _hideAllComponents\"\n class=\"fd-shellbar__action fd-shellbar__action--mobile fd-shellbar__action--shrink\"\n >\n <button class=\"fd-button fd-button--transparent\" (click)=\"_closeMobileSearch()\">\n {{ 'coreShellbar.cancel' | fdTranslate }}\n </button>\n </div>\n </div>\n\n <ng-content select=\"fd-shellbar-actions\" *ngIf=\"!_hideAllComponents\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-shellbar{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--fdShellbar_Shadow);align-items:center;background-color:var(--sapShellColor);border:0;box-shadow:var(--fdShellbar_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdShellbar_Height);justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem;position:relative}.fd-shellbar:after,.fd-shellbar:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1 1 0px;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar__group:after,.fd-shellbar__group:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group--product{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-ordinal-group:2;-ms-flex-order:1;justify-content:flex-start;order:1}.fd-shellbar__group--center,.fd-shellbar__group--copilot{-webkit-box-ordinal-group:3;-ms-flex-order:2;-webkit-box-pack:center;-ms-flex-pack:center;display:none;justify-content:center;margin:0 .5rem;order:2}.fd-shellbar__group--center .fd-shellbar__action,.fd-shellbar__group--copilot .fd-shellbar__action{width:100%}@media (min-width: 1440px){.fd-shellbar__group--center,.fd-shellbar__group--copilot{display:inline-block}}.fd-shellbar__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-ordinal-group:4;-ms-flex-order:3;justify-content:flex-end;order:3}.fd-shellbar__subtitle,.fd-shellbar__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-shellbar__subtitle:after,.fd-shellbar__subtitle:before,.fd-shellbar__title:after,.fd-shellbar__title:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo,.fd-shellbar__product,.fd-shellbar__subtitle{display:inline-block;vertical-align:middle}.fd-shellbar__logo,.fd-shellbar__title{position:relative}.fd-shellbar__logo.is-focus,.fd-shellbar__logo:focus,.fd-shellbar__title.is-focus,.fd-shellbar__title:focus{outline:none;pointer-events:all}.fd-shellbar__logo.is-focus:before,.fd-shellbar__logo:focus:before,.fd-shellbar__title.is-focus:before,.fd-shellbar__title:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdShellbar_Button_Outline_Color);border-radius:calc(var(--sapButton_BorderCornerRadius) - .125rem);content:\"\";display:block;inset:-.25rem;pointer-events:none;position:absolute}.fd-shellbar__title{font-weight:700;vertical-align:middle}.fd-shellbar__subtitle{font-size:var(--sapFontSmallSize)}.fd-shellbar__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;padding:0}.fd-shellbar__logo:after,.fd-shellbar__logo:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo>*{display:block;line-height:0;max-height:2.5rem;width:auto}.fd-shellbar__logo--image-replaced{background-image:url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQxMi4zOCAyMDQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjIwNi4xOSIgeDI9IjIwNi4xOSIgeTI9IjIwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwYjhmMSIvPjxzdG9wIG9mZnNldD0iLjAyIiBzdG9wLWNvbG9yPSIjMDFiNmYwIi8+PHN0b3Agb2Zmc2V0PSIuMzEiIHN0b3AtY29sb3I9IiMwZDkwZDkiLz48c3RvcCBvZmZzZXQ9Ii41OCIgc3RvcC1jb2xvcj0iIzE3NzVjOCIvPjxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjMWM2NWJmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWU1ZmJiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTAgMjA0aDIwOC40MUw0MTIuMzggMEgwdjIwNCIgc3R5bGU9ImZpbGw6dXJsKCNhKTtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik0yNDQuNzMgMzguMzZoLTQwLjZ2OTYuNTJsLTM1LjQ2LTk2LjU1aC0zNS4xNmwtMzAuMjcgODAuNzJDMTAwIDk4LjcgNzkgOTEuNjcgNjIuNCA4Ni40IDUxLjQ2IDgyLjg5IDM5Ljg1IDc3LjcyIDQwIDcyYy4wOS00LjY4IDYuMjMtOSAxOC4zOC04LjM4IDguMTcuNDMgMTUuMzcgMS4wOSAyOS43MSA4bDE0LjEtMjQuNTVDODkuMDYgNDAuNDIgNzEgMzYuMjEgNTYuMTcgMzYuMTloLS4wOWMtMTcuMjggMC0zMS42OCA1LjYtNDAuNiAxNC44M0EzNC4yMyAzNC4yMyAwIDAgMCA1Ljc3IDc0LjdDNS41NCA4Ny4xNSAxMC4xMSA5NiAxOS43MSAxMDNjOC4xIDUuOTQgMTguNDYgOS43OSAyNy42IDEyLjYyIDExLjI3IDMuNDkgMjAuNDcgNi41MyAyMC4zNiAxM0E5LjU3IDkuNTcgMCAwIDEgNjUgMTM1Yy0yLjgxIDIuOS03LjEzIDQtMTMuMDkgNC4xLTExLjQ5LjI0LTIwLTEuNTYtMzMuNjEtOS41OUw1Ljc3IDE1NC40MmE5My43NyA5My43NyAwIDAgMCA0NiAxMi4yMmgyLjExYzE0LjI0LS4yNSAyNS43NC00LjMxIDM0LjkyLTExLjcxLjUzLS40MSAxLS44NCAxLjQ5LTEuMjhsLTQuMTIgMTAuODVIMTIzbDYuMTktMTguODJhNjcuNDYgNjcuNDYgMCAwIDAgMjEuNjggMy40MyA2OC4zMyA2OC4zMyAwIDAgMCAyMS4xNi0zLjI1bDYgMTguNjRoNjAuMTR2LTM5aDEzLjExYzMxLjcxIDAgNTAuNDYtMTYuMTUgNTAuNDYtNDMuMiAwLTMwLjExLTE4LjIyLTQzLjk0LTU3LjAxLTQzLjk0ek0xNTAuOTEgMTIxYTM2LjkzIDM2LjkzIDAgMCAxLTEzLTIuMjhsMTIuODctNDAuNTloLjIybDEyLjY1IDQwLjcxYTM4LjUgMzguNSAwIDAgMS0xMi43NCAyLjE2em05Ni4yLTIzLjMzaC04Ljk0VjY0LjkxaDguOTRjMTEuOTMgMCAyMS40NCA0IDIxLjQ0IDE2LjE0IDAgMTIuNi05LjUxIDE2LjU3LTIxLjQ0IDE2LjU3IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkIi8+PC9zdmc+);height:1.5rem;width:3rem}.fd-shellbar .fd-shellbar__group{--fdShellbar_Button_Active_Background:var(--sapShell_Active_Background);--fdShellbar_Button_Active_Color:var(--sapShell_Active_TextColor)}.fd-shellbar .fd-shellbar__group .fd-shellbar__action{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__action:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__action:before{box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-shellbar__group .fd-shellbar__action>*{vertical-align:middle}.fd-shellbar .fd-shellbar__group .fd-shellbar__action--grow{flex:1}.fd-shellbar .fd-shellbar__group .fd-shellbar__action--shrink{flex:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field{--fdSelect_Text_Content_Color:var(--fdShellbar_Select_Content_Color);--fdInputGroup_Input_Border:var(--fdShellbar_Input_Border);--fdInputGroup_Input_Color:var(--fdShellbar_Input_Color);--fdInputGroup_Input_Placeholder_Color:var(--fdShellbar_Input_Placeholder_Color);--fdInputGroup_Input_Placeholder_Style:var(--fdShellbar_Input_Placeholder_Style);--fdInputGroup_Background:transparent;--fdInputGroup_Background_Color:var(--fdShellbar_Input_Background);--fdInputGroup_Hover_Background:transparent;--fdInput_Group_Button_Box_Shadow:none;--fdInput_Box_Shadow_Hover:none;border:var(--fdShellbar_Search_Border);border-radius:var(--fdShellbar_Input_Border_Radius);cursor:text;position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input{position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:hover{--fdInputGroup_Hover_Input_Background:var(--fdShellbar_Input_Hover_Background);--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:hover~.fd-shellbar__search-field-addon{--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:focus{--fdInputGroup_Input_Color:var(--fdShellbar_Input_Focus_Color);--fdInputGroup_Input_Background:var(--fdShellbar_Input_Focus_Background);z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:placeholder-shown~.fd-shellbar__search-cancel{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>*{--fdButtonBackgroundColor:var(--fdShellbar_Search_Active_Button_Background);--fdButtonColor:var(--fdShellbar_Search_Active_Button_Color);--fdShellbar_Button_Active_Background:var(--fdButtonBackgroundColor);--fdShellbar_Button_Active_Color:var(--fdShellbar_Search_Active_Button_Color);border-left:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>*{border-left-style:none;border-right:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>:hover{--fdButtonBackgroundColor:var(--fdShellbar_Search_Active_Button_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input--select{font-style:normal}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input--select{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;-ms-flex:0 1;align-items:center;display:flex;flex:0 1;height:100%}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button{border-radius:var(--fdShellbar_Input_Border_Radius);border-width:var(--fdShellbar_Input_Addon_Border_Width);height:var(--fdShellbar_Input_Addon_Dimension);min-width:var(--fdShellbar_Input_Addon_Dimension)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover{--fdButtonBackgroundColor:var(--fdShellbar_Search_Button_Hover_Background);border-left:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover[dir=rtl],.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover,[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover{border-left-style:none;border-right:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:active{border-color:var(--fdShellbar_Button_Active_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category{flex-shrink:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover{--fdInputGroup_Addon_Background:var(--fdShellbar_Input_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover~.fd-shellbar__search-field-input,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover~.fd-shellbar__search-field-input{--fdInputGroup_Addon_Background:var(--fdShellbar_Input_Background);--fdInputGroup_Input_Background:var(--fdShellbar_Input_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover .fd-shellbar__search-category{box-shadow:var(--sapContent_Interaction_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Category_Button_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>*{margin-bottom:0;margin-right:var(--fdShellbar_Search_Category_Offset_Right);margin-top:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>*{margin-left:var(--fdShellbar_Search_Category_Offset_Right);margin-right:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown{--fdInput_Group_Button_Background:transparent;--fdInput_Group_Button_Text_Color:var(--sapShell_InteractiveTextColor);background-color:var(--fdShellbar_Input_Background);outline:none;position:static}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:focus{z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-focus:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:focus:after{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category{--fdSelect_Background:transparent;--fdSelect_Hover_Background:transparent;--fdSelect_Focus_Background:transparent;--fdSelect_Background_Color:var(--fdShellbar_Input_Background);--fdSelect_Hover_Background_Color:var(--fdShellbar_Input_Background);border:var(--fdShellbar_Search_Category_Border);border-radius:0;border-width:var(--fdShellbar_Search_Category_Border_width);height:var(--fdShellbar_Input_Addon_Dimension);margin:0;margin-left:var(--fdShellbar_Search_Category_Offset_Left);min-height:var(--fdShellbar_Input_Addon_Dimension);position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category{margin-left:0;margin-right:var(--fdShellbar_Search_Category_Offset_Left)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:before{background:var(--sapShell_InteractiveBorderColor);bottom:0;content:\"\";display:var(--fdShellbar_Search_Separator_Display);position:absolute;right:0;top:0;width:.0625rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[dir=rtl]:before,[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:before{left:0;right:auto}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus{--fdSelect_Text_Content_Color:var(--sapButton_Active_TextColor);--fdShellbar_Input_Background:var(--fdShellbar_Search_Category_Button_Hover_Background);--fdSelect_Focus_Background:var(--fdShellbar_Search_Container_Hover_Background);border-radius:var(--fdShellbar_Input_Border_Radius);outline-color:var(--sapButton_Lite_Active_BorderColor);outline-offset:-.0625rem;outline-width:.0625rem;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus .fd-shellbar__search-dropdown{--fdInput_Group_Button_Text_Color:var(--sapButton_Active_TextColor)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover{--sapField_Hover_BorderColor:var(--fdShellbar_Input_Hover_Border_Color);--fdInput_Box_Shadow_Hover:var(--sapContent_Interaction_Shadow);--fdInputGroup_Hover_Background_Color:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category{--fdSelect_Background_Color:var(--fdShellbar_Search_Container_Hover_Background);--fdSelect_Hover_Background_Color:var(--fdShellbar_Search_Container_Hover_Background);border-radius:var(--fdShellbar_Input_Border_Radius)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category:not(:hover) .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category:not(:hover) .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus{-webkit-box-shadow:var(--fdShellbar_Active_Shadow);background-color:var(--fdShellbar_Active_Background);box-shadow:var(--fdShellbar_Active_Shadow);outline:none;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus:before{content:\"\";inset:0;outline:var(--fdShellbar_Search_Active_Outline);outline-offset:-.125rem;pointer-events:none;position:absolute;z-index:20}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-addon{--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-category{background-color:var(--fdShellbar_Search_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-category:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-category:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-category .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-category .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Hover_Category_Button_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button{--fdButtonColor:var(--sapShell_InteractiveTextColor);outline-color:var(--fdShellbar_Button_Outline_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button:not(.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu){padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover{--fdButtonBackgroundColor:var(--fdShellbar_Input_Hover_Background);border-color:var(--fdShellbar_Button_Hover_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover[aria-disabled=true],.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover[aria-disabled=true]{background:transparent}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active{background:var(--fdShellbar_Button_Active_Background);border-color:var(--fdShellbar_Button_Active_Border_Color);color:var(--fdShellbar_Button_Active_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu .fd-shellbar__title{margin:0}.fd-shellbar--s,.fd-shellbar--sm{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--s .fd-shellbar__subtitle,.fd-shellbar--s .fd-shellbar__title,.fd-shellbar--sm .fd-shellbar__subtitle,.fd-shellbar--sm .fd-shellbar__title{display:none}.fd-shellbar--s .fd-shellbar__group--mobile-flex,.fd-shellbar--sm .fd-shellbar__group--mobile-flex{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.fd-shellbar--s .fd-shellbar__action--mobile,.fd-shellbar--sm .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--s .fd-shellbar__action--desktop,.fd-shellbar--sm .fd-shellbar__action--desktop{display:none}.fd-shellbar--s .fd-shellbar__action-combobox--mobile,.fd-shellbar--sm .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapShellColor);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0 .3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--s .fd-shellbar__button--menu .sap-icon--megamenu,.fd-shellbar--sm .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}.fd-shellbar--l,.fd-shellbar--lg,.fd-shellbar--m,.fd-shellbar--md{padding:0 2rem}.fd-shellbar--l .fd-shellbar__subtitle,.fd-shellbar--l .fd-shellbar__title,.fd-shellbar--lg .fd-shellbar__subtitle,.fd-shellbar--lg .fd-shellbar__title,.fd-shellbar--m .fd-shellbar__subtitle,.fd-shellbar--m .fd-shellbar__title,.fd-shellbar--md .fd-shellbar__subtitle,.fd-shellbar--md .fd-shellbar__title,.fd-shellbar--xl .fd-shellbar__subtitle,.fd-shellbar--xl .fd-shellbar__title{display:inline-block}.fd-shellbar--l .fd-shellbar__action--mobile,.fd-shellbar--lg .fd-shellbar__action--mobile,.fd-shellbar--m .fd-shellbar__action--mobile,.fd-shellbar--md .fd-shellbar__action--mobile,.fd-shellbar--xl .fd-shellbar__action--mobile{display:none}.fd-shellbar--l .fd-shellbar__action--desktop,.fd-shellbar--lg .fd-shellbar__action--desktop,.fd-shellbar--m .fd-shellbar__action--desktop,.fd-shellbar--md .fd-shellbar__action--desktop,.fd-shellbar--xl .fd-shellbar__action--desktop{display:inline-block}.fd-shellbar--xl{padding:0 3rem}.fd-shellbar--side-nav.fd-shellbar--l,.fd-shellbar--side-nav.fd-shellbar--lg,.fd-shellbar--side-nav.fd-shellbar--m,.fd-shellbar--side-nav.fd-shellbar--md,.fd-shellbar--side-nav.fd-shellbar--s,.fd-shellbar--side-nav.fd-shellbar--sm,.fd-shellbar--side-nav.fd-shellbar--xl{padding:0}.fd-shellbar--side-nav.fd-shellbar--l[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--lg[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--m[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--md[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--s[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--sm[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--xl[dir=rtl],[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--l,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--lg,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--m,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--md,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--s,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--sm,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--xl{padding-left:.5rem;padding-right:0}@media (max-width: 599px){.fd-shellbar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings{padding-left:3rem;padding-right:3rem}}@media (max-width: 599px){.fd-shellbar--responsive-paddings{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__group--mobile-flex{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapShellColor);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0 .3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--responsive-paddings .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}.fd-shellbar--cx-side-nav{box-shadow:var(--sapContent_Shadow0);padding-left:.5rem;z-index:1}[dir=rtl] .fd-shellbar--cx-side-nav,.fd-shellbar--cx-side-nav[dir=rtl]{padding-left:2rem;padding-right:.5rem}fd-shellbar-actions .fd-shellbar__search-field{min-width:15rem}.fd-shellbar__action.fd-shellbar__action--desktop:empty{display:none}\n"] }]
547
557
  }], propDecorators: { size: [{
548
558
  type: Input
549
559
  }], breakpoints: [{