fundamental-styles 0.26.1 → 0.26.2
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.
- package/dist/action-bar.css +1 -1
- package/dist/action-sheet.css +1 -1
- package/dist/alert.css +1 -1
- package/dist/avatar-group.css +1 -1
- package/dist/avatar.css +1 -1
- package/dist/badge.css +1 -1
- package/dist/bar.css +1 -1
- package/dist/breadcrumb.css +1 -1
- package/dist/busy-indicator.css +1 -1
- package/dist/button-split.css +1 -1
- package/dist/button.css +1 -1
- package/dist/calendar.css +1 -1
- package/dist/card.css +1 -1
- package/dist/carousel.css +1 -1
- package/dist/checkbox.css +1 -1
- package/dist/code.css +1 -1
- package/dist/counter.css +1 -1
- package/dist/dialog.css +1 -1
- package/dist/dynamic-page.css +1 -1
- package/dist/dynamic-side-content.css +1 -1
- package/dist/facet.css +1 -1
- package/dist/feed-input.css +1 -1
- package/dist/feed-list.css +1 -1
- package/dist/fieldset.css +1 -1
- package/dist/file-uploader.css +1 -1
- package/dist/fixed-card-layout.css +1 -1
- package/dist/flexible-column-layout.css +1 -1
- package/dist/fonts/sap_fiori_3_fonts.css +1 -1
- package/dist/fonts/sap_fonts.css +1 -1
- package/dist/fonts/sap_horizon_fonts.css +1 -1
- package/dist/form-group.css +1 -1
- package/dist/form-header.css +1 -1
- package/dist/form-item.css +1 -1
- package/dist/form-label.css +1 -1
- package/dist/form-layout-grid.css +1 -1
- package/dist/form-message.css +1 -1
- package/dist/fundamental-styles.css +1 -1
- package/dist/grid-list.css +1 -1
- package/dist/helpers.css +1 -1
- package/dist/horizontal-navigation.css +1 -1
- package/dist/icon-tab-bar.css +1 -1
- package/dist/icon.css +1 -1
- package/dist/illustrated-message.css +1 -1
- package/dist/info-label.css +1 -1
- package/dist/input-group.css +1 -1
- package/dist/input.css +1 -1
- package/dist/layout-grid.css +1 -1
- package/dist/layout-panel.css +1 -1
- package/dist/layout.css +1 -1
- package/dist/link.css +1 -1
- package/dist/list.css +1 -1
- package/dist/margins.css +1 -1
- package/dist/menu.css +1 -1
- package/dist/message-box.css +1 -1
- package/dist/message-page.css +1 -1
- package/dist/message-popover.css +1 -1
- package/dist/message-strip.css +1 -1
- package/dist/message-toast.css +1 -1
- package/dist/micro-process-flow.css +1 -1
- package/dist/notification.css +1 -1
- package/dist/numeric-content.css +1 -1
- package/dist/object-attribute.css +1 -1
- package/dist/object-identifier.css +1 -1
- package/dist/object-list.css +1 -1
- package/dist/object-marker.css +1 -1
- package/dist/object-number.css +1 -1
- package/dist/object-status.css +1 -1
- package/dist/off-screen.css +1 -1
- package/dist/paddings.css +1 -1
- package/dist/page-footer.css +1 -1
- package/dist/page.css +1 -1
- package/dist/pagination.css +1 -1
- package/dist/panel.css +1 -1
- package/dist/popover.css +1 -1
- package/dist/product-switch.css +1 -1
- package/dist/progress-indicator.css +1 -1
- package/dist/quick-view.css +1 -1
- package/dist/radio.css +1 -1
- package/dist/rating-indicator.css +1 -1
- package/dist/resizable-card-layout.css +1 -1
- package/dist/scrollbar.css +1 -1
- package/dist/section.css +1 -1
- package/dist/segmented-button.css +1 -1
- package/dist/select.css +1 -1
- package/dist/shellbar.css +1 -1
- package/dist/side-nav.css +1 -1
- package/dist/slider.css +1 -1
- package/dist/splitter.css +1 -1
- package/dist/status-indicator.css +1 -1
- package/dist/step-input.css +1 -1
- package/dist/switch.css +1 -1
- package/dist/table.css +1 -1
- package/dist/tabs.css +1 -1
- package/dist/text.css +1 -1
- package/dist/textarea.css +1 -1
- package/dist/theming/common/progress-indicator/sap_fiori.css +1 -1
- package/dist/theming/common/progress-indicator/sap_fiori_hc.css +1 -1
- package/dist/theming/common/progress-indicator/sap_horizon.css +1 -1
- package/dist/theming/sap_fiori_3.css +1 -1
- package/dist/theming/sap_fiori_3_dark.css +1 -1
- package/dist/theming/sap_fiori_3_hcb.css +1 -1
- package/dist/theming/sap_fiori_3_hcw.css +1 -1
- package/dist/theming/sap_fiori_3_light_dark.css +1 -1
- package/dist/theming/sap_horizon.css +1 -1
- package/dist/theming/sap_horizon_dark.css +1 -1
- package/dist/theming/sap_horizon_hcb.css +1 -1
- package/dist/theming/sap_horizon_hcw.css +1 -1
- package/dist/tile.css +1 -1
- package/dist/time.css +1 -1
- package/dist/timepicker.css +1 -1
- package/dist/title.css +1 -1
- package/dist/token.css +1 -1
- package/dist/tokenizer.css +1 -1
- package/dist/tool-header.css +1 -1
- package/dist/toolbar.css +1 -1
- package/dist/tree.css +1 -1
- package/dist/upload-collection.css +1 -1
- package/dist/user-menu.css +1 -1
- package/dist/variant-management.css +1 -1
- package/dist/vertical-nav.css +1 -1
- package/dist/wizard.css +1 -1
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.26.
|
|
2
|
+
* Fundamental Library Styles v0.26.2
|
|
3
3
|
* Copyright (c) 2022 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-rating-indicator{--fontSize:1.375rem;--spacingBetweenIcons:0.1875rem;-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-rating-indicator:after,.fd-rating-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-rating-indicator--cozy{--fontSize:1.5rem;--spacingBetweenIcons:0.1875rem;margin:.8125rem 0}.fd-rating-indicator--compact{margin:.5rem 0}.fd-rating-indicator--compact,.fd-rating-indicator--condensed{--fontSize:1rem;--spacingBetweenIcons:0.125rem}.fd-rating-indicator--xs{--fontSize:0.75rem;--spacingBetweenIcons:1px}.fd-rating-indicator--sm{--fontSize:1rem;--spacingBetweenIcons:0.125rem}.fd-rating-indicator--md{--fontSize:1.375rem;--spacingBetweenIcons:0.1875rem}.fd-rating-indicator--lg{--fontSize:2rem;--spacingBetweenIcons:0.25rem}.fd-rating-indicator__container{-webkit-box-sizing:border-box;border:0;border-radius:var(--fdRating_Indicator_Border_Radius);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-rating-indicator__container:after,.fd-rating-indicator__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-rating-indicator__container:focus-within{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdRating_Indicator_Focus_Outline_Offset,0);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-rating-indicator__container:focus-within .fd-rating-indicator__input,.fd-rating-indicator__container:focus-within .fd-rating-indicator__label{outline:none!important}.fd-rating-indicator__input{-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;height:var(--fontSize);line-height:var(--sapContent_LineHeight);margin:0;opacity:.0001;padding:0;position:absolute;top:0;width:var(--fontSize);z-index:-1}.fd-rating-indicator__input:after,.fd-rating-indicator__input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-rating-indicator__input:checked.is-focus,.fd-rating-indicator__input:checked:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-rating-indicator__input:checked.is-focus+.fd-rating-indicator__label,.fd-rating-indicator__input:checked:focus+.fd-rating-indicator__label{outline-color:var(--sapContent_FocusColor);outline-offset:0;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-rating-indicator__label{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;float:left;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fontSize);line-height:var(--sapContent_LineHeight);margin:0;margin-right:var(--spacingBetweenIcons);opacity:1;padding:0}.fd-rating-indicator__label:after,.fd-rating-indicator__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-rating-indicator__label:before{color:var(--sapContent_RatedColor);content:"\e065";font-family:SAP-icons;font-size:var(--fontSize)}.fd-rating-indicator__label:last-child{margin-right:0}.fd-rating-indicator__label:hover:before{-webkit-transition:opacity .125s ease-in;opacity:var(--fdRating_Indicator_Selected_Hover_Opacity);transition:opacity .125s ease-in}.fd-rating-indicator .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before{color:var(--sapContent_UnratedColor);content:"\e0a1"}.fd-rating-indicator__dynamic-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-rating-indicator__dynamic-text:after,.fd-rating-indicator__dynamic-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-rating-indicator--hide-dynamic-text>.fd-rating-indicator__dynamic-text{display:none}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__input:first-child+label,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__input:first-child+label{margin-right:0}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__label,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__label{float:right}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__label:last-child,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__label:last-child{margin-right:var(--spacingBetweenIcons)}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__dynamic-text,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__dynamic-text{margin-left:0;margin-right:.5rem}.fd-rating-indicator.is-disabled,.fd-rating-indicator:disabled,.fd-rating-indicator[aria-disabled=true]{opacity:var(--fdRating_Indicator_Disabled_Control_Opacity);pointer-events:none}.fd-rating-indicator.is-disabled .fd-rating-indicator__input:before,.fd-rating-indicator:disabled .fd-rating-indicator__input:before,.fd-rating-indicator[aria-disabled=true] .fd-rating-indicator__input:before{color:var(--fdRating_Indicator_Disabled_Selected_Color);content:"\e065"}.fd-rating-indicator.is-disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator:disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator[aria-disabled=true] .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before{color:var(--fdRating_Indicator_Disabled_Unselected_Color);content:"\e065";font-size:calc(var(--fontSize)*var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio))}.fd-rating-indicator--display-mode{--fontSize:1rem}.fd-rating-indicator--display-mode .fd-rating-indicator__label{margin-right:.125rem}.fd-rating-indicator--display-mode .fd-rating-indicator__label:before{color:var(--fdRating_Indicator_Display_Only_Selected_Color);content:"\e065";font-size:var(--fontSize)}.fd-rating-indicator--display-mode .fd-rating-indicator__label[dir=rtl],[dir=rtl] .fd-rating-indicator--display-mode .fd-rating-indicator__label{margin-left:.125rem;margin-right:0}.fd-rating-indicator--display-mode,.fd-rating-indicator--non-interactive{pointer-events:none}.fd-rating-indicator--display-mode .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--non-interactive .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before{color:var(--sapContent_UnratedColor);content:"\e065";font-size:calc(var(--fontSize)*var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio))}.fd-rating-indicator--icon .fd-rating-indicator__label{height:var(--fontSize);width:var(--fontSize)}.fd-rating-indicator--icon .fd-rating-indicator__label:after,.fd-rating-indicator--icon .fd-rating-indicator__label:before{content:none!important}.fd-rating-indicator--icon .fd-rating-indicator__label-rated,.fd-rating-indicator--icon .fd-rating-indicator__label-unrated{font-size:var(--fontSize);height:100%;line-height:1}.fd-rating-indicator--icon .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-rated,.fd-rating-indicator--icon .fd-rating-indicator__label-unrated{display:none}.fd-rating-indicator--icon .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated{display:block}.fd-rating-indicator--half-star .fd-rating-indicator__input{height:var(--fontSize);width:calc(var(--fontSize)*.5)}.fd-rating-indicator--half-star .fd-rating-indicator__label{margin-right:0;overflow:hidden;width:calc(var(--fontSize)*.5)}.fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:var(--spacingBetweenIcons)}.fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6)[dir=rtl],[dir=rtl] .fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6){margin-left:var(--spacingBetweenIcons);margin-right:0}.fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6)[dir=rtl]:last-child,[dir=rtl] .fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6):last-child{margin-left:0}.fd-rating-indicator--half-star .fd-rating-indicator__label:last-child{margin-right:0}.fd-rating-indicator--half-star .fd-rating-indicator--icon .fd-rating-indicator__label{width:calc(var(--fontSize)*.5)}.fd-rating-indicator--half-star .fd-rating-indicator .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label{width:calc(var(--fontSize)*var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio)*.5)}.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label{width:calc(var(--fontSize)*.5)}.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before{font-size:var(--fontSize)}.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label{width:calc(var(--fontSize)*var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio)*.5)}.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before{font-size:calc(var(--fontSize)*var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio))}.fd-rating-indicator[class*=fd-rating-indicator--] .fd-rating-indicator__input--zero-rating,.fd-rating-indicator[class*=fd-rating-indicator--] .fd-rating-indicator__label--zero-rating,.fd-rating-indicator__input--zero-rating,.fd-rating-indicator__label--zero-rating{margin:0;opacity:.0001;overflow:hidden;padding:0;width:0}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.26.
|
|
2
|
+
* Fundamental Library Styles v0.26.2
|
|
3
3
|
* Copyright (c) 2022 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-resizable-card-layout{-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:1rem 0 0;padding:0 .5rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__item{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-width:20rem;padding:0;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{-webkit-box-sizing:border-box;-webkit-box-ordinal-group:2;-ms-flex-order:1;-webkit-box-flex:1;-ms-flex:1;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:calc(100% - .0625rem);line-height:var(--sapContent_LineHeight);margin:0;order:1;padding:0;position:relative}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{-webkit-box-sizing:border-box;border:0;bottom:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .0625rem .0625rem 0;position:absolute;right:0;width:1rem;z-index:2}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{left:0;padding:0 0 .0625rem .0625rem;right:auto}.fd-resizable-card-layout__icon{-webkit-box-sizing:border-box;border:0;bottom:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapButton_IconColor);cursor:nwse-resize;font-family:var(--sapFontFamily);font-family:SAP-icons;font-size:var(--sapFontSize);font-size:1rem;font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;padding:0;position:absolute;right:.0625rem;z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{content:"\e24f";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{-webkit-transform:rotate(90deg);cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem;position:relative;transform:rotate(90deg)}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{-webkit-box-ordinal-group:3;-ms-flex-order:2;cursor:ew-resize;order:2;width:.0625rem;z-index:2}.fd-resizable-card-layout__resize--vertical::content{content:"";position:absolute}.fd-resizable-card-layout__resize--horizontal{bottom:0;cursor:ns-resize;height:.0625rem;position:absolute;width:calc(100% - .5rem);z-index:2}.fd-resizable-card-layout__indication-border{-webkit-box-sizing:border-box;border:0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor);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-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--lg,.fd-resizable-card-layout--md{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}
|
package/dist/scrollbar.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.26.
|
|
2
|
+
* Fundamental Library Styles v0.26.2
|
|
3
3
|
* Copyright (c) 2022 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-scrollbar{-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;overflow:auto;padding:0;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-scrollbar:after,.fd-scrollbar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-scrollbar.is-focus,.fd-scrollbar:focus{outline:none;z-index:5}.fd-scrollbar::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-scrollbar::-webkit-scrollbar-corner,.fd-scrollbar::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-scrollbar::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-scrollbar::-webkit-scrollbar-thumb:active,.fd-scrollbar::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-scrollbar--container::-webkit-scrollbar-corner,.fd-scrollbar--container::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color);border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-scrollbar--container[dir=rtl]::-webkit-scrollbar-corner,.fd-scrollbar--container[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-scrollbar--container::-webkit-scrollbar-corner,[dir=rtl] .fd-scrollbar--container::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}
|
package/dist/section.css
CHANGED
package/dist/select.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.26.
|
|
2
|
+
* Fundamental Library Styles v0.26.2
|
|
3
3
|
* Copyright (c) 2022 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-select{-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;text-shadow:var(--fdSelect_Text_Shadow)}.fd-select:after,.fd-select:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-select__control{-webkit-box-sizing:border-box;-webkit-box-shadow:none;-moz-appearance:none;-webkit-appearance:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;appearance:none;background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-shadow:none;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.25rem;justify-content:center;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:.25rem 0;min-height:2.25rem;min-width:2.75rem;outline:none;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-select__control:after,.fd-select__control:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-select__control::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-select__control::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-select__control:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-select__control::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-select__control::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-select__control[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-select__control::-webkit-input-placeholder{text-indent:.125rem}.fd-select__control[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-select__control::-moz-placeholder{text-indent:.125rem}.fd-select__control[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-select__control:-ms-input-placeholder{text-indent:.125rem}.fd-select__control[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-select__control::-ms-input-placeholder{text-indent:.125rem}.fd-select__control[dir=rtl]::placeholder,[dir=rtl] .fd-select__control::placeholder{text-indent:.125rem}.fd-select__control::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-select__control::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-select__control::-ms-clear{display:none}.fd-select__control.is-hover,.fd-select__control:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-select__control.is-focus,.fd-select__control:focus{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-select__control.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-select__control.is-success.is-hover,.fd-select__control.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-select__control.is-success.is-focus,.fd-select__control.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-select__control.is-success.is-focus.is-hover,.fd-select__control.is-success.is-focus:hover,.fd-select__control.is-success:focus.is-hover,.fd-select__control.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-select__control.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-select__control.is-error.is-hover,.fd-select__control.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-select__control.is-error.is-focus,.fd-select__control.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-select__control.is-error.is-focus.is-hover,.fd-select__control.is-error.is-focus:hover,.fd-select__control.is-error:focus.is-hover,.fd-select__control.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-select__control.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-select__control.is-warning.is-hover,.fd-select__control.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-warning.is-focus,.fd-select__control.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-select__control.is-warning.is-focus.is-hover,.fd-select__control.is-warning.is-focus:hover,.fd-select__control.is-warning:focus.is-hover,.fd-select__control.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-select__control.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-select__control.is-alert.is-hover,.fd-select__control.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-alert.is-focus,.fd-select__control.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-select__control.is-alert.is-focus.is-hover,.fd-select__control.is-alert.is-focus:hover,.fd-select__control.is-alert:focus.is-hover,.fd-select__control.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-select__control.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-select__control.is-information.is-hover,.fd-select__control.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-select__control.is-information.is-focus,.fd-select__control.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-select__control.is-information.is-focus.is-hover,.fd-select__control.is-information.is-focus:hover,.fd-select__control.is-information:focus.is-hover,.fd-select__control.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-select__control.is-alert,.fd-select__control.is-error,.fd-select__control.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert::-webkit-input-placeholder,.fd-select__control.is-error::-webkit-input-placeholder,.fd-select__control.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert::-moz-placeholder,.fd-select__control.is-error::-moz-placeholder,.fd-select__control.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert:-ms-input-placeholder,.fd-select__control.is-error:-ms-input-placeholder,.fd-select__control.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert::-ms-input-placeholder,.fd-select__control.is-error::-ms-input-placeholder,.fd-select__control.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert::placeholder,.fd-select__control.is-error::placeholder,.fd-select__control.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert.is-focus,.fd-select__control.is-alert:focus,.fd-select__control.is-error.is-focus,.fd-select__control.is-error:focus,.fd-select__control.is-information.is-focus,.fd-select__control.is-information:focus,.fd-select__control.is-warning.is-focus,.fd-select__control.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-select__control.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-select__control.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-select__control.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-select__control.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-select__control.is-error::placeholder{color:var(--sapField_TextColor)}.fd-select__control.is-disabled,.fd-select__control:disabled,.fd-select__control[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-select__control.is-disabled::-webkit-input-placeholder,.fd-select__control:disabled::-webkit-input-placeholder,.fd-select__control[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-disabled::-moz-placeholder,.fd-select__control:disabled::-moz-placeholder,.fd-select__control[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-disabled:-ms-input-placeholder,.fd-select__control:disabled:-ms-input-placeholder,.fd-select__control[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-disabled::-ms-input-placeholder,.fd-select__control:disabled::-ms-input-placeholder,.fd-select__control[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-disabled::placeholder,.fd-select__control:disabled::placeholder,.fd-select__control[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly,.fd-select__control[aria-readonly=true],.fd-select__control[readonly]{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);pointer-events:none}.fd-select__control.is-readonly::-webkit-input-placeholder,.fd-select__control[aria-readonly=true]::-webkit-input-placeholder,.fd-select__control[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly::-moz-placeholder,.fd-select__control[aria-readonly=true]::-moz-placeholder,.fd-select__control[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly:-ms-input-placeholder,.fd-select__control[aria-readonly=true]:-ms-input-placeholder,.fd-select__control[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly::-ms-input-placeholder,.fd-select__control[aria-readonly=true]::-ms-input-placeholder,.fd-select__control[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly::placeholder,.fd-select__control[aria-readonly=true]::placeholder,.fd-select__control[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly.is-hover,.fd-select__control.is-readonly:hover,.fd-select__control[aria-readonly=true].is-hover,.fd-select__control[aria-readonly=true]:hover,.fd-select__control[readonly].is-hover,.fd-select__control[readonly]:hover{-webkit-box-shadow:none;box-shadow:none}.fd-select__control.is-readonly.is-focus,.fd-select__control.is-readonly:focus,.fd-select__control[aria-readonly=true].is-focus,.fd-select__control[aria-readonly=true]:focus,.fd-select__control[readonly].is-focus,.fd-select__control[readonly]:focus{background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius);z-index:5}.fd-select__control .fd-select__button{background:var(--fdInput_Group_Button_Background);border:none;border-left:var(--sapButton_BorderWidth) solid transparent;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:static!important;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important}.fd-select__control .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-select__control .fd-select__button:before{display:none!important}.fd-select__control .fd-select__button.is-hover,.fd-select__control .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Hover_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Hover_Text_Color)}.fd-select__control .fd-select__button.is-hover[dir=rtl],.fd-select__control .fd-select__button:hover[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button.is-hover,[dir=rtl] .fd-select__control .fd-select__button:hover{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button.is-active,.fd-select__control .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Active_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)}.fd-select__control .fd-select__button.is-active[dir=rtl],.fd-select__control .fd-select__button:active[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button.is-active,[dir=rtl] .fd-select__control .fd-select__button:active{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control.is-success .fd-select__button.is-active,.fd-select__control.is-success .fd-select__button.is-hover,.fd-select__control.is-success .fd-select__button:active,.fd-select__control.is-success .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-select__control.is-success .fd-select__button.is-active,.fd-select__control.is-success .fd-select__button:active{color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control.is-error .fd-select__button.is-active,.fd-select__control.is-error .fd-select__button.is-hover,.fd-select__control.is-error .fd-select__button:active,.fd-select__control.is-error .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-select__control.is-error .fd-select__button.is-active,.fd-select__control.is-error .fd-select__button:active{color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control.is-warning .fd-select__button.is-active,.fd-select__control.is-warning .fd-select__button.is-hover,.fd-select__control.is-warning .fd-select__button:active,.fd-select__control.is-warning .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control.is-warning .fd-select__button.is-active,.fd-select__control.is-warning .fd-select__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-alert .fd-select__button.is-active,.fd-select__control.is-alert .fd-select__button.is-hover,.fd-select__control.is-alert .fd-select__button:active,.fd-select__control.is-alert .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control.is-alert .fd-select__button.is-active,.fd-select__control.is-alert .fd-select__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-information .fd-select__button.is-active,.fd-select__control.is-information .fd-select__button.is-hover,.fd-select__control.is-information .fd-select__button:active,.fd-select__control.is-information .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-select__control.is-information .fd-select__button.is-active,.fd-select__control.is-information .fd-select__button:active{color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-disabled,.fd-select__control:disabled,.fd-select__control[aria-disabled=true]{pointer-events:none}.fd-select__control.is-expanded,.fd-select__control[aria-expanded=true]{margin-bottom:0}.fd-select__control .fd-select__button{margin-left:.25rem}.fd-select__control .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button{margin-left:0;margin-right:.25rem}.fd-select__control .fd-select__button .fd-select__button{background:var(--fdInput_Group_Button_Background);border:none;border-left:var(--sapButton_BorderWidth) solid transparent;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:static!important;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important}.fd-select__control .fd-select__button .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-select__control .fd-select__button .fd-select__button:before{display:none!important}.fd-select__control .fd-select__button .fd-select__button.is-hover,.fd-select__control .fd-select__button .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Hover_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Hover_Text_Color)}.fd-select__control .fd-select__button .fd-select__button.is-hover[dir=rtl],.fd-select__control .fd-select__button .fd-select__button:hover[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button.is-hover,[dir=rtl] .fd-select__control .fd-select__button .fd-select__button:hover{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button .fd-select__button.is-active,.fd-select__control .fd-select__button .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Active_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)}.fd-select__control .fd-select__button .fd-select__button.is-active[dir=rtl],.fd-select__control .fd-select__button .fd-select__button:active[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button.is-active,[dir=rtl] .fd-select__control .fd-select__button .fd-select__button:active{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button.is-success .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-success .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-success .fd-select__button.is-active,.fd-select__control .fd-select__button.is-success .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control .fd-select__button.is-error .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-error .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-error .fd-select__button.is-active,.fd-select__control .fd-select__button.is-error .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control .fd-select__button.is-warning .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-warning .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-warning .fd-select__button.is-active,.fd-select__control .fd-select__button.is-warning .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control .fd-select__button.is-alert .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-alert .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-alert .fd-select__button.is-active,.fd-select__control .fd-select__button.is-alert .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control .fd-select__button.is-information .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-information .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-information .fd-select__button.is-active,.fd-select__control .fd-select__button.is-information .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-readonly,.fd-select__control[aria-readonly=true],.fd-select__control[readonly]{cursor:text}.fd-select__control.is-readonly .fd-select__text-content,.fd-select__control[aria-readonly=true] .fd-select__text-content,.fd-select__control[readonly] .fd-select__text-content{min-width:calc(5rem - var(--sapField_BorderWidth)*2);padding-left:.625rem;padding-right:.625rem}.fd-select__control.is-expanded,.fd-select__control[aria-expanded=true]{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-select__control.is-expanded .fd-select__button,.fd-select__control[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--sapButton_Active_TextColor)}.fd-select__control.is-expanded.is-focus,.fd-select__control.is-expanded:focus,.fd-select__control[aria-expanded=true].is-focus,.fd-select__control[aria-expanded=true]:focus{-webkit-box-shadow:none;box-shadow:none;z-index:5}.fd-select__control.is-expanded.is-hover .fd-select__button,.fd-select__control.is-expanded:hover .fd-select__button,.fd-select__control[aria-expanded=true].is-hover .fd-select__button,.fd-select__control[aria-expanded=true]:hover .fd-select__button{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapButton_Selected_Hover_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color_Hover);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--sapButton_Active_TextColor)}.fd-select__control.is-success.is-expanded,.fd-select__control.is-success[aria-expanded=true]{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-select__control.is-success.is-expanded .fd-select__button,.fd-select__control.is-success[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Success_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control.is-success.is-expanded.is-focus,.fd-select__control.is-success.is-expanded:focus,.fd-select__control.is-success[aria-expanded=true].is-focus,.fd-select__control.is-success[aria-expanded=true]:focus{-webkit-box-shadow:none;box-shadow:none;z-index:5}.fd-select__control.is-error.is-expanded,.fd-select__control.is-error[aria-expanded=true]{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-select__control.is-error.is-expanded .fd-select__button,.fd-select__control.is-error[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Error_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control.is-error.is-expanded.is-focus,.fd-select__control.is-error.is-expanded:focus,.fd-select__control.is-error[aria-expanded=true].is-focus,.fd-select__control.is-error[aria-expanded=true]:focus{-webkit-box-shadow:none;box-shadow:none;z-index:5}.fd-select__control.is-warning.is-expanded,.fd-select__control.is-warning[aria-expanded=true]{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-warning.is-expanded .fd-select__button,.fd-select__control.is-warning[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-warning.is-expanded.is-focus,.fd-select__control.is-warning.is-expanded:focus,.fd-select__control.is-warning[aria-expanded=true].is-focus,.fd-select__control.is-warning[aria-expanded=true]:focus{-webkit-box-shadow:none;box-shadow:none;z-index:5}.fd-select__control.is-alert.is-expanded,.fd-select__control.is-alert[aria-expanded=true]{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-alert.is-expanded .fd-select__button,.fd-select__control.is-alert[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-alert.is-expanded.is-focus,.fd-select__control.is-alert.is-expanded:focus,.fd-select__control.is-alert[aria-expanded=true].is-focus,.fd-select__control.is-alert[aria-expanded=true]:focus{-webkit-box-shadow:none;box-shadow:none;z-index:5}.fd-select__control.is-information.is-expanded,.fd-select__control.is-information[aria-expanded=true]{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-select__control.is-information.is-expanded .fd-select__button,.fd-select__control.is-information[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Information_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-information.is-expanded.is-focus,.fd-select__control.is-information.is-expanded:focus,.fd-select__control.is-information[aria-expanded=true].is-focus,.fd-select__control.is-information[aria-expanded=true]:focus{-webkit-box-shadow:none;box-shadow:none;z-index:5}.fd-select__text-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-width:calc(2.5rem - var(--sapField_BorderWidth)*2);overflow:hidden;padding:0 0 0 .625rem;text-overflow:ellipsis;white-space:nowrap}.fd-select__text-content:after,.fd-select__text-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-select__text-content[dir=rtl],[dir=rtl] .fd-select__text-content{padding-left:0;padding-right:.625rem}.fd-select--compact .fd-select__control{height:1.625rem;min-height:1.625rem}.fd-select--compact .fd-select__control .fd-select__text-content{min-width:calc(2.75rem - var(--sapField_BorderWidth)*2);padding-left:.5rem}.fd-select--compact .fd-select__control .fd-select__text-content[dir=rtl],[dir=rtl] .fd-select--compact .fd-select__control .fd-select__text-content{padding-left:0;padding-right:.5rem}.fd-select--compact .fd-select__control.is-readonly .fd-select__text-content,.fd-select--compact .fd-select__control[aria-readonly=true] .fd-select__text-content,.fd-select--compact .fd-select__control[readonly] .fd-select__text-content{padding-left:.5rem;padding-right:.5rem}
|
package/dist/shellbar.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.26.
|
|
2
|
+
* Fundamental Library Styles v0.26.2
|
|
3
3
|
* Copyright (c) 2022 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-shellbar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdShellbar_Shadow);-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;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:-webkit-box;display:-ms-flexbox;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{-webkit-box-sizing:inherit;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-positive:1;-ms-flex-negative:1;-ms-flex-preferred-size:0;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-basis:0;flex-grow:1;flex-shrink:1;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__group:after,.fd-shellbar__group:before{-webkit-box-sizing:inherit;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--copilot{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;justify-content:center;order:2}.fd-shellbar__group--copilot .fd-shellbar__button{padding-left:0}.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 0 0 .5rem;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{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar__subtitle[dir=rtl],.fd-shellbar__title[dir=rtl],[dir=rtl] .fd-shellbar__subtitle,[dir=rtl] .fd-shellbar__title{margin-left:0;margin-right:.5rem}.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);bottom:-.25rem;content:"";display:block;left:-.25rem;pointer-events:none;position:absolute;right:-.25rem;top:-.25rem}.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{-webkit-box-sizing:inherit;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 .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 0 0 .5rem;padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__action:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__action:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-shellbar__group .fd-shellbar__action[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__action{margin-left:0;margin-right:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__action>*{vertical-align:middle}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group{background:transparent;background-color:var(--fdShellbar_Input_Background);border:var(--fdShellbar_Input_Border);border-radius:var(--fdShellbar_Input_Border_Radius);cursor:text}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group:hover{-webkit-box-shadow:var(--sapContent_Interaction_Shadow);border-color:var(--fdShellbar_Input_Hover_Border_Color);box-shadow:var(--sapContent_Interaction_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group:focus{outline:none;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input{border:none;color:var(--fdShellbar_Input_Color);position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input.is-hover+.fd-shellbar__input-group-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input:hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input:hover+.fd-shellbar__input-group-addon{background:transparent;background-color:var(--fdShellbar_Input_Hover_Background)!important}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input::-webkit-input-placeholder{color:var(--fdShellbar_Input_Placeholder_Color);font-style:italic}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input::-moz-placeholder{color:var(--fdShellbar_Input_Placeholder_Color);font-style:italic}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input:-ms-input-placeholder{color:var(--fdShellbar_Input_Placeholder_Color);font-style:italic}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input::-ms-input-placeholder{color:var(--fdShellbar_Input_Placeholder_Color);font-style:italic}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input::placeholder{color:var(--fdShellbar_Input_Placeholder_Color);font-style:italic}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input--select{font-style:normal}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input--select{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-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__button{color:var(--sapShell_InteractiveTextColor)!important;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{background-color:var(--sapShell_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(--sapShell_Active_Background);border-color:var(--fdShellbar_Button_Active_Border_Color);color:var(--sapShell_Active_TextColor)!important}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu{margin-left:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu{margin-left:0;margin-right:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu .fd-shellbar__title{margin:0}.fd-shellbar--s .fd-shellbar__subtitle,.fd-shellbar--s .fd-shellbar__title{display:none}.fd-shellbar--s .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--s .fd-shellbar__action--desktop{display:none}.fd-shellbar--s .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapShellColor);display:-webkit-box;display:-ms-flexbox;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{margin:0!important}.fd-shellbar--l,.fd-shellbar--m{padding:0 2rem}.fd-shellbar--l .fd-shellbar__subtitle,.fd-shellbar--l .fd-shellbar__title,.fd-shellbar--m .fd-shellbar__subtitle,.fd-shellbar--m .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--m .fd-shellbar__action--mobile,.fd-shellbar--xl .fd-shellbar__action--mobile{display:none}.fd-shellbar--l .fd-shellbar__action--desktop,.fd-shellbar--m .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--m,.fd-shellbar--side-nav.fd-shellbar--s,.fd-shellbar--side-nav.fd-shellbar--xl{padding:0}.fd-shellbar--side-nav.fd-shellbar--l[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--m[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--s[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--m,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--s,[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}}
|
package/dist/side-nav.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.26.
|
|
2
|
+
* Fundamental Library Styles v0.26.2
|
|
3
3
|
* Copyright (c) 2022 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-nested-list{-webkit-box-sizing:border-box;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);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);list-style:none;margin:0;padding:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .level-2 .fd-nested-list__content,.fd-nested-list .level-2 .fd-nested-list__link{border-bottom:none;padding-left:2.75rem;padding-right:0}.fd-nested-list .level-2 .fd-nested-list__content.is-selected,.fd-nested-list .level-2 .fd-nested-list__content[aria-selected=true],.fd-nested-list .level-2 .fd-nested-list__link.is-selected,.fd-nested-list .level-2 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .level-2 .fd-nested-list__content.has-child,.fd-nested-list .level-2 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .level-2 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:2.75rem;padding-right:0}.fd-nested-list .level-3 .fd-nested-list__content,.fd-nested-list .level-3 .fd-nested-list__link{border-bottom:none;padding-left:3.75rem;padding-right:0}.fd-nested-list .level-3 .fd-nested-list__content.is-selected,.fd-nested-list .level-3 .fd-nested-list__content[aria-selected=true],.fd-nested-list .level-3 .fd-nested-list__link.is-selected,.fd-nested-list .level-3 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .level-3 .fd-nested-list__content.has-child,.fd-nested-list .level-3 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .level-3 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:3.75rem;padding-right:0}.fd-nested-list .level-4 .fd-nested-list__content,.fd-nested-list .level-4 .fd-nested-list__link{border-bottom:none;padding-left:4.75rem;padding-right:0}.fd-nested-list .level-4 .fd-nested-list__content.is-selected,.fd-nested-list .level-4 .fd-nested-list__content[aria-selected=true],.fd-nested-list .level-4 .fd-nested-list__link.is-selected,.fd-nested-list .level-4 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .level-4 .fd-nested-list__content.has-child,.fd-nested-list .level-4 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .level-4 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:4.75rem;padding-right:0}.fd-nested-list .level-5 .fd-nested-list__content,.fd-nested-list .level-5 .fd-nested-list__link{border-bottom:none;padding-left:5.75rem;padding-right:0}.fd-nested-list .level-5 .fd-nested-list__content.is-selected,.fd-nested-list .level-5 .fd-nested-list__content[aria-selected=true],.fd-nested-list .level-5 .fd-nested-list__link.is-selected,.fd-nested-list .level-5 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .level-5 .fd-nested-list__content.has-child,.fd-nested-list .level-5 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .level-5 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:5.75rem;padding-right:0}.fd-nested-list .level-6 .fd-nested-list__content,.fd-nested-list .level-6 .fd-nested-list__link{border-bottom:none;padding-left:6.75rem;padding-right:0}.fd-nested-list .level-6 .fd-nested-list__content.is-selected,.fd-nested-list .level-6 .fd-nested-list__content[aria-selected=true],.fd-nested-list .level-6 .fd-nested-list__link.is-selected,.fd-nested-list .level-6 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .level-6 .fd-nested-list__content.has-child,.fd-nested-list .level-6 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .level-6 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:6.75rem;padding-right:0}.fd-nested-list .level-7 .fd-nested-list__content,.fd-nested-list .level-7 .fd-nested-list__link{border-bottom:none;padding-left:7.75rem;padding-right:0}.fd-nested-list .level-7 .fd-nested-list__content.is-selected,.fd-nested-list .level-7 .fd-nested-list__content[aria-selected=true],.fd-nested-list .level-7 .fd-nested-list__link.is-selected,.fd-nested-list .level-7 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .level-7 .fd-nested-list__content.has-child,.fd-nested-list .level-7 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .level-7 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:7.75rem;padding-right:0}.fd-nested-list .level-8 .fd-nested-list__content,.fd-nested-list .level-8 .fd-nested-list__link{border-bottom:none;padding-left:8.75rem;padding-right:0}.fd-nested-list .level-8 .fd-nested-list__content.is-selected,.fd-nested-list .level-8 .fd-nested-list__content[aria-selected=true],.fd-nested-list .level-8 .fd-nested-list__link.is-selected,.fd-nested-list .level-8 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .level-8 .fd-nested-list__content.has-child,.fd-nested-list .level-8 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .level-8 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:8.75rem;padding-right:0}.fd-nested-list .level-9 .fd-nested-list__content,.fd-nested-list .level-9 .fd-nested-list__link{border-bottom:none;padding-left:9.75rem;padding-right:0}.fd-nested-list .level-9 .fd-nested-list__content.is-selected,.fd-nested-list .level-9 .fd-nested-list__content[aria-selected=true],.fd-nested-list .level-9 .fd-nested-list__link.is-selected,.fd-nested-list .level-9 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .level-9 .fd-nested-list__content.has-child,.fd-nested-list .level-9 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .level-9 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:9.75rem;padding-right:0}.fd-nested-list .level-10 .fd-nested-list__content,.fd-nested-list .level-10 .fd-nested-list__link{border-bottom:none;padding-left:10.75rem;padding-right:0}.fd-nested-list .level-10 .fd-nested-list__content.is-selected,.fd-nested-list .level-10 .fd-nested-list__content[aria-selected=true],.fd-nested-list .level-10 .fd-nested-list__link.is-selected,.fd-nested-list .level-10 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .level-10 .fd-nested-list__content.has-child,.fd-nested-list .level-10 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .level-10 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:10.75rem;padding-right:0}.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__content,.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__link,[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__content,[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:2.75rem}.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__content.is-selected,.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__content[aria-selected=true],.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__link.is-selected,.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__content.has-child,.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:2.75rem}.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__content,.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__link,[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__content,[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:3.75rem}.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__content.is-selected,.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__content[aria-selected=true],.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__link.is-selected,.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__content.has-child,.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:3.75rem}.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__content,.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__link,[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__content,[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:4.75rem}.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__content.is-selected,.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__content[aria-selected=true],.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__link.is-selected,.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__content.has-child,.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:4.75rem}.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__content,.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__link,[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__content,[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:5.75rem}.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__content.is-selected,.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__content[aria-selected=true],.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__link.is-selected,.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__content.has-child,.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:5.75rem}.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__content,.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__link,[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__content,[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:6.75rem}.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__content.is-selected,.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__content[aria-selected=true],.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__link.is-selected,.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__content.has-child,.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:6.75rem}.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__content,.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__link,[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__content,[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:7.75rem}.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__content.is-selected,.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__content[aria-selected=true],.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__link.is-selected,.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__content.has-child,.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:7.75rem}.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__content,.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__link,[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__content,[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:8.75rem}.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__content.is-selected,.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__content[aria-selected=true],.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__link.is-selected,.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__content.has-child,.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:8.75rem}.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__content,.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__link,[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__content,[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:9.75rem}.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__content.is-selected,.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__content[aria-selected=true],.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__link.is-selected,.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__content.has-child,.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:9.75rem}.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__content,.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__link,[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__content,[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:10.75rem}.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__content.is-selected,.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__content[aria-selected=true],.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__link.is-selected,.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__content.has-child,.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:10.75rem}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{-webkit-box-sizing:border-box;background:var(--sapList_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-decoration:none;width:100%}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-right:0}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,[dir=rtl] .fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-left:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:var(--sapFontHeader4Size);justify-content:center;line-height:1;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.fd-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontLargeSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 1rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-nested-list__title:after,.fd-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{padding-left:2.75rem}.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__title{padding-left:1rem;padding-right:0;text-align:right}.fd-nested-list__title[dir=rtl]:first-child,[dir=rtl] .fd-nested-list__title:first-child{padding-left:0;padding-right:2.75rem}.fd-nested-list__group-header{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only .fd-nested-list__content,.fd-nested-list--text-only .fd-nested-list__link{padding-left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{padding-left:0}.fd-nested-list--text-only .level-2 .fd-nested-list__content,.fd-nested-list--text-only .level-2 .fd-nested-list__link{border-bottom:none;padding-left:2rem;padding-right:0}.fd-nested-list--text-only .level-2 .fd-nested-list__content.is-selected,.fd-nested-list--text-only .level-2 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only .level-2 .fd-nested-list__link.is-selected,.fd-nested-list--text-only .level-2 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only .level-2 .fd-nested-list__content.has-child,.fd-nested-list--text-only .level-2 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only .level-2 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:2rem;padding-right:0}.fd-nested-list--text-only.level-2 .fd-nested-list__content,.fd-nested-list--text-only.level-2 .fd-nested-list__link{border-bottom:none;padding-left:2.75rem;padding-right:0}.fd-nested-list--text-only.level-2 .fd-nested-list__content.is-selected,.fd-nested-list--text-only.level-2 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only.level-2 .fd-nested-list__link.is-selected,.fd-nested-list--text-only.level-2 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only.level-2 .fd-nested-list__content.has-child,.fd-nested-list--text-only.level-2 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only.level-2 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:2.75rem;padding-right:0}.fd-nested-list--text-only .level-3 .fd-nested-list__content,.fd-nested-list--text-only .level-3 .fd-nested-list__link{border-bottom:none;padding-left:3rem;padding-right:0}.fd-nested-list--text-only .level-3 .fd-nested-list__content.is-selected,.fd-nested-list--text-only .level-3 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only .level-3 .fd-nested-list__link.is-selected,.fd-nested-list--text-only .level-3 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only .level-3 .fd-nested-list__content.has-child,.fd-nested-list--text-only .level-3 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only .level-3 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:3rem;padding-right:0}.fd-nested-list--text-only.level-3 .fd-nested-list__content,.fd-nested-list--text-only.level-3 .fd-nested-list__link{border-bottom:none;padding-left:3.75rem;padding-right:0}.fd-nested-list--text-only.level-3 .fd-nested-list__content.is-selected,.fd-nested-list--text-only.level-3 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only.level-3 .fd-nested-list__link.is-selected,.fd-nested-list--text-only.level-3 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only.level-3 .fd-nested-list__content.has-child,.fd-nested-list--text-only.level-3 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only.level-3 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:3.75rem;padding-right:0}.fd-nested-list--text-only .level-4 .fd-nested-list__content,.fd-nested-list--text-only .level-4 .fd-nested-list__link{border-bottom:none;padding-left:4rem;padding-right:0}.fd-nested-list--text-only .level-4 .fd-nested-list__content.is-selected,.fd-nested-list--text-only .level-4 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only .level-4 .fd-nested-list__link.is-selected,.fd-nested-list--text-only .level-4 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only .level-4 .fd-nested-list__content.has-child,.fd-nested-list--text-only .level-4 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only .level-4 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:4rem;padding-right:0}.fd-nested-list--text-only.level-4 .fd-nested-list__content,.fd-nested-list--text-only.level-4 .fd-nested-list__link{border-bottom:none;padding-left:4.75rem;padding-right:0}.fd-nested-list--text-only.level-4 .fd-nested-list__content.is-selected,.fd-nested-list--text-only.level-4 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only.level-4 .fd-nested-list__link.is-selected,.fd-nested-list--text-only.level-4 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only.level-4 .fd-nested-list__content.has-child,.fd-nested-list--text-only.level-4 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only.level-4 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:4.75rem;padding-right:0}.fd-nested-list--text-only .level-5 .fd-nested-list__content,.fd-nested-list--text-only .level-5 .fd-nested-list__link{border-bottom:none;padding-left:5rem;padding-right:0}.fd-nested-list--text-only .level-5 .fd-nested-list__content.is-selected,.fd-nested-list--text-only .level-5 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only .level-5 .fd-nested-list__link.is-selected,.fd-nested-list--text-only .level-5 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only .level-5 .fd-nested-list__content.has-child,.fd-nested-list--text-only .level-5 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only .level-5 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:5rem;padding-right:0}.fd-nested-list--text-only.level-5 .fd-nested-list__content,.fd-nested-list--text-only.level-5 .fd-nested-list__link{border-bottom:none;padding-left:5.75rem;padding-right:0}.fd-nested-list--text-only.level-5 .fd-nested-list__content.is-selected,.fd-nested-list--text-only.level-5 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only.level-5 .fd-nested-list__link.is-selected,.fd-nested-list--text-only.level-5 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only.level-5 .fd-nested-list__content.has-child,.fd-nested-list--text-only.level-5 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only.level-5 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:5.75rem;padding-right:0}.fd-nested-list--text-only .level-6 .fd-nested-list__content,.fd-nested-list--text-only .level-6 .fd-nested-list__link{border-bottom:none;padding-left:6rem;padding-right:0}.fd-nested-list--text-only .level-6 .fd-nested-list__content.is-selected,.fd-nested-list--text-only .level-6 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only .level-6 .fd-nested-list__link.is-selected,.fd-nested-list--text-only .level-6 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only .level-6 .fd-nested-list__content.has-child,.fd-nested-list--text-only .level-6 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only .level-6 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:6rem;padding-right:0}.fd-nested-list--text-only.level-6 .fd-nested-list__content,.fd-nested-list--text-only.level-6 .fd-nested-list__link{border-bottom:none;padding-left:6.75rem;padding-right:0}.fd-nested-list--text-only.level-6 .fd-nested-list__content.is-selected,.fd-nested-list--text-only.level-6 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only.level-6 .fd-nested-list__link.is-selected,.fd-nested-list--text-only.level-6 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only.level-6 .fd-nested-list__content.has-child,.fd-nested-list--text-only.level-6 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only.level-6 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:6.75rem;padding-right:0}.fd-nested-list--text-only .level-7 .fd-nested-list__content,.fd-nested-list--text-only .level-7 .fd-nested-list__link{border-bottom:none;padding-left:7rem;padding-right:0}.fd-nested-list--text-only .level-7 .fd-nested-list__content.is-selected,.fd-nested-list--text-only .level-7 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only .level-7 .fd-nested-list__link.is-selected,.fd-nested-list--text-only .level-7 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only .level-7 .fd-nested-list__content.has-child,.fd-nested-list--text-only .level-7 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only .level-7 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:7rem;padding-right:0}.fd-nested-list--text-only.level-7 .fd-nested-list__content,.fd-nested-list--text-only.level-7 .fd-nested-list__link{border-bottom:none;padding-left:7.75rem;padding-right:0}.fd-nested-list--text-only.level-7 .fd-nested-list__content.is-selected,.fd-nested-list--text-only.level-7 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only.level-7 .fd-nested-list__link.is-selected,.fd-nested-list--text-only.level-7 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only.level-7 .fd-nested-list__content.has-child,.fd-nested-list--text-only.level-7 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only.level-7 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:7.75rem;padding-right:0}.fd-nested-list--text-only .level-8 .fd-nested-list__content,.fd-nested-list--text-only .level-8 .fd-nested-list__link{border-bottom:none;padding-left:8rem;padding-right:0}.fd-nested-list--text-only .level-8 .fd-nested-list__content.is-selected,.fd-nested-list--text-only .level-8 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only .level-8 .fd-nested-list__link.is-selected,.fd-nested-list--text-only .level-8 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only .level-8 .fd-nested-list__content.has-child,.fd-nested-list--text-only .level-8 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only .level-8 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:8rem;padding-right:0}.fd-nested-list--text-only.level-8 .fd-nested-list__content,.fd-nested-list--text-only.level-8 .fd-nested-list__link{border-bottom:none;padding-left:8.75rem;padding-right:0}.fd-nested-list--text-only.level-8 .fd-nested-list__content.is-selected,.fd-nested-list--text-only.level-8 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only.level-8 .fd-nested-list__link.is-selected,.fd-nested-list--text-only.level-8 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only.level-8 .fd-nested-list__content.has-child,.fd-nested-list--text-only.level-8 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only.level-8 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:8.75rem;padding-right:0}.fd-nested-list--text-only .level-9 .fd-nested-list__content,.fd-nested-list--text-only .level-9 .fd-nested-list__link{border-bottom:none;padding-left:9rem;padding-right:0}.fd-nested-list--text-only .level-9 .fd-nested-list__content.is-selected,.fd-nested-list--text-only .level-9 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only .level-9 .fd-nested-list__link.is-selected,.fd-nested-list--text-only .level-9 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only .level-9 .fd-nested-list__content.has-child,.fd-nested-list--text-only .level-9 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only .level-9 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:9rem;padding-right:0}.fd-nested-list--text-only.level-9 .fd-nested-list__content,.fd-nested-list--text-only.level-9 .fd-nested-list__link{border-bottom:none;padding-left:9.75rem;padding-right:0}.fd-nested-list--text-only.level-9 .fd-nested-list__content.is-selected,.fd-nested-list--text-only.level-9 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only.level-9 .fd-nested-list__link.is-selected,.fd-nested-list--text-only.level-9 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only.level-9 .fd-nested-list__content.has-child,.fd-nested-list--text-only.level-9 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only.level-9 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:9.75rem;padding-right:0}.fd-nested-list--text-only .level-10 .fd-nested-list__content,.fd-nested-list--text-only .level-10 .fd-nested-list__link{border-bottom:none;padding-left:10rem;padding-right:0}.fd-nested-list--text-only .level-10 .fd-nested-list__content.is-selected,.fd-nested-list--text-only .level-10 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only .level-10 .fd-nested-list__link.is-selected,.fd-nested-list--text-only .level-10 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only .level-10 .fd-nested-list__content.has-child,.fd-nested-list--text-only .level-10 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only .level-10 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:10rem;padding-right:0}.fd-nested-list--text-only.level-10 .fd-nested-list__content,.fd-nested-list--text-only.level-10 .fd-nested-list__link{border-bottom:none;padding-left:10.75rem;padding-right:0}.fd-nested-list--text-only.level-10 .fd-nested-list__content.is-selected,.fd-nested-list--text-only.level-10 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only.level-10 .fd-nested-list__link.is-selected,.fd-nested-list--text-only.level-10 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only.level-10 .fd-nested-list__content.has-child,.fd-nested-list--text-only.level-10 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only.level-10 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:10.75rem;padding-right:0}.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link{padding-right:1rem}.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__title:first-child{padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:2rem}.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:2rem}.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:2.75rem}.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:2.75rem}.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:3rem}.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:3rem}.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:3.75rem}.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:3.75rem}.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:4rem}.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:4rem}.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:4.75rem}.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:4.75rem}.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:5rem}.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:5rem}.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:5.75rem}.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:5.75rem}.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:6rem}.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:6rem}.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:6.75rem}.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:6.75rem}.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:7rem}.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:7rem}.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:7.75rem}.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:7.75rem}.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:8rem}.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:8rem}.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:8.75rem}.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:8.75rem}.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:9rem}.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:9rem}.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:9.75rem}.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:9.75rem}.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:10rem}.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:10rem}.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__content,.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__link,[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__content,[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__link{border-bottom:none;padding-left:0;padding-right:10.75rem}.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__content.is-selected,.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__content[aria-selected=true],.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__link.is-selected,.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__link[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__content.is-selected,[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__content[aria-selected=true],[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__link.is-selected,[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__content.has-child>.fd-nested-list__title,[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:0;padding-right:10.75rem}.fd-nested-list--compact .fd-nested-list__content,.fd-nested-list--compact .fd-nested-list__link{height:2rem}.fd-nested-list--compact .fd-nested-list__title{font-size:var(--sapFontSize)}.fd-nested-list--compact .fd-nested-list__icon [class*=sap-icon],.fd-nested-list--compact .fd-nested-list__icon[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-side-nav{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapList_Background);border:0;border-right:var(--sapList_BorderWidth) solid;border-right-color:var(--sapGroup_ContentBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSideNav_Text_Shadow);width:15rem}.fd-side-nav:after,.fd-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link{-webkit-box-sizing:border-box;clip:rect(0 0 0 0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1px;line-height:var(--sapContent_LineHeight);margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fd-side-nav__skip-link:after,.fd-side-nav__skip-link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link:focus{-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .125s ease-in;-webkit-text-decoration:var(--fdLink_Text_Decoration,none);align-items:center;color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display,inline-block);height:auto;line-height:inherit;position:static;text-decoration:var(--fdLink_Text_Decoration,none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in;width:auto}.fd-side-nav__skip-link:focus__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration,none);text-decoration:var(--fdLink_Text_Content_Decoration,none)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-side-nav__skip-link:focus--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-side-nav__skip-link:focus--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-side-nav__skip-link:focus--emphasized{font-weight:700}.fd-side-nav__skip-link:focus:visited{color:var(--sapLink_Visited_Color)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{color:var(--sapLink_Hover_Color)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{-webkit-box-shadow:none;background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline-color:var(--fdLink_Hover_Outline_Color);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-style:var(--fdLink_Hover_Outline_Style);outline-width:var(--fdLink_Hover_Outline_Width);text-shadow:var(--fdLink_Focus_Text_Shadow);z-index:5}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{color:var(--sapLink_Active_Color)}.fd-side-nav__skip-link:focus.is-active.is-focus,.fd-side-nav__skip-link:focus.is-active:focus,.fd-side-nav__skip-link:focus:active.is-focus,.fd-side-nav__skip-link:focus:active:focus{background-color:transparent;z-index:5}.fd-side-nav__skip-link:focus--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-side-nav__skip-link:focus--inverted.is-hover,.fd-side-nav__skip-link:focus--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-side-nav__skip-link:focus--inverted.is-focus,.fd-side-nav__skip-link:focus--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-side-nav__skip-link:focus--subtle{color:var(--sapLink_SubtleColor)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-side-nav__skip-link:focus>img{vertical-align:bottom}.fd-side-nav__group-header{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__main-navigation{-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-side-nav__main-navigation:after,.fd-side-nav__main-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__utility{-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:3rem 0 0;padding:0}.fd-side-nav__utility:after,.fd-side-nav__utility:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__utility:before{border-top:.125rem solid;border-top-color:var(--sapList_GroupHeaderBorderColor);content:" ";display:block;margin:.25rem .5rem}.fd-side-nav--condensed{width:2.75rem}.fd-side-nav--condensed .fd-nested-list__button,.fd-side-nav--condensed .fd-nested-list__group-header,.fd-side-nav--condensed .fd-nested-list__title{display:none}.fd-side-nav--condensed .fd-nested-list__content,.fd-side-nav--condensed .fd-nested-list__link{border-bottom:none;text-shadow:var(--fdSideNav_Text_Shadow)}.fd-side-nav--condensed .fd-nested-list__content.is-selected,.fd-side-nav--condensed .fd-nested-list__content[aria-selected=true],.fd-side-nav--condensed .fd-nested-list__link.is-selected,.fd-side-nav--condensed .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-side-nav--condensed .fd-nested-list__content.has-child,.fd-side-nav--condensed .fd-nested-list__link.has-child{position:relative}.fd-side-nav--condensed .fd-nested-list__content.has-child:after,.fd-side-nav--condensed .fd-nested-list__link.has-child:after{border-color:transparent var(--sapContent_IconColor) transparent transparent;border-style:solid;border-width:.375rem .375rem 0 0;bottom:0;content:"";margin-bottom:.0625rem;margin-right:.125rem;min-height:0;min-width:0;position:absolute;right:0}.fd-side-nav .fd-nested-list__icon,.fd-side-nav .fd-nested-list__link.has-child:after{color:var(--sapContent_IconColor)}.fd-side-nav .fd-nested-list__link.has-child:active:after{color:var(--sapList_Active_TextColor)}.fd-side-nav[dir=rtl],[dir=rtl] .fd-side-nav{border-left:var(--sapList_BorderWidth) solid;border-left-color:var(--sapGroup_ContentBorderColor);border-right:none}.fd-side-nav[dir=rtl].fd-side-nav--condensed,[dir=rtl] .fd-side-nav.fd-side-nav--condensed{width:2.75rem}.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after{-webkit-transform:rotate(90deg);left:0;margin-left:.125rem;margin-right:0;right:auto;transform:rotate(90deg)}.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link{padding-left:1rem;padding-right:1rem}
|
package/dist/slider.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.26.
|
|
2
|
+
* Fundamental Library Styles v0.26.2
|
|
3
3
|
* Copyright (c) 2022 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-slider{-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;max-width:100%;min-width:4rem;padding:0;padding:1rem calc(var(--fdSlider_Handle_Width)*.5 + .125rem);position:relative}.fd-slider:after,.fd-slider:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider.is-disabled,.fd-slider:disabled,.fd-slider[aria-disabled=true]{cursor:not-allowed}.fd-slider--lg{padding-left:calc(var(--fdSlider_Mobile_Handle_Width)*.5 + .125rem);padding-right:calc(var(--fdSlider_Mobile_Handle_Width)*.5 + .125rem)}.fd-slider__inner{-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;position:relative}.fd-slider__inner:after,.fd-slider__inner:before{-webkit-box-sizing:inherit;-webkit-box-sizing:border-box;-webkit-transform:translateY(-50%);background-color:var(--fdSlider_Endpoint_Active_Background);border:0;border:var(--fdSlider_Endpoint_Active_Border);border-radius:50%;box-sizing:inherit;box-sizing:border-box;color:var(--sapTextColor);content:"";font-family:var(--sapFontFamily);font-size:inherit;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Endpoint_Size);left:-.7rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--fdSlider_Endpoint_Size)}.fd-slider__inner:after:after,.fd-slider__inner:after:before,.fd-slider__inner:before:after,.fd-slider__inner:before:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__inner:after{left:auto;right:-.7rem}.fd-slider__inner:after,.fd-slider__inner[dir=rtl]:before,[dir=rtl] .fd-slider__inner:before{background-color:var(--fdSlider_Endpoint_Background);border:var(--fdSlider_Endpoint_Border)}.fd-slider__inner[dir=rtl]:after,[dir=rtl] .fd-slider__inner:after{background-color:var(--fdSlider_Endpoint_Active_Background);border:var(--fdSlider_Endpoint_Active_Border)}.fd-slider__track{-webkit-box-sizing:border-box;-webkit-box-shadow:inset 0 0 0 var(--fdSlider_Track_Border_Width) var(--fdSlider_Track_Border_Color);background-color:var(--fdSlider_Track_Background);border:0;border-radius:var(--fdSlider_Track_BorderRadius);box-shadow:inset 0 0 0 var(--fdSlider_Track_Border_Width) var(--fdSlider_Track_Border_Color);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Track_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;width:100%;z-index:1}.fd-slider__track:after,.fd-slider__track:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__track-range{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdSlider_Track_Active_Box_Shadow);background-color:var(--fdSlider_Track_Active_Background);border:0;border:.0625rem solid var(--fdSlider_Track_Active_Border);border-radius:.25rem;box-shadow:var(--fdSlider_Track_Active_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-slider__track-range:after,.fd-slider__track-range:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick-wrapper{-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;position:absolute;top:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height))/2);width:100%;z-index:2}.fd-slider__tick-wrapper:after,.fd-slider__tick-wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__ticks{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-slider__ticks:after,.fd-slider__ticks:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__labels{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;top:.5rem}.fd-slider__labels:after,.fd-slider__labels:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick{-webkit-box-sizing:border-box;border:0;border-left:.0625rem solid var(--fdSlider_Tick_Background);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Tick_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-slider__tick:after,.fd-slider__tick:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick--in-range{border-color:var(--fdSlider_Active_Tick_Background)}.fd-slider__label{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;width:0}.fd-slider__label:after,.fd-slider__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__handle{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translate(-50%,-50%);-webkit-box-shadow:var(--fdSlider_Handle_Box_Shadow);align-items:center;background-color:var(--fdSlider_Handle_Background);border:0;border:var(--fdSlider_Handle_Border);border-radius:var(--fdSlider_Handle_Border_Radius);box-shadow:var(--fdSlider_Handle_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Handle_Height);justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--fdSlider_Handle_Width);z-index:3}.fd-slider__handle:after,.fd-slider__handle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__handle:before{-webkit-transform:translate(-50%,-50%);content:"";height:var(--fdSlider_Handle_Active_Height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--fdSlider_Handle_Active_Width)}.fd-slider__handle:after{color:var(--sapContent_Selected_ForegroundColor);content:"\e29c";display:var(--fdSlider_Handle_Icon_Display);font-family:SAP-icons;font-size:.875rem;line-height:1}.fd-slider__handle.is-focus,.fd-slider__handle:focus{background-color:var(--fdSlider_Active_Handle_Background);border:var(--fdSlider_Hover_Handle_Border);outline:.0625rem var(--sapContent_FocusStyle) var(--fdSlider_Focus_Handle_Outline_Color);outline-offset:.0625rem;z-index:5}.fd-slider__handle.is-hover,.fd-slider__handle:hover{-webkit-box-shadow:var(--fdSlider_Hover_Handle_Box_Shadow);background-color:var(--fdSlider_Hover_Handle_Background);border:var(--fdSlider_Hover_Handle_Border);border-color:var(--fdSlider_Handle_Border_Hover_Color);box-shadow:var(--fdSlider_Hover_Handle_Box_Shadow)}.fd-slider__handle.is-active,.fd-slider__handle:active{-webkit-box-shadow:var(--fdSlider_Active_Handle_Box_Shadow);background-color:var(--fdSlider_Active_Handle_Background);border:var(--fdSlider_Hover_Handle_Border);box-shadow:var(--fdSlider_Active_Handle_Box_Shadow)}.fd-slider__handle--lg{height:var(--fdSlider_Mobile_Handle_Height);width:var(--fdSlider_Mobile_Handle_Width)}.fd-slider__handle--lg:before{height:var(--fdSlider_Mobile_Handle_Active_Size);width:var(--fdSlider_Mobile_Handle_Active_Size)}.fd-slider--range .fd-slider__inner:after,.fd-slider--range .fd-slider__inner:before,.fd-slider--range .fd-slider__inner[dir=rtl]:after,.fd-slider--range .fd-slider__inner[dir=rtl]:before,[dir=rtl] .fd-slider--range .fd-slider__inner:after,[dir=rtl] .fd-slider--range .fd-slider__inner:before{background-color:var(--fdSlider_Endpoint_Background);border:var(--fdSlider_Endpoint_Border)}.fd-slider--range .fd-slider__inner .fd-slider__handle{-webkit-box-shadow:var(--fdSlider_Range_Handle_Box_Shadow);background-color:var(--fdSlider_Range_Handle_Background);border:var(--fdSlider_Range_Handle_Border);box-shadow:var(--fdSlider_Range_Handle_Box_Shadow)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-hover,.fd-slider--range .fd-slider__inner .fd-slider__handle:hover{-webkit-box-shadow:var(--fdSlider_Range_Hover_Handle_Box_Shadow);background-color:var(--fdSlider_Range_Hover_Handle_Background);border-color:var(--fdSlider_Range_Hover_Handle_Border_Color);box-shadow:var(--fdSlider_Range_Hover_Handle_Box_Shadow)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-active,.fd-slider--range .fd-slider__inner .fd-slider__handle:active{-webkit-box-shadow:var(--fdSlider_Range_Active_Handle_Box_Shadow);background-color:var(--fdSlider_Range_Active_Handle_Background);border-color:var(--fdSlider_Range_Active_Handle_Border_Color);box-shadow:var(--fdSlider_Range_Active_Handle_Box_Shadow)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-active:after,.fd-slider--range .fd-slider__inner .fd-slider__handle:active:after{display:none}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-focus,.fd-slider--range .fd-slider__inner .fd-slider__handle:focus{-webkit-box-shadow:var(--fdSlider_Range_Focus_Handle_Box_Shadow);background-color:var(--fdSlider_Range_Focus_Handle_Background);border:var(--fdSlider_Range_Focus_Handle_Border);box-shadow:var(--fdSlider_Range_Focus_Handle_Box_Shadow);z-index:5}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-focus:after,.fd-slider--range .fd-slider__inner .fd-slider__handle:focus:after{display:none}
|
package/dist/splitter.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.26.
|
|
2
|
+
* Fundamental Library Styles v0.26.2
|
|
3
3
|
* Copyright (c) 2022 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-splitter{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;height:100%;width:100%}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot,.fd-splitter__pane,.fd-splitter__pane-container,.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip-icon{-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-splitter:after,.fd-splitter:before,.fd-splitter__pagination-item-dot:after,.fd-splitter__pagination-item-dot:before,.fd-splitter__pagination:after,.fd-splitter__pagination:before,.fd-splitter__pane-container:after,.fd-splitter__pane-container:before,.fd-splitter__pane:after,.fd-splitter__pane:before,.fd-splitter__resizer-decoration-after:after,.fd-splitter__resizer-decoration-after:before,.fd-splitter__resizer-decoration-before:after,.fd-splitter__resizer-decoration-before:before,.fd-splitter__resizer-grip-icon:after,.fd-splitter__resizer-grip-icon:before,.fd-splitter__resizer:after,.fd-splitter__resizer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip,.fd-splitter__resizer-grip-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fd-splitter__pane,.fd-splitter__pane-container{max-height:100%;max-width:100%}.fd-splitter .fd-splitter__pane-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.fd-splitter .fd-splitter__pane-container--horizontal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer{border-left:none;border-right:none;cursor:row-resize;height:1rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{height:.0625rem;min-width:4rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:-webkit-gradient(linear,left top,right top,from(transparent),to(var(--fdSplitter_Resizer_Decoration_Background)));background:linear-gradient(90deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:-webkit-gradient(linear,right top,left top,from(transparent),to(var(--fdSplitter_Resizer_Decoration_Background)));background:linear-gradient(270deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:row-resize;max-height:1.5rem;max-width:2rem;min-width:2rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-top:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;border-bottom:none;border-top:none;cursor:col-resize;flex-direction:column;width:1rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{min-height:4rem;width:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(var(--fdSplitter_Resizer_Decoration_Background)));background:linear-gradient(180deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:-webkit-gradient(linear,left bottom,left top,from(transparent),to(var(--fdSplitter_Resizer_Decoration_Background)));background:linear-gradient(0deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:col-resize;max-height:2rem;max-width:1.5rem;min-width:1.5rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon[dir=rtl],[dir=rtl] .fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:0;margin-right:.0625rem}.fd-splitter__split-pane{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;flex-grow:1;overflow:auto;text-overflow:ellipsis}.fd-splitter .fd-splitter__resizer{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapShell_Background);border:var(--fdSplitter_Resizer_Border);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.fd-splitter .fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__resizer:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.125rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-decoration-before{-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.fd-splitter .fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{background:var(--sapContent_Selected_ForegroundColor)}.fd-splitter .fd-splitter__resizer--translucent{background:var(--sapGroup_ContentBackground)}.fd-splitter .fd-splitter__resizer--transparent{background:transparent}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip{-webkit-box-shadow:none;-ms-flex-negative:0;border-width:var(--fdSplitter_Resizer_Grip_Border_Width);box-shadow:none;flex-shrink:0;outline:none}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip.is-hover,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip:hover{background:var(--sapButton_Lite_Background)}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip.is-active,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip:active{background:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor)}.fd-splitter__pagination{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;align-items:center;background:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;height:2.75rem;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-splitter__pagination .fd-splitter__pagination-item{border-width:var(--fdSplitter_Pagination_Item_Border_Width)}.fd-splitter__pagination .fd-splitter__pagination-item.is-active:not(.fd-splitter__pagination-item--active) .fd-splitter__pagination-item-dot,.fd-splitter__pagination .fd-splitter__pagination-item:active:not(.fd-splitter__pagination-item--active) .fd-splitter__pagination-item-dot{background:var(--sapButton_Active_TextColor)}.fd-splitter__pagination .fd-splitter__pagination-item-dot{background:var(--sapContent_NonInteractiveIconColor);border-radius:100%;height:.25rem;width:.25rem}.fd-splitter__pagination .fd-splitter__pagination-item--active .fd-splitter__pagination-item-dot{background:var(--sapSelectedColor);height:.5rem;width:.5rem}.fd-splitter__pagination .fd-splitter__pagination-item--active.is-active,.fd-splitter__pagination .fd-splitter__pagination-item--active:active{background:var(--sapButton_Lite_Hover_Background)}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.26.
|
|
2
|
+
* Fundamental Library Styles v0.26.2
|
|
3
3
|
* Copyright (c) 2022 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-status-indicator{stroke:var(--sapNeutralElementColor);stroke-width:.25;fill:transparent;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapContent_LabelColor);color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;flex-direction:column;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-status-indicator.is-focus,.fd-status-indicator:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--sapContent_FocusWidth);z-index:5}.fd-status-indicator:after,.fd-status-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-status-indicator--horizontal-label{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;border:0;box-sizing:border-box;color:var(--sapTextColor);flex-direction:row;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-status-indicator--horizontal-label:after,.fd-status-indicator--horizontal-label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-status-indicator--link{cursor:pointer}.fd-status-indicator__label,.fd-status-indicator__label--sm{font-size:var(--sapFontSmallSize,.75rem)}.fd-status-indicator__label--sm.fd-status-indicator__label--top{margin-bottom:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--right{margin-left:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--sm.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.375rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--sm.fd-status-indicator__label--left{margin-right:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--sm.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.375rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--sm.fd-status-indicator__label--bottom{margin-top:.375rem}.fd-status-indicator__label--md{font-size:var(--sapFontSize,.875rem)}.fd-status-indicator__label--md.fd-status-indicator__label--top{margin-bottom:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--right{margin-left:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--md.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.5rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--md.fd-status-indicator__label--left{margin-right:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--md.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.5rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--md.fd-status-indicator__label--bottom{margin-top:.5rem}.fd-status-indicator__label--lg{font-size:1.125rem}.fd-status-indicator__label--lg.fd-status-indicator__label--top{margin-bottom:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--right{margin-left:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--lg.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.75rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--lg.fd-status-indicator__label--left{margin-right:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--lg.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.75rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--lg.fd-status-indicator__label--bottom{margin-top:.75rem}.fd-status-indicator__label--xl{font-size:1.875rem}.fd-status-indicator__label--xl.fd-status-indicator__label--top{margin-bottom:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--right{margin-left:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--xl.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:1rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--xl.fd-status-indicator__label--left{margin-right:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--xl.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:1rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--xl.fd-status-indicator__label--bottom{margin-top:1rem}.fd-status-indicator--positive{fill:var(--sapPositiveElementColor);color:var(--sapPositiveElementColor)}.fd-status-indicator--critical{fill:var(--sapCriticalElementColor);color:var(--sapCriticalElementColor)}.fd-status-indicator--negative{fill:var(--sapNegativeElementColor);color:var(--sapNegativeElementColor)}.fd-status-indicator--sm .fd-status-indicator__svg{height:1.375rem;width:1.875rem}.fd-status-indicator--md .fd-status-indicator__svg{height:1.875rem;width:2.8125rem}.fd-status-indicator--lg .fd-status-indicator__svg{height:3.4375rem;width:5rem}.fd-status-indicator--xl .fd-status-indicator__svg{height:6.25rem;width:9.0625rem}
|
package/dist/step-input.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.26.
|
|
2
|
+
* Fundamental Library Styles v0.26.2
|
|
3
3
|
* Copyright (c) 2022 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-step-input{-webkit-box-sizing:border-box;-webkit-box-shadow:none;-moz-appearance:none;-webkit-appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;appearance:none;background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-shadow:none;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.25rem;line-height:var(--sapContent_LineHeight);margin:.25rem 0;min-height:2.25rem;min-width:2.75rem;outline:none;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;width:auto;z-index:1}.fd-step-input:after,.fd-step-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-step-input::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-step-input::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-step-input:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-step-input::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-step-input::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-step-input[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-step-input::-webkit-input-placeholder{text-indent:.125rem}.fd-step-input[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-step-input::-moz-placeholder{text-indent:.125rem}.fd-step-input[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-step-input:-ms-input-placeholder{text-indent:.125rem}.fd-step-input[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-step-input::-ms-input-placeholder{text-indent:.125rem}.fd-step-input[dir=rtl]::placeholder,[dir=rtl] .fd-step-input::placeholder{text-indent:.125rem}.fd-step-input::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-step-input::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-step-input::-ms-clear{display:none}.fd-step-input.is-hover,.fd-step-input:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-step-input.is-focus,.fd-step-input:focus{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-step-input:focus-within{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset_Focus_Within);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-step-input.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-step-input.is-success.is-hover,.fd-step-input.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-step-input.is-success.is-focus,.fd-step-input.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-step-input.is-success.is-focus.is-hover,.fd-step-input.is-success.is-focus:hover,.fd-step-input.is-success:focus.is-hover,.fd-step-input.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-step-input.is-success:focus-within{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color)}.fd-step-input.is-success:focus-within.is-hover,.fd-step-input.is-success:focus-within:hover{-webkit-box-shadow:none;box-shadow:none}.fd-step-input.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-step-input.is-error.is-hover,.fd-step-input.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-step-input.is-error.is-focus,.fd-step-input.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-step-input.is-error.is-focus.is-hover,.fd-step-input.is-error.is-focus:hover,.fd-step-input.is-error:focus.is-hover,.fd-step-input.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-step-input.is-error:focus-within{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color)}.fd-step-input.is-error:focus-within.is-hover,.fd-step-input.is-error:focus-within:hover{-webkit-box-shadow:none;box-shadow:none}.fd-step-input.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-step-input.is-warning.is-hover,.fd-step-input.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-step-input.is-warning.is-focus,.fd-step-input.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-step-input.is-warning.is-focus.is-hover,.fd-step-input.is-warning.is-focus:hover,.fd-step-input.is-warning:focus.is-hover,.fd-step-input.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-step-input.is-warning:focus-within{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-step-input.is-warning:focus-within.is-hover,.fd-step-input.is-warning:focus-within:hover{-webkit-box-shadow:none;box-shadow:none}.fd-step-input.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-step-input.is-alert.is-hover,.fd-step-input.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-step-input.is-alert.is-focus,.fd-step-input.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-step-input.is-alert.is-focus.is-hover,.fd-step-input.is-alert.is-focus:hover,.fd-step-input.is-alert:focus.is-hover,.fd-step-input.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-step-input.is-alert:focus-within{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-step-input.is-alert:focus-within.is-hover,.fd-step-input.is-alert:focus-within:hover{-webkit-box-shadow:none;box-shadow:none}.fd-step-input.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-step-input.is-information.is-hover,.fd-step-input.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-step-input.is-information.is-focus,.fd-step-input.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-step-input.is-information.is-focus.is-hover,.fd-step-input.is-information.is-focus:hover,.fd-step-input.is-information:focus.is-hover,.fd-step-input.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-step-input.is-information:focus-within{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color)}.fd-step-input.is-information:focus-within.is-hover,.fd-step-input.is-information:focus-within:hover{-webkit-box-shadow:none;box-shadow:none}.fd-step-input.is-alert,.fd-step-input.is-error,.fd-step-input.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-step-input.is-alert::-webkit-input-placeholder,.fd-step-input.is-error::-webkit-input-placeholder,.fd-step-input.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-step-input.is-alert::-moz-placeholder,.fd-step-input.is-error::-moz-placeholder,.fd-step-input.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-step-input.is-alert:-ms-input-placeholder,.fd-step-input.is-error:-ms-input-placeholder,.fd-step-input.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-step-input.is-alert::-ms-input-placeholder,.fd-step-input.is-error::-ms-input-placeholder,.fd-step-input.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-step-input.is-alert::placeholder,.fd-step-input.is-error::placeholder,.fd-step-input.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-step-input.is-alert.is-focus,.fd-step-input.is-alert:focus,.fd-step-input.is-error.is-focus,.fd-step-input.is-error:focus,.fd-step-input.is-information.is-focus,.fd-step-input.is-information:focus,.fd-step-input.is-warning.is-focus,.fd-step-input.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-step-input.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-step-input.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-step-input.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-step-input.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-step-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-step-input.is-disabled,.fd-step-input:disabled,.fd-step-input[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-step-input.is-disabled::-webkit-input-placeholder,.fd-step-input:disabled::-webkit-input-placeholder,.fd-step-input[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-step-input.is-disabled::-moz-placeholder,.fd-step-input:disabled::-moz-placeholder,.fd-step-input[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-step-input.is-disabled:-ms-input-placeholder,.fd-step-input:disabled:-ms-input-placeholder,.fd-step-input[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-step-input.is-disabled::-ms-input-placeholder,.fd-step-input:disabled::-ms-input-placeholder,.fd-step-input[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-step-input.is-disabled::placeholder,.fd-step-input:disabled::placeholder,.fd-step-input[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-step-input.is-readonly,.fd-step-input[aria-readonly=true],.fd-step-input[readonly]{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);pointer-events:none}.fd-step-input.is-readonly::-webkit-input-placeholder,.fd-step-input[aria-readonly=true]::-webkit-input-placeholder,.fd-step-input[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-step-input.is-readonly::-moz-placeholder,.fd-step-input[aria-readonly=true]::-moz-placeholder,.fd-step-input[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-step-input.is-readonly:-ms-input-placeholder,.fd-step-input[aria-readonly=true]:-ms-input-placeholder,.fd-step-input[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-step-input.is-readonly::-ms-input-placeholder,.fd-step-input[aria-readonly=true]::-ms-input-placeholder,.fd-step-input[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-step-input.is-readonly::placeholder,.fd-step-input[aria-readonly=true]::placeholder,.fd-step-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-step-input.is-readonly.is-hover,.fd-step-input.is-readonly:hover,.fd-step-input[aria-readonly=true].is-hover,.fd-step-input[aria-readonly=true]:hover,.fd-step-input[readonly].is-hover,.fd-step-input[readonly]:hover{-webkit-box-shadow:none;box-shadow:none}.fd-step-input.is-readonly.is-focus,.fd-step-input.is-readonly:focus,.fd-step-input[aria-readonly=true].is-focus,.fd-step-input[aria-readonly=true]:focus,.fd-step-input[readonly].is-focus,.fd-step-input[readonly]:focus{background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius);z-index:5}.fd-step-input .fd-step-input__button{background:var(--fdInput_Group_Button_Background);border:none;border-left:var(--sapButton_BorderWidth) solid transparent;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:static!important;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important}.fd-step-input .fd-step-input__button[dir=rtl],[dir=rtl] .fd-step-input .fd-step-input__button{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-step-input .fd-step-input__button:before{display:none!important}.fd-step-input .fd-step-input__button.is-hover,.fd-step-input .fd-step-input__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Hover_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Hover_Text_Color)}.fd-step-input .fd-step-input__button.is-hover[dir=rtl],.fd-step-input .fd-step-input__button:hover[dir=rtl],[dir=rtl] .fd-step-input .fd-step-input__button.is-hover,[dir=rtl] .fd-step-input .fd-step-input__button:hover{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-step-input .fd-step-input__button.is-active,.fd-step-input .fd-step-input__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Active_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)}.fd-step-input .fd-step-input__button.is-active[dir=rtl],.fd-step-input .fd-step-input__button:active[dir=rtl],[dir=rtl] .fd-step-input .fd-step-input__button.is-active,[dir=rtl] .fd-step-input .fd-step-input__button:active{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-step-input.is-success .fd-step-input__button.is-active,.fd-step-input.is-success .fd-step-input__button.is-hover,.fd-step-input.is-success .fd-step-input__button:active,.fd-step-input.is-success .fd-step-input__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-step-input.is-success .fd-step-input__button.is-active,.fd-step-input.is-success .fd-step-input__button:active{color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-step-input.is-error .fd-step-input__button.is-active,.fd-step-input.is-error .fd-step-input__button.is-hover,.fd-step-input.is-error .fd-step-input__button:active,.fd-step-input.is-error .fd-step-input__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-step-input.is-error .fd-step-input__button.is-active,.fd-step-input.is-error .fd-step-input__button:active{color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-step-input.is-warning .fd-step-input__button.is-active,.fd-step-input.is-warning .fd-step-input__button.is-hover,.fd-step-input.is-warning .fd-step-input__button:active,.fd-step-input.is-warning .fd-step-input__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-step-input.is-warning .fd-step-input__button.is-active,.fd-step-input.is-warning .fd-step-input__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-step-input.is-alert .fd-step-input__button.is-active,.fd-step-input.is-alert .fd-step-input__button.is-hover,.fd-step-input.is-alert .fd-step-input__button:active,.fd-step-input.is-alert .fd-step-input__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-step-input.is-alert .fd-step-input__button.is-active,.fd-step-input.is-alert .fd-step-input__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-step-input.is-information .fd-step-input__button.is-active,.fd-step-input.is-information .fd-step-input__button.is-hover,.fd-step-input.is-information .fd-step-input__button:active,.fd-step-input.is-information .fd-step-input__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-step-input.is-information .fd-step-input__button.is-active,.fd-step-input.is-information .fd-step-input__button:active{color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-step-input__button.fd-button{min-width:2.125rem;width:2.125rem}.fd-step-input__button.fd-button:after,.fd-step-input__button.fd-button:before{font-size:.875rem;margin:0}.fd-step-input__button.fd-button.is-focus,.fd-step-input__button.fd-button:focus{outline:none;z-index:5}.fd-step-input__button.fd-button.is-focus.is-hover,.fd-step-input__button.fd-button.is-focus:hover,.fd-step-input__button.fd-button:focus.is-hover,.fd-step-input__button.fd-button:focus:hover{z-index:auto}.fd-step-input__button.fd-button--compact{min-width:1.5rem;width:1.5rem}.fd-step-input__input.fd-input{background:none;background-color:transparent;border:none;margin:0;padding:0 .25rem;text-align:right}.fd-step-input__input.fd-input[dir=rtl],[dir=rtl] .fd-step-input__input.fd-input{text-align:left}.fd-step-input__input.fd-input.is-focus,.fd-step-input__input.fd-input.is-hover,.fd-step-input__input.fd-input:focus,.fd-step-input__input.fd-input:hover{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none}.fd-step-input__input.fd-input.is-focus,.fd-step-input__input.fd-input:focus{outline:none;z-index:5}.fd-step-input__input.fd-input--compact{height:100%}.fd-step-input__container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.fd-step-input.is-error .fd-step-input__button.fd-button,.fd-step-input.is-information .fd-step-input__button.fd-button,.fd-step-input.is-warning .fd-step-input__button.fd-button{min-width:2rem;width:2rem}.fd-step-input--compact{height:1.625rem;min-height:1.625rem}.fd-step-input--compact.is-error .fd-step-input__button.fd-button,.fd-step-input--compact.is-information .fd-step-input__button.fd-button,.fd-step-input--compact.is-warning .fd-step-input__button.fd-button{min-width:1.375rem;width:1.375rem}.fd-step-input.is-readonly .fd-step-input__button.fd-button{display:none}.fd-step-input.is-readonly:focus-within{background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius)}.fd-step-input.is-readonly:focus-within .fd-step-input__input{background:transparent}
|
package/dist/switch.css
CHANGED
package/dist/table.css
CHANGED
package/dist/tabs.css
CHANGED
package/dist/text.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.26.
|
|
2
|
+
* Fundamental Library Styles v0.26.2
|
|
3
3
|
* Copyright (c) 2022 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-text{-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-text:after,.fd-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-text::-moz-selection{background-color:var(--fdText_Selected_Background_Color);color:var(--sapContent_ContrastTextColor)}.fd-text::selection{background-color:var(--fdText_Selected_Background_Color);color:var(--sapContent_ContrastTextColor)}.fd-text--max-lines{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fd-text--pre-wrap{white-space:pre-wrap}.fd-text--hyphenation{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.fd-text__link--more{cursor:pointer;text-transform:uppercase}
|