@charset "UTF-8";
/*!
 * Fundamental Library Styles v0.39.1
 * Copyright (c) 2025 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
 */ .fd-action-bar {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-height: 4.25rem;
    min-height: 3rem;
    padding-block: 0;
    padding-inline: 0;
    word-wrap: break-word;
    padding-block: .5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: var(--sapPageHeader_Background);
    -webkit-box-shadow: var(--sapContent_HeaderShadow);
    box-shadow: var(--sapContent_HeaderShadow);
    justify-content: space-between;
    padding-inline: var(--fdActionBarInlinePadding,2rem)
}

    .fd-action-bar:after, .fd-action-bar:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-action-bar__header {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 2rem
}

    .fd-action-bar__header:after, .fd-action-bar__header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-action-bar__back {
    border: 0;
    -webkit-box-sizing: border-box;
    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: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    position: relative;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

    .fd-action-bar__back:after, .fd-action-bar__back:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

@media (min-width:320px) {
    .fd-action-bar__back {
        display: none !important
    }
}

@media (min-width:600px) {
    .fd-action-bar__back {
        display: inline-block !important
    }
}

.fd-action-bar__title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    line-height: 1.375rem;
    margin-block: 0;
    margin-inline: 0;
    vertical-align: middle;
    -webkit-padding-end: .5rem;
    color: var(--sapGroup_TitleTextColor);
    font-family: var(--sapFontHeaderFamily);
    padding-inline-end: .5rem;
    text-rendering: optimizeLegibility
}

    .fd-action-bar__title:after, .fd-action-bar__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-action-bar__description {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: 1.25rem;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%
}

    .fd-action-bar__description:after, .fd-action-bar__description:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

@media (min-width:320px) {
    .fd-action-bar__description {
        display: none !important
    }
}

@media (min-width:600px) {
    .fd-action-bar__description {
        display: inline-block !important
    }
}

.fd-action-bar__description--back {
    -webkit-padding-start: 2.5rem;
    padding-inline-start: 2.5rem
}

.fd-action-bar__actions {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    height: 2rem;
    -webkit-transition: opacity .25s ease-in;
    transition: opacity .25s ease-in;
    visibility: visible
}

    .fd-action-bar__actions:after, .fd-action-bar__actions:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-action-bar__actions.is-hidden, .fd-action-bar__actions[aria-hidden=true] {
        opacity: 0;
        visibility: hidden
    }

.fd-action-bar--s, .fd-action-bar--sm {
    --fdActionBarInlinePadding: 1rem
}

.fd-action-bar--lg, .fd-action-bar--m_l, .fd-action-bar--md {
    --fdActionBarInlinePadding: 2rem
}

.fd-action-bar--xl {
    --fdActionBarInlinePadding: 3rem
}

.fd-action-sheet {
    --fdActionSheet_Padding_Block: 0.25rem;
    --fdActionSheet_Padding_Inline: 0.5rem;
    --fdActionSheet_Item_Padding_Block: 0.25rem;
    --fdActionSheet_Item_Padding_Inline: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: var(--fdActionSheet_Padding_Block);
    padding-inline: 0;
    padding-inline: var(--fdActionSheet_Padding_Inline);
    width: 100%
}

    .fd-action-sheet:after, .fd-action-sheet:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-action-sheet__item {
    border: 0;
    -webkit-box-sizing: border-box;
    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: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: var(--fdActionSheet_Item_Padding_Block);
    padding-inline: 0;
    padding-inline: var(--fdActionSheet_Item_Padding_Inline);
    width: 100%
}

    .fd-action-sheet__item:after, .fd-action-sheet__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-action-sheet__wrapper {
    display: none
}

    .fd-action-sheet__wrapper, .fd-action-sheet__wrapper:before {
        border-radius: var(--fdPopover_Border_Radius);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

        .fd-action-sheet__wrapper:before {
            background-color: var(--sapBlockLayer_Background);
            content: "";
            display: block;
            opacity: var(--fdOverlay_Background_Opacity)
        }

.fd-action-sheet__wrapper--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.fd-action-sheet__title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapGroup_TitleTextColor);
    color: var(--sapContent_ContrastTextColor);
    font-family: var(--sapFontFamily);
    font-family: var(--sapFontHeaderFamily);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontHeader6Size);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-width: 100%;
    overflow: hidden;
    padding-block: 0;
    padding-block: 0 .5rem;
    padding-inline: 0;
    padding-inline: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

    .fd-action-sheet__title:after, .fd-action-sheet__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-action-sheet[class*=-compact], .fd-action-sheet[class*=-condensed], [class*=-compact] .fd-action-sheet:not([class*=-cozy]), [class*=-condensed] .fd-action-sheet:not([class*=-cozy]) {
    --fdActionSheet_Padding_Block: 0.1875rem;
    --fdActionSheet_Padding_Inline: 0.375rem;
    --fdActionSheet_Item_Padding_Block: 0.1875rem;
    --fdActionSheet_Item_Padding_Inline: 0
}

.fd-action-sheet--mobile {
    background-color: var(--sapGroup_ContentBackground);
    border-radius: var(--fdPopover_Border_Radius);
    -webkit-box-shadow: var(--sapContent_Shadow1);
    box-shadow: var(--sapContent_Shadow1);
    left: var(--sapGroup_BorderWidth);
    overflow: auto;
    position: relative;
    right: auto;
    width: calc(100% - var(--sapGroup_BorderWidth)*2);
    z-index: 1
}

    .fd-action-sheet--mobile[dir=rtl], [dir=rtl] .fd-action-sheet--mobile {
        left: auto;
        right: var(--sapGroup_BorderWidth)
    }

.fd-ai-busy-indicator {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    padding-block: .5rem;
    padding-inline: .5rem;
    width: 100%
}

    .fd-ai-busy-indicator:after, .fd-ai-busy-indicator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-ai-busy-indicator [class*=sap-icon] {
        color: var(--sapButton_IconColor);
        font-size: 1rem
    }

.fd-ai-busy-indicator__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-ai-busy-indicator__text:after, .fd-ai-busy-indicator__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-ai-loading-bar {
    -webkit-animation: gradient 2s infinite;
    animation: gradient 2s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: repeating-linear-gradient(90deg,#0057d2,#9eddff 100%,#9eddff 0);
    background-position: 0 100%;
    background-size: 200% auto;
    border: 0;
    bottom: .125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: .1875rem;
    left: 0;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    position: absolute;
    right: 0;
    width: 100%;
    -webkit-margin-before: .125rem;
    margin-block-start: .125rem
}

    .fd-ai-loading-bar:after, .fd-ai-loading-bar:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

@-webkit-keyframes gradient {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -200% 0
    }
}

@keyframes gradient {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -200% 0
    }
}

.fd-ai-text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-ai-text:after, .fd-ai-text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-ai-text--loading {
    background: -webkit-gradient(linear,left top,right top,color-stop(20%,var(--sapTextColor)),color-stop(80%,transparent));
    background: linear-gradient(to right,var(--sapTextColor) 20%,transparent 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.fd-ai-text mark {
    background-color: var(--sapInformationBackground);
    border-radius: .25rem;
    color: inherit;
    padding-inline: .125rem
}

    .fd-ai-text mark.is-focus, .fd-ai-text mark.is-hover, .fd-ai-text mark:focus, .fd-ai-text mark:hover {
        -webkit-box-shadow: 0 0 0 .0625rem var(--sapInformationBorderColor);
        box-shadow: 0 0 0 .0625rem var(--sapInformationBorderColor)
    }

    .fd-ai-text mark.is-focus, .fd-ai-text mark:focus {
        z-index: 5
    }

    .fd-ai-text mark.is-hidden {
        background-color: transparent
    }

        .fd-ai-text mark.is-hidden.is-hover, .fd-ai-text mark.is-hidden:hover {
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .fd-ai-text mark.is-hidden.is-focus, .fd-ai-text mark.is-hidden:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
            z-index: 5
        }

.fd-ai-writing-assistant-versioning {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem
}

    .fd-ai-writing-assistant-versioning:after, .fd-ai-writing-assistant-versioning:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-ai-writing-assistant {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    position: relative
}

    .fd-ai-writing-assistant:after, .fd-ai-writing-assistant:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:-moz-placeholder-shown.is-focus, .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:-moz-placeholder-shown:focus {
        z-index: 5
    }

    .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:-ms-input-placeholder.is-focus, .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:-ms-input-placeholder:focus {
        z-index: 5
    }

    .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:placeholder-shown.is-focus, .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:placeholder-shown:focus {
        z-index: 5
    }

    .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:-moz-placeholder-shown.is-focus + .fd-input-group__addon--button, .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:-moz-placeholder-shown:focus + .fd-input-group__addon--button {
        display: flex
    }

    .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:-ms-input-placeholder.is-focus + .fd-input-group__addon--button, .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:-ms-input-placeholder:focus + .fd-input-group__addon--button {
        display: -ms-flexbox;
        display: flex
    }

    .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:placeholder-shown.is-focus + .fd-input-group__addon--button, .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:placeholder-shown:focus + .fd-input-group__addon--button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:-moz-placeholder-shown + .fd-input-group__addon--button {
        display: none
    }

    .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:-ms-input-placeholder + .fd-input-group__addon--button {
        display: none
    }

    .fd-ai-writing-assistant .fd-input-group .fd-input-group__input:placeholder-shown + .fd-input-group__addon--button {
        display: none
    }

    .fd-ai-writing-assistant .fd-input-group .fd-input-group__addon--button .fd-input-group__button {
        color: var(--sapButton_Lite_TextColor)
    }

    .fd-ai-writing-assistant .fd-input-group.is-highlight {
        background: var(--sapField_InformationBackgroundStyle);
        background-color: var(--sapField_InformationBackground);
        border: var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);
        -webkit-box-shadow: var(--sapField_InformationShadow);
        box-shadow: var(--sapField_InformationShadow)
    }

    .fd-ai-writing-assistant .fd-menu {
        bottom: calc(100% - var(--fdWriting_Assistant_Menu_Offset, .25rem));
        position: absolute;
        right: 0
    }

    .fd-ai-writing-assistant[class*=-compact], .fd-ai-writing-assistant[class*=-condensed], [class*=-compact] .fd-ai-writing-assistant:not([class*=-cozy]), [class*=-condensed] .fd-ai-writing-assistant:not([class*=-cozy]) {
        --fdWriting_Assistant_Menu_Offset: 0.1875rem
    }

.fd-alert {
    background-color: var(--sapNeutralBackground);
    border: 1px solid;
    border-color: var(--sapNeutralBorderColor);
    border-radius: .25rem;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: .4375rem;
    padding-inline: 0;
    padding-inline: 1rem;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2rem
}

    .fd-alert:after, .fd-alert:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-alert .sap-icon--message-error, .fd-alert .sap-icon--message-information, .fd-alert .sap-icon--message-success, .fd-alert .sap-icon--message-warning {
        display: none
    }

.fd-alert__close {
    position: absolute;
    right: .125rem;
    top: .125rem
}

    .fd-alert__close:before {
        content: "\e03e";
        font-family: SAP-icons;
        text-align: center;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none
    }

    .fd-alert__close[dir=rtl], [dir=rtl] .fd-alert__close {
        left: .125rem;
        right: auto
    }

.fd-alert--dismissible {
    -webkit-padding-end: 2.5rem;
    padding-inline-end: 2.5rem
}

.fd-alert--error, .fd-alert--information, .fd-alert--success, .fd-alert--warning {
    -webkit-padding-start: 2.5rem;
    padding-inline-start: 2.5rem
}

    .fd-alert--error:after, .fd-alert--error:before, .fd-alert--information:after, .fd-alert--information:before, .fd-alert--success:after, .fd-alert--success:before, .fd-alert--warning:after, .fd-alert--warning:before {
        left: 0;
        line-height: 1rem;
        position: absolute;
        top: .4375rem;
        width: 2.5rem
    }

    .fd-alert--error[dir=rtl]:after, .fd-alert--error[dir=rtl]:before, .fd-alert--information[dir=rtl]:after, .fd-alert--information[dir=rtl]:before, .fd-alert--success[dir=rtl]:after, .fd-alert--success[dir=rtl]:before, .fd-alert--warning[dir=rtl]:after, .fd-alert--warning[dir=rtl]:before, [dir=rtl] .fd-alert--error:after, [dir=rtl] .fd-alert--error:before, [dir=rtl] .fd-alert--information:after, [dir=rtl] .fd-alert--information:before, [dir=rtl] .fd-alert--success:after, [dir=rtl] .fd-alert--success:before, [dir=rtl] .fd-alert--warning:after, [dir=rtl] .fd-alert--warning:before {
        left: auto;
        right: 0
    }

    .fd-alert--error.fd-alert--dismissible, .fd-alert--information.fd-alert--dismissible, .fd-alert--success.fd-alert--dismissible, .fd-alert--warning.fd-alert--dismissible {
        -webkit-padding-end: 2.5rem;
        padding-inline-end: 2.5rem
    }

    .fd-alert--error[dir=rtl]:after, .fd-alert--information[dir=rtl]:after, .fd-alert--success[dir=rtl]:after, .fd-alert--warning[dir=rtl]:after, [dir=rtl] .fd-alert--error:after, [dir=rtl] .fd-alert--information:after, [dir=rtl] .fd-alert--success:after, [dir=rtl] .fd-alert--warning:after {
        font-family: SAP-icons;
        position: absolute;
        right: 0;
        text-align: center;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none
    }

.fd-alert--warning {
    background-color: var(--sapWarningBackground);
    border-color: var(--sapWarningBorderColor)
}

    .fd-alert--warning:after, .fd-alert--warning:before {
        color: var(--sapWarningBorderColor)
    }

    .fd-alert--warning:before {
        content: "\e201"
    }

    .fd-alert--warning:before, .fd-alert--warning[dir=rtl]:after, [dir=rtl] .fd-alert--warning:after {
        font-family: SAP-icons;
        text-align: center;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none
    }

    .fd-alert--warning[dir=rtl]:after, [dir=rtl] .fd-alert--warning:after {
        content: "\e201"
    }

.fd-alert--error {
    background-color: var(--sapErrorBackground);
    border-color: var(--sapErrorBorderColor)
}

    .fd-alert--error:after, .fd-alert--error:before {
        color: var(--sapErrorBorderColor)
    }

    .fd-alert--error:before {
        content: "\e0b1"
    }

    .fd-alert--error:before, .fd-alert--error[dir=rtl]:after, [dir=rtl] .fd-alert--error:after {
        font-family: SAP-icons;
        text-align: center;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none
    }

    .fd-alert--error[dir=rtl]:after, [dir=rtl] .fd-alert--error:after {
        content: "\e0b1"
    }

.fd-alert--success {
    background-color: var(--sapSuccessBackground);
    border-color: var(--sapSuccessBorderColor)
}

    .fd-alert--success:after, .fd-alert--success:before {
        color: var(--sapSuccessBorderColor)
    }

    .fd-alert--success:before {
        content: "\e203"
    }

    .fd-alert--success:before, .fd-alert--success[dir=rtl]:after, [dir=rtl] .fd-alert--success:after {
        font-family: SAP-icons;
        text-align: center;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none
    }

    .fd-alert--success[dir=rtl]:after, [dir=rtl] .fd-alert--success:after {
        content: "\e203"
    }

.fd-alert--information {
    background-color: var(--sapInformationBackground);
    border-color: var(--sapInformationBorderColor)
}

    .fd-alert--information:after, .fd-alert--information:before {
        color: var(--sapInformationBorderColor)
    }

    .fd-alert--information:before {
        content: "\e202"
    }

    .fd-alert--information:before, .fd-alert--information[dir=rtl]:after, [dir=rtl] .fd-alert--information:after {
        font-family: SAP-icons;
        text-align: center;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none
    }

    .fd-alert--information[dir=rtl]:after, [dir=rtl] .fd-alert--information:after {
        content: "\e202"
    }

.fd-alert--no-icon {
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem
}

    .fd-alert--no-icon:before {
        display: none
    }

.fd-alert__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: 1rem;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-alert__text:after, .fd-alert__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-avatar-group {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .fd-avatar-group:after, .fd-avatar-group:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-avatar-group .fd-avatar:not(:first-child) {
        margin-block: var(--fdAvatarGroupItemsSpacingY) 0;
        margin-inline: var(--fdAvatarGroupItemsSpacingX) 0
    }

.fd-avatar-group__overflow-body {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: 1rem;
    padding-inline: 0;
    padding-inline: 1rem;
    white-space: normal
}

    .fd-avatar-group__overflow-body:after, .fd-avatar-group__overflow-body:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-avatar-group__overflow-body--no-padding {
    padding-block: 0;
    padding-inline: 0
}

.fd-avatar-group__overflow-body--no-horizontal-scroll {
    overflow-x: hidden
}

.fd-avatar-group__overflow-body--no-vertical-scroll {
    overflow-y: hidden
}

.fd-avatar-group__overflow-body > .fd-avatar {
    margin-block: .25rem;
    margin-inline: .25rem
}

.fd-avatar-group--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.fd-avatar-group--individual-type {
    gap: var(--fdAvatarGroupItemsGap)
}

    .fd-avatar-group--individual-type.fd-avatar-group--xs {
        --fdAvatarGroupItemsGap: 0.0625rem
    }

    .fd-avatar-group--individual-type.fd-avatar-group--l, .fd-avatar-group--individual-type.fd-avatar-group--lg, .fd-avatar-group--individual-type.fd-avatar-group--m, .fd-avatar-group--individual-type.fd-avatar-group--md, .fd-avatar-group--individual-type.fd-avatar-group--s, .fd-avatar-group--individual-type.fd-avatar-group--sm {
        --fdAvatarGroupItemsGap: 0.125rem
    }

    .fd-avatar-group--individual-type.fd-avatar-group--xl {
        --fdAvatarGroupItemsGap: 0.25rem
    }

.fd-avatar-group--group-type .fd-avatar {
    pointer-events: none
}

.fd-avatar-group--group-type.fd-avatar-group--xs {
    --fdAvatarGroupItemsSpacingX: -0.5rem
}

    .fd-avatar-group--group-type.fd-avatar-group--xs.fd-avatar-group--vertical {
        --fdAvatarGroupItemsSpacingX: 0;
        --fdAvatarGroupItemsSpacingY: -0.5rem
    }

.fd-avatar-group--group-type.fd-avatar-group--s {
    --fdAvatarGroupItemsSpacingX: -1.25rem
}

    .fd-avatar-group--group-type.fd-avatar-group--s.fd-avatar-group--vertical {
        --fdAvatarGroupItemsSpacingX: 0;
        --fdAvatarGroupItemsSpacingY: -1.25rem
    }

.fd-avatar-group--group-type.fd-avatar-group--sm {
    --fdAvatarGroupItemsSpacingX: -1.25rem
}

    .fd-avatar-group--group-type.fd-avatar-group--sm.fd-avatar-group--vertical {
        --fdAvatarGroupItemsSpacingX: 0;
        --fdAvatarGroupItemsSpacingY: -1.25rem
    }

.fd-avatar-group--group-type.fd-avatar-group--m {
    --fdAvatarGroupItemsSpacingX: -1.625rem
}

    .fd-avatar-group--group-type.fd-avatar-group--m.fd-avatar-group--vertical {
        --fdAvatarGroupItemsSpacingX: 0;
        --fdAvatarGroupItemsSpacingY: -1.625rem
    }

.fd-avatar-group--group-type.fd-avatar-group--md {
    --fdAvatarGroupItemsSpacingX: -1.625rem
}

    .fd-avatar-group--group-type.fd-avatar-group--md.fd-avatar-group--vertical {
        --fdAvatarGroupItemsSpacingX: 0;
        --fdAvatarGroupItemsSpacingY: -1.625rem
    }

.fd-avatar-group--group-type.fd-avatar-group--l {
    --fdAvatarGroupItemsSpacingX: -2rem
}

    .fd-avatar-group--group-type.fd-avatar-group--l.fd-avatar-group--vertical {
        --fdAvatarGroupItemsSpacingX: 0;
        --fdAvatarGroupItemsSpacingY: -2rem
    }

.fd-avatar-group--group-type.fd-avatar-group--lg {
    --fdAvatarGroupItemsSpacingX: -2rem
}

    .fd-avatar-group--group-type.fd-avatar-group--lg.fd-avatar-group--vertical {
        --fdAvatarGroupItemsSpacingX: 0;
        --fdAvatarGroupItemsSpacingY: -2rem
    }

.fd-avatar-group--group-type.fd-avatar-group--xl {
    --fdAvatarGroupItemsSpacingX: -2.75rem
}

    .fd-avatar-group--group-type.fd-avatar-group--xl.fd-avatar-group--vertical {
        --fdAvatarGroupItemsSpacingX: 0;
        --fdAvatarGroupItemsSpacingY: -2.75rem
    }

.fd-avatar-group--group-type.is-hover .fd-avatar, .fd-avatar-group--group-type:hover .fd-avatar {
    --fdAvatarBorderColor: var(--fdAvatarBorderHoverColor,var(--sapAvatar_Hover_BorderColor));
    --fdAvatarBackgroundColor: var(--fdAvatarHoverBackgroundColor,var(--sapAvatar_6_Hover_Background))
}

.fd-avatar-group--group-type.is-active .fd-avatar, .fd-avatar-group--group-type:active .fd-avatar {
    --fdAvatarBorderColor: var(--fdAvatarBorderActiveColor,var(--sapButton_Active_BorderColor));
    --fdAvatarBackgroundColor: var(--fdAvatarBackgroundActiveColor,var(--sapButton_Active_Background));
    --fdAvatarColor: var(--fdAvatarActiveColor,var(--sapButton_Active_TextColor))
}

.fd-avatar-group--group-type.is-active.is-hover .fd-avatar, .fd-avatar-group--group-type.is-active:hover .fd-avatar, .fd-avatar-group--group-type:active.is-hover .fd-avatar, .fd-avatar-group--group-type:active:hover .fd-avatar {
    --fdAvatarBorderColor: var(--fdAvatarBorderActiveHoverColor,var(--sapButton_Selected_Hover_BorderColor));
    --fdAvatarBackgroundColor: var(--fdAvatarBackgroundActiveHoverColor,var(--sapButton_Selected_Hover_Background));
    --fdAvatarColor: var(--fdAvatarActiveHoverColor,var(--sapButton_Selected_TextColor))
}

.fd-avatar-group--group-type.is-toggled .fd-avatar {
    --fdAvatarBorderColor: var(--fdAvatarBorderActiveColor,var(--sapButton_Active_BorderColor));
    --fdAvatarBackgroundColor: var(--fdAvatarBackgroundActiveColor,var(--sapButton_Active_Background));
    --fdAvatarColor: var(--fdAvatarActiveColor,var(--sapButton_Active_TextColor))
}

.fd-avatar-group--group-type.is-toggled.is-hover .fd-avatar, .fd-avatar-group--group-type.is-toggled:hover .fd-avatar {
    --fdAvatarBorderColor: var(--fdAvatarBorderActiveHoverColor,var(--sapButton_Selected_Hover_BorderColor));
    --fdAvatarBackgroundColor: var(--fdAvatarBackgroundActiveHoverColor,var(--sapButton_Selected_Hover_Background));
    --fdAvatarColor: var(--fdAvatarActiveHoverColor,var(--sapButton_Selected_TextColor))
}

.fd-avatar-group--group-type.is-disabled, .fd-avatar-group--group-type:disabled, .fd-avatar-group--group-type[aria-disabled=true] {
    opacity: var(--sapContent_DisabledOpacity);
    pointer-events: none
}

.fd-avatar-group--group-type.is-focus, .fd-avatar-group--group-type:focus {
    z-index: 5
}

    .fd-avatar-group--group-type.is-focus.is-focus, .fd-avatar-group--group-type.is-focus:focus, .fd-avatar-group--group-type:focus.is-focus, .fd-avatar-group--group-type:focus:focus {
        outline: none
    }

        .fd-avatar-group--group-type.is-focus.is-focus:after, .fd-avatar-group--group-type.is-focus:focus:after, .fd-avatar-group--group-type:focus.is-focus:after, .fd-avatar-group--group-type:focus:focus:after {
            border-color: var(--sapContent_FocusColor);
            border-radius: var(--fdAvatarGroup_Focus_Outline_Radius);
            border-style: var(--sapContent_FocusStyle);
            border-width: var(--sapContent_FocusWidth);
            content: "";
            inset: var(--fdAvatarGroup_Focus_Outline_Offset) var(--fdAvatarGroup_Focus_Outline_Offset) var(--fdAvatarGroup_Focus_Outline_Offset) var(--fdAvatarGroup_Focus_Outline_Offset);
            pointer-events: none;
            position: absolute
        }

.fd-badge {
    background: var(--sapHighlightColor);
    border: 0;
    border: .0625rem solid var(--fdBadge_Border_Color);
    border-radius: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_ContrastTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontSmallSize);
    font-weight: 400;
    font-weight: 700;
    forced-color-adjust: none;
    height: 1rem;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-width: calc(100% - 1rem);
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    padding-inline: .5rem;
    position: absolute;
    right: .5rem;
    text-overflow: ellipsis;
    top: -.55rem;
    white-space: nowrap;
    z-index: 10
}

    .fd-badge:after, .fd-badge:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-badge[dir=rtl], [dir=rtl] .fd-badge {
        left: .5rem;
        right: auto
    }

.fd-badge--static {
    position: static
}

.fd-bar {
    --fdBar_Z_Index: 1;
    --fdBar_Height: 2.75rem;
    --fdBar_Padding_X: 1rem;
    --fdBar_Padding_Top: 0;
    --fdBar_Padding_Bottom: 0;
    --fdBar_Border_Radius: 0;
    --fdBar_Floating_Footer_Offset_X: 0.5rem;
    --fdBar_Floating_Footer_Offset_Y: 0.5rem;
    --fdBar_Shadow: var(--sapContent_HeaderShadow);
    --fdBar_Background: var(--sapPageHeader_Background);
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: var(--fdBar_Background);
    border-radius: var(--fdBar_Border_Radius);
    -webkit-box-shadow: var(--fdBar_Shadow);
    box-shadow: var(--fdBar_Shadow);
    height: var(--fdBar_Height);
    justify-content: space-between;
    padding-block: var(--fdBar_Padding_Top) var(--fdBar_Padding_Bottom);
    padding-inline: var(--fdBar_Padding_X);
    z-index: var(--fdBar_Z_Index)
}

    .fd-bar:after, .fd-bar:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-bar .fd-bar__header {
        color: var(--sapPageHeader_TextColor);
        font-family: var(--sapFontHeaderFamily);
        font-size: var(--sapFontHeader5Size)
    }

.fd-bar__left, .fd-bar__middle, .fd-bar__right {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    max-width: 100%;
    width: 100%
}

    .fd-bar__left:after, .fd-bar__left:before, .fd-bar__middle:after, .fd-bar__middle:before, .fd-bar__right:after, .fd-bar__right:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-bar__middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fd-bar__right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.fd-bar__element {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 100%;
    max-width: 100%
}

    .fd-bar__element:after, .fd-bar__element:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-bar__element--full-width {
    width: 100%
}

    .fd-bar__element--full-width > :first-child {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

@media (width <= 599px) {
    .fd-bar--responsive-paddings {
        padding-inline: 1rem
    }
}

@media (width >= 600px) and (width <= 1023px) {
    .fd-bar--responsive-paddings {
        padding-inline: 2rem
    }
}

@media (width >= 1024px) and (width <= 1439px) {
    .fd-bar--responsive-paddings {
        padding-inline: 2rem
    }
}

@media (width >= 1440px) {
    .fd-bar--responsive-paddings {
        padding-inline: 3rem
    }
}

.fd-bar--header {
    --fdBar_Shadow: var(--sapContent_HeaderShadow);
    --fdBar_Background: var(--sapPageHeader_Background)
}

.fd-bar--subheader {
    --fdBar_Height: 3rem;
    --fdBar_Padding_Bottom: 0.25rem;
    --fdBar_Shadow: var(--sapContent_HeaderShadow);
    --fdBar_Background: var(--sapPageHeader_Background)
}

.fd-bar--header-with-subheader {
    --fdBar_Z_Index: 2;
    --fdBar_Shadow: none;
    --fdBar_Background: var(--sapPageHeader_Background);
    position: relative
}

.fd-bar--footer {
    --fdBar_Shadow: none;
    --fdBar_Background: var(--sapPageFooter_Background);
    border-top: .0625rem solid var(--sapPageFooter_BorderColor)
}

.fd-bar--floating-footer {
    --fdBar_Shadow: var(--sapContent_Shadow1);
    --fdBar_Z_Index: map.get($fd-z-index-levels,"top");
    --fdBar_Background: var(--sapPageFooter_Background);
    --fdBar_Border_Radius: var(--sapElement_BorderCornerRadius);
    bottom: var(--fdBar_Floating_Footer_Offset_Y);
    left: var(--fdBar_Floating_Footer_Offset_X);
    opacity: 1;
    position: absolute;
    right: var(--fdBar_Floating_Footer_Offset_X)
}

.fd-bar--growing {
    --fdBar_Height: auto;
    --fdBar_Padding_Top: 0.25rem;
    --fdBar_Padding_Bottom: 0.25rem;
    min-height: 2.5rem
}

    .fd-bar--growing.fd-bar--header {
        --fdBar_Padding_Top: 0.375rem
    }

.fd-bar--home-page, .fd-bar--page {
    --fdBar_Padding_X: 1rem
}

    .fd-bar--home-page.fd-bar--floating-footer, .fd-bar--page.fd-bar--floating-footer {
        --fdBar_Padding_X: 0.5rem;
        --fdBar_Floating_Footer_Offset_X: 1rem
    }

.fd-bar--page-s, .fd-bar--page-sm {
    --fdBar_Padding_X: 1rem
}

    .fd-bar--page-s.fd-bar--floating-footer, .fd-bar--page-sm.fd-bar--floating-footer {
        --fdBar_Padding_X: 0.5rem;
        --fdBar_Floating_Footer_Offset_X: 1rem
    }

.fd-bar--home-page-s, .fd-bar--home-page-sm {
    --fdBar_Padding_X: 0.5rem
}

    .fd-bar--home-page-s.fd-bar--floating-footer, .fd-bar--home-page-sm.fd-bar--floating-footer {
        --fdBar_Padding_X: 0.5rem;
        --fdBar_Floating_Footer_Offset_X: 1rem
    }

.fd-bar--home-page-m_l, .fd-bar--home-page-md_lg, .fd-bar--page-m_l, .fd-bar--page-md_lg {
    --fdBar_Padding_X: 2rem
}

    .fd-bar--home-page-m_l.fd-bar--floating-footer, .fd-bar--home-page-md_lg.fd-bar--floating-footer, .fd-bar--page-m_l.fd-bar--floating-footer, .fd-bar--page-md_lg.fd-bar--floating-footer {
        --fdBar_Padding_X: 0.5rem;
        --fdBar_Floating_Footer_Offset_X: 2rem
    }

.fd-bar--home-page-xl, .fd-bar--page-xl {
    --fdBar_Padding_X: 3rem
}

    .fd-bar--home-page-xl.fd-bar--floating-footer, .fd-bar--page-xl.fd-bar--floating-footer {
        --fdBar_Padding_X: 0.5rem;
        --fdBar_Floating_Footer_Offset_X: 3rem
    }

.fd-bar[class*=-compact], .fd-bar[class*=-condensed], [class*=-compact] .fd-bar:not([class*=-cozy]), [class*=-condensed] .fd-bar:not([class*=-cozy]) {
    --fdBar_Height: 2.5rem
}

    .fd-bar[class*=-compact].fd-bar--subheader, .fd-bar[class*=-condensed].fd-bar--subheader, [class*=-compact] .fd-bar:not([class*=-cozy]).fd-bar--subheader, [class*=-condensed] .fd-bar:not([class*=-cozy]).fd-bar--subheader {
        --fdBar_Height: 2.25rem
    }

.fd-breadcrumb {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    --fdLink_Line_Height: 1.5rem;
    list-style: none
}

    .fd-breadcrumb:after, .fd-breadcrumb:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-breadcrumb__item {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-breadcrumb__item:after, .fd-breadcrumb__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-breadcrumb__item:after {
        color: var(--sapContent_LabelColor);
        content: var(--fdBreadcrumb_Separator,"/");
        margin-inline: .25rem
    }

    .fd-breadcrumb__item:last-child:not(:has(a)) {
        --fdBreadcrumb_Separator: none
    }

    .fd-breadcrumb__item .fd-breadcrumb__popover-body {
        border: none;
        border-top-left-radius: .125rem;
        border-top-right-radius: .125rem
    }

.fd-breadcrumb--backslash {
    --fdBreadcrumb_Separator: "\\"
}

.fd-breadcrumb--double-slash {
    --fdBreadcrumb_Separator: "//"
}

.fd-breadcrumb--double-backslash {
    --fdBreadcrumb_Separator: "\\\\"
}

.fd-breadcrumb--greater-than {
    --fdBreadcrumb_Separator: ">"
}

.fd-breadcrumb--double-greater-than {
    --fdBreadcrumb_Separator: ">>"
}

.fd-busy-indicator {
    --Dot_Color: var(--fdBusy_Indicator_Dot_Color);
    --Dot_Size: 0.5rem;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--Dot_Color);
    display: block;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: 0;
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    position: relative;
    text-align: center
}

.fd-busy-indicator--contrast {
    --Dot_Color: var(--fdBusy_Indicator_Dot_Contrast_Color)
}

.fd-busy-indicator--m {
    --Dot_Size: 1rem
}

.fd-busy-indicator--l {
    --Dot_Size: 2rem
}

.fd-busy-indicator:after, .fd-busy-indicator:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    font-size: inherit
}

.fd-busy-indicator-extended {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .fd-busy-indicator-extended:after, .fd-busy-indicator-extended:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast {
        background-color: var(--sapPageFooter_Background);
        -webkit-box-shadow: var(--sapContent_Shadow2);
        box-shadow: var(--sapContent_Shadow2);
        max-width: 23.125rem;
        text-shadow: var(--sapContent_TextShadow);
        width: 23.125rem
    }

.fd-busy-indicator-extended__label {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapPageFooter_TextColor);
    display: block;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    text-align: center
}

    .fd-busy-indicator-extended__label:after, .fd-busy-indicator-extended__label:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-busy-indicator__circle {
    -webkit-animation: grow 1.6s cubic-bezier(.32,.06,.85,1.11) infinite;
    animation: grow 1.6s cubic-bezier(.32,.06,.85,1.11) infinite;
    background-color: currentColor;
    border: 0;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--Dot_Color);
    display: inline-block;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: var(--Dot_Size);
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    position: relative;
    width: var(--Dot_Size)
}

    .fd-busy-indicator__circle:after, .fd-busy-indicator__circle:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-busy-indicator__circle:nth-child(2) {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .fd-busy-indicator__circle:nth-child(3) {
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }

.fd-busy-indicator-dialog {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .fd-busy-indicator-dialog:after, .fd-busy-indicator-dialog:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-busy-indicator-dialog .fd-busy-indicator {
        margin-block: .5rem;
        margin-inline: auto;
        width: 100%
    }

@-webkit-keyframes grow {
    0%,50%,to {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes grow {
    0%,50%,to {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fd-button-split {
    --fdButtonSplit_Separator_Offset: 2.125rem;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    position: relative;
    vertical-align: middle
}

    .fd-button-split:before {
        --fdButtonPrioritizedBorderColor: var(--fdButton_Menu_Default_Shadow_Color)
    }

    .fd-button-split:after, .fd-button-split:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-button-split:before {
        background: var(--sapButton_Background);
        border-radius: var(--sapButton_BorderCornerRadius);
        -webkit-box-shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));
        box-shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .fd-button-split:after {
        background: var(--sapButton_TextColor);
        content: "";
        display: var(--fdButton_Menu_Separator_Display);
        height: var(--fdButton_Menu_Transparent_Separator_Height);
        margin-block: 0;
        margin-inline: .125rem;
        position: absolute;
        right: var(--fdButtonSplit_Separator_Offset);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: var(--sapButton_BorderWidth);
        z-index: 10
    }

    .fd-button-split.is-hover:after, .fd-button-split:hover:after {
        display: none
    }

    .fd-button-split[dir=rtl]:after, [dir=rtl] .fd-button-split:after {
        left: var(--fdButtonSplit_Separator_Offset);
        right: auto
    }

    .fd-button-split > button {
        margin-block: 0;
        margin-inline: 0;
        --fdButtonPrioritizedBorderColor: var(--fdButton_Split_Border_Color);
        --fdButtonPrioritizedBackgroundColor: var(--fdButton_Split_Background_Color)
    }

        .fd-button-split > button:first-of-type {
            -webkit-margin-end: var(--fdButton_Menu_Offset);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-inline-end: var(--fdButton_Menu_Offset);
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            border-radius: var(--fdButton_Border_Radius_Left);
            justify-content: flex-start
        }

            .fd-button-split > button:first-of-type.is-focus, .fd-button-split > button:first-of-type:focus {
                z-index: 5
            }

                .fd-button-split > button:first-of-type.is-focus:after, .fd-button-split > button:first-of-type:focus:after {
                    border-radius: var(--fdButton_Border_Radius_Outline_Left)
                }

            .fd-button-split > button:first-of-type[dir=rtl], [dir=rtl] .fd-button-split > button:first-of-type {
                border-radius: var(--fdButton_Border_Radius_Left_RTL)
            }

                .fd-button-split > button:first-of-type[dir=rtl].is-focus, .fd-button-split > button:first-of-type[dir=rtl]:focus, [dir=rtl] .fd-button-split > button:first-of-type.is-focus, [dir=rtl] .fd-button-split > button:first-of-type:focus {
                    z-index: 5
                }

                    .fd-button-split > button:first-of-type[dir=rtl].is-focus:after, .fd-button-split > button:first-of-type[dir=rtl]:focus:after, [dir=rtl] .fd-button-split > button:first-of-type.is-focus:after, [dir=rtl] .fd-button-split > button:first-of-type:focus:after {
                        border-radius: var(--fdButton_Border_Radius_Outline_Left_RTL)
                    }

        .fd-button-split > button:nth-of-type(2) {
            border-radius: var(--fdButton_Border_Radius_Right)
        }

            .fd-button-split > button:nth-of-type(2).is-focus, .fd-button-split > button:nth-of-type(2):focus {
                z-index: 5
            }

                .fd-button-split > button:nth-of-type(2).is-focus:after, .fd-button-split > button:nth-of-type(2):focus:after {
                    border-radius: var(--fdButton_Border_Radius_Outline_Right)
                }

            .fd-button-split > button:nth-of-type(2)[dir=rtl], [dir=rtl] .fd-button-split > button:nth-of-type(2) {
                border-radius: var(--fdButton_Border_Radius_Right_RTL)
            }

                .fd-button-split > button:nth-of-type(2)[dir=rtl].is-focus, .fd-button-split > button:nth-of-type(2)[dir=rtl]:focus, [dir=rtl] .fd-button-split > button:nth-of-type(2).is-focus, [dir=rtl] .fd-button-split > button:nth-of-type(2):focus {
                    z-index: 5
                }

                    .fd-button-split > button:nth-of-type(2)[dir=rtl].is-focus:after, .fd-button-split > button:nth-of-type(2)[dir=rtl]:focus:after, [dir=rtl] .fd-button-split > button:nth-of-type(2).is-focus:after, [dir=rtl] .fd-button-split > button:nth-of-type(2):focus:after {
                        border-radius: var(--fdButton_Border_Radius_Outline_Right_RTL)
                    }

        .fd-button-split > button.is-hover, .fd-button-split > button:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
            z-index: 1
        }

.fd-button-split--emphasized {
    position: relative
}

    .fd-button-split--emphasized:before {
        background: var(--sapButton_Emphasized_Background);
        border-radius: var(--sapButton_BorderCornerRadius);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .fd-button-split--emphasized:after {
        background: var(--sapButton_Emphasized_TextColor);
        content: "";
        display: var(--fdButton_Menu_Emphasized_Separator_Display);
        height: var(--fdButton_Menu_Transparent_Separator_Height);
        margin-block: 0;
        margin-inline: .125rem;
        position: absolute;
        right: var(--fdButtonSplit_Separator_Offset);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: var(--sapButton_BorderWidth);
        z-index: 10
    }

    .fd-button-split--emphasized.is-hover:after, .fd-button-split--emphasized:hover:after {
        display: var(--fdButton_Menu_Emphasized_Hover_Separator_Display)
    }

    .fd-button-split--emphasized[dir=rtl]:after, [dir=rtl] .fd-button-split--emphasized:after {
        left: var(--fdButtonSplit_Separator_Offset);
        right: auto
    }

    .fd-button-split--emphasized:before {
        --fdButtonPrioritizedBorderColor: var(--fdButton_Menu_Emphasized_Shadow_Color)
    }

.fd-button-split--transparent {
    position: relative
}

    .fd-button-split--transparent:before {
        background: var(--sapButton_Lite_Background);
        border-radius: var(--sapButton_BorderCornerRadius);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .fd-button-split--transparent:after {
        background: var(--sapButton_Lite_TextColor);
        content: "";
        display: var(--fdButton_Menu_Transparent_Separator_Display);
        height: var(--fdButton_Menu_Transparent_Separator_Height);
        margin-block: 0;
        margin-inline: .125rem;
        position: absolute;
        right: var(--fdButtonSplit_Separator_Offset);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: var(--sapButton_BorderWidth);
        z-index: 10
    }

    .fd-button-split--transparent[dir=rtl]:after, [dir=rtl] .fd-button-split--transparent:after {
        left: var(--fdButtonSplit_Separator_Offset);
        right: auto
    }

    .fd-button-split--transparent:before {
        --fdButtonPrioritizedBorderColor: var(--fdButton_Menu_Transparent_Border_Color)
    }

.fd-button-split--ghost {
    position: relative
}

    .fd-button-split--ghost:before {
        background: var(--fdButton_Ghost_Background);
        border-radius: var(--sapButton_BorderCornerRadius);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .fd-button-split--ghost:after {
        background: var(--sapButton_TextColor);
        content: "";
        display: var(--fdButton_Menu_Separator_Display);
        height: var(--fdButton_Menu_Transparent_Separator_Height);
        margin-block: 0;
        margin-inline: .125rem;
        position: absolute;
        right: var(--fdButtonSplit_Separator_Offset);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: var(--sapButton_BorderWidth);
        z-index: 10
    }

    .fd-button-split--ghost[dir=rtl]:after, [dir=rtl] .fd-button-split--ghost:after {
        left: var(--fdButtonSplit_Separator_Offset);
        right: auto
    }

    .fd-button-split--ghost:before {
        --fdButtonPrioritizedBorderColor: var(--fdButton_Menu_Transparent_Border_Color)
    }

.fd-button-split--positive {
    position: relative
}

    .fd-button-split--positive:before {
        background: var(--sapButton_Accept_Background);
        border-radius: var(--sapButton_BorderCornerRadius);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .fd-button-split--positive:after {
        background: var(--sapButton_Accept_TextColor);
        content: "";
        display: var(--fdButton_Menu_Separator_Display);
        height: var(--fdButton_Menu_Transparent_Separator_Height);
        margin-block: 0;
        margin-inline: .125rem;
        position: absolute;
        right: var(--fdButtonSplit_Separator_Offset);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: var(--sapButton_BorderWidth);
        z-index: 10
    }

    .fd-button-split--positive[dir=rtl]:after, [dir=rtl] .fd-button-split--positive:after {
        left: var(--fdButtonSplit_Separator_Offset);
        right: auto
    }

    .fd-button-split--positive:before {
        --fdButtonPrioritizedBorderColor: var(--fdButton_Menu_Positive_Shadow_Color)
    }

.fd-button-split--negative {
    position: relative
}

    .fd-button-split--negative:before {
        background: var(--sapButton_Reject_Background);
        border-radius: var(--sapButton_BorderCornerRadius);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .fd-button-split--negative:after {
        background: var(--sapButton_Reject_TextColor);
        content: "";
        display: var(--fdButton_Menu_Separator_Display);
        height: var(--fdButton_Menu_Transparent_Separator_Height);
        margin-block: 0;
        margin-inline: .125rem;
        position: absolute;
        right: var(--fdButtonSplit_Separator_Offset);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: var(--sapButton_BorderWidth);
        z-index: 10
    }

    .fd-button-split--negative[dir=rtl]:after, [dir=rtl] .fd-button-split--negative:after {
        left: var(--fdButtonSplit_Separator_Offset);
        right: auto
    }

    .fd-button-split--negative:before {
        --fdButtonPrioritizedBorderColor: var(--fdButton_Menu_Negative_Shadow_Color)
    }

.fd-button-split--attention {
    position: relative
}

    .fd-button-split--attention:before {
        background: var(--sapButton_Attention_Background);
        border-radius: var(--sapButton_BorderCornerRadius);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .fd-button-split--attention:after {
        background: var(--sapButton_Attention_TextColor);
        content: "";
        display: var(--fdButton_Menu_Separator_Display);
        height: var(--fdButton_Menu_Transparent_Separator_Height);
        margin-block: 0;
        margin-inline: .125rem;
        position: absolute;
        right: var(--fdButtonSplit_Separator_Offset);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: var(--sapButton_BorderWidth);
        z-index: 10
    }

    .fd-button-split--attention[dir=rtl]:after, [dir=rtl] .fd-button-split--attention:after {
        left: var(--fdButtonSplit_Separator_Offset);
        right: auto
    }

    .fd-button-split--attention:before {
        --fdButtonPrioritizedBorderColor: var(--fdButton_Menu_Attention_Shadow_Color)
    }

.fd-button-split .fd-button-split__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: inherit;
    display: block;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-width: var(--fdButtonSplit_Text_Max_Width,8.5rem);
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-button-split .fd-button-split__text:after, .fd-button-split .fd-button-split__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-button-split--emphasized > button:first-of-type {
    -webkit-margin-end: var(--fdButton_Menu_Emphasized_Margin);
    margin-inline-end: var(--fdButton_Menu_Emphasized_Margin)
}

.fd-button-split--emphasized .fd-button-split__text {
    font-weight: var(--sapButton_Emphasized_FontWeight)
}

.fd-button-split[class*=-compact], .fd-button-split[class*=-condensed], [class*=-compact] .fd-button-split:not([class*=-cozy]), [class*=-condensed] .fd-button-split:not([class*=-cozy]) {
    --fdButtonSplit_Text_Max_Width: 9rem;
    --fdButtonSplit_Separator_Offset: 1.875rem
}

.fd-button {
    --fdButton_Clickable_Height: 2.75rem;
    --fdButton_Padding_X: 0.625rem;
    --fdButton_Min_Width: 2.25rem;
    --fdButton_Badge_Offset: -0.3125rem;
    --fdButton_Badge_Margin: 0.25rem;
    --fdButton_Badge_Margin_Inline_Start: 0;
    --fdButton_Badge_Width: auto;
    --fdButton_Badge_Height: 1rem;
    --fdButton_Badge_Position: absolute;
    --fdButton_Badge_Position_Attention: absolute;
    --fdButton_Badge_Padding_Inline: 0.3125rem;
    --fdButton_Badge_Size_Attention: 0.75rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: var(--sapButton_BorderCornerRadius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    cursor: pointer;
    display: inline-block;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    outline: 0;
    padding-block: 0;
    padding-inline: 0;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: var(--sapButton_BorderWidth);
    height: var(--fdButton_Height);
    max-height: var(--fdButton_Height);
    min-width: var(--fdButton_Min_Width);
    padding-inline: calc(var(--fdButton_Padding_X) - var(--sapButton_BorderWidth));
    position: relative;
    text-align: center;
    text-shadow: var(--fdButton_Text_Shadow);
    --fdButtonColor: var(--sapButton_TextColor);
    --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));
    --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Background));
    background-color: var(--fdButtonBackgroundColor);
    border-color: var(--fdButtonBorderColor);
    color: var(--fdButtonColor)
}

    .fd-button:after, .fd-button:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-button::-moz-focus-inner {
        border: 0
    }

    .fd-button:before {
        content: "";
        display: block;
        height: auto;
        inset: calc((var(--fdButton_Clickable_Height) - var(--fdButton_Height))*-.5) 0;
        position: absolute;
        width: 100%
    }

.fd-button__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: inherit;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    font-weight: inherit;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-button__text:after, .fd-button__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-button, .fd-button__text {
    font-family: var(--fdButton_Font_Family,var(--sapButton_FontFamily))
}

    .fd-button :not(:first-child):not(.fd-button__badge) {
        -webkit-margin-start: .375rem;
        margin-inline-start: .375rem
    }

    .fd-button > [class*=sap-icon] {
        color: inherit;
        font-size: 1rem;
        font-style: normal;
        height: 1rem;
        line-height: 1rem;
        min-width: 1rem;
        vertical-align: text-bottom;
        width: 1rem
    }

        .fd-button > [class*=sap-icon]:after, .fd-button > [class*=sap-icon]:before {
            font-size: inherit;
            height: inherit;
            line-height: inherit;
            width: inherit
        }

.fd-button__badge {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--sapContent_BadgeBackground);
    border: .0625rem solid var(--sapContent_BadgeBorderColor);
    border-radius: .5rem;
    color: var(--sapContent_BadgeTextColor);
    font-size: var(--sapFontSmallSize);
    height: var(--fdButton_Badge_Height);
    padding-block: 0;
    padding-inline: var(--fdButton_Badge_Padding_Inline);
    position: var(--fdButton_Badge_Position);
    right: var(--fdButton_Badge_Offset);
    top: var(--fdButton_Badge_Offset);
    width: var(--fdButton_Badge_Width);
    z-index: 1;
    -webkit-margin-start: var(--fdButton_Badge_Margin_Inline_Start);
    margin-inline-start: var(--fdButton_Badge_Margin_Inline_Start)
}

    .fd-button__badge:after, .fd-button__badge:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-button__badge[dir=rtl], [dir=rtl] .fd-button__badge {
        left: var(--fdButton_Badge_Offset);
        right: auto
    }

.fd-button__badge--attention {
    --fdButton_Badge_Padding_Inline: 0;
    --fdButton_Badge_Offset: -0.1875rem;
    --fdButton_Badge_Width: var(--fdButton_Badge_Size_Attention);
    --fdButton_Badge_Height: var(--fdButton_Badge_Size_Attention);
    --fdButton_Badge_Position: var(--fdButton_Badge_Position_Attention)
}

.fd-button[class*=-compact], .fd-button[class*=-condensed], [class*=-compact] .fd-button:not([class*=-cozy]), [class*=-condensed] .fd-button:not([class*=-cozy]) {
    --fdButton_Height: var(--fdButton_Compact_Height);
    --fdButton_Clickable_Height: 2rem;
    --fdButton_Padding_X: 0.5rem;
    --fdButton_Min_Width: 2rem;
    --fdButton_Badge_Position: static;
    --fdButton_Badge_Margin_Inline_Start: 0.25rem;
    --fdButton_Badge_Size_Attention: 0.625rem
}

    .fd-button[class*=-compact]:not(.fd-button--tool-header):has(.fd-button__badge), .fd-button[class*=-condensed]:not(.fd-button--tool-header):has(.fd-button__badge), [class*=-compact] .fd-button:not([class*=-cozy]):not(.fd-button--tool-header):has(.fd-button__badge), [class*=-condensed] .fd-button:not([class*=-cozy]):not(.fd-button--tool-header):has(.fd-button__badge) {
        padding-inline: calc(.5rem - var(--sapButton_BorderWidth)) calc(.25rem - var(--sapButton_BorderWidth))
    }

.fd-button--menu {
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fd-button--menu-fixed-width {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fd-button--menu .fd-button__text {
    line-height: 1rem
}

.fd-button--full-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 100%;
    width: 100%
}

.fd-button--text-alignment-left {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.fd-button--text-alignment-right {
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.fd-button--decisive {
    min-width: 4rem
}

.fd-button__instructions {
    position: absolute;
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin-block: -1px;
    margin-inline: -1px;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    white-space: nowrap;
    width: 1px
}

.fd-button.is-focus, .fd-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    z-index: 5
}

    .fd-button.is-focus:after, .fd-button:focus:after {
        border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
        border-radius: var(--fdButton_Focus_Border_Radius);
        content: "";
        display: block;
        inset: var(--fdButton_Outline_Offset) var(--fdButton_Outline_Offset) var(--fdButton_Outline_Offset) var(--fdButton_Outline_Offset);
        position: absolute
    }

    .fd-button.is-focus.fd-button--toggled:after, .fd-button.is-focus.is-selected:after, .fd-button:focus.fd-button--toggled:after, .fd-button:focus.is-selected:after {
        border-color: var(--fdButton_Outline_Contrast)
    }

.fd-button.is-active, .fd-button.is-selected, .fd-button:active, .fd-button[aria-selected=true] {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.fd-button.is-disabled, .fd-button:disabled, .fd-button[aria-disabled=true] {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: var(--sapContent_DisabledOpacity)
}

.fd-button.is-selected, .fd-button[aria-selected=true] {
    --fdButtonColor: var(--sapButton_Selected_TextColor);
    --fdButtonBorderColor: var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));
    --fdButtonBackgroundColor: var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Selected_Background))
}

.fd-button.is-hover, .fd-button:hover {
    --fdButtonColor: var(--sapButton_Hover_TextColor);
    --fdButtonBorderColor: var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Hover_BorderColor));
    --fdButtonBackgroundColor: var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Hover_Background))
}

.fd-button.is-active, .fd-button:active {
    --fdButtonColor: var(--sapButton_Active_TextColor);
    --fdButtonBorderColor: var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Active_BorderColor));
    --fdButtonBackgroundColor: var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Active_Background));
    --fdElementTextColor: var(--sapButton_Active_TextColor);
    --fdElementIconColor: var(--sapButton_Active_TextColor)
}

    .fd-button.is-active .fd-button__icon, .fd-button:active .fd-button__icon {
        color: var(--sapButton_Active_TextColor);
        text-shadow: none
    }

.fd-button.is-disabled, .fd-button:disabled, .fd-button[aria-disabled=true] {
    --fdButtonColor: var(--sapButton_TextColor);
    --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));
    --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Background))
}

    .fd-button.is-disabled.is-selected, .fd-button.is-disabled[aria-selected=true], .fd-button:disabled.is-selected, .fd-button:disabled[aria-selected=true], .fd-button[aria-disabled=true].is-selected, .fd-button[aria-disabled=true][aria-selected=true] {
        --fdButtonColor: var(--sapButton_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Background))
    }

.fd-button.fd-button--toggled {
    --fdButtonColor: var(--sapButton_Selected_TextColor);
    --fdButtonBorderColor: var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));
    --fdButtonBackgroundColor: var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Selected_Background))
}

    .fd-button.fd-button--toggled.is-hover, .fd-button.fd-button--toggled:hover {
        --fdButtonColor: var(--sapButton_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Selected_Hover_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))
    }

    .fd-button.fd-button--toggled.is-active, .fd-button.fd-button--toggled.is-selected, .fd-button.fd-button--toggled:active, .fd-button.fd-button--toggled[aria-selected=true] {
        --fdButtonColor: var(--sapButton_Selected_TextColor);
        --fdButtonBorderColor: var(true,var(--sapButton_Selected_Hover_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))
    }

        .fd-button.fd-button--toggled.is-active .fd-button__icon, .fd-button.fd-button--toggled.is-selected .fd-button__icon, .fd-button.fd-button--toggled:active .fd-button__icon, .fd-button.fd-button--toggled[aria-selected=true] .fd-button__icon {
            color: var(--sapButton_Active_TextColor);
            text-shadow: none
        }

    .fd-button.fd-button--toggled.is-disabled, .fd-button.fd-button--toggled:disabled, .fd-button.fd-button--toggled[aria-disabled=true] {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.fd-button--emphasized, .fd-button--emphasized .fd-button__text {
    --fdButton_Font_Family: var(--sapButton_Emphasized_FontFamily)
}

.fd-button--emphasized {
    --fdButtonColor: var(--sapButton_Emphasized_TextColor);
    --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Emphasized_BorderColor));
    --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Emphasized_Background));
    background-color: var(--fdButtonBackgroundColor);
    border-color: var(--fdButtonBorderColor);
    border-width: var(--sapButton_Emphasized_BorderWidth);
    color: var(--fdButtonColor);
    font-weight: var(--sapButton_Emphasized_FontWeight)
}

    .fd-button--emphasized.is-selected, .fd-button--emphasized[aria-selected=true] {
        --fdButtonColor: var(--sapButton_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Selected_Background))
    }

    .fd-button--emphasized.is-hover, .fd-button--emphasized:hover {
        --fdButtonColor: var(--sapButton_Emphasized_Hover_TextColor);
        --fdButtonBorderColor: var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Emphasized_Hover_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Emphasized_Hover_Background))
    }

    .fd-button--emphasized.is-active, .fd-button--emphasized:active {
        --fdButtonColor: var(--sapButton_Emphasized_Active_TextColor);
        --fdButtonBorderColor: var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Emphasized_Active_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Emphasized_Active_Background));
        --fdElementTextColor: var(--sapButton_Emphasized_Active_TextColor);
        --fdElementIconColor: var(--sapButton_Emphasized_Active_TextColor)
    }

        .fd-button--emphasized.is-active .fd-button__icon, .fd-button--emphasized:active .fd-button__icon {
            color: var(--sapButton_Emphasized_Active_TextColor);
            text-shadow: none
        }

    .fd-button--emphasized.is-disabled, .fd-button--emphasized:disabled, .fd-button--emphasized[aria-disabled=true] {
        --fdButtonColor: var(--sapButton_Emphasized_TextColor);
        --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Emphasized_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Emphasized_Background))
    }

        .fd-button--emphasized.is-disabled.is-selected, .fd-button--emphasized.is-disabled[aria-selected=true], .fd-button--emphasized:disabled.is-selected, .fd-button--emphasized:disabled[aria-selected=true], .fd-button--emphasized[aria-disabled=true].is-selected, .fd-button--emphasized[aria-disabled=true][aria-selected=true] {
            --fdButtonColor: var(--sapButton_Selected_TextColor);
            --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Background))
        }

    .fd-button--emphasized.fd-button--toggled {
        --fdButtonColor: var(--sapButton_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Selected_Background))
    }

        .fd-button--emphasized.fd-button--toggled.is-hover, .fd-button--emphasized.fd-button--toggled:hover {
            --fdButtonColor: var(--sapButton_Selected_TextColor);
            --fdButtonBorderColor: var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Selected_Hover_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))
        }

        .fd-button--emphasized.fd-button--toggled.is-active, .fd-button--emphasized.fd-button--toggled.is-selected, .fd-button--emphasized.fd-button--toggled:active, .fd-button--emphasized.fd-button--toggled[aria-selected=true] {
            --fdButtonColor: var(--sapButton_Selected_TextColor);
            --fdButtonBorderColor: var(true,var(--sapButton_Selected_Hover_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))
        }

            .fd-button--emphasized.fd-button--toggled.is-active .fd-button__icon, .fd-button--emphasized.fd-button--toggled.is-selected .fd-button__icon, .fd-button--emphasized.fd-button--toggled:active .fd-button__icon, .fd-button--emphasized.fd-button--toggled[aria-selected=true] .fd-button__icon {
                color: var(--sapButton_Emphasized_Active_TextColor);
                text-shadow: none
            }

        .fd-button--emphasized.fd-button--toggled.is-disabled, .fd-button--emphasized.fd-button--toggled:disabled, .fd-button--emphasized.fd-button--toggled[aria-disabled=true] {
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .fd-button--emphasized.is-focus, .fd-button--emphasized:focus {
        z-index: 5
    }

        .fd-button--emphasized.is-focus:after, .fd-button--emphasized:focus:after {
            border-color: var(--sapContent_ContrastFocusColor)
        }

        .fd-button--emphasized.is-focus.is-active:after, .fd-button--emphasized.is-focus:active:after, .fd-button--emphasized:focus.is-active:after, .fd-button--emphasized:focus:active:after {
            border-color: var(--sapContent_FocusColor)
        }

    .fd-button--emphasized[class*=-compact].is-focus, .fd-button--emphasized[class*=-compact]:focus, .fd-button--emphasized[class*=-condensed].is-focus, .fd-button--emphasized[class*=-condensed]:focus, [class*=-compact] .fd-button--emphasized:not([class*=-cozy]).is-focus, [class*=-compact] .fd-button--emphasized:not([class*=-cozy]):focus, [class*=-condensed] .fd-button--emphasized:not([class*=-cozy]).is-focus, [class*=-condensed] .fd-button--emphasized:not([class*=-cozy]):focus {
        z-index: 5
    }

        .fd-button--emphasized[class*=-compact].is-focus.is-active:after, .fd-button--emphasized[class*=-compact].is-focus:active:after, .fd-button--emphasized[class*=-compact]:focus.is-active:after, .fd-button--emphasized[class*=-compact]:focus:active:after, .fd-button--emphasized[class*=-condensed].is-focus.is-active:after, .fd-button--emphasized[class*=-condensed].is-focus:active:after, .fd-button--emphasized[class*=-condensed]:focus.is-active:after, .fd-button--emphasized[class*=-condensed]:focus:active:after, [class*=-compact] .fd-button--emphasized:not([class*=-cozy]).is-focus.is-active:after, [class*=-compact] .fd-button--emphasized:not([class*=-cozy]).is-focus:active:after, [class*=-compact] .fd-button--emphasized:not([class*=-cozy]):focus.is-active:after, [class*=-compact] .fd-button--emphasized:not([class*=-cozy]):focus:active:after, [class*=-condensed] .fd-button--emphasized:not([class*=-cozy]).is-focus.is-active:after, [class*=-condensed] .fd-button--emphasized:not([class*=-cozy]).is-focus:active:after, [class*=-condensed] .fd-button--emphasized:not([class*=-cozy]):focus.is-active:after, [class*=-condensed] .fd-button--emphasized:not([class*=-cozy]):focus:active:after {
            border-color: transparent
        }

    .fd-button--emphasized.is-active, .fd-button--emphasized.is-selected, .fd-button--emphasized:active, .fd-button--emphasized[aria-selected=true] {
        outline: none
    }

    .fd-button--emphasized.fd-button--toggled.is-focus, .fd-button--emphasized.fd-button--toggled:focus {
        outline-color: var(--fdButton_Emphasized_Active_Outline);
        z-index: 5
    }

    .fd-button--emphasized.fd-button--toggled.is-active, .fd-button--emphasized.fd-button--toggled.is-selected, .fd-button--emphasized.fd-button--toggled:active, .fd-button--emphasized.fd-button--toggled[aria-selected=true] {
        outline: none
    }

.fd-button--attention {
    --fdButtonColor: var(--sapButton_Attention_TextColor);
    --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Attention_BorderColor));
    --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Attention_Background));
    background-color: var(--fdButtonBackgroundColor);
    border-color: var(--fdButtonBorderColor);
    color: var(--fdButtonColor)
}

    .fd-button--attention.is-selected, .fd-button--attention[aria-selected=true] {
        --fdButtonColor: var(--sapButton_Attention_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Attention_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Background))
    }

    .fd-button--attention.is-hover, .fd-button--attention:hover {
        --fdButtonColor: var(--sapButton_Attention_Hover_TextColor);
        --fdButtonBorderColor: var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Attention_Hover_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Attention_Hover_Background))
    }

    .fd-button--attention.is-active, .fd-button--attention:active {
        --fdButtonColor: var(--sapButton_Attention_Active_TextColor);
        --fdButtonBorderColor: var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Attention_Active_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Attention_Active_Background));
        --fdElementTextColor: var(--sapButton_Attention_Active_TextColor);
        --fdElementIconColor: var(--sapButton_Attention_Active_TextColor)
    }

        .fd-button--attention.is-active .fd-button__icon, .fd-button--attention:active .fd-button__icon {
            color: var(--sapButton_Attention_Active_TextColor);
            text-shadow: none
        }

    .fd-button--attention.is-disabled, .fd-button--attention:disabled, .fd-button--attention[aria-disabled=true] {
        --fdButtonColor: var(--sapButton_Attention_TextColor);
        --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Attention_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Attention_Background))
    }

        .fd-button--attention.is-disabled.is-selected, .fd-button--attention.is-disabled[aria-selected=true], .fd-button--attention:disabled.is-selected, .fd-button--attention:disabled[aria-selected=true], .fd-button--attention[aria-disabled=true].is-selected, .fd-button--attention[aria-disabled=true][aria-selected=true] {
            --fdButtonColor: var(--sapButton_Attention_Selected_TextColor);
            --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Attention_Selected_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Background))
        }

    .fd-button--attention.fd-button--toggled {
        --fdButtonColor: var(--sapButton_Attention_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Attention_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Background))
    }

        .fd-button--attention.fd-button--toggled.is-hover, .fd-button--attention.fd-button--toggled:hover {
            --fdButtonColor: var(--sapButton_Attention_Selected_TextColor);
            --fdButtonBorderColor: var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Attention_Selected_Hover_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Hover_Background))
        }

        .fd-button--attention.fd-button--toggled.is-active, .fd-button--attention.fd-button--toggled.is-selected, .fd-button--attention.fd-button--toggled:active, .fd-button--attention.fd-button--toggled[aria-selected=true] {
            --fdButtonColor: var(--sapButton_Attention_Selected_TextColor);
            --fdButtonBorderColor: var(true,var(--sapButton_Attention_Selected_Hover_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Hover_Background))
        }

            .fd-button--attention.fd-button--toggled.is-active .fd-button__icon, .fd-button--attention.fd-button--toggled.is-selected .fd-button__icon, .fd-button--attention.fd-button--toggled:active .fd-button__icon, .fd-button--attention.fd-button--toggled[aria-selected=true] .fd-button__icon {
                color: var(--sapButton_Attention_Active_TextColor);
                text-shadow: none
            }

        .fd-button--attention.fd-button--toggled.is-disabled, .fd-button--attention.fd-button--toggled:disabled, .fd-button--attention.fd-button--toggled[aria-disabled=true] {
            -webkit-box-shadow: none;
            box-shadow: none
        }

.fd-button--negative {
    --fdButtonColor: var(--sapButton_Reject_TextColor);
    --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Reject_BorderColor));
    --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Reject_Background));
    background-color: var(--fdButtonBackgroundColor);
    border-color: var(--fdButtonBorderColor);
    color: var(--fdButtonColor)
}

    .fd-button--negative.is-selected, .fd-button--negative[aria-selected=true] {
        --fdButtonColor: var(--sapButton_Reject_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Reject_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Background))
    }

    .fd-button--negative.is-hover, .fd-button--negative:hover {
        --fdButtonColor: var(--sapButton_Reject_Hover_TextColor);
        --fdButtonBorderColor: var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Reject_Hover_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Reject_Hover_Background))
    }

    .fd-button--negative.is-active, .fd-button--negative:active {
        --fdButtonColor: var(--sapButton_Reject_Active_TextColor);
        --fdButtonBorderColor: var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Reject_Active_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Reject_Active_Background));
        --fdElementTextColor: var(--sapButton_Reject_Active_TextColor);
        --fdElementIconColor: var(--sapButton_Reject_Active_TextColor)
    }

        .fd-button--negative.is-active .fd-button__icon, .fd-button--negative:active .fd-button__icon {
            color: var(--sapButton_Reject_Active_TextColor);
            text-shadow: none
        }

    .fd-button--negative.is-disabled, .fd-button--negative:disabled, .fd-button--negative[aria-disabled=true] {
        --fdButtonColor: var(--sapButton_Reject_TextColor);
        --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Reject_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Reject_Background))
    }

        .fd-button--negative.is-disabled.is-selected, .fd-button--negative.is-disabled[aria-selected=true], .fd-button--negative:disabled.is-selected, .fd-button--negative:disabled[aria-selected=true], .fd-button--negative[aria-disabled=true].is-selected, .fd-button--negative[aria-disabled=true][aria-selected=true] {
            --fdButtonColor: var(--sapButton_Reject_Selected_TextColor);
            --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Reject_Selected_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Background))
        }

    .fd-button--negative.fd-button--toggled {
        --fdButtonColor: var(--sapButton_Reject_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Reject_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Background))
    }

        .fd-button--negative.fd-button--toggled.is-hover, .fd-button--negative.fd-button--toggled:hover {
            --fdButtonColor: var(--sapButton_Reject_Selected_TextColor);
            --fdButtonBorderColor: var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Reject_Selected_Hover_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Hover_Background))
        }

        .fd-button--negative.fd-button--toggled.is-active, .fd-button--negative.fd-button--toggled.is-selected, .fd-button--negative.fd-button--toggled:active, .fd-button--negative.fd-button--toggled[aria-selected=true] {
            --fdButtonColor: var(--sapButton_Reject_Selected_TextColor);
            --fdButtonBorderColor: var(true,var(--sapButton_Reject_Selected_Hover_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Hover_Background))
        }

            .fd-button--negative.fd-button--toggled.is-active .fd-button__icon, .fd-button--negative.fd-button--toggled.is-selected .fd-button__icon, .fd-button--negative.fd-button--toggled:active .fd-button__icon, .fd-button--negative.fd-button--toggled[aria-selected=true] .fd-button__icon {
                color: var(--sapButton_Reject_Active_TextColor);
                text-shadow: none
            }

        .fd-button--negative.fd-button--toggled.is-disabled, .fd-button--negative.fd-button--toggled:disabled, .fd-button--negative.fd-button--toggled[aria-disabled=true] {
            -webkit-box-shadow: none;
            box-shadow: none
        }

.fd-button--positive {
    --fdButtonColor: var(--sapButton_Accept_TextColor);
    --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Accept_BorderColor));
    --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Accept_Background));
    background-color: var(--fdButtonBackgroundColor);
    border-color: var(--fdButtonBorderColor);
    color: var(--fdButtonColor)
}

    .fd-button--positive.is-selected, .fd-button--positive[aria-selected=true] {
        --fdButtonColor: var(--sapButton_Accept_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Accept_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Background))
    }

    .fd-button--positive.is-hover, .fd-button--positive:hover {
        --fdButtonColor: var(--sapButton_Accept_Hover_TextColor);
        --fdButtonBorderColor: var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Accept_Hover_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Accept_Hover_Background))
    }

    .fd-button--positive.is-active, .fd-button--positive:active {
        --fdButtonColor: var(--sapButton_Accept_Active_TextColor);
        --fdButtonBorderColor: var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Accept_Active_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Accept_Active_Background));
        --fdElementTextColor: var(--sapButton_Accept_Active_TextColor);
        --fdElementIconColor: var(--sapButton_Accept_Active_TextColor)
    }

        .fd-button--positive.is-active .fd-button__icon, .fd-button--positive:active .fd-button__icon {
            color: var(--sapButton_Accept_Active_TextColor);
            text-shadow: none
        }

    .fd-button--positive.is-disabled, .fd-button--positive:disabled, .fd-button--positive[aria-disabled=true] {
        --fdButtonColor: var(--sapButton_Accept_TextColor);
        --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Accept_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Accept_Background))
    }

        .fd-button--positive.is-disabled.is-selected, .fd-button--positive.is-disabled[aria-selected=true], .fd-button--positive:disabled.is-selected, .fd-button--positive:disabled[aria-selected=true], .fd-button--positive[aria-disabled=true].is-selected, .fd-button--positive[aria-disabled=true][aria-selected=true] {
            --fdButtonColor: var(--sapButton_Accept_Selected_TextColor);
            --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Accept_Selected_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Background))
        }

    .fd-button--positive.fd-button--toggled {
        --fdButtonColor: var(--sapButton_Accept_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Accept_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Background))
    }

        .fd-button--positive.fd-button--toggled.is-hover, .fd-button--positive.fd-button--toggled:hover {
            --fdButtonColor: var(--sapButton_Accept_Selected_TextColor);
            --fdButtonBorderColor: var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Accept_Selected_Hover_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Hover_Background))
        }

        .fd-button--positive.fd-button--toggled.is-active, .fd-button--positive.fd-button--toggled.is-selected, .fd-button--positive.fd-button--toggled:active, .fd-button--positive.fd-button--toggled[aria-selected=true] {
            --fdButtonColor: var(--sapButton_Accept_Selected_TextColor);
            --fdButtonBorderColor: var(true,var(--sapButton_Accept_Selected_Hover_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Hover_Background))
        }

            .fd-button--positive.fd-button--toggled.is-active .fd-button__icon, .fd-button--positive.fd-button--toggled.is-selected .fd-button__icon, .fd-button--positive.fd-button--toggled:active .fd-button__icon, .fd-button--positive.fd-button--toggled[aria-selected=true] .fd-button__icon {
                color: var(--sapButton_Accept_Active_TextColor);
                text-shadow: none
            }

        .fd-button--positive.fd-button--toggled.is-disabled, .fd-button--positive.fd-button--toggled:disabled, .fd-button--positive.fd-button--toggled[aria-disabled=true] {
            -webkit-box-shadow: none;
            box-shadow: none
        }

.fd-button--transparent {
    --fdButtonColor: var(--sapButton_Lite_TextColor);
    --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Lite_BorderColor));
    --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Lite_Background));
    background-color: var(--fdButtonBackgroundColor);
    border-color: var(--fdButtonBorderColor);
    color: var(--fdButtonColor)
}

    .fd-button--transparent.is-selected, .fd-button--transparent[aria-selected=true] {
        --fdButtonColor: var(--sapButton_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Selected_Background))
    }

    .fd-button--transparent.is-hover, .fd-button--transparent:hover {
        --fdButtonColor: var(--sapButton_Lite_Hover_TextColor);
        --fdButtonBorderColor: var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Lite_Hover_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Lite_Hover_Background))
    }

    .fd-button--transparent.is-active, .fd-button--transparent:active {
        --fdButtonColor: var(--sapButton_Active_TextColor);
        --fdButtonBorderColor: var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Lite_Active_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Lite_Active_Background));
        --fdElementTextColor: var(--sapButton_Active_TextColor);
        --fdElementIconColor: var(--sapButton_Active_TextColor)
    }

        .fd-button--transparent.is-active .fd-button__icon, .fd-button--transparent:active .fd-button__icon {
            color: var(--sapButton_Active_TextColor);
            text-shadow: none
        }

    .fd-button--transparent.is-disabled, .fd-button--transparent:disabled, .fd-button--transparent[aria-disabled=true] {
        --fdButtonColor: var(--sapButton_Lite_TextColor);
        --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Lite_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Lite_Background))
    }

        .fd-button--transparent.is-disabled.is-selected, .fd-button--transparent.is-disabled[aria-selected=true], .fd-button--transparent:disabled.is-selected, .fd-button--transparent:disabled[aria-selected=true], .fd-button--transparent[aria-disabled=true].is-selected, .fd-button--transparent[aria-disabled=true][aria-selected=true] {
            --fdButtonColor: var(--sapButton_Selected_TextColor);
            --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Background))
        }

    .fd-button--transparent.fd-button--toggled {
        --fdButtonColor: var(--sapButton_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Selected_Background))
    }

        .fd-button--transparent.fd-button--toggled.is-hover, .fd-button--transparent.fd-button--toggled:hover {
            --fdButtonColor: var(--sapButton_Selected_TextColor);
            --fdButtonBorderColor: var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Selected_Hover_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))
        }

        .fd-button--transparent.fd-button--toggled.is-active, .fd-button--transparent.fd-button--toggled.is-selected, .fd-button--transparent.fd-button--toggled:active, .fd-button--transparent.fd-button--toggled[aria-selected=true] {
            --fdButtonColor: var(--sapButton_Selected_TextColor);
            --fdButtonBorderColor: var(true,var(--sapButton_Selected_Hover_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))
        }

            .fd-button--transparent.fd-button--toggled.is-active .fd-button__icon, .fd-button--transparent.fd-button--toggled.is-selected .fd-button__icon, .fd-button--transparent.fd-button--toggled:active .fd-button__icon, .fd-button--transparent.fd-button--toggled[aria-selected=true] .fd-button__icon {
                color: var(--sapButton_Active_TextColor);
                text-shadow: none
            }

        .fd-button--transparent.fd-button--toggled.is-disabled, .fd-button--transparent.fd-button--toggled:disabled, .fd-button--transparent.fd-button--toggled[aria-disabled=true] {
            -webkit-box-shadow: none;
            box-shadow: none
        }

.fd-button--ghost {
    --fdButtonColor: var(--sapButton_TextColor);
    --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));
    --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--fdButton_Ghost_Background));
    background-color: var(--fdButtonBackgroundColor);
    border-color: var(--fdButtonBorderColor);
    color: var(--fdButtonColor)
}

    .fd-button--ghost.is-selected, .fd-button--ghost[aria-selected=true] {
        --fdButtonColor: var(--sapButton_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Selected_Background))
    }

    .fd-button--ghost.is-hover, .fd-button--ghost:hover {
        --fdButtonColor: var(--sapButton_Hover_TextColor);
        --fdButtonBorderColor: var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Hover_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Hover_Background))
    }

    .fd-button--ghost.is-active, .fd-button--ghost:active {
        --fdButtonColor: var(--sapButton_Active_TextColor);
        --fdButtonBorderColor: var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Active_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Active_Background));
        --fdElementTextColor: var(--sapButton_Active_TextColor);
        --fdElementIconColor: var(--sapButton_Active_TextColor)
    }

        .fd-button--ghost.is-active .fd-button__icon, .fd-button--ghost:active .fd-button__icon {
            color: var(--sapButton_Active_TextColor);
            text-shadow: none
        }

    .fd-button--ghost.is-disabled, .fd-button--ghost:disabled, .fd-button--ghost[aria-disabled=true] {
        --fdButtonColor: var(--sapButton_TextColor);
        --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--fdButton_Ghost_Background))
    }

        .fd-button--ghost.is-disabled.is-selected, .fd-button--ghost.is-disabled[aria-selected=true], .fd-button--ghost:disabled.is-selected, .fd-button--ghost:disabled[aria-selected=true], .fd-button--ghost[aria-disabled=true].is-selected, .fd-button--ghost[aria-disabled=true][aria-selected=true] {
            --fdButtonColor: var(--sapButton_Selected_TextColor);
            --fdButtonBorderColor: var(--fdButtonPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Background))
        }

    .fd-button--ghost.fd-button--toggled {
        --fdButtonColor: var(--sapButton_Selected_TextColor);
        --fdButtonBorderColor: var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));
        --fdButtonBackgroundColor: var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Selected_Background))
    }

        .fd-button--ghost.fd-button--toggled.is-hover, .fd-button--ghost.fd-button--toggled:hover {
            --fdButtonColor: var(--sapButton_Selected_TextColor);
            --fdButtonBorderColor: var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Selected_Hover_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))
        }

        .fd-button--ghost.fd-button--toggled.is-active, .fd-button--ghost.fd-button--toggled.is-selected, .fd-button--ghost.fd-button--toggled:active, .fd-button--ghost.fd-button--toggled[aria-selected=true] {
            --fdButtonColor: var(--sapButton_Selected_TextColor);
            --fdButtonBorderColor: var(true,var(--sapButton_Selected_Hover_BorderColor));
            --fdButtonBackgroundColor: var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))
        }

            .fd-button--ghost.fd-button--toggled.is-active .fd-button__icon, .fd-button--ghost.fd-button--toggled.is-selected .fd-button__icon, .fd-button--ghost.fd-button--toggled:active .fd-button__icon, .fd-button--ghost.fd-button--toggled[aria-selected=true] .fd-button__icon {
                color: var(--sapButton_Active_TextColor);
                text-shadow: none
            }

        .fd-button--ghost.fd-button--toggled.is-disabled, .fd-button--ghost.fd-button--toggled:disabled, .fd-button--ghost.fd-button--toggled[aria-disabled=true] {
            -webkit-box-shadow: none;
            box-shadow: none
        }

.fd-button--tool-header {
    --fdButton_ToolHeader_Icon_Size: 1rem;
    --fdButton_ToolHeader_Padding: 0.75rem;
    --fdButton_ToolHeader_Size: var(--fdButton_ToolHeader_Button_Size);
    --fdButton_ToolHeader_Background: var(--sapButton_Lite_Background);
    --fdButton_ToolHeader_Color: var(--fdButton_ToolHeader_Color_Normal);
    --fdButton_ToolHeader_Border_Color: var(--fdButton_ToolHeader_Border_Color_Normal);
    --fdButton_ToolHeader_Border_Radius: var(--fdButton_ToolHeader_Button_Border_Radius);
    background: var(--fdButton_ToolHeader_Background);
    border: var(--sapButton_BorderWidth) solid var(--fdButton_ToolHeader_Border_Color);
    border-radius: var(--fdButton_ToolHeader_Border_Radius);
    color: var(--fdButton_ToolHeader_Color);
    height: var(--fdButton_ToolHeader_Size);
    max-height: var(--fdButton_ToolHeader_Size);
    max-width: var(--fdButton_ToolHeader_Size);
    min-height: var(--fdButton_ToolHeader_Size);
    min-width: var(--fdButton_ToolHeader_Size);
    padding-block: var(--fdButton_ToolHeader_Padding);
    padding-inline: var(--fdButton_ToolHeader_Padding);
    width: var(--fdButton_ToolHeader_Size)
}

    .fd-button--tool-header [class*=sap-icon], .fd-button--tool-header[class*=sap-icon] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: inherit;
        font-size: var(--fdButton_ToolHeader_Icon_Size);
        height: var(--fdButton_ToolHeader_Icon_Size);
        width: var(--fdButton_ToolHeader_Icon_Size)
    }

    .fd-button--tool-header.is-hover, .fd-button--tool-header:hover {
        --fdButton_ToolHeader_Background: var(--fdButton_ToolHeader_Background_Hover);
        --fdButton_ToolHeader_Border_Color: var(--fdButton_ToolHeader_Border_Color_Hover);
        --fdButton_Hover_Shadow: none
    }

    .fd-button--tool-header.is-active, .fd-button--tool-header:active {
        --fdButton_ToolHeader_Background: var(--fdButton_ToolHeader_Background_Active);
        --fdButton_ToolHeader_Border_Color: var(--fdButton_ToolHeader_Border_Color_Active);
        --fdButton_ToolHeader_Color: var(--fdButton_ToolHeader_Color_Active);
        outline: none
    }

        .fd-button--tool-header.is-active.is-focus, .fd-button--tool-header.is-active:focus, .fd-button--tool-header:active.is-focus, .fd-button--tool-header:active:focus {
            z-index: 5;
            --fdButton_ToolHeader_Border_Radius: 0.375rem;
            --fdButton_ToolHeader_Background: var(--fdButton_ToolHeader_Background_Active);
            --fdButton_ToolHeader_Border_Color: var(--fdButton_ToolHeader_Border_Color_Active);
            outline: none
        }

            .fd-button--tool-header.is-active.is-focus:after, .fd-button--tool-header.is-active:focus:after, .fd-button--tool-header:active.is-focus:after, .fd-button--tool-header:active:focus:after {
                border: none
            }

    .fd-button--tool-header.is-focus, .fd-button--tool-header:focus {
        z-index: 5;
        --fdButton_ToolHeader_Background: var(--fdButton_ToolHeader_Background_Active);
        --fdButton_ToolHeader_Border_Color: var(--fdButton_ToolHeader_Border_Color_Focus);
        --fdButton_ToolHeader_Border_Radius: var(--fdButton_ToolHeader_Border_Radius_Focus);
        outline: var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--fdButton_ToolHeader_Outline_Color)
    }

        .fd-button--tool-header.is-focus:after, .fd-button--tool-header:focus:after {
            border: none
        }

    .fd-button--tool-header.is-disabled, .fd-button--tool-header:disabled, .fd-button--tool-header[aria-disabled=true] {
        --fdButton_ToolHeader_Background: var(--sapButton_Lite_Background);
        --fdButton_ToolHeader_Border_Color: var(--fdButton_ToolHeader_Border_Color_Disabled);
        opacity: var(--sapContent_DisabledOpacity);
        pointer-events: none
    }

    .fd-button--tool-header[class*=-compact], [class*=-compact] .fd-button--tool-header:not([class*=-cozy]) {
        --fdButton_ToolHeader_Padding: 0.5rem;
        --fdButton_ToolHeader_Size: var(--fdButton_ToolHeader_Button_Size_Compact)
    }

    .fd-button--tool-header .fd-button__badge {
        background: var(--sapContent_BadgeBackground);
        border: 0;
        border: .0625rem solid var(--fdButton_ToolHeader_Badge_Border_Color);
        border-radius: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: var(--sapTextColor);
        color: var(--sapContent_BadgeBackground);
        font-family: var(--sapFontFamily);
        font-size: var(--sapFontSize);
        font-weight: 400;
        forced-color-adjust: none;
        height: .625rem;
        line-height: normal;
        margin-block: 0;
        margin-inline: 0;
        max-height: .625rem;
        max-width: .625rem;
        min-height: .625rem;
        min-width: .625rem;
        overflow: hidden;
        padding-block: 0;
        padding-inline: 0;
        position: absolute;
        right: -.125rem;
        top: -.125rem;
        width: .625rem
    }

        .fd-button--tool-header .fd-button__badge:after, .fd-button--tool-header .fd-button__badge:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

        .fd-button--tool-header .fd-button__badge[dir=rtl], [dir=rtl] .fd-button--tool-header .fd-button__badge {
            left: -.125rem;
            right: auto
        }

.fd-button--nested, .fd-button--nested-square {
    --fdButton_Nested_Size: 1.5rem;
    --fdButton_Nested_Icon_Size: 0.75rem;
    --fdButton_Nested_Click_Area: 2rem;
    --fdButton_Nested_Color: var(--sapContent_IconColor);
    --fdButton_Nested_Background: var(--sapButton_Lite_Background);
    --fdButton_Nested_Border_Color: var(--fdButton_ToolHeader_Border_Color_Normal);
    --fdButton_Nested_Border_Radius: 1rem;
    background: var(--fdButton_Nested_Background);
    border: var(--sapButton_BorderWidth) solid var(--fdButton_Nested_Border_Color);
    border-radius: var(--fdButton_Nested_Border_Radius);
    color: var(--fdButton_Nested_Color);
    height: var(--fdButton_Nested_Size);
    max-height: var(--fdButton_Nested_Size);
    max-width: var(--fdButton_Nested_Size);
    min-height: var(--fdButton_Nested_Size);
    min-width: var(--fdButton_Nested_Size);
    padding-block: 0;
    padding-inline: 0;
    width: var(--fdButton_Nested_Size)
}

    .fd-button--nested [class*=sap-icon], .fd-button--nested-square [class*=sap-icon], .fd-button--nested-square[class*=sap-icon], .fd-button--nested[class*=sap-icon] {
        color: inherit;
        font-size: var(--fdButton_Nested_Icon_Size)
    }

    .fd-button--nested-square:before, .fd-button--nested:before {
        height: var(--fdButton_Nested_Click_Area);
        inset: auto auto auto auto;
        max-height: var(--fdButton_Nested_Click_Area);
        max-width: var(--fdButton_Nested_Click_Area);
        min-height: var(--fdButton_Nested_Click_Area);
        min-width: var(--fdButton_Nested_Click_Area);
        width: var(--fdButton_Nested_Click_Area)
    }

    .fd-button--nested-square.is-hover, .fd-button--nested-square:hover, .fd-button--nested.is-hover, .fd-button--nested:hover {
        --fdButton_Nested_Background: var(--sapButton_Lite_Hover_Background);
        --fdButton_Nested_Border_Color: var(--fdButton_Nested_Border_Color_Hover);
        --fdButton_Hover_Shadow: none
    }

    .fd-button--nested-square.is-active, .fd-button--nested-square:active, .fd-button--nested.is-active, .fd-button--nested:active {
        --fdButton_Nested_Background: var(--fdButton_Nested_Background_Active);
        --fdButton_Nested_Border_Color: var(--fdButton_Nested_Border_Color_Active);
        --fdButton_Nested_Color: var(--fdButton_Nested_Color_Active);
        outline: none
    }

        .fd-button--nested-square.is-active.is-focus, .fd-button--nested-square.is-active:focus, .fd-button--nested-square:active.is-focus, .fd-button--nested-square:active:focus, .fd-button--nested.is-active.is-focus, .fd-button--nested.is-active:focus, .fd-button--nested:active.is-focus, .fd-button--nested:active:focus {
            z-index: 5;
            --fdButton_Nested_Border_Radius: 0.75rem;
            --fdButton_Nested_Background: var(--fdButton_Nested_Background_Active);
            --fdButton_Nested_Border_Color: var(--fdButton_Nested_Border_Color_Active);
            outline: none
        }

            .fd-button--nested-square.is-active.is-focus:after, .fd-button--nested-square.is-active:focus:after, .fd-button--nested-square:active.is-focus:after, .fd-button--nested-square:active:focus:after, .fd-button--nested.is-active.is-focus:after, .fd-button--nested.is-active:focus:after, .fd-button--nested:active.is-focus:after, .fd-button--nested:active:focus:after {
                border: none
            }

    .fd-button--nested-square.is-focus, .fd-button--nested-square:focus, .fd-button--nested.is-focus, .fd-button--nested:focus {
        z-index: 5;
        --fdButton_Nested_Background: var(--fdButton_Nested_Background_Focus);
        --fdButton_Nested_Border_Color: var(--fdButton_Nested_Border_Color_Focus);
        --fdButton_Nested_Border_Radius: var(--fdButton_Nested_Border_Radius_Focus);
        outline: var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor)
    }

        .fd-button--nested-square.is-focus:after, .fd-button--nested-square:focus:after, .fd-button--nested.is-focus:after, .fd-button--nested:focus:after {
            border: none
        }

    .fd-button--nested-square.is-disabled, .fd-button--nested-square:disabled, .fd-button--nested-square[aria-disabled=true], .fd-button--nested.is-disabled, .fd-button--nested:disabled, .fd-button--nested[aria-disabled=true] {
        --fdButton_Nested_Background: var(--sapButton_Lite_Background);
        --fdButton_Nested_Border_Color: var(--fdButton_Nested_Border_Color_Disabled);
        opacity: var(--sapContent_DisabledOpacity);
        pointer-events: none
    }

    .fd-button--nested-square[class*=-compact], .fd-button--nested[class*=-compact], [class*=-compact] .fd-button--nested-square:not([class*=-cozy]), [class*=-compact] .fd-button--nested:not([class*=-cozy]) {
        --fdButton_Nested_Size: 1.375rem;
        --fdButton_Nested_Click_Area: 1.625rem
    }

    .fd-button--nested-square, .fd-button--nested-square.is-active, .fd-button--nested-square:active {
        --fdButton_Nested_Border_Radius: 0.1875rem
    }

        .fd-button--nested-square.is-active.is-focus, .fd-button--nested-square.is-active:focus, .fd-button--nested-square.is-focus, .fd-button--nested-square:active.is-focus, .fd-button--nested-square:active:focus, .fd-button--nested-square:focus {
            z-index: 5;
            --fdButton_Nested_Border_Radius: 0.1875rem
        }

.fd-calendar .fd-calendar__my-item, .fd-calendar__item {
    background-color: var(--fdCalendar_Item_Background);
    border: 0;
    border-radius: var(--fdCalendar_Border_Radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-block: var(--fdCalendar_Item_Spacing);
    margin-inline: 0;
    margin-inline: var(--fdCalendar_Item_Spacing);
    min-width: var(--fdCalendar_Item_Width);
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    position: relative;
    -webkit-box-flex: 1;
    border: var(--fdCalendar_Item_Border);
    cursor: pointer;
    display: inline-block;
    -ms-flex: 1 1 calc(var(--fdCalendar_Item_Current_Border_Width)*2 + var(--fdCalendar_Item_Spacing)*2);
    flex: 1 1 calc(var(--fdCalendar_Item_Current_Border_Width)*2 + var(--fdCalendar_Item_Spacing)*2)
}

    .fd-calendar .fd-calendar__my-item:after, .fd-calendar .fd-calendar__my-item:before, .fd-calendar__item:after, .fd-calendar__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

[class*=fd-calendar__item--legend-]:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    border-bottom: none;
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: 0;
    content: "";
    height: .3125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

[class*=fd-calendar__item--legend-]:not(.fd-calendar__item--today).is-focus, [class*=fd-calendar__item--legend-]:not(.fd-calendar__item--today):focus {
    z-index: 5
}

    [class*=fd-calendar__item--legend-]:not(.fd-calendar__item--today).is-focus .fd-calendar__text-wrapper:after, [class*=fd-calendar__item--legend-]:not(.fd-calendar__item--today):focus .fd-calendar__text-wrapper:after {
        z-index: var(--fdCalendar_Text_Wrapper_After_Z)
    }

.fd-calendar__item--today[class*=fd-calendar__item--legend-].is-focus, .fd-calendar__item--today[class*=fd-calendar__item--legend-]:focus {
    z-index: 5
}

    .fd-calendar__item--today[class*=fd-calendar__item--legend-].is-focus .fd-calendar__text-wrapper:after, .fd-calendar__item--today[class*=fd-calendar__item--legend-]:focus .fd-calendar__text-wrapper:after {
        border-bottom: none
    }

    .fd-calendar__item--today[class*=fd-calendar__item--legend-].is-focus .fd-calendar__text:after, .fd-calendar__item--today[class*=fd-calendar__item--legend-]:focus .fd-calendar__text:after {
        bottom: 0;
        content: "";
        height: .1875rem;
        left: 0;
        position: absolute;
        right: 0;
        width: 100%
    }

.fd-calendar__item--today[class*=fd-calendar__item--legend-] .fd-calendar__text-wrapper:after {
    border-radius: .3125rem;
    bottom: .0625rem;
    content: "";
    height: .5rem;
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today[class*=fd-calendar__item--legend-][dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today[class*=fd-calendar__item--legend-] .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-1:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor1);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor1)
}

.fd-calendar__item--legend-1:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-1:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-1.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-1:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-1.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-1:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor1);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor1)
    }

.fd-calendar__item--today.fd-calendar__item--legend-1 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor1);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-1[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-1 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-2:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor2);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor2)
}

.fd-calendar__item--legend-2:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-2:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-2.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-2:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-2.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-2:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor2);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor2)
    }

.fd-calendar__item--today.fd-calendar__item--legend-2 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor2);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-2[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-2 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-3:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor3);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor3)
}

.fd-calendar__item--legend-3:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-3:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-3.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-3:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-3.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-3:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor3);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor3)
    }

.fd-calendar__item--today.fd-calendar__item--legend-3 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor3);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-3[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-3 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-4:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor4);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor4)
}

.fd-calendar__item--legend-4:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-4:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-4.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-4:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-4.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-4:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor4);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor4)
    }

.fd-calendar__item--today.fd-calendar__item--legend-4 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor4);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-4[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-4 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-5:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor5);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor5)
}

.fd-calendar__item--legend-5:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-5:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-5.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-5:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-5.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-5:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor5);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor5)
    }

.fd-calendar__item--today.fd-calendar__item--legend-5 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor5);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-5[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-5 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-6:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor6);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor6)
}

.fd-calendar__item--legend-6:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-6:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-6.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-6:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-6.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-6:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor6);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor6)
    }

.fd-calendar__item--today.fd-calendar__item--legend-6 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor6);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-6[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-6 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-7:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor7);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor7)
}

.fd-calendar__item--legend-7:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-7:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-7.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-7:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-7.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-7:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor7);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor7)
    }

.fd-calendar__item--today.fd-calendar__item--legend-7 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor7);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-7[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-7 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-8:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor8);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor8)
}

.fd-calendar__item--legend-8:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-8:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-8.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-8:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-8.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-8:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor8);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor8)
    }

.fd-calendar__item--today.fd-calendar__item--legend-8 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor8);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-8[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-8 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-9:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor9);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor9)
}

.fd-calendar__item--legend-9:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-9:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-9.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-9:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-9.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-9:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor9);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor9)
    }

.fd-calendar__item--today.fd-calendar__item--legend-9 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor9);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-9[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-9 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-10:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor10);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor10)
}

.fd-calendar__item--legend-10:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-10:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-10.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-10:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-10.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-10:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor10);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor10)
    }

.fd-calendar__item--today.fd-calendar__item--legend-10 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor10);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-10[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-10 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-11:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor11);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor11)
}

.fd-calendar__item--legend-11:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-11:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-11.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-11:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-11.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-11:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor11);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor11)
    }

.fd-calendar__item--today.fd-calendar__item--legend-11 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor11);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-11[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-11 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-12:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor12);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor12)
}

.fd-calendar__item--legend-12:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-12:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-12.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-12:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-12.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-12:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor12);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor12)
    }

.fd-calendar__item--today.fd-calendar__item--legend-12 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor12);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-12[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-12 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-13:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor13);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor13)
}

.fd-calendar__item--legend-13:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-13:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-13.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-13:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-13.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-13:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor13);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor13)
    }

.fd-calendar__item--today.fd-calendar__item--legend-13 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor13);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-13[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-13 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-14:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor14);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor14)
}

.fd-calendar__item--legend-14:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-14:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-14.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-14:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-14.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-14:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor14);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor14)
    }

.fd-calendar__item--today.fd-calendar__item--legend-14 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor14);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-14[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-14 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-15:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor15);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor15)
}

.fd-calendar__item--legend-15:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-15:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-15.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-15:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-15.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-15:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor15);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor15)
    }

.fd-calendar__item--today.fd-calendar__item--legend-15 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor15);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-15[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-15 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-16:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor16);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor16)
}

.fd-calendar__item--legend-16:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-16:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-16.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-16:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-16.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-16:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor16);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor16)
    }

.fd-calendar__item--today.fd-calendar__item--legend-16 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor16);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-16[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-16 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-17:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor17);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor17)
}

.fd-calendar__item--legend-17:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-17:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-17.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-17:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-17.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-17:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor17);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor17)
    }

.fd-calendar__item--today.fd-calendar__item--legend-17 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor17);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-17[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-17 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-18:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor18);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor18)
}

.fd-calendar__item--legend-18:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-18:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-18.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-18:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-18.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-18:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor18);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor18)
    }

.fd-calendar__item--today.fd-calendar__item--legend-18 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor18);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-18[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-18 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-19:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor19);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor19)
}

.fd-calendar__item--legend-19:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-19:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-19.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-19:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-19.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-19:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor19);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor19)
    }

.fd-calendar__item--today.fd-calendar__item--legend-19 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor19);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-19[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-19 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar__item--legend-20:not(.fd-calendar__item--today) .fd-calendar__text-wrapper:after {
    -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor20);
    box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor20)
}

.fd-calendar__item--legend-20:not(.fd-calendar__item--today).fd-calendar__item--range .fd-calendar__text-wrapper:after, .fd-calendar__item--legend-20:not(.fd-calendar__item--today).fd-calendar__item--selected .fd-calendar__text-wrapper:after {
    height: var(--fdCalendar_Item_Selected_Legend_Height)
}

.fd-calendar__item--today.fd-calendar__item--legend-20.is-focus, .fd-calendar__item--today.fd-calendar__item--legend-20:focus {
    z-index: 5
}

    .fd-calendar__item--today.fd-calendar__item--legend-20.is-focus .fd-calendar__text:after, .fd-calendar__item--today.fd-calendar__item--legend-20:focus .fd-calendar__text:after {
        -webkit-box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor20);
        box-shadow: inset 0 calc(var(--fdCalendar_Special_Day_Marker_Height)*-1) 0 var(--sapLegendColor20)
    }

.fd-calendar__item--today.fd-calendar__item--legend-20 .fd-calendar__text-wrapper:after {
    border-bottom: .25rem solid var(--sapLegendColor20);
    border-radius: 0 0 var(--fdCalendar_Item_Legend_Bottom_Border_Radius) var(--fdCalendar_Item_Legend_Bottom_Border_Radius);
    border-top: var(--fdCalendar_Item_Legend_Top_Border);
    bottom: .0625rem;
    content: "";
    height: var(--fdCalendar_Item_Text_Wrapper_Height);
    left: .0625rem;
    position: absolute;
    right: 0;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today.fd-calendar__item--legend-20[dir=rtl] .fd-calendar__text-wrapper:after, [dir=rtl] .fd-calendar__item--today.fd-calendar__item--legend-20 .fd-calendar__text-wrapper:after {
    left: 0;
    right: .0625rem
}

.fd-calendar {
    --fdCalendar_Item_Width: 2rem;
    --fdCalendar_Item_Height: 2.75rem;
    --fdCalendar_Padding: 0.5rem;
    --fdCalendar_Background: var(--sapList_Background);
    --fdCalendar_Width: calc(var(--fdCalendar_Item_Width)*8 + var(--fdCalendar_Padding)*2 + var(--fdCalendar_Item_Spacing)*16);
    --fdCalendar_Action_Padding: 0.25rem;
    --fdCalendar_Action_Width: auto;
    --fdCalendar_Button_Horizontal_Space: 0.25rem;
    --fdCalendar_Item_Spacing: 0.0625rem;
    --fdCalendar_Item_Background: var(--sapLegend_WorkingBackground);
    --fdCalendar_Item_Helper_Height: 1.875rem;
    --fdCalendar_Item_Font_Size: var(--sapFontSize);
    --fdCalendar_Item_Border: 0;
    --fdCalendar_Item_Current_Border_Width: 0.125rem;
    --fdCalendar_Item_Text_Color: var(--sapTextColor);
    --fdCalendar_Item_Text_Height: 2.125rem;
    background-color: var(--fdCalendar_Background);
    border: 0;
    border-radius: var(--fdCalendar_Border_Radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: var(--fdCalendar_Padding);
    padding-inline: 0;
    padding-inline: var(--fdCalendar_Padding);
    width: var(--fdCalendar_Width)
}

    .fd-calendar:after, .fd-calendar:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-calendar__navigation {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: var(--fdCalendar_Button_Horizontal_Space);
    padding-inline: 0;
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .fd-calendar__navigation:after, .fd-calendar__navigation:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-calendar__action {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .fd-calendar__action:after, .fd-calendar__action:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-calendar__action:not(:last-child,:first-child) {
        margin-inline: var(--fdCalendar_Action_Padding)
    }

    .fd-calendar__action:first-child {
        -webkit-margin-end: var(--fdCalendar_Action_Padding);
        margin-inline-end: var(--fdCalendar_Action_Padding)
    }

    .fd-calendar__action:last-child {
        -webkit-margin-start: var(--fdCalendar_Action_Padding);
        margin-inline-start: var(--fdCalendar_Action_Padding)
    }

    .fd-calendar__action > [type=button] {
        width: 100%
    }

.fd-calendar__action--arrow-left, .fd-calendar__action--arrow-right {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: var(--fdCalendar_Action_Width)
}

    .fd-calendar__action--arrow-left + .fd-calendar__action--arrow-right {
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }

.fd-calendar__action [class*=sap-icon][dir=rtl], [dir=rtl] .fd-calendar__action [class*=sap-icon] {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fd-calendar__text-wrapper {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

    .fd-calendar__text-wrapper:after, .fd-calendar__text-wrapper:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-calendar__item {
    height: var(--fdCalendar_Item_Height)
}

    .fd-calendar__item.is-hover, .fd-calendar__item:hover {
        --fdCalendar_Item_Background: var(--sapList_Hover_Background)
    }

    .fd-calendar__item.is-disabled, .fd-calendar__item:disabled, .fd-calendar__item[aria-disabled=true] {
        opacity: .4;
        pointer-events: none
    }

.fd-calendar__item--weekend {
    --fdCalendar_Item_Background: var(--sapLegend_NonWorkingBackground)
}

    .fd-calendar__item--weekend.is-hover, .fd-calendar__item--weekend:hover {
        --fdCalendar_Item_Background: var(--sapList_Hover_Background);
        -webkit-filter: brightness(1.05);
        filter: brightness(1.05)
    }

.fd-calendar__item--other {
    --fdCalendar_Item_Background: var(--fdCalendar_Background)
}

    .fd-calendar__item--other.is-hover, .fd-calendar__item--other:hover {
        --fdCalendar_Item_Background: var(--sapList_Hover_Background)
    }

    .fd-calendar__item--other .fd-calendar__text {
        --fdCalendar_Item_Text_Color: var(--sapContent_LabelColor)
    }

.fd-calendar__item--selected {
    --fdCalendar_Item_Background: var(--sapContent_Selected_Background);
    --fdCalendar_Item_Border: var(--fdCalendar_Active_Item_Border)
}

    .fd-calendar__item--selected.is-hover, .fd-calendar__item--selected:hover {
        --fdCalendar_Item_Background: var(--fdCalendar_Item_Active_Background_Hover)
    }

    .fd-calendar__item--selected .fd-calendar__text {
        --fdCalendar_Item_Text_Color: var(--sapContent_Selected_TextColor);
        font-family: var(--fdCalendar_Active_Item_Font_Weight)
    }

.fd-calendar__item--range {
    --fdCalendar_Item_Border: var(--fdCalendar_Active_Item_Border);
    --fdCalendar_Item_Background: var(--sapList_SelectionBackgroundColor)
}

    .fd-calendar__item--range.is-hover, .fd-calendar__item--range:hover {
        --fdCalendar_Item_Background: var(--sapList_Hover_SelectionBackground)
    }

.fd-calendar__item--today.fd-calendar__item--range:after, .fd-calendar__item--today.fd-calendar__item--selected:after {
    border: .0625rem solid var(--sapList_SelectionBorderColor);
    border-radius: var(--fdCalendar_Item_Today_Selected_Bottom_Radius);
    bottom: .0625rem;
    content: "";
    height: calc(100% - .125rem);
    left: .0625rem;
    position: absolute;
    top: .0625rem;
    width: calc(100% - .125rem)
}

.fd-calendar__item--today {
    --fdCalendar_Item_Border: solid 0.125rem var(--sapLegend_CurrentDateTime);
    -webkit-box-shadow: 0 0 0 .0625rem var(--sapList_Background) inset;
    box-shadow: 0 0 0 .0625rem var(--sapList_Background) inset;
    position: relative
}

    .fd-calendar__item--today:after {
        border-radius: .3125rem;
        bottom: .0625rem;
        content: "";
        height: calc(100% - .125rem);
        left: .0625rem;
        position: absolute;
        top: .0625rem;
        width: calc(100% - .125rem)
    }

.fd-calendar__item.fd-calendar__item--selected.is-focus, .fd-calendar__item.fd-calendar__item--selected:focus {
    z-index: 5
}

    .fd-calendar__item.fd-calendar__item--selected.is-focus .fd-calendar__text-wrapper, .fd-calendar__item.fd-calendar__item--selected:focus .fd-calendar__text-wrapper {
        border: var(--fdCalendar_Item_Text_Active_Focus)
    }

.fd-calendar__item:focus-visible {
    outline: none
}

.fd-calendar__item.is-focus, .fd-calendar__item:focus {
    z-index: 5
}

    .fd-calendar__item.is-focus .fd-calendar__text-wrapper, .fd-calendar__item:focus .fd-calendar__text-wrapper {
        border: var(--fdCalendar_Text_Wrapper_Border);
        -webkit-box-sizing: var(--fdCalendar_Text_Wrapper_Box_Sizing);
        box-sizing: var(--fdCalendar_Text_Wrapper_Box_Sizing);
        height: var(--fdCalendar_Text_Wrapper_Height);
        margin-block: var(--fdCalendar_Text_Wrapper_Margin);
        margin-inline: var(--fdCalendar_Text_Wrapper_Margin)
    }

    .fd-calendar__item.is-focus .fd-calendar__text, .fd-calendar__item:focus .fd-calendar__text {
        border: var(--fdCalendar_Text_Border_Focus)
    }

.fd-calendar__item--side-helper {
    -ms-flex-item-align: center;
    align-self: center;
    pointer-events: none;
    --fdCalendar_Item_Height: var(--fdCalendar_Item_Side_Helper,var(--fdCalendar_Item_Helper_Height));
    --fdCalendar_Item_Background: var(--sapList_Background)
}

    .fd-calendar__item--side-helper .fd-calendar__text {
        --fdCalendar_Item_Text_Color: var(--sapContent_LabelColor);
        --fdCalendar_Item_Font_Size: var(--sapFontSmallSize)
    }

.fd-calendar .fd-calendar__my-item {
    max-height: var(--fdCalendar_Item_Height)
}

.fd-calendar .fd-calendar__my-item-button {
    min-width: 100%;
    padding-block: 0;
    padding-inline: 0
}

.fd-calendar .fd-calendar__my-item .fd-calendar__text {
    color: inherit
}

.fd-calendar__content {
    border: 0;
    border-spacing: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: table;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    width: 100%
}

    .fd-calendar__content:after, .fd-calendar__content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-calendar__content--months, .fd-calendar__content--years {
    -webkit-padding-before: var(--fdCalendar_Item_Helper_Height);
    padding-block-start: var(--fdCalendar_Item_Helper_Height);
    --fdCalendar_Item_Background: transparent
}

.fd-calendar__content--screen-reader-only {
    position: absolute;
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin-block: -1px;
    margin-inline: -1px;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    white-space: nowrap;
    width: 1px
}

.fd-calendar__group {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: table-row-group;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-calendar__group:after, .fd-calendar__group:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-calendar__row {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-calendar__row:after, .fd-calendar__row:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-calendar__text {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .1875rem;
    color: var(--fdCalendar_Item_Text_Color);
    font-size: var(--fdCalendar_Item_Font_Size);
    height: var(--fdCalendar_Item_Text_Height);
    min-width: 1.375rem;
    text-shadow: var(--fdCalendar_Text_Shadow);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: calc(100% - .7rem);
    position: relative
}

    .fd-calendar__text:after, .fd-calendar__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-calendar__text.is-focus, .fd-calendar__text:focus {
        border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
        z-index: 5
    }

.fd-calendar[class*=-compact], .fd-calendar[class*=-condensed], [class*=-compact] .fd-calendar:not([class*=-cozy]), [class*=-condensed] .fd-calendar:not([class*=-cozy]) {
    --fdCalendar_Width: calc(var(--fdCalendar_Action_Width)*8 + var(--fdCalendar_Padding)*2 + var(--fdCalendar_Item_Spacing)*16);
    --fdCalendar_Padding: 0.5rem;
    --fdCalendar_Item_Text_Height: 1.375rem;
    --fdCalendar_Item_Height: 2rem;
    --fdCalendar_Button_Horizontal_Space: 0.1875rem;
    --fdCalendar_Action_Width: 2rem;
    --fdCalendar_Item_Width: var(--fdCalendar_Action_Width)
}

.fd-calendar--mobile-landscape, .fd-calendar--mobile-portrait {
    height: 100%;
    width: 100%
}

.fd-calendar--mobile-landscape {
    --fdCalendar_Padding: 0;
    --fdCalendar_Item_Side_Helper: 1.625rem
}

    .fd-calendar--mobile-landscape .fd-calendar__navigation--main {
        max-width: 20rem
    }

.fd-calendar--mobile-portrait {
    --fdCalendar_Padding: 0;
    -webkit-padding-before: 1rem;
    padding-block-start: 1rem
}

.fd-calendar-legend {
    background: var(--sapList_Background);
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    -webkit-column-width: var(--fdCalendar_Legend_Column_Width,7.5rem);
    -moz-column-width: var(--fdCalendar_Legend_Column_Width,7.5rem);
    column-width: var(--fdCalendar_Legend_Column_Width,7.5rem);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: .5rem;
    padding-inline: 0;
    padding-inline: .5rem
}

    .fd-calendar-legend:after, .fd-calendar-legend:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-calendar-legend--auto-column {
    --fdCalendar_Legend_Column_Width: auto
}

.fd-calendar-legend__item {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    border-radius: .25rem;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    min-width: 7.5rem;
    padding-block: var(--fdCalendar_Legend_Item_Padding,.25rem);
    padding-inline: var(--fdCalendar_Legend_Item_Padding,.25rem)
}

    .fd-calendar-legend__item:after, .fd-calendar-legend__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-calendar-legend__item.is-focus, .fd-calendar-legend__item:focus {
        z-index: 5
    }

    .fd-calendar-legend__item.is-active, .fd-calendar-legend__item.is-focus, .fd-calendar-legend__item:active, .fd-calendar-legend__item:focus {
        -webkit-box-shadow: 0 0 0 var(--sapContent_FocusWidth) var(--sapContent_FocusColor) inset;
        box-shadow: 0 0 0 var(--sapContent_FocusWidth) var(--sapContent_FocusColor) inset
    }

.fd-calendar-legend__item--appointment {
    --fdCalendar_Legend_Marker_Border_Radius: 1rem
}

.fd-calendar-legend__item--today {
    --fdCalendar_Legend_Marker_Border_Width: 0.125rem;
    --fdCalendar_Legend_Marker_Background: var(--sapList_Background);
    --fdCalendar_Legend_Marker_Border_Color: var(--sapLegend_CurrentDateTime)
}

.fd-calendar-legend__item--selected {
    --fdCalendar_Legend_Marker_Background: var(--sapSelectedColor)
}

.fd-calendar-legend__item--work {
    --fdCalendar_Legend_Marker_Background: var(--sapLegend_WorkingBackground)
}

.fd-calendar-legend__item--non-work {
    --fdCalendar_Legend_Marker_Background: var(--sapLegend_NonWorkingBackground)
}

.fd-calendar-legend__item--placeholder-1 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor1)
}

.fd-calendar-legend__item--placeholder-2 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor2)
}

.fd-calendar-legend__item--placeholder-3 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor3)
}

.fd-calendar-legend__item--placeholder-4 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor4)
}

.fd-calendar-legend__item--placeholder-5 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor5)
}

.fd-calendar-legend__item--placeholder-6 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor6)
}

.fd-calendar-legend__item--placeholder-7 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor7)
}

.fd-calendar-legend__item--placeholder-8 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor8)
}

.fd-calendar-legend__item--placeholder-9 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor9)
}

.fd-calendar-legend__item--placeholder-10 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor10)
}

.fd-calendar-legend__item--placeholder-11 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor11)
}

.fd-calendar-legend__item--placeholder-12 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor12)
}

.fd-calendar-legend__item--placeholder-13 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor13)
}

.fd-calendar-legend__item--placeholder-14 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor14)
}

.fd-calendar-legend__item--placeholder-15 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor15)
}

.fd-calendar-legend__item--placeholder-16 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor16)
}

.fd-calendar-legend__item--placeholder-17 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor17)
}

.fd-calendar-legend__item--placeholder-18 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor18)
}

.fd-calendar-legend__item--placeholder-19 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor19)
}

.fd-calendar-legend__item--placeholder-20 {
    --fdCalendar_Legend_Marker_Background: var(--sapLegendColor20)
}

.fd-calendar-legend__marker {
    background: var(--fdCalendar_Legend_Marker_Background,var(--sapList_Background));
    border: 0;
    border-color: var(--fdCalendar_Legend_Marker_Border_Color,var(--sapContent_ForegroundBorderColor));
    border-radius: var(--fdCalendar_Legend_Marker_Border_Radius,0);
    border-style: solid;
    border-width: var(--fdCalendar_Legend_Marker_Border_Width,.0625rem);
    -webkit-box-sizing: border-box;
    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: normal;
    margin-block: 0;
    margin-inline: 0;
    max-height: 1rem;
    max-width: 1rem;
    min-height: 1rem;
    min-width: 1rem;
    padding-block: 0;
    padding-inline: 0;
    width: 1rem
}

    .fd-calendar-legend__marker:after, .fd-calendar-legend__marker:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-calendar-legend__text {
    border: 0;
    -webkit-box-sizing: border-box;
    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: normal;
    line-height: 1rem;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: pre-line
}

    .fd-calendar-legend__text:after, .fd-calendar-legend__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-calendar-legend[class*=-compact], .fd-calendar-legend[class*=-condensed], [class*=-compact] .fd-calendar-legend:not([class*=-cozy]), [class*=-condensed] .fd-calendar-legend:not([class*=-cozy]) {
    --fdCalendar_Legend_Item_Padding: 0.125rem
}

.fd-card {
    --fdCard_Header_Text_Spacing: 0.25rem;
    --fdCard_Box_Shadow: var(--fdCard_Box_Shadow_Regular);
    --fdCard_Header_Border_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;
    --fdCard_Main_Header_Border_Radius: inherit;
    --fdCard_Footer_Border_Radius: 0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);
    --fdCard_Content_Border_Radius: 0;
    --fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius);
    --fdCard_Focus_Outline_Offset: 0.0625rem;
    --fdCard_Media_Border_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;
    --fdCard_Main_Header_Border_Bottom: var(--fdCard_Header_Border_Bottom);
    --fdCard_Main_Header_Border_Top: none;
    --fdCard_Main_Header_Padding_Block_Start: 1rem;
    --fdCard_Main_Header_Padding_Block_End: var(--fdCard_Main_Header_Padding_Bottom);
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    background: var(--fdCard_Background,var(--sapTile_Background));
    border: var(--fdCard_Border);
    border-radius: var(--fdCard_Border_Radius,var(--fdCard_Border_Corner_Radius));
    -webkit-box-shadow: var(--fdCard_Box_Shadow);
    box-shadow: var(--fdCard_Box_Shadow);
    -ms-flex: 1;
    flex: 1;
    min-height: 100%;
    position: relative;
    width: 100%
}

    .fd-card:after, .fd-card:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card--interactive {
    cursor: pointer
}

    .fd-card--interactive.is-focus, .fd-card--interactive:focus {
        outline: none;
        z-index: 5
    }

        .fd-card--interactive.is-focus:before, .fd-card--interactive:focus:before {
            border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
            border-radius: var(--fdCard_Focus_Outline_Radius);
            content: "";
            display: block;
            inset: var(--fdCard_Focus_Outline_Offset);
            position: absolute;
            z-index: 3
        }

    .fd-card--interactive.is-hover, .fd-card--interactive:hover {
        --fdCard_Background: var(--sapTile_Hover_Background);
        --fdCard_Box_Shadow: var(--fdCard_Box_Shadow_Hover);
        --fdCard_Footer_Background: var(--sapTile_Hover_Background);
        --fdCard_Main_Header_Background: var(--sapTile_Hover_Background)
    }

    .fd-card--interactive.is-active, .fd-card--interactive:active {
        --fdCard_Box_Shadow: none;
        --fdCard_Background: var(--sapTile_Active_Background);
        --fdCard_Footer_Background: var(--sapTile_Active_Background);
        --fdCard_Main_Header_Background: var(--sapTile_Active_Background);
        --fdCard_Border: 0.0625rem solid var(--sapTile_Interactive_BorderColor)
    }

    .fd-card--interactive.is-selected:before, .fd-card--interactive[aria-selected=true]:before {
        border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
        border-radius: var(--fdCard_Focus_Outline_Radius);
        content: "";
        display: block;
        inset: var(--fdCard_Focus_Outline_Offset);
        position: absolute;
        z-index: 3
    }

    .fd-card--interactive[role=button] .fd-card__header-main-container.is-focus, .fd-card--interactive[role=button] .fd-card__header-main-container:focus {
        outline: none;
        z-index: 5
    }

        .fd-card--interactive[role=button] .fd-card__header-main-container.is-focus:before, .fd-card--interactive[role=button] .fd-card__header-main-container:focus:before {
            border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
            border-radius: var(--fdCard_Focus_Outline_Radius);
            content: "";
            display: block;
            inset: var(--fdCard_Focus_Outline_Offset);
            position: absolute;
            z-index: 3
        }

    .fd-card--interactive[role=listitem] .fd-card__header-main-container {
        pointer-events: none
    }

.fd-card__header {
    border: 0;
    border-radius: var(--fdCard_Header_Border_Radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0
}

    .fd-card__header:after, .fd-card__header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-card__header:is(:first-child) {
        --fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0
    }

    .fd-card__header:is(:last-child) {
        --fdCard_Main_Header_Border_Bottom: none;
        --fdCard_Main_Header_Padding_Block_End: 1rem;
        --fdCard_Main_Header_Padding_Block_Start: 1rem;
        --fdCard_Main_Header_Border_Top: var(--fdCard_Header_Border_Bottom);
        --fdCard_Header_Border_Radius: 0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);
        --fdCard_Focus_Outline_Radius: 0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)
    }

        .fd-card__header:is(:last-child) .fd-card__header-main:not(:only-child) {
            --fdCard_Focus_Outline_Radius: 0
        }

    .fd-card__header:only-child {
        --fdCard_Header_Border_Radius: var(--fdCard_Border_Corner_Radius);
        --fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius)
    }

        .fd-card__header:only-child .fd-card__header-main:not(:only-child) {
            --fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0
        }

        .fd-card__header:only-child .fd-card__header-main {
            --fdCard_Main_Header_Padding_Block_Start: 1rem;
            --fdCard_Main_Header_Padding_Block_End: 1rem;
            --fdCard_Main_Header_Border_Bottom: none;
            --fdCard_Main_Header_Border_Top: none
        }

.fd-card__header--interactive .fd-card__header-main {
    cursor: pointer
}

    .fd-card__header--interactive .fd-card__header-main.is-hover, .fd-card__header--interactive .fd-card__header-main:hover {
        --fdCard_Main_Header_Background: var(--sapTile_Hover_Background)
    }

    .fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container.is-active) {
        --fdCard_Main_Header_Background: var(--sapTile_Active_Background)
    }

    .fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container:active) {
        --fdCard_Main_Header_Background: var(--sapTile_Active_Background)
    }

.fd-card__header--interactive .fd-card__header-main-container.is-focus, .fd-card__header--interactive .fd-card__header-main-container:focus {
    outline: none;
    z-index: 5
}

    .fd-card__header--interactive .fd-card__header-main-container.is-focus:before, .fd-card__header--interactive .fd-card__header-main-container:focus:before {
        border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
        border-radius: var(--fdCard_Focus_Outline_Radius);
        content: "";
        display: block;
        inset: var(--fdCard_Focus_Outline_Offset);
        position: absolute;
        z-index: 3
    }

.fd-card__header-main {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    background: var(--fdCard_Main_Header_Background,var(--sapTile_Background));
    border-bottom: var(--fdCard_Main_Header_Border_Bottom);
    border-radius: var(--fdCard_Main_Header_Border_Radius);
    border-top: var(--fdCard_Main_Header_Border_Top);
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    padding-block: var(--fdCard_Main_Header_Padding_Block_Start) var(--fdCard_Main_Header_Padding_Block_End);
    padding-inline: 1rem;
    position: relative;
    text-decoration: none
}

    .fd-card__header-main:after, .fd-card__header-main:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__header-main-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

    .fd-card__header-main-container:after, .fd-card__header-main-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__header-main-actions {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 5
}

    .fd-card__header-main-actions:after, .fd-card__header-main-actions:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__header-extended {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-block: .5rem;
    padding-inline: 1rem
}

    .fd-card__header-extended:after, .fd-card__header-extended:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__header-extended--top-aligned {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.fd-card__header-extended--bottom-aligned {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.fd-card__header-column {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: .25rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .fd-card__header-column:after, .fd-card__header-column:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__header-column--right-aligned {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.fd-card__header-row {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem
}

    .fd-card__header-row:after, .fd-card__header-row:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__header-numeric {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem;
    padding-block: .25rem;
    padding-inline: 1rem
}

    .fd-card__header-numeric:after, .fd-card__header-numeric:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__indicator {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .125rem;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-padding-before: .5rem;
    padding-block-start: .5rem
}

    .fd-card__indicator:after, .fd-card__indicator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__numeric-container {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .fd-card__numeric-container:after, .fd-card__numeric-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__indicator-title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapTile_TextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontSmallSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-card__indicator-title:after, .fd-card__indicator-title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__indicator-value {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapTile_TitleTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontSmallSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    text-align: right
}

    .fd-card__indicator-value:after, .fd-card__indicator-value:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__footer {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fdCard_Footer_Background,var(--sapTile_Background));
    border-radius: var(--fdCard_Footer_Border_Radius);
    border-top: var(--fdCard_Footer_Border_Top);
    padding-block: var(--fdCard_Footer_Padding) 1rem;
    padding-inline: 1rem
}

    .fd-card__footer:after, .fd-card__footer:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__footer-actions {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

    .fd-card__footer-actions:after, .fd-card__footer-actions:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__footer .fd-card__footer-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-margin-end: var(--fdCard_Footer_Actions_Item_Spacing);
    margin-inline-end: var(--fdCard_Footer_Actions_Item_Spacing);
    text-overflow: clip
}

.fd-card__footer:is(:first-child) {
    --fdCard_Footer_Border_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0
}

.fd-card__header-text {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    gap: var(--fdCard_Header_Text_Spacing);
    height: 100%;
    width: 100%
}

    .fd-card__header-text:after, .fd-card__header-text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__title-area {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

    .fd-card__title-area:after, .fd-card__title-area:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: -webkit-box;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: var(--sapTile_TitleTextColor);
    font-family: var(--sapFontHeaderFamily);
    font-size: var(--fdCard_Title_Font_Size);
    font-weight: var(--fdCard_Title_Font_Weight);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    max-height: 4.2rem;
    max-width: 100%
}

    .fd-card__title:after, .fd-card__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__subtitle-area {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

    .fd-card__subtitle-area:after, .fd-card__subtitle-area:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__subtitle {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: -webkit-box;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--sapTile_TextColor);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    max-height: 2.5rem;
    max-width: 100%
}

    .fd-card__subtitle:after, .fd-card__subtitle:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__counter.fd-object-status {
    white-space: nowrap;
    -webkit-margin-start: 1rem;
    font-size: var(--sapFontSmallSize);
    margin-inline-start: 1rem;
    -webkit-margin-before: var(--fdCard_Counter_Margin);
    margin-block-start: var(--fdCard_Counter_Margin)
}

.fd-card__badge-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    right: .5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .25rem;
    max-width: calc(100% - 1rem);
    min-width: 1.375rem;
    position: absolute;
    top: -.5rem;
    z-index: 10
}

    .fd-card__badge-container:after, .fd-card__badge-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-card__badge-container[dir=rtl], [dir=rtl] .fd-card__badge-container {
        left: .5rem;
        right: auto
    }

    .fd-card__badge-container + .fd-card__header {
        --fdCard_Content_Border_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;
        --fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;
        --fdCard_Main_Header_Border_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0
    }

        .fd-card__badge-container + .fd-card__header:is(:last-child) {
            --fdCard_Content_Border_Radius: var(--fdCard_Border_Corner_Radius);
            --fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius)
        }

    .fd-card__badge-container + .fd-card__content {
        overflow: hidden;
        --fdCard_Content_Border_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;
        --fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0
    }

        .fd-card__badge-container + .fd-card__content:is(:last-child) {
            --fdCard_Content_Border_Radius: var(--fdCard_Border_Corner_Radius);
            --fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius)
        }

.fd-card__badge.fd-object-status {
    --fdObjectStatus_Inverted_Border_Radius: 0.5rem;
    --fdObjectStatus_Inverted_Padding_Block: 0;
    --fdObjectStatus_Inverted_Padding_Inline: 0.25rem;
    --fdObjectStatus_Inverted_Line_Height: 0.875rem
}

    .fd-card__badge.fd-object-status span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.fd-card__currency {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    color: var(--sapTile_TextColor);
    -ms-flex-direction: row;
    flex-direction: row;
    text-overflow: ellipsis;
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem;
    white-space: nowrap
}

    .fd-card__currency:after, .fd-card__currency:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-card__currency:before {
        content: "| "
    }

.fd-card__analytics-area {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: .5rem;
    overflow: hidden
}

    .fd-card__analytics-area:after, .fd-card__analytics-area:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__analytics-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow-x: hidden;
    white-space: nowrap;
    width: 100%;
    -webkit-margin-start: 2rem;
    margin-inline-start: 2rem
}

    .fd-card__analytics-container:after, .fd-card__analytics-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__analytics {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-padding-after: .25rem;
    padding-block-end: .25rem;
    -webkit-margin-start: 1rem;
    font-size: var(--sapFontSmallSize);
    margin-inline-start: 1rem;
    max-width: calc(50% - 1rem);
    overflow: hidden
}

    .fd-card__analytics:after, .fd-card__analytics:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__analytics-text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-padding-after: .25rem;
    color: var(--sapTile_TextColor);
    padding-block-end: .25rem
}

    .fd-card__analytics-text:after, .fd-card__analytics-text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__analytics-content {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapTile_TitleTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-card__analytics-content:after, .fd-card__analytics-content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-card__analytics-content[dir=rtl], [dir=rtl] .fd-card__analytics-content {
        direction: ltr;
        text-align: right
    }

.fd-card__second-subtitle {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapTile_TextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontSmallSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    margin-top: .25rem;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

    .fd-card__second-subtitle:after, .fd-card__second-subtitle:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__numeric-content.fd-numeric-content {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto
}

.fd-card__content {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    --fdCard_Focus_Outline_Radius: 0;
    -webkit-box-flex: 1;
    border-radius: var(--fdCard_Content_Border_Radius);
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative
}

    .fd-card__content:after, .fd-card__content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-card__content.is-focus, .fd-card__content:focus {
        outline: none;
        z-index: 5
    }

        .fd-card__content.is-focus:before, .fd-card__content:focus:before {
            border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
            border-radius: var(--fdCard_Focus_Outline_Radius);
            content: "";
            display: block;
            inset: var(--fdCard_Focus_Outline_Offset);
            position: absolute;
            z-index: 3
        }

    .fd-card__content:is(:first-child) {
        overflow: hidden;
        --fdCard_Content_Border_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;
        --fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0
    }

    .fd-card__content:is(:last-child) {
        overflow: hidden;
        --fdCard_Content_Border_Radius: 0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);
        --fdCard_Focus_Outline_Radius: 0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)
    }

    .fd-card__content:is(:only-child) {
        overflow: hidden;
        --fdCard_Content_Border_Radius: var(--fdCard_Border_Corner_Radius);
        --fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius)
    }

.fd-card__content--with-spacing {
    padding-block: 1rem;
    padding-inline: 1rem
}

.fd-card__content-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.75rem
}

    .fd-card__content-container:after, .fd-card__content-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__content-container--horizontal {
    gap: 2rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.fd-card__content-section {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    max-width: 24rem;
    min-width: 12rem;
    width: 100%
}

    .fd-card__content-section:after, .fd-card__content-section:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__content-title-container {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-padding-after: .5rem;
    padding-block-end: .5rem
}

    .fd-card__content-title-container:after, .fd-card__content-title-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__content-group {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .fd-card__content-group:after, .fd-card__content-group:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__content-group-text {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem
}

    .fd-card__content-group-text:after, .fd-card__content-group-text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card--analytical .fd-card__subtitle-area {
    margin-top: .5rem
}

.fd-card--analytical .fd-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.fd-card--table[class*=-compact] .fd-card__content, .fd-card--table[class*=-condensed] .fd-card__content, [class*=-compact] .fd-card--table:not([class*=-cozy]) .fd-card__content, [class*=-condensed] .fd-card--table:not([class*=-cozy]) .fd-card__content {
    -webkit-padding-after: .5rem;
    padding-block-end: .5rem
}

.fd-card--object .fd-card__content {
    padding-block: 1rem;
    padding-inline: 1rem
}

.fd-card__loader {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 5rem
}

    .fd-card__loader:after, .fd-card__loader:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__media {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    background-color: var(--fdCard_Media_Background,var(--sapTile_Background));
    border-radius: var(--fdCard_Media_Border_Radius);
    -ms-flex-direction: row;
    flex-direction: row;
    flex-direction: var(--fdCard_Media_Flex_Direction,row);
    height: 100%;
    overflow: hidden;
    padding-block: var(--fdCard_Media_Padding_Block_Start,0) var(--fdCard_Media_Padding_Block_End,0);
    padding-inline: var(--fdCard_Media_Padding_Inline_Start,0) var(--fdCard_Media_Padding_Inline_End,0);
    position: relative
}

    .fd-card__media:after, .fd-card__media:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-card__media.fd-card__media--with-padding {
        --fdCard_Media_Image_Radius: 0.5rem;
        --fdCard_Media_Padding_Inline_Start: 1rem;
        --fdCard_Media_Padding_Inline_End: 1rem;
        --fdCard_Media_Padding_Block_Start: 1rem
    }

    .fd-card__media.fd-card__media--bg-shell-1 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_1_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_1_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_1_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_1_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-2 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_2_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_2_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_2_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_2_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-3 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_3_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_3_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_3_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_3_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-4 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_4_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_4_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_4_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_4_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-5 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_5_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_5_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_5_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_5_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-6 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_6_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_6_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_6_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_6_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-7 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_7_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_7_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_7_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_7_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-8 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_8_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_8_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_8_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_8_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-9 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_9_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_9_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_9_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_9_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-10 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_10_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_10_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_10_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_10_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-11 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_11_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_11_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_11_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_11_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-12 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_12_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_12_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_12_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_12_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-13 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_13_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_13_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_13_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_13_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-14 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_14_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_14_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_14_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_14_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-15 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_15_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_15_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_15_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_15_TextColor)
    }

    .fd-card__media.fd-card__media--bg-shell-16 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Background: var(--sapShell_Category_16_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_16_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_16_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_16_TextColor)
    }

    .fd-card__media.fd-card__media--bg-legend-1 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor1);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-2 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor2);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-3 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor3);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-4 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor4);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-5 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor5);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-6 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor6);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-7 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor7);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-8 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor8);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-9 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor9);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-10 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor10);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-11 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor11);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-12 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor12);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-13 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor13);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-14 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor14);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-15 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor15);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-16 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor16);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-17 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor17);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-18 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor18);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-19 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor19);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media.fd-card__media--bg-legend-20 {
        --fdCard_Media_Content_Container_Background: transparent;
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Background: var(--sapLegendBackgroundColor20);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media + .fd-card__header {
        --fdCard_Header_Border_Radius: 0;
        --fdCard_Focus_Outline_Radius: 0
    }

        .fd-card__media + .fd-card__header:is(:last-child) {
            --fdCard_Header_Border_Radius: 0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);
            --fdCard_Focus_Outline_Radius: 0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)
        }

    .fd-card__media:only-child {
        --fdCard_Media_Border_Radius: var(--sapTile_BorderCornerRadius)
    }

.fd-card__media-content-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: var(--fdCard_Media_Content_Container_Background,var(--sapTile_Background));
    height: var(--fdCard_Media_Content_Container_Height,100%);
    inset: var(--fdCard_Media_Content_Container_Top,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Left,0);
    justify-content: center;
    max-height: 100%;
    padding-block: var(--fdCard_Media_Content_Container_Padding_Block,1rem);
    padding-inline: var(--fdCard_Media_Content_Container_Padding_Inline,1rem);
    position: var(--fdCard_Media_Content_Container_Position,relative);
    -webkit-transform: var(--fdCard_Media_Content_Container_Transform,none);
    transform: var(--fdCard_Media_Content_Container_Transform,none);
    width: var(--fdCard_Media_Content_Container_Width,100%);
    z-index: 3
}

    .fd-card__media-content-container:after, .fd-card__media-content-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-1 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_1_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_1_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_1_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_1_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-2 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_2_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_2_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_2_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_2_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-3 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_3_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_3_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_3_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_3_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-4 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_4_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_4_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_4_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_4_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-5 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_5_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_5_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_5_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_5_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-6 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_6_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_6_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_6_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_6_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-7 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_7_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_7_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_7_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_7_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-8 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_8_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_8_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_8_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_8_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-9 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_9_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_9_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_9_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_9_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-10 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_10_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_10_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_10_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_10_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-11 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_11_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_11_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_11_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_11_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-12 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_12_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_12_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_12_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_12_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-13 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_13_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_13_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_13_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_13_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-14 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_14_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_14_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_14_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_14_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-15 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_15_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_15_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_15_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_15_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-shell-16 {
        --fdCard_Media_Content_Container_Background: var(--sapShell_Category_16_Background);
        --fdCard_Media_Heading_Color: var(--sapShell_Category_16_TextColor);
        --fdCard_Media_Heading_Shadow: var(--sapShell_Category_16_TextShadow);
        --fdCard_Media_Text_Color: var(--sapShell_Category_16_TextColor)
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-1 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor1);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-2 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor2);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-3 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor3);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-4 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor4);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-5 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor5);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-6 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor6);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-7 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor7);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-8 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor8);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-9 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor9);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-10 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor10);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-11 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor11);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-12 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor12);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-13 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor13);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-14 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor14);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-15 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor15);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-16 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor16);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-17 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor17);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-18 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor18);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-19 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor19);
        --fdCard_Media_Heading_Shadow: none
    }

    .fd-card__media-content-container.fd-card__media-content-container--bg-legend-20 {
        --fdCard_Media_Heading_Color: var(--sapTextColor);
        --fdCard_Media_Text_Color: var(--sapTextColor);
        --fdCard_Media_Content_Container_Background: var(--sapLegendBackgroundColor20);
        --fdCard_Media_Heading_Shadow: none
    }

.fd-card__media-image-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: var(--fdCard_Media_Image_Container_Height,100%);
    width: var(--fdCard_Media_Image_Container_Width,100%)
}

    .fd-card__media-image-container:after, .fd-card__media-image-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__media-image {
    -webkit-box-flex: 1;
    border-radius: var(--fdCard_Media_Image_Radius,0);
    -ms-flex: 1;
    flex: 1;
    height: var(--fdCard_Media_Image_Height,100%);
    width: var(--fdCard_Media_Image_Width,100%)
}

.fd-card__media-heading {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdCard_Media_Heading_Color,var(--sapTile_TitleTextColor));
    font-family: var(--sapFontFamily);
    font-family: var(--sapFontHeaderFamily);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontHeader3Size);
    font-weight: 400;
    font-weight: 700;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    text-shadow: var(--fdCard_Media_Heading_Shadow,none)
}

    .fd-card__media-heading:after, .fd-card__media-heading:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card__media-text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdCard_Media_Text_Color,var(--sapTile_TextColor));
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-card__media-text:after, .fd-card__media-text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-card--banner {
    --fdCard_Media_Content_Container_Width: 80%;
    --fdCard_Media_Content_Container_Padding_Inline: 3rem;
    --fdCard_Media_Content_Container_Padding_Block: 3rem;
    border: .0625rem solid var(--sapTile_BorderColor);
    border-radius: var(--sapTile_BorderCornerRadius);
    -webkit-box-shadow: var(--sapContent_Shadow0);
    box-shadow: var(--sapContent_Shadow0);
    height: 100%
}

@media (width >= 600px) and (width <= 1023px) {
    .fd-card--banner {
        --fdCard_Media_Image_Container_Width: 80%
    }
}

@media (width <= 599px) {
    .fd-card--banner {
        --fdCard_Media_Image_Container_Width: 100%
    }
}

.fd-card--banner:has(.fd-card__media-image-container) {
    --fdCard_Media_Content_Container_Width: 50%;
    --fdCard_Media_Image_Container_Width: 50%
}

@media (width >= 600px) and (width <= 1023px) {
    .fd-card--banner:has(.fd-card__media-image-container) {
        --fdCard_Media_Content_Container_Width: 80%;
        --fdCard_Media_Image_Container_Width: 20%
    }
}

@media (width <= 599px) {
    .fd-card--banner:has(.fd-card__media-image-container) {
        --fdCard_Media_Flex_Direction: column-reverse;
        --fdCard_Media_Content_Container_Width: 100%;
        --fdCard_Media_Image_Container_Width: 100%
    }
}

.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay) {
    --fdCard_Media_Content_Container_Width: calc(50% - 3rem);
    --fdCard_Media_Image_Container_Width: 100%;
    --fdCard_Media_Content_Container_Top: 50%;
    --fdCard_Media_Content_Container_Left: 3rem;
    --fdCard_Media_Content_Container_Height: fit-content;
    --fdCard_Media_Content_Container_Position: absolute;
    --fdCard_Media_Content_Container_Transform: translateY(-50%)
}

@media (width >= 600px) and (width <= 1023px) {
    .fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay) {
        --fdCard_Media_Content_Container_Width: calc(80% - 3rem);
        --fdCard_Media_Image_Container_Width: 100%
    }
}

@media (width <= 599px) {
    .fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay) {
        --fdCard_Media_Content_Container_Width: calc(100% - 3rem)%;
        --fdCard_Media_Image_Container_Width: 100%;
        --fdCard_Media_Content_Container_Right: 3rem;
        --fdCard_Media_Content_Container_Padding_Inline: 1rem;
        --fdCard_Media_Content_Container_Padding_Block: 1rem
    }
}

.fd-card[class*=-compact], .fd-card[class*=-condensed], [class*=-compact] .fd-card:not([class*=-cozy]), [class*=-condensed] .fd-card:not([class*=-cozy]) {
    --fdCard_Header_Text_Spacing: 0.5rem
}

@media (width <= 599px) {
    .fd-card {
        --fdCard_Media_Content_Container_Width: 100%
    }
}

.fd-carousel {
    --fdCarousel_Button_Display: block;
    --fdCarousel_Content_Background: var(--sapBackgroundColor);
    --fdCarousel_Page_Indicator_Margin: var(--fdCarousel_Dot_Margin);
    --fdCarousel_Page_Indicator_Size: var(--fdCarousel_Dot_Size);
    --fdCarousel_Page_Indicator_Background_Color: var(--fdCarousel_Dot_Background);
    --fdCarousel_Page_Indicator_Border: var(--fdCarousel_Dot_Border);
    --fdCarousel_Page_Indicator_Container_Background: var(--sapPageFooter_Background);
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    max-width: 100%;
    min-width: 15.5rem;
    width: 100%
}

    .fd-carousel:after, .fd-carousel:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-carousel.is-focus, .fd-carousel:focus {
        outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth)
    }

    .fd-carousel.is-hover .fd-carousel__content .fd-carousel__button, .fd-carousel:hover .fd-carousel__content .fd-carousel__button {
        --fdCarousel_Button_Display: block
    }

.fd-carousel__content {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -ms-flex-preferred-size: 100%;
    background: var(--fdCarousel_Content_Background);
    flex-basis: 100%;
    overflow: hidden;
    position: relative
}

    .fd-carousel__content:after, .fd-carousel__content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-carousel__content .fd-carousel__button {
        --fdCarousel_Button_Display: none;
        -webkit-box-shadow: var(--sapContent_Shadow1);
        box-shadow: var(--sapContent_Shadow1);
        margin-block: 0;
        margin-inline: 0;
        position: absolute
    }

    .fd-carousel__content .fd-carousel__button--left, .fd-carousel__content .fd-carousel__button--right {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .fd-carousel__content .fd-carousel__button--down, .fd-carousel__content .fd-carousel__button--up {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .fd-carousel__content .fd-carousel__button--down[dir=rtl] > [class*=sap-icon], .fd-carousel__content .fd-carousel__button--up[dir=rtl] > [class*=sap-icon], [dir=rtl] .fd-carousel__content .fd-carousel__button--down > [class*=sap-icon], [dir=rtl] .fd-carousel__content .fd-carousel__button--up > [class*=sap-icon] {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

    .fd-carousel__content .fd-carousel__button--left {
        left: .5rem
    }

        .fd-carousel__content .fd-carousel__button--left[dir=rtl], [dir=rtl] .fd-carousel__content .fd-carousel__button--left {
            left: auto;
            right: .5rem
        }

    .fd-carousel__content .fd-carousel__button--right {
        right: .5rem
    }

        .fd-carousel__content .fd-carousel__button--right[dir=rtl], [dir=rtl] .fd-carousel__content .fd-carousel__button--right {
            left: .5rem;
            right: auto
        }

    .fd-carousel__content .fd-carousel__button--up {
        top: .5rem
    }

    .fd-carousel__content .fd-carousel__button--down {
        bottom: .5rem
    }

    .fd-carousel__content .fd-carousel__item img {
        height: auto;
        min-width: 100%
    }

.fd-carousel__content--horizontal .fd-carousel__slides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    width: 100%
}

.fd-carousel__content--horizontal .fd-carousel__item img {
    min-height: 100%;
    min-width: auto;
    width: auto
}

.fd-carousel__content--solid {
    --fdCarousel_Content_Background: var(--sapGroup_ContentBackground)
}

.fd-carousel__content--transparent {
    --fdCarousel_Content_Background: transparent
}

.fd-carousel__slides {
    border: 0;
    -webkit-box-sizing: border-box;
    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: normal;
    margin-block: 0;
    margin-inline: 0;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding-block: 0;
    padding-inline: 0;
    -ms-touch-action: pan-x;
    touch-action: pan-x;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    .fd-carousel__slides:after, .fd-carousel__slides:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-carousel__item {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    height: 100%;
    line-height: 0
}

    .fd-carousel__item:after, .fd-carousel__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-carousel__item--active {
    display: block
}

.fd-carousel__item img {
    pointer-events: none
}

.fd-carousel__page-indicator-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fdCarousel_Page_Indicator_Container_Background);
    border-top: var(--fdCarousel_Pagination_Border);
    max-height: 3.5rem;
    min-height: 2.75rem;
    padding-block: .375rem;
    padding-inline: .5rem
}

    .fd-carousel__page-indicator-container:after, .fd-carousel__page-indicator-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-carousel__page-indicator-container:first-child {
        border-bottom: var(--fdCarousel_Pagination_Border);
        border-top: none
    }

.fd-carousel__page-indicator-container--translucent {
    --fdCarousel_Page_Indicator_Container_Background: var(--sapBackgroundColor)
}

.fd-carousel__page-indicator-container--transparent {
    --fdCarousel_Page_Indicator_Container_Background: transparent
}

.fd-carousel__page-indicator-container--no-border {
    border-top-color: transparent
}

    .fd-carousel__page-indicator-container--no-border:first-child {
        border-bottom-color: transparent;
        border-top: none
    }

.fd-carousel__page-indicators {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 9rem;
    padding-block: .5rem;
    padding-inline: .5rem
}

    .fd-carousel__page-indicators:after, .fd-carousel__page-indicators:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-carousel__page-indicator {
    background-color: var(--fdCarousel_Page_Indicator_Background_Color);
    border: 0;
    border: var(--fdCarousel_Page_Indicator_Border);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: var(--fdCarousel_Page_Indicator_Size);
    line-height: normal;
    list-style-type: none;
    margin-block: 0;
    margin-inline: 0;
    margin-inline: var(--fdCarousel_Page_Indicator_Margin);
    max-height: var(--fdCarousel_Page_Indicator_Size);
    max-width: var(--fdCarousel_Page_Indicator_Size);
    min-height: var(--fdCarousel_Page_Indicator_Size);
    min-width: var(--fdCarousel_Page_Indicator_Size);
    padding-block: 0;
    padding-inline: 0;
    width: var(--fdCarousel_Page_Indicator_Size)
}

    .fd-carousel__page-indicator:after, .fd-carousel__page-indicator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-carousel__page-indicator--active {
    --fdCarousel_Page_Indicator_Size: 0.5rem;
    --fdCarousel_Page_Indicator_Margin: 0.25rem;
    --fdCarousel_Page_Indicator_Border: var(--fdCarousel_Dot_Selected_Border);
    --fdCarousel_Page_Indicator_Background_Color: var(--fdCarousel_Dot_Selected_Background)
}

.fd-carousel__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapPageFooter_TextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-carousel__text:after, .fd-carousel__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-carousel .fd-carousel__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: var(--fdCarousel_Button_Display);
    height: 2.125rem;
    margin-block: .25rem;
    margin-inline: .25rem;
    max-height: 2.125rem;
    max-width: 2.125rem;
    min-height: 2.125rem;
    min-width: 2.125rem;
    padding-block: 0;
    padding-inline: 0;
    width: 2.125rem
}

    .fd-carousel .fd-carousel__button:before {
        inset: -.25rem -.25rem -.25rem -.25rem;
        width: auto
    }

    .fd-carousel .fd-carousel__button[dir=rtl] > [class*=sap-icon], [dir=rtl] .fd-carousel .fd-carousel__button > [class*=sap-icon] {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .fd-carousel .fd-carousel__button.is-focus, .fd-carousel .fd-carousel__button:focus {
        z-index: 5
    }

        .fd-carousel .fd-carousel__button.is-focus:after, .fd-carousel .fd-carousel__button:focus:after {
            --fdButton_Focus_Border_Radius: 50%
        }

.fd-carousel--no-navigation .fd-carousel__button, .fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button, .fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button {
    --fdCarousel_Button_Display: none
}

.fd-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--sapField_Background);
    border: 0;
    border-color: var(--sapField_BorderColor);
    border-radius: var(--sapField_BorderCornerRadius);
    border-style: solid;
    border-width: var(--sapField_BorderWidth);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapField_TextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    opacity: .0001;
    outline: none;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-checkbox:after, .fd-checkbox:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-checkbox::-webkit-input-placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: italic
    }

    .fd-checkbox::-moz-placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: italic
    }

    .fd-checkbox:-ms-input-placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: italic
    }

    .fd-checkbox::-ms-input-placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: italic
    }

    .fd-checkbox::placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: italic
    }

    .fd-checkbox::-moz-selection {
        background-color: var(--sapSelectedColor);
        color: var(--sapContent_ContrastTextColor)
    }

    .fd-checkbox::selection {
        background-color: var(--sapSelectedColor);
        color: var(--sapContent_ContrastTextColor)
    }

    .fd-checkbox.is-success {
        background: var(--sapField_SuccessBackgroundStyle);
        background-color: var(--sapField_SuccessBackground);
        border: var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);
        -webkit-box-shadow: var(--sapField_SuccessShadow);
        box-shadow: var(--sapField_SuccessShadow)
    }

        .fd-checkbox.is-success.is-hover, .fd-checkbox.is-success:hover {
            background-color: var(--fdInput_Success_Background_Color_Hover);
            border-color: var(--sapField_SuccessColor);
            -webkit-box-shadow: var(--fdInput_Success_Box_Shadow_Hover);
            box-shadow: var(--fdInput_Success_Box_Shadow_Hover)
        }

        .fd-checkbox.is-success.is-focus, .fd-checkbox.is-success:focus {
            background: var(--sapField_Focus_Background);
            outline-color: var(--fdInput_Success_Outline_Color);
            z-index: 5
        }

            .fd-checkbox.is-success.is-focus.is-hover, .fd-checkbox.is-success.is-focus:hover, .fd-checkbox.is-success:focus.is-hover, .fd-checkbox.is-success:focus:hover {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .fd-checkbox.is-success.is-expanded, .fd-checkbox.is-success[aria-expanded=true] {
            background: var(--sapField_Focus_Background);
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);
            outline-offset: var(--fdInput_Outline_Offset)
        }

    .fd-checkbox.is-error {
        background: var(--sapField_InvalidBackgroundStyle);
        background-color: var(--sapField_InvalidBackground);
        border: var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);
        -webkit-box-shadow: var(--sapField_InvalidShadow);
        box-shadow: var(--sapField_InvalidShadow)
    }

        .fd-checkbox.is-error.is-hover, .fd-checkbox.is-error:hover {
            background-color: var(--fdInput_Error_Background_Color_Hover);
            border-color: var(--sapField_InvalidColor);
            -webkit-box-shadow: var(--fdInput_Error_Box_Shadow_Hover);
            box-shadow: var(--fdInput_Error_Box_Shadow_Hover)
        }

        .fd-checkbox.is-error.is-focus, .fd-checkbox.is-error:focus {
            background: var(--sapField_Focus_Background);
            outline-color: var(--fdInput_Error_Outline_Color);
            z-index: 5
        }

            .fd-checkbox.is-error.is-focus.is-hover, .fd-checkbox.is-error.is-focus:hover, .fd-checkbox.is-error:focus.is-hover, .fd-checkbox.is-error:focus:hover {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .fd-checkbox.is-error.is-expanded, .fd-checkbox.is-error[aria-expanded=true] {
            background: var(--sapField_Focus_Background);
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);
            outline-offset: var(--fdInput_Outline_Offset)
        }

    .fd-checkbox.is-warning {
        background: var(--sapField_WarningBackgroundStyle);
        background-color: var(--sapField_WarningBackground);
        border: var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);
        -webkit-box-shadow: var(--sapField_WarningShadow);
        box-shadow: var(--sapField_WarningShadow)
    }

        .fd-checkbox.is-warning.is-hover, .fd-checkbox.is-warning:hover {
            background-color: var(--fdInput_Warning_Background_Color_Hover);
            border-color: var(--sapField_WarningColor);
            -webkit-box-shadow: var(--fdInput_Warning_Box_Shadow_Hover);
            box-shadow: var(--fdInput_Warning_Box_Shadow_Hover)
        }

        .fd-checkbox.is-warning.is-focus, .fd-checkbox.is-warning:focus {
            background: var(--sapField_Focus_Background);
            outline-color: var(--fdInput_Warning_Outline_Color);
            z-index: 5
        }

            .fd-checkbox.is-warning.is-focus.is-hover, .fd-checkbox.is-warning.is-focus:hover, .fd-checkbox.is-warning:focus.is-hover, .fd-checkbox.is-warning:focus:hover {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .fd-checkbox.is-warning.is-expanded, .fd-checkbox.is-warning[aria-expanded=true] {
            background: var(--sapField_Focus_Background);
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);
            outline-offset: var(--fdInput_Outline_Offset)
        }

    .fd-checkbox.is-alert {
        background: var(--sapField_WarningBackgroundStyle);
        background-color: var(--sapField_WarningBackground);
        border: var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)
    }

        .fd-checkbox.is-alert.is-hover, .fd-checkbox.is-alert:hover {
            background-color: var(--fdInput_Warning_Background_Color_Hover);
            border-color: var(--sapField_WarningColor);
            -webkit-box-shadow: var(--fdInput_Warning_Box_Shadow_Hover);
            box-shadow: var(--fdInput_Warning_Box_Shadow_Hover)
        }

        .fd-checkbox.is-alert.is-focus, .fd-checkbox.is-alert:focus {
            background: var(--sapField_Focus_Background);
            outline-color: var(--fdInput_Warning_Outline_Color);
            z-index: 5
        }

            .fd-checkbox.is-alert.is-focus.is-hover, .fd-checkbox.is-alert.is-focus:hover, .fd-checkbox.is-alert:focus.is-hover, .fd-checkbox.is-alert:focus:hover {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .fd-checkbox.is-alert.is-expanded, .fd-checkbox.is-alert[aria-expanded=true] {
            background: var(--sapField_Focus_Background);
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);
            outline-offset: var(--fdInput_Outline_Offset)
        }

    .fd-checkbox.is-information {
        background: var(--sapField_InformationBackgroundStyle);
        background-color: var(--sapField_InformationBackground);
        border: var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);
        -webkit-box-shadow: var(--sapField_InformationShadow);
        box-shadow: var(--sapField_InformationShadow)
    }

        .fd-checkbox.is-information.is-hover, .fd-checkbox.is-information:hover {
            background-color: var(--fdInput_Information_Background_Color_Hover);
            border-color: var(--sapField_InformationColor);
            -webkit-box-shadow: var(--fdInput_Information_Box_Shadow_Hover);
            box-shadow: var(--fdInput_Information_Box_Shadow_Hover)
        }

        .fd-checkbox.is-information.is-focus, .fd-checkbox.is-information:focus {
            background: var(--sapField_Focus_Background);
            outline-color: var(--fdInput_Information_Outline_Color);
            z-index: 5
        }

            .fd-checkbox.is-information.is-focus.is-hover, .fd-checkbox.is-information.is-focus:hover, .fd-checkbox.is-information:focus.is-hover, .fd-checkbox.is-information:focus:hover {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .fd-checkbox.is-information.is-expanded, .fd-checkbox.is-information[aria-expanded=true] {
            background: var(--sapField_Focus_Background);
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);
            outline-offset: var(--fdInput_Outline_Offset)
        }

        .fd-checkbox.is-alert.is-focus, .fd-checkbox.is-alert:focus, .fd-checkbox.is-error.is-focus, .fd-checkbox.is-error:focus, .fd-checkbox.is-information.is-focus, .fd-checkbox.is-information:focus, .fd-checkbox.is-warning.is-focus, .fd-checkbox.is-warning:focus {
            outline-offset: var(--fdInput_Outline_Offset_States);
            z-index: 5
        }

    .fd-checkbox.is-disabled, .fd-checkbox:disabled, .fd-checkbox[aria-disabled=true] {
        opacity: var(--sapContent_DisabledOpacity);
        pointer-events: none
    }

    .fd-checkbox.is-readonly, .fd-checkbox.is-readonly.is-focus, .fd-checkbox.is-readonly.is-hover, .fd-checkbox.is-readonly:focus, .fd-checkbox.is-readonly:hover, .fd-checkbox[aria-readonly=true], .fd-checkbox[aria-readonly=true].is-focus, .fd-checkbox[aria-readonly=true].is-hover, .fd-checkbox[aria-readonly=true]:focus, .fd-checkbox[aria-readonly=true]:hover, .fd-checkbox[readonly], .fd-checkbox[readonly].is-focus, .fd-checkbox[readonly].is-hover, .fd-checkbox[readonly]:focus, .fd-checkbox[readonly]:hover {
        --fdInput_Outline_Offset: -0.25rem;
        background: var(--sapField_ReadOnly_BackgroundStyle);
        background-color: var(--sapField_ReadOnly_Background);
        border-color: var(--sapField_ReadOnly_BorderColor);
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .fd-checkbox.is-readonly.is-focus, .fd-checkbox.is-readonly:focus, .fd-checkbox[aria-readonly=true].is-focus, .fd-checkbox[aria-readonly=true]:focus, .fd-checkbox[readonly].is-focus, .fd-checkbox[readonly]:focus {
            z-index: 5
        }

    .fd-checkbox, .fd-checkbox.is-error, .fd-checkbox.is-information, .fd-checkbox.is-success, .fd-checkbox.is-warning {
        border-style: initial
    }

.fd-checkbox__label {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    max-width: 100%;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-margin-end: .5rem;
    cursor: text;
    margin-inline-end: .5rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--fdCheckbox_Padding);
    line-height: 1rem;
    margin-block: 0;
    margin-inline: 0;
    padding-block: var(--fdCheckbox_Padding);
    padding-inline: var(--fdCheckbox_Padding)
}

    .fd-checkbox__label:after, .fd-checkbox__label:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-checkbox__label.is-hover .fd-checkbox__checkmark, .fd-checkbox__label:hover .fd-checkbox__checkmark {
        background-color: var(--fdCheckbox_Hover_Background_Color);
        --fdCheckbox_Inner_Border_Width: var(--fdCheckbox_Inner_Border_Width_Default_Hover);
        --fdCheckbox_Inner_Border_Style: var(--fdCheckbox_Inner_Border_Style_Default_Hover);
        --fdCheckbox_Inner_Border_Color: var(--fdCheckbox_Inner_Border_Color_Default_Hover);
        --fdCheckbox_Check_Mark_Color: var(--fdCheckbox_Check_Mark_Color_Default_Hover);
        --fdCheckbox_Hover_Background_Color: var(--fdCheckbox_Background_Color_Default_Hover)
    }

    .fd-checkbox__label:focus {
        outline: none
    }

    .fd-checkbox__label--required .fd-checkbox__text, .fd-checkbox__label[aria-required=true] .fd-checkbox__text {
        -webkit-padding-end: .5rem;
        padding-inline-end: .5rem
    }

        .fd-checkbox__label--required .fd-checkbox__text:after, .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after {
            color: var(--sapField_RequiredColor);
            content: "*"/"";
            font-size: var(--sapFontSize);
            font-weight: 700;
            position: absolute;
            -webkit-padding-start: .125rem;
            padding-inline-start: .125rem
        }

.fd-checkbox__label--wrap .fd-checkbox__label-container {
    height: auto;
    white-space: normal
}

.fd-checkbox__label--wrap .fd-checkbox__text {
    white-space: normal
}

.fd-checkbox__label--wrap-top-aligned {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .fd-checkbox__label--wrap-top-aligned .fd-checkbox__label-container {
        height: auto;
        white-space: normal
    }

    .fd-checkbox__label--wrap-top-aligned .fd-checkbox__text {
        white-space: normal
    }

.fd-checkbox__label-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1rem;
    max-width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-checkbox__label-container:after, .fd-checkbox__label-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-checkbox__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-width: inherit;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-checkbox__text:after, .fd-checkbox__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-checkbox__checkmark {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--fdCheckbox_Background_Color);
    border: var(--fdCheckbox_Inner_Border_Width) var(--fdCheckbox_Inner_Border_Style) var(--fdCheckbox_Inner_Border_Color);
    border-radius: var(--sapField_BorderCornerRadius);
    color: var(--fdCheckbox_Check_Mark_Color);
    font-family: SAP-icons;
    height: var(--fdCheckbox_Dimensions);
    min-width: var(--fdCheckbox_Dimensions);
    width: var(--fdCheckbox_Dimensions)
}

    .fd-checkbox__checkmark:after, .fd-checkbox__checkmark:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-checkbox__checkmark:before {
        content: ""
    }

.fd-checkbox:checked + .fd-checkbox__label .fd-checkbox__checkmark:before {
    content: "\e05b"
}

.fd-checkbox:indeterminate + .fd-checkbox__label .fd-checkbox__checkmark:after {
    background-color: var(--fdCheckbox_Check_Mark_Color);
    content: "";
    height: var(--fdCheckbox_Tristate_Size);
    position: absolute;
    width: var(--fdCheckbox_Tristate_Size)
}

.fd-checkbox.is-alert + .fd-checkbox__label .fd-checkbox__checkmark, .fd-checkbox.is-warning + .fd-checkbox__label .fd-checkbox__checkmark {
    --fdCheckbox_Background_Color: var(--fdCheckbox_Background_Color_Warning);
    --fdCheckbox_Inner_Border_Width: var(--fdCheckbox_Inner_Border_Width_Warning);
    --fdCheckbox_Inner_Border_Style: var(--fdCheckbox_Inner_Border_Style_Warning);
    --fdCheckbox_Inner_Border_Color: var(--fdCheckbox_Inner_Border_Color_Warning);
    --fdCheckbox_Check_Mark_Color: var(--fdCheckbox_Check_Mark_Color_Warning);
    --fdCheckbox_Hover_Background_Color: var(--fdCheckbox_Background_Color_Warning_Hover)
}

.fd-checkbox.is-error + .fd-checkbox__label .fd-checkbox__checkmark {
    --fdCheckbox_Background_Color: var(--fdCheckbox_Background_Color_Error);
    --fdCheckbox_Inner_Border_Width: var(--fdCheckbox_Inner_Border_Width_Error);
    --fdCheckbox_Inner_Border_Style: var(--fdCheckbox_Inner_Border_Style_Error);
    --fdCheckbox_Inner_Border_Color: var(--fdCheckbox_Inner_Border_Color_Error);
    --fdCheckbox_Check_Mark_Color: var(--fdCheckbox_Check_Mark_Color_Error);
    --fdCheckbox_Hover_Background_Color: var(--fdCheckbox_Background_Color_Error_Hover)
}

.fd-checkbox.is-success + .fd-checkbox__label .fd-checkbox__checkmark {
    --fdCheckbox_Background_Color: var(--fdCheckbox_Background_Color_Success);
    --fdCheckbox_Inner_Border_Width: var(--fdCheckbox_Inner_Border_Width_Success);
    --fdCheckbox_Inner_Border_Style: var(--fdCheckbox_Inner_Border_Style_Success);
    --fdCheckbox_Inner_Border_Color: var(--fdCheckbox_Inner_Border_Color_Success);
    --fdCheckbox_Check_Mark_Color: var(--fdCheckbox_Check_Mark_Color_Success);
    --fdCheckbox_Hover_Background_Color: var(--fdCheckbox_Background_Color_Success_Hover)
}

.fd-checkbox.is-information + .fd-checkbox__label .fd-checkbox__checkmark {
    --fdCheckbox_Background_Color: var(--fdCheckbox_Background_Color_Information);
    --fdCheckbox_Inner_Border_Width: var(--fdCheckbox_Inner_Border_Width_Information);
    --fdCheckbox_Inner_Border_Style: var(--fdCheckbox_Inner_Border_Style_Information);
    --fdCheckbox_Inner_Border_Color: var(--fdCheckbox_Inner_Border_Color_Information);
    --fdCheckbox_Check_Mark_Color: var(--fdCheckbox_Check_Mark_Color_Information);
    --fdCheckbox_Hover_Background_Color: var(--fdCheckbox_Background_Color_Information_Hover)
}

.fd-checkbox.is-readonly + .fd-checkbox__label .fd-checkbox__checkmark, .fd-checkbox[readonly] + .fd-checkbox__label .fd-checkbox__checkmark {
    --fdCheckbox_Background_Color: var(--fdCheckbox_Background_Color_ReadOnly);
    --fdCheckbox_Inner_Border_Width: var(--fdCheckbox_Inner_Border_Width_ReadOnly);
    --fdCheckbox_Inner_Border_Style: var(--fdCheckbox_Inner_Border_Style_ReadOnly);
    --fdCheckbox_Inner_Border_Color: var(--fdCheckbox_Inner_Border_Color_ReadOnly);
    --fdCheckbox_Check_Mark_Color: var(--fdCheckbox_Check_Mark_Color_ReadOnly);
    --fdCheckbox_Hover_Background_Color: var(--fdCheckbox_Background_Color_ReadOnly)
}

.fd-checkbox.is-display + .fd-checkbox__label {
    --fdCheckbox_Check_Mark_Color: var(--sapTextColor);
    gap: .5rem
}

    .fd-checkbox.is-display + .fd-checkbox__label.is-hover .fd-checkbox__checkmark, .fd-checkbox.is-display + .fd-checkbox__label:hover .fd-checkbox__checkmark {
        --fdCheckbox_Check_Mark_Color: var(--sapTextColor);
        --fdCheckbox_Hover_Background_Color: transparent
    }

    .fd-checkbox.is-display + .fd-checkbox__label .fd-checkbox__checkmark {
        --fdCheckbox_Background_Color: transparent;
        --fdCheckbox_Dimensions: 1rem;
        border: none
    }

        .fd-checkbox.is-display + .fd-checkbox__label .fd-checkbox__checkmark:before {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            content: "\e19a";
            font-size: 1rem;
            height: 1rem;
            max-height: 1rem;
            max-width: 1rem;
            min-height: 1rem;
            min-width: 1rem;
            width: 1rem
        }

.fd-checkbox.is-display:checked + .fd-checkbox__label .fd-checkbox__checkmark:before {
    content: "\e03f";
    font-size: 1rem
}

.fd-checkbox.is-display:indeterminate + .fd-checkbox__label .fd-checkbox__checkmark:before {
    content: "\e295";
    font-size: 1rem
}

.fd-checkbox.is-display:indeterminate + .fd-checkbox__label .fd-checkbox__checkmark:after {
    content: "";
    height: 0;
    width: 0
}

.fd-checkbox.is-focus, .fd-checkbox:focus {
    z-index: 5
}

    .fd-checkbox.is-focus + .fd-checkbox__label, .fd-checkbox:focus + .fd-checkbox__label {
        border-radius: var(--fdCheckbox_Outline_Border_Radius);
        outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
        outline-offset: calc(var(--fdCheckbox_Focus_Outline_Offset) - var(--fdCheckbox_Padding))
    }

.fd-checkbox.is-disabled, .fd-checkbox:disabled, .fd-checkbox[aria-disabled=true] {
    opacity: .0001
}

    .fd-checkbox.is-disabled + .fd-checkbox__label, .fd-checkbox:disabled + .fd-checkbox__label, .fd-checkbox[aria-disabled=true] + .fd-checkbox__label {
        opacity: var(--sapContent_DisabledOpacity);
        pointer-events: none
    }

.fd-checkbox[class*=-compact] + .fd-checkbox__label, .fd-checkbox[class*=-condensed] + .fd-checkbox__label, [class*=-compact] .fd-checkbox:not([class*=-cozy]) + .fd-checkbox__label, [class*=-condensed] .fd-checkbox:not([class*=-cozy]) + .fd-checkbox__label {
    --fdCheckbox_Dimensions: var(--fdCheckbox_Compact_Dimensions);
    --fdCheckbox_Padding: var(--fdCheckbox_Compact_Padding)
}

.fd-checkbox[class*=-compact]:indeterminate + .fd-checkbox__label, .fd-checkbox[class*=-condensed]:indeterminate + .fd-checkbox__label, [class*=-compact] .fd-checkbox:not([class*=-cozy]):indeterminate + .fd-checkbox__label, [class*=-condensed] .fd-checkbox:not([class*=-cozy]):indeterminate + .fd-checkbox__label {
    --fdCheckbox_Tristate_Size: var(--fdCheckbox_Tristate_Compact_Size);
    --fdCheckbox_Tristate_Offset: var(--fdCheckbox_Tristate_Compact_Offset)
}

.fd-checkbox[class*=-compact].is-focus, .fd-checkbox[class*=-compact]:focus, .fd-checkbox[class*=-condensed].is-focus, .fd-checkbox[class*=-condensed]:focus, [class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus, [class*=-compact] .fd-checkbox:not([class*=-cozy]):focus, [class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus, [class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus {
    z-index: 5
}

    .fd-checkbox[class*=-compact].is-focus + .fd-checkbox__label, .fd-checkbox[class*=-compact]:focus + .fd-checkbox__label, .fd-checkbox[class*=-condensed].is-focus + .fd-checkbox__label, .fd-checkbox[class*=-condensed]:focus + .fd-checkbox__label, [class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus + .fd-checkbox__label, [class*=-compact] .fd-checkbox:not([class*=-cozy]):focus + .fd-checkbox__label, [class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus + .fd-checkbox__label, [class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus + .fd-checkbox__label {
        --fdCheckbox_Outline_Border_Radius: var(--fdCheckbox_Compact_Outline_Border_Radius)
    }

.fd-code {
    background-color: var(--sapNeutralBackground);
    border: 0;
    border-radius: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: block;
    font-family: var(--sapFontFamily);
    font-family: monaco,consolas,Lucida Console;
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    min-height: 2.25rem;
    min-width: 6rem;
    overflow-x: auto;
    padding-block: 0;
    padding-block: 1rem;
    padding-inline: 0;
    padding-inline: 1rem
}

    .fd-code:after, .fd-code:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-code--inline {
    display: inline;
    padding-block: .1rem;
    padding-inline: .3rem
}

.fd-counter {
    background-color: var(--sapContent_BadgeBackground);
    border: 0;
    border: .0625rem solid var(--fdBadge_Border_Color);
    border-radius: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_BadgeTextColor);
    display: inline-block;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontSmallSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: 1rem;
    line-height: normal;
    line-height: .875rem;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    padding-inline: .3125rem;
    text-align: center;
    z-index: 1
}

    .fd-counter:after, .fd-counter:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-counter--notification {
    -webkit-transform: translate(-40%,-50%);
    transform: translate(-40%,-50%)
}

    .fd-counter--notification[dir=rtl], [dir=rtl] .fd-counter--notification {
        -webkit-transform: translate(40%,-50%);
        transform: translate(40%,-50%)
    }

.fd-dialog {
    position: fixed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .fd-dialog, .fd-dialog:before {
        height: 100%;
        left: 0;
        top: 0;
        width: 100%
    }

        .fd-dialog:before {
            background-color: var(--sapBlockLayer_Background);
            content: "";
            opacity: var(--fdDialog_Background_Opacity);
            position: absolute
        }

.fd-dialog__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: var(--sapElement_BorderCornerRadius);
    -webkit-box-shadow: var(--sapContent_Shadow3);
    box-shadow: var(--sapContent_Shadow3);
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 6%);
    max-width: calc(100vw - 10%);
    min-height: 7.5rem;
    min-width: 20rem;
    outline: none;
    overflow: hidden;
    position: absolute
}

.fd-dialog__body {
    overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background-color: var(--sapGroup_ContentBackground);
    flex-grow: 1
}

.fd-dialog__footer.fd-bar, .fd-dialog__header.fd-bar, .fd-dialog__subheader.fd-bar {
    padding-inline: 1rem 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.fd-dialog__content--mobile {
    border-radius: 0;
    height: 100vh;
    max-height: 100vh;
    max-width: 100vw;
    width: 100vw
}

.fd-dialog {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: none;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-dialog:after, .fd-dialog:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dialog--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fd-dialog__content {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-dialog__content:after, .fd-dialog__content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dialog__content--def .fd-dialog__body, .fd-dialog__content--def .fd-dialog__footer.fd-bar, .fd-dialog__content--def .fd-dialog__header.fd-bar, .fd-dialog__content--def .fd-dialog__subheader.fd-bar, .fd-dialog__content--s .fd-dialog__body, .fd-dialog__content--s .fd-dialog__footer.fd-bar, .fd-dialog__content--s .fd-dialog__header.fd-bar, .fd-dialog__content--s .fd-dialog__subheader.fd-bar {
    padding-inline: 1rem 1rem
}

.fd-dialog__content--l .fd-dialog__body, .fd-dialog__content--l .fd-dialog__footer.fd-bar, .fd-dialog__content--l .fd-dialog__header.fd-bar, .fd-dialog__content--l .fd-dialog__subheader.fd-bar, .fd-dialog__content--m .fd-dialog__body, .fd-dialog__content--m .fd-dialog__footer.fd-bar, .fd-dialog__content--m .fd-dialog__header.fd-bar, .fd-dialog__content--m .fd-dialog__subheader.fd-bar {
    padding-inline: 2rem 2rem
}

.fd-dialog__content--xl .fd-dialog__body, .fd-dialog__content--xl .fd-dialog__footer.fd-bar, .fd-dialog__content--xl .fd-dialog__header.fd-bar, .fd-dialog__content--xl .fd-dialog__subheader.fd-bar {
    padding-inline: 3rem 3rem
}

.fd-dialog__content--mobile .fd-dialog__body, .fd-dialog__content--mobile .fd-dialog__footer, .fd-dialog__content--mobile .fd-dialog__header, .fd-dialog__content--mobile .fd-menu__item:first-child, .fd-dialog__content--mobile .fd-menu__item:first-child .fd-menu__link:after, .fd-dialog__content--mobile .fd-menu__item:last-child, .fd-dialog__content--mobile .fd-menu__item:last-child .fd-menu__link:after {
    border-radius: 0
}

.fd-dialog__content--no-mobile-stretch {
    border-radius: var(--sapElement_BorderCornerRadius);
    max-height: calc(100vh - 6%);
    max-width: calc(100vw - 10%)
}

.fd-dialog__content--draggable-grab.is-hover .fd-dialog__header, .fd-dialog__content--draggable-grab:hover .fd-dialog__header {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fd-dialog__content--draggable-grabbing.is-hover .fd-dialog__header, .fd-dialog__content--draggable-grabbing:hover .fd-dialog__header {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fd-dialog__footer.fd-bar .fd-dialog__decisive-button, .fd-dialog__header.fd-bar .fd-dialog__decisive-button {
    min-width: 4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fd-dialog__body {
    border: 0;
    border-radius: var(--sapElement_BorderCornerRadius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: 1rem 1rem;
    padding-inline: 0;
    position: relative
}

    .fd-dialog__body:after, .fd-dialog__body:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dialog__body--no-vertical-padding {
    padding-block: 0
}

.fd-dialog__body--no-horizontal-padding {
    padding-inline: 0
}

.fd-dialog__body:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fd-dialog__body:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fd-dialog__loader {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    margin-top: 1.5rem;
    padding-block: 0;
    padding-inline: 0;
    text-align: center;
    -webkit-margin-after: .5rem;
    margin-block-end: .5rem
}

    .fd-dialog__loader:after, .fd-dialog__loader:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dialog__resize-handle {
    border: 0;
    -webkit-box-sizing: border-box;
    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: 1rem;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    min-width: 1rem;
    padding-block: 0;
    padding-inline: 0;
    width: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    bottom: 0;
    cursor: se-resize;
    font-size: 1rem;
    justify-content: flex-end;
    line-height: 1rem;
    margin-block: .125rem;
    margin-inline: .125rem;
    overflow: hidden;
    position: absolute;
    right: 0
}

    .fd-dialog__resize-handle:after, .fd-dialog__resize-handle:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-dialog__resize-handle[dir=rtl], [dir=rtl] .fd-dialog__resize-handle {
        cursor: sw-resize;
        left: 0;
        right: auto;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .fd-dialog__resize-handle:after {
        color: var(--sapButton_Lite_TextColor);
        content: "\e24f";
        font-family: SAP-icons;
        height: 1rem;
        text-align: center;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none
    }

.fd-dialog--no-backdrop:not(.fd-dialog--targeted) {
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1000
}

.fd-dynamic-page {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .fd-dynamic-page:after, .fd-dynamic-page:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__header-button, .fd-dynamic-page__sr-only {
    position: absolute;
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin-block: -1px;
    margin-inline: -1px;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    white-space: nowrap;
    width: 1px
}

    .fd-dynamic-page__header-button.is-focus, .fd-dynamic-page__header-button:focus {
        z-index: 5
    }

        .fd-dynamic-page__header-button.is-focus + .fd-dynamic-page__title-area, .fd-dynamic-page__header-button:focus + .fd-dynamic-page__title-area {
            outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
            outline-offset: -.25rem
        }

.fd-dynamic-page__header-fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.fd-dynamic-page__header {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .fd-dynamic-page__header:after, .fd-dynamic-page__header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__title-area {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 3rem;
    word-wrap: break-word;
    background-color: var(--sapObjectHeader_Background);
    z-index: 1
}

    .fd-dynamic-page__title-area:after, .fd-dynamic-page__title-area:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-dynamic-page__title-area.is-hover, .fd-dynamic-page__title-area:hover {
        background: var(--sapObjectHeader_Hover_Background);
        border-bottom: var(--fdDynamicPage_Hover_Border_Bottom);
        cursor: pointer
    }

.fd-dynamic-page__title-area--collapsed {
    -webkit-padding-after: 1rem;
    padding-block-end: 1rem
}

    .fd-dynamic-page__title-area--collapsed .fd-dynamic-page__title {
        font-size: var(--fdDynamicPage_Title_Collapsed_Font_Size)
    }

.fd-dynamic-page__title-area[aria-hidden=true] {
    display: none
}

.fd-dynamic-page__main-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .fd-dynamic-page__main-container:after, .fd-dynamic-page__main-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__title-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .fd-dynamic-page__title-container:after, .fd-dynamic-page__title-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__breadcrumb {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: .5rem .25rem;
    padding-inline: 0
}

    .fd-dynamic-page__breadcrumb:after, .fd-dynamic-page__breadcrumb:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__breadcrumb-title-container {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

    .fd-dynamic-page__breadcrumb-title-container:after, .fd-dynamic-page__breadcrumb-title-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__breadcrumb-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .fd-dynamic-page__breadcrumb-container:after, .fd-dynamic-page__breadcrumb-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdDynamicPage_Title_Color);
    font-family: var(--sapFontFamily);
    font-family: var(--fdDynamicPage_Title_Font_Family);
    font-size: var(--sapFontSize);
    font-size: var(--fdDynamicPage_Title_Font_Size);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-dynamic-page__title:after, .fd-dynamic-page__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-dynamic-page__title .fd-link {
        color: var(--sapGroup_TitleTextColor);
        font-size: var(--sapFontHeader3Size);
        max-width: 100%;
        overflow: hidden;
        padding-block: 0;
        padding-inline: 0;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap
    }

.fd-dynamic-page__title--wrap {
    white-space: normal
}

.fd-dynamic-page__subtitle {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdDynamicPage_Subtitle_Color);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    margin-top: .25rem;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-dynamic-page__subtitle:after, .fd-dynamic-page__subtitle:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__subtitle--wrap {
    white-space: normal
}

.fd-dynamic-page__title-content {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    padding-inline: 1rem 0;
    text-overflow: ellipsis;
    vertical-align: baseline;
    white-space: nowrap
}

    .fd-dynamic-page__title-content:after, .fd-dynamic-page__title-content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__title-subtitle-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-dynamic-page__title-subtitle-container:after, .fd-dynamic-page__title-subtitle-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__toolbar-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

    .fd-dynamic-page__toolbar-container:after, .fd-dynamic-page__toolbar-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page .fd-dynamic-page__toolbar {
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-padding-start: 1rem;
    background: transparent;
    padding-inline-start: 1rem
}

.fd-dynamic-page .fd-dynamic-page__toolbar--actions, .fd-dynamic-page .fd-dynamic-page__toolbar--content {
    padding-block: 0;
    padding-inline: 0
}

.fd-dynamic-page__summarized-title-area {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    word-wrap: break-word;
    background: var(--sapObjectHeader_Background);
    -webkit-box-shadow: var(--sapContent_HeaderShadow);
    box-shadow: var(--sapContent_HeaderShadow);
    height: 2rem;
    z-index: 1
}

    .fd-dynamic-page__summarized-title-area:after, .fd-dynamic-page__summarized-title-area:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-dynamic-page__summarized-title-area.is-focus, .fd-dynamic-page__summarized-title-area:focus {
        outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
        outline-offset: -.25rem
    }

.fd-dynamic-page__summarized-title-area--no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.fd-dynamic-page__summarized-title-area[aria-hidden=true] {
    display: none
}

.fd-dynamic-page__summarized-title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapGroup_TitleTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontHeader5Size);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: 2rem;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-dynamic-page__summarized-title:after, .fd-dynamic-page__summarized-title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__collapsible-header-container {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-dynamic-page__collapsible-header-container:after, .fd-dynamic-page__collapsible-header-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__collapsible-header {
    background-color: var(--sapObjectHeader_Background);
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: 1rem;
    padding-inline: 0
}

    .fd-dynamic-page__collapsible-header:after, .fd-dynamic-page__collapsible-header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-dynamic-page__collapsible-header[aria-hidden=true] {
        display: none
    }

.fd-dynamic-page .fd-dynamic-page__tabs {
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

.fd-dynamic-page .fd-dynamic-page__tabs--overflow {
    overflow: hidden
}

.fd-dynamic-page .fd-dynamic-page__tabs--add-shadow, .fd-dynamic-page__collapsible-header-visibility-container {
    -webkit-box-shadow: var(--sapContent_HeaderShadow);
    box-shadow: var(--sapContent_HeaderShadow)
}

.fd-dynamic-page__collapsible-header-visibility-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--sapObjectHeader_Background);
    min-height: .0625rem;
    z-index: 2
}

    .fd-dynamic-page__collapsible-header-visibility-container:after, .fd-dynamic-page__collapsible-header-visibility-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__collapsible-header-visibility-container--left-gradient {
    background-image: var(--fdDynamicPage_Button_Left_Gradient);
    height: .0625rem;
    width: 4rem
}

    .fd-dynamic-page__collapsible-header-visibility-container--left-gradient[dir=rtl], [dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--left-gradient {
        background-image: var(--fdDynamicPage_Button_Right_Gradient)
    }

.fd-dynamic-page__collapsible-header-visibility-container--right-gradient {
    background-image: var(--fdDynamicPage_Button_Right_Gradient);
    height: .0625rem;
    width: 4rem
}

    .fd-dynamic-page__collapsible-header-visibility-container--right-gradient[dir=rtl], [dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--right-gradient {
        background-image: var(--fdDynamicPage_Button_Left_Gradient)
    }

.fd-dynamic-page__collapsible-header-visibility-container--button-group {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fdDynamicPage_Button_Group_Background);
    height: .0625rem;
    width: 4.25rem;
    z-index: 1
}

    .fd-dynamic-page__collapsible-header-visibility-container--button-group:after, .fd-dynamic-page__collapsible-header-visibility-container--button-group:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__collapsible-header-visibility-container[aria-hidden=true] {
    display: none
}

.fd-dynamic-page__collapsible-header-visibility-container--no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.fd-dynamic-page__collapse-button, .fd-dynamic-page__expand-button, .fd-dynamic-page__pin-button {
    --fdButtonBackgroundColor: var(--fdDynamicPage_Button_Pin_Background);
    height: 1.5rem;
    margin-block: 0;
    margin-inline: .25rem;
    min-width: 1.5rem;
    padding-block: 0;
    padding-inline: 0;
    width: 1.5rem
}

    .fd-dynamic-page__collapse-button:before, .fd-dynamic-page__expand-button:before, .fd-dynamic-page__pin-button:before {
        bottom: -.25rem;
        height: 2rem;
        top: -.25rem;
        width: 100%
    }

    .fd-dynamic-page__collapse-button[aria-hidden=true], .fd-dynamic-page__expand-button[aria-hidden=true], .fd-dynamic-page__pin-button[aria-hidden=true] {
        display: none
    }

.fd-dynamic-page__content {
    background-color: var(--sapBackgroundColor);
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow-y: auto;
    padding-block: 0;
    padding-inline: 0
}

    .fd-dynamic-page__content:after, .fd-dynamic-page__content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-dynamic-page__footer {
    bottom: 0;
    left: 0;
    margin-block: 0 .5rem;
    margin-inline: .5rem;
    position: fixed;
    right: 0
}

.fd-dynamic-page--sm .fd-dynamic-page__title-area {
    padding-block: .5rem;
    padding-inline: 1rem
}

.fd-dynamic-page--sm .fd-dynamic-page__title-area--collapsed {
    -webkit-padding-after: 1rem;
    padding-block-end: 1rem
}

.fd-dynamic-page--sm .fd-dynamic-page__collapsible-header, .fd-dynamic-page--sm .fd-dynamic-page__content {
    padding-block: 1rem;
    padding-inline: 1rem
}

.fd-dynamic-page--sm .fd-dynamic-page__tabs {
    padding-block: 0;
    padding-inline: 1rem
}

.fd-dynamic-page--sm .fd-dynamic-page__summarized-title-area {
    padding-block: 1rem;
    padding-inline: 1rem
}

.fd-dynamic-page--sm .fd-dynamic-page__breadcrumb {
    padding-block: 0;
    padding-inline: 0
}

.fd-dynamic-page--sm .fd-dynamic-page__title-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fd-dynamic-page--sm .fd-dynamic-page__toolbar {
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.fd-dynamic-page--lg .fd-dynamic-page__title-area, .fd-dynamic-page--md .fd-dynamic-page__title-area {
    padding-block: .5rem;
    padding-inline: 2rem
}

.fd-dynamic-page--lg .fd-dynamic-page__title-area--collapsed, .fd-dynamic-page--md .fd-dynamic-page__title-area--collapsed {
    -webkit-padding-after: 1rem;
    padding-block-end: 1rem
}

.fd-dynamic-page--lg .fd-dynamic-page__collapsible-header, .fd-dynamic-page--lg .fd-dynamic-page__content, .fd-dynamic-page--md .fd-dynamic-page__collapsible-header, .fd-dynamic-page--md .fd-dynamic-page__content {
    padding-block: 1rem;
    padding-inline: 2rem
}

.fd-dynamic-page--lg .fd-dynamic-page__tabs, .fd-dynamic-page--md .fd-dynamic-page__tabs {
    padding-block: 0;
    padding-inline: 2rem
}

.fd-dynamic-page--lg .fd-dynamic-page__summarized-title-area, .fd-dynamic-page--md .fd-dynamic-page__summarized-title-area {
    padding-block: 1rem;
    padding-inline: 1rem
}

.fd-dynamic-page--xl .fd-dynamic-page__title-area {
    padding-block: .5rem;
    padding-inline: 3rem
}

.fd-dynamic-page--xl .fd-dynamic-page__title-area--collapsed {
    -webkit-padding-after: 1rem;
    padding-block-end: 1rem
}

.fd-dynamic-page--xl .fd-dynamic-page__collapsible-header, .fd-dynamic-page--xl .fd-dynamic-page__content {
    padding-block: 1rem;
    padding-inline: 3rem
}

.fd-dynamic-page--xl .fd-dynamic-page__tabs {
    padding-block: 0;
    padding-inline: 3rem
}

.fd-dynamic-page--xl .fd-dynamic-page__summarized-title-area {
    padding-block: 1rem;
    padding-inline: 1rem
}

.fd-dynamic-page--md .fd-dynamic-page__toolbar {
    padding-block: 0;
    padding-inline: 0
}

.fd-dynamic-page--list-bg .fd-dynamic-page__content {
    background-color: var(--fdDynamicPage_Content_List_Background)
}

.fd-dynamic-page--transparent-bg .fd-dynamic-page__content {
    background-color: var(--fdDynamicPage_Content_Transparent_Background)
}

.fd-dynamic-page--transparent-bg .fd-dynamic-page__title-area {
    background: var(--fdDynamicPage_Title_Header_Transparent_Background)
}

.fd-dynamic-page--transparent-bg .fd-dynamic-page__collapsible-header {
    background-color: var(--fdDynamicPage_Title_Header_Transparent_Background)
}

.fd-dynamic-side {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

    .fd-dynamic-side:after, .fd-dynamic-side:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-dynamic-side .fd-dynamic-side__main {
        border: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: var(--sapTextColor);
        font-family: var(--sapFontFamily);
        font-size: var(--sapFontSize);
        font-weight: 400;
        forced-color-adjust: none;
        line-height: normal;
        margin-block: 0;
        margin-inline: 0;
        padding-block: 0;
        padding-inline: 0;
        width: 75%
    }

        .fd-dynamic-side .fd-dynamic-side__main:after, .fd-dynamic-side .fd-dynamic-side__main:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

    .fd-dynamic-side .fd-dynamic-side__side {
        border: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: var(--sapTextColor);
        font-family: var(--sapFontFamily);
        font-size: var(--sapFontSize);
        font-weight: 400;
        forced-color-adjust: none;
        line-height: normal;
        margin-block: 0;
        margin-inline: 0;
        padding-block: 0;
        padding-inline: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0
    }

        .fd-dynamic-side .fd-dynamic-side__side:after, .fd-dynamic-side .fd-dynamic-side__side:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

.fd-dynamic-side--sm .fd-dynamic-side__main {
    width: 100%
}

.fd-dynamic-side--sm .fd-dynamic-side__side {
    display: none
}

.fd-dynamic-side--md .fd-dynamic-side__main {
    width: 66.666%
}

.fd-dynamic-side--md .fd-dynamic-side__side {
    display: block
}

.fd-dynamic-side--xl .fd-dynamic-side__main {
    width: 75%
}

.fd-dynamic-side--equal-split {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .fd-dynamic-side--equal-split .fd-dynamic-side__main, .fd-dynamic-side--equal-split .fd-dynamic-side__side {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        width: 50%
    }

.fd-dynamic-side--below {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .fd-dynamic-side--below .fd-dynamic-side__main {
        width: 100%
    }

    .fd-dynamic-side--below .fd-dynamic-side__side {
        display: block;
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

.fd-facet {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-facet:after, .fd-facet:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-facet-group {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .fd-facet-group:after, .fd-facet-group:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-facet--image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.fd-facet--image-header-title {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.fd-facet--form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text {
    font-family: var(--sapFontFamily)
}

.fd-facet--rating-indicator {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .fd-facet--rating-indicator, .fd-facet--rating-indicator .fd-facet__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .fd-facet--rating-indicator .fd-facet__rating-container {
            -ms-flex-item-align: start;
            align-self: flex-start
        }

        .fd-facet--rating-indicator .fd-facet__rating-dynamic-text {
            -ms-flex-item-align: end;
            align-self: flex-end
        }

.fd-facet__container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .fd-facet__container:after, .fd-facet__container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-facet__form-value {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapGroup_TitleTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-facet__form-value:after, .fd-facet__form-value:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-feed-input {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    background-color: var(--sapField_Background);
    -ms-flex-direction: row;
    flex-direction: row;
    padding-block: 1rem;
    padding-inline: 1rem .5rem
}

    .fd-feed-input:after, .fd-feed-input:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-feed-input.is-disabled, .fd-feed-input:disabled, .fd-feed-input[aria-disabled=true] {
        cursor: not-allowed;
        opacity: 1;
        pointer-events: auto
    }

        .fd-feed-input.is-disabled textarea::-webkit-input-placeholder, .fd-feed-input:disabled textarea::-webkit-input-placeholder, .fd-feed-input[aria-disabled=true] textarea::-webkit-input-placeholder {
            color: var(--sapTextColor,#32363a);
            font-style: var(--fdFeed_Input_Placeholder_Font_Style)
        }

        .fd-feed-input.is-disabled textarea::-moz-placeholder, .fd-feed-input:disabled textarea::-moz-placeholder, .fd-feed-input[aria-disabled=true] textarea::-moz-placeholder {
            color: var(--sapTextColor,#32363a);
            font-style: var(--fdFeed_Input_Placeholder_Font_Style)
        }

        .fd-feed-input.is-disabled textarea:-ms-input-placeholder, .fd-feed-input:disabled textarea:-ms-input-placeholder, .fd-feed-input[aria-disabled=true] textarea:-ms-input-placeholder {
            color: var(--sapTextColor,#32363a);
            font-style: var(--fdFeed_Input_Placeholder_Font_Style)
        }

        .fd-feed-input.is-disabled textarea::-ms-input-placeholder, .fd-feed-input:disabled textarea::-ms-input-placeholder, .fd-feed-input[aria-disabled=true] textarea::-ms-input-placeholder {
            color: var(--sapTextColor,#32363a);
            font-style: var(--fdFeed_Input_Placeholder_Font_Style)
        }

        .fd-feed-input.is-disabled textarea::placeholder, .fd-feed-input:disabled textarea::placeholder, .fd-feed-input[aria-disabled=true] textarea::placeholder {
            color: var(--sapTextColor,#32363a);
            font-style: var(--fdFeed_Input_Placeholder_Font_Style)
        }

    .fd-feed-input .fd-feed-input__thumb {
        display: none;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-inline: 0 .5rem
    }

    .fd-feed-input .fd-feed-input__textarea {
        margin-block: 0;
        margin-inline: 0;
        max-height: 20rem;
        min-height: 3rem;
        padding-block: .3125rem;
        padding-inline: .5rem
    }

    .fd-feed-input .fd-feed-input__submit-button {
        margin-block: auto .375rem;
        margin-inline: .5rem 0
    }

        .fd-feed-input .fd-feed-input__submit-button[dir=rtl], [dir=rtl] .fd-feed-input .fd-feed-input__submit-button {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

@media (width >= 25rem) {
    .fd-feed-input {
        margin-top: 1rem;
        -webkit-margin-after: 1rem;
        margin-block-end: 1rem
    }

        .fd-feed-input .fd-feed-input__thumb {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex
        }
}

.fd-feed-list {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    background-color: var(--fdFeed_List_Item_Background);
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 40rem
}

    .fd-feed-list:after, .fd-feed-list:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-feed-list .fd-feed-list__thumb {
        border: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: var(--sapTextColor);
        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;
        line-height: normal;
        margin-block: 0;
        margin-inline: 0;
        margin-inline: 0 .75rem;
        padding-block: 0;
        padding-inline: 0
    }

        .fd-feed-list .fd-feed-list__thumb:after, .fd-feed-list .fd-feed-list__thumb:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

.fd-feed-list__body {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: 1rem;
    padding-inline: 0;
    padding-inline: 1rem
}

    .fd-feed-list__body:after, .fd-feed-list__body:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-feed-list__body + .fd-feed-list__body {
        border-top: var(--fdFeed_List_Item_Border_Top)
    }

        .fd-feed-list__body + .fd-feed-list__body:last-child {
            border-bottom: var(--fdFeed_List_Item_Border_Bottom)
        }

.fd-feed-list--no-border .fd-feed-list__body {
    border-top: none;
    padding-block: 1rem .75rem;
    padding-inline: 1rem
}

    .fd-feed-list--no-border .fd-feed-list__body + .fd-feed-list__body {
        padding-block: .75rem .75rem
    }

    .fd-feed-list--no-border .fd-feed-list__body:last-child {
        -webkit-padding-after: 1rem;
        border-bottom: none;
        padding-block-end: 1rem
    }

.fd-feed-list__link--more {
    cursor: pointer;
    text-transform: capitalize
}

.fd-feed-list__actions {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    float: right;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-block: .5rem;
    margin-inline: 0;
    margin-inline: .5rem;
    padding-block: 0;
    padding-inline: 0;
    position: relative;
    right: -1rem;
    top: -1rem
}

    .fd-feed-list__actions:after, .fd-feed-list__actions:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-feed-list__actions[dir=rtl], [dir=rtl] .fd-feed-list__actions {
        float: left;
        left: -1rem;
        right: auto
    }

.fd-feed-list--group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.fd-feed-list--link {
    cursor: pointer
}

    .fd-feed-list--link.is-focus, .fd-feed-list--link:focus {
        outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
        outline-offset: -.1875rem
    }

.fd-feed-list__name {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    font-weight: 700;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-feed-list__name:after, .fd-feed-list__name:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-feed-list__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-feed-list__text:after, .fd-feed-list__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-feed-list__footer {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-padding-before: .375rem;
    font-size: var(--sapFontSmallSize);
    padding-block-start: .375rem
}

    .fd-feed-list__footer:after, .fd-feed-list__footer:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-feed-list__footer--byline {
    color: var(--sapContent_LabelColor)
}

    .fd-feed-list__footer--byline:not(:last-child):after {
        content: "•";
        padding-block: 0;
        padding-inline: .25rem
    }

.fd-feed-list--s .fd-feed-list__wrapper {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .fd-feed-list--s .fd-feed-list__wrapper:after, .fd-feed-list--s .fd-feed-list__wrapper:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-feed-list--s .fd-feed-list__wrapper--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fd-feed-list--s .fd-feed-list__body {
    display: block
}

.fd-feed-list--s .fd-feed-list__text {
    -webkit-padding-before: .625rem;
    padding-block-start: .625rem
}

.fd-feed-list--s .fd-feed-list__actions {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    right: 0;
    top: 0;
    -webkit-padding-after: .25rem;
    padding-block-end: .25rem;
    -webkit-padding-start: .75rem;
    padding-inline-start: .75rem
}

    .fd-feed-list--s .fd-feed-list__actions:after, .fd-feed-list--s .fd-feed-list__actions:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-feed-list--s .fd-feed-list__actions[dir=rtl], [dir=rtl] .fd-feed-list--s .fd-feed-list__actions {
        left: 0;
        right: auto
    }

.fd-fieldset {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    min-inline-size: auto;
    padding-block: 0;
    padding-inline: 0
}

    .fd-fieldset:after, .fd-fieldset:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-fieldset__legend {
    border: 0;
    -webkit-box-sizing: border-box;
    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: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-fieldset__legend:after, .fd-fieldset__legend:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-fieldset__legend.is-disabled {
        opacity: var(--sapContent_DisabledOpacity,.4)
    }

.fd-file-uploader {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-file-uploader:after, .fd-file-uploader:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-file-uploader__container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .25rem
}

    .fd-file-uploader__container:after, .fd-file-uploader__container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-file-uploader .fd-file-uploader__input {
    -webkit-box-flex: 1;
    background-color: var(--sapField_Background);
    color: transparent;
    cursor: pointer;
    -ms-flex: 1;
    flex: 1;
    text-shadow: 0 0 0 var(--sapTextColor);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .fd-file-uploader .fd-file-uploader__input::-webkit-input-placeholder {
        color: var(--sapTextColor)
    }

    .fd-file-uploader .fd-file-uploader__input::-moz-placeholder {
        color: var(--sapTextColor)
    }

    .fd-file-uploader .fd-file-uploader__input:-ms-input-placeholder {
        color: var(--sapTextColor)
    }

    .fd-file-uploader .fd-file-uploader__input::-ms-input-placeholder {
        color: var(--sapTextColor)
    }

    .fd-file-uploader .fd-file-uploader__input::placeholder {
        color: var(--sapTextColor)
    }

.fd-file-uploader__hidden {
    display: none
}

.fd-file-uploader__uploaded-files {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-file-uploader__uploaded-files:after, .fd-file-uploader__uploaded-files:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-file-uploader__label {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    display: block;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: 1.1875rem;
    margin-block: 0;
    margin-inline: 0;
    margin-top: 1.5rem;
    padding-block: 0;
    padding-inline: 0
}

    .fd-file-uploader__label:after, .fd-file-uploader__label:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-file-uploader__list {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    list-style-type: none;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-file-uploader__list:after, .fd-file-uploader__list:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-file-uploader__list-item {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: calc(1rem + var(--fdFileUploaderButtonsSpacing));
    justify-content: space-between;
    margin-top: .5rem
}

    .fd-file-uploader__list-item:after, .fd-file-uploader__list-item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-file-uploader__actions {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--fdFileUploaderButtonsSpacing)
}

    .fd-file-uploader__actions:after, .fd-file-uploader__actions:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-fixed-card-layout {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-fixed-card-layout:after, .fd-fixed-card-layout:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-fixed-card-layout__card-layout {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-margin-start: -1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-inline-start: -1rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    margin-top: -1rem
}

    .fd-fixed-card-layout__card-layout:after, .fd-fixed-card-layout__card-layout:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-2 .fd-fixed-card-layout__card {
        width: 50%
    }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-2 .fd-fixed-card-layout__card:nth-of-type(2n) {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-2 .fd-fixed-card-layout__card:nth-of-type(odd) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

    .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-3 .fd-fixed-card-layout__card {
        width: 33.3333333333%
    }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-3 .fd-fixed-card-layout__card:nth-of-type(3n) {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-3 .fd-fixed-card-layout__card:nth-of-type(3n+1) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-3 .fd-fixed-card-layout__card:nth-of-type(3n+2) {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

    .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-4 .fd-fixed-card-layout__card {
        width: 25%
    }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-4 .fd-fixed-card-layout__card:nth-of-type(4n) {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-4 .fd-fixed-card-layout__card:nth-of-type(4n+1) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-4 .fd-fixed-card-layout__card:nth-of-type(4n+2) {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-4 .fd-fixed-card-layout__card:nth-of-type(4n+3) {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

    .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-5 .fd-fixed-card-layout__card {
        width: 20%
    }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-5 .fd-fixed-card-layout__card:nth-of-type(5n) {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-5 .fd-fixed-card-layout__card:nth-of-type(5n+1) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-5 .fd-fixed-card-layout__card:nth-of-type(5n+2) {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-5 .fd-fixed-card-layout__card:nth-of-type(5n+3) {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-5 .fd-fixed-card-layout__card:nth-of-type(5n+4) {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4
        }

    .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card {
        width: 16.6666666667%
    }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card:nth-of-type(6n) {
            -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
            order: 6
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card:nth-of-type(6n+1) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card:nth-of-type(6n+2) {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card:nth-of-type(6n+3) {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card:nth-of-type(6n+4) {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card:nth-of-type(6n+5) {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5
        }

    .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card {
        width: 14.2857142857%
    }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n) {
            -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
            order: 7
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n+1) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n+2) {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n+3) {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n+4) {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n+5) {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n+6) {
            -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
            order: 6
        }

    .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card {
        width: 12.5%
    }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n) {
            -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
            order: 8
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n+1) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n+2) {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n+3) {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n+4) {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n+5) {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n+6) {
            -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
            order: 6
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n+7) {
            -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
            order: 7
        }

    .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card {
        width: 11.1111111111%
    }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n) {
            -webkit-box-ordinal-group: 10;
            -ms-flex-order: 9;
            order: 9
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n+1) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n+2) {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n+3) {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n+4) {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n+5) {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n+6) {
            -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
            order: 6
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n+7) {
            -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
            order: 7
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n+8) {
            -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
            order: 8
        }

    .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card {
        width: 10%
    }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n) {
            -webkit-box-ordinal-group: 11;
            -ms-flex-order: 10;
            order: 10
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n+1) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n+2) {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n+3) {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n+4) {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n+5) {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n+6) {
            -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
            order: 6
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n+7) {
            -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
            order: 7
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n+8) {
            -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
            order: 8
        }

        .fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n+9) {
            -webkit-box-ordinal-group: 10;
            -ms-flex-order: 9;
            order: 9
        }

.fd-fixed-card-layout__card, .fd-fixed-card-layout__card-placeholder {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    min-height: .0625rem;
    min-width: 20rem;
    padding-block: 0;
    padding-inline: 0
}

    .fd-fixed-card-layout__card-placeholder:after, .fd-fixed-card-layout__card-placeholder:before, .fd-fixed-card-layout__card:after, .fd-fixed-card-layout__card:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-fixed-card-layout__card {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-padding-before: 1rem;
    padding-block-start: 1rem;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem
}

.fd-fixed-card-layout__card--single {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.fd-fixed-card-layout__card:empty {
    -webkit-padding-before: 0;
    padding-block-start: 0
}

.fd-fixed-card-layout__card-placeholder {
    border: .125rem dashed var(--sapContent_DragAndDropActiveColor);
    cursor: -webkit-grabbing;
    cursor: grabbing;
    opacity: .3
}

.fd-fixed-card-layout__card-preview {
    border: 0;
    border-radius: var(--sapElement_BorderCornerRadius);
    -webkit-box-shadow: var(--sapContent_Shadow2);
    box-shadow: var(--sapContent_Shadow2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-fixed-card-layout__card-preview:after, .fd-fixed-card-layout__card-preview:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-fixed-card-layout__clearfix {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    width: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

    .fd-fixed-card-layout__clearfix:after, .fd-fixed-card-layout__clearfix:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-flexible-column-layout {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .fd-flexible-column-layout:after, .fd-flexible-column-layout:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-flexible-column-layout__separator {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--fdFlexibleColumnLayout_Background_Solid);
    min-width: 1rem;
    position: relative;
    width: 1rem
}

    .fd-flexible-column-layout__separator:after, .fd-flexible-column-layout__separator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        content: "";
        display: block;
        font-size: inherit;
        height: 4rem;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all .1s ease-in;
        transition: all .1s ease-in;
        width: .0625rem
    }

    .fd-flexible-column-layout__separator:before {
        background-image: -webkit-gradient(linear,left bottom,left top,from(var(--fdFlexibleColumnLayout_Toggle_Image_Color)),to(transparent));
        background-image: linear-gradient(to top,var(--fdFlexibleColumnLayout_Toggle_Image_Color),transparent);
        bottom: calc(50% + 1rem)
    }

    .fd-flexible-column-layout__separator:after {
        background-image: -webkit-gradient(linear,left top,left bottom,from(var(--fdFlexibleColumnLayout_Toggle_Image_Color)),to(transparent));
        background-image: linear-gradient(to bottom,var(--fdFlexibleColumnLayout_Toggle_Image_Color),transparent);
        top: calc(50% + 1rem)
    }

    .fd-flexible-column-layout__separator.is-hover:after, .fd-flexible-column-layout__separator.is-hover:before, .fd-flexible-column-layout__separator:hover:after, .fd-flexible-column-layout__separator:hover:before {
        height: 7rem
    }

.fd-flexible-column-layout .fd-flexible-column-layout__button {
    height: 2rem;
    min-width: 1.5rem;
    width: 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    padding-block: 0;
    padding-inline: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}

.fd-flexible-column-layout__column {
    border: 0;
    border-left: var(--fdFlexibleColumnLayout_Border);
    border-right: var(--fdFlexibleColumnLayout_Border);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    min-width: 20rem;
    padding-block: 0;
    padding-inline: 0;
    -webkit-transition: width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in;
    transition: width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in
}

    .fd-flexible-column-layout__column:after, .fd-flexible-column-layout__column:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-flexible-column-layout__column.is-first-child, .fd-flexible-column-layout__column:first-child {
        border-left: none
    }

    .fd-flexible-column-layout__column.is-last-child, .fd-flexible-column-layout__column:last-child {
        border-right: none
    }

.fd-flexible-column-layout__column--hidden {
    border: none;
    min-width: 0
}

.fd-flexible-column-layout--translucent .fd-flexible-column-layout__separator {
    background-color: var(--fdFlexibleColumnLayout_Background_Translucent)
}

.fd-flexible-column-layout--transparent .fd-flexible-column-layout__separator {
    background-color: var(--fdFlexibleColumnLayout_Background_Transparent)
}

.fd-form-group {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .fd-form-group:after, .fd-form-group:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-form-group--inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.fd-form-group--with-spacing {
    gap: .625rem
}

.fd-form-group__header {
    border: 0;
    -webkit-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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--sapGroup_TitleBackground);
    box-sizing: border-box;
    height: 2.75rem;
    width: 100%
}

    .fd-form-group__header:after, .fd-form-group__header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-form-group__header[class*=-compact], .fd-form-group__header[class*=-condensed], [class*=-compact] .fd-form-group__header:not([class*=-cozy]), [class*=-condensed] .fd-form-group__header:not([class*=-cozy]) {
        height: 2rem
    }

.fd-form-group__header-text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapGroup_TitleTextColor);
    font-family: var(--sapFontFamily);
    font-family: var(--sapFontHeaderFamily);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontHeader6Size);
    font-weight: 400;
    font-weight: 700;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-form-group__header-text:after, .fd-form-group__header-text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-form-header {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--sapGroup_TitleBackground);
    -webkit-box-shadow: 0 var(--fdFormHeader_Border_Width) 0 var(--sapGroup_TitleBorderColor);
    box-shadow: 0 var(--fdFormHeader_Border_Width) 0 var(--sapGroup_TitleBorderColor);
    height: 2.75rem;
    padding-inline: 1rem;
    width: 100%
}

    .fd-form-header:after, .fd-form-header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-form-header__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapGroup_TitleTextColor);
    font-family: var(--sapFontFamily);
    font-family: var(--sapFontHeaderFamily);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontHeader4Size);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-form-header__text:after, .fd-form-header__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-form-item {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

    .fd-form-item:after, .fd-form-item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-form-item__label-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .fd-form-item__label-container label {
        -ms-flex-item-align: center;
        align-self: center
    }

    .fd-form-item__label-container button {
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }

.fd-form-item--horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .fd-form-item--horizontal .fd-form-label {
        -webkit-padding-after: 0;
        margin-block: auto;
        margin-inline: 0 .5rem;
        padding-block-end: 0
    }

    .fd-form-item--horizontal .fd-input {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.fd-form-item .fd-form-message:not(:first-child) {
    margin-top: -.25rem
}

.fd-form-item.fd-list__form-item {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.fd-form-label {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-width: 100%;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-margin-end: .5rem;
    cursor: text;
    margin-inline-end: .5rem;
    -ms-flex-item-align: start;
    align-self: flex-start
}

    .fd-form-label:after, .fd-form-label:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-form-label.is-disabled {
        opacity: .4
    }

.fd-form-label--unit-description {
    color: var(--sapField_TextColor);
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: .25rem 0
}

.fd-form-label--required, .fd-form-label[aria-required=true] {
    -webkit-padding-end: .5rem;
    padding-inline-end: .5rem
}

    .fd-form-label--required:after, .fd-form-label[aria-required=true]:after {
        color: var(--sapField_RequiredColor);
        content: "*"/"";
        font-size: var(--sapFontLargeSize);
        font-weight: 700;
        position: absolute;
        right: 0;
        top: 0
    }

    .fd-form-label--required[dir=rtl]:after, .fd-form-label[aria-required=true][dir=rtl]:after, [dir=rtl] .fd-form-label--required:after, [dir=rtl] .fd-form-label[aria-required=true]:after {
        left: 0;
        right: auto
    }

.fd-form-label--colon {
    -webkit-padding-end: .25rem;
    padding-inline-end: .25rem
}

    .fd-form-label--colon:before {
        color: inherit;
        content: ":";
        font-size: var(--sapFontSize);
        position: absolute;
        right: 0;
        top: 0
    }

    .fd-form-label--colon[dir=rtl]:before, [dir=rtl] .fd-form-label--colon:before {
        left: 0;
        right: auto
    }

    .fd-form-label--colon.fd-form-label--required, .fd-form-label--colon[aria-required=true] {
        -webkit-padding-end: .75rem;
        padding-inline-end: .75rem
    }

        .fd-form-label--colon.fd-form-label--required:before, .fd-form-label--colon[aria-required=true]:before {
            right: .5rem
        }

        .fd-form-label--colon.fd-form-label--required[dir=rtl]:before, .fd-form-label--colon[aria-required=true][dir=rtl]:before, [dir=rtl] .fd-form-label--colon.fd-form-label--required:before, [dir=rtl] .fd-form-label--colon[aria-required=true]:before {
            left: .5rem;
            right: auto
        }

.fd-form-label--inline-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fd-form-label--stand-alone {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.fd-container.fd-form-layout-grid-container .fd-form-group, .fd-container.fd-form-layout-grid-container.fd-form-group {
    padding-block: 1rem !important;
    padding-inline: 1rem !important
}

    .fd-container.fd-form-layout-grid-container .fd-form-group .fd-form-group, .fd-container.fd-form-layout-grid-container.fd-form-group .fd-form-group {
        padding-block: 0 !important;
        padding-inline: 0 !important
    }

    .fd-container.fd-form-layout-grid-container .fd-form-group .fd-form-item .fd-form-label, .fd-container.fd-form-layout-grid-container.fd-form-group .fd-form-item .fd-form-label {
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        white-space: normal
    }

    .fd-container.fd-form-layout-grid-container .fd-form-group .fd-form-item .fd-form-label--colon, .fd-container.fd-form-layout-grid-container.fd-form-group .fd-form-item .fd-form-label--colon {
        -webkit-padding-end: .25rem;
        padding-inline-end: .25rem
    }

    .fd-container.fd-form-layout-grid-container .fd-form-group .fd-form-item .fd-form-label--required, .fd-container.fd-form-layout-grid-container.fd-form-group .fd-form-item .fd-form-label--required {
        -webkit-padding-end: .5rem;
        padding-inline-end: .5rem
    }

        .fd-container.fd-form-layout-grid-container .fd-form-group .fd-form-item .fd-form-label--required.fd-form-label--colon, .fd-container.fd-form-layout-grid-container.fd-form-group .fd-form-item .fd-form-label--required.fd-form-label--colon {
            -webkit-padding-end: .75rem;
            padding-inline-end: .75rem
        }

.fd-container.fd-form-layout-grid-container .fd-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col {
        overflow: hidden;
        padding-block: 0;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col:not(.fd-form-group) {
            -ms-flex-item-align: center;
            align-self: center
        }

@media (width >= 0) {
    .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--vertical .fd-form-group .fd-form-item, .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--vertical.fd-form-group .fd-form-item {
        margin-top: .625rem
    }

        .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--vertical .fd-form-group .fd-form-item:first-of-type, .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--vertical.fd-form-group .fd-form-item:first-of-type {
            margin-top: 0
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col--1 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col--1 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col--1 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col--2 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col--2 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col--2 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col--3 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col--3 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col--3 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col--4 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col--4 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col--4 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col--5 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col--5 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col--5 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col--6 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col--6 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col--6 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col--7 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col--7 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col--7 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col--8 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col--8 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col--8 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col--9 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col--9 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col--9 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col--10 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col--10 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col--10 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col--11 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col--11 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col--11 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col--12 > .fd-form-label, .fd-container.fd-form-layout-grid-container .fd-row .fd-col > .fd-form-label {
        float: left;
        text-align: start;
        width: auto;
        -webkit-padding-after: .125rem;
        padding-block-end: .125rem
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col--12 > .fd-form-label[dir=rtl], .fd-container.fd-form-layout-grid-container .fd-row .fd-col > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col--12 > .fd-form-label, [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col > .fd-form-label {
            float: right
        }
}

@media (width >= 0) and (width <= 599px) {
    .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container .fd-form-group .fd-form-item, .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container.fd-form-group .fd-form-item {
        margin-top: .625rem
    }

        .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container .fd-form-group .fd-form-item:first-of-type, .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container.fd-form-group .fd-form-item:first-of-type {
            margin-top: 0
        }
}

@media (width >= 600px) {
    .fd-container.fd-form-layout-grid-container {
        padding-block: 0;
        padding-inline: .25rem
    }

        .fd-container.fd-form-layout-grid-container .fd-row {
            margin-block: 0;
            margin-inline: -.25rem;
            min-width: calc(100% + .5rem)
        }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col {
                padding-block: 0;
                padding-inline: .25rem
            }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--1 > .fd-form-label {
                float: right;
                text-align: right;
                -webkit-padding-after: 0;
                padding-block-end: 0;
                width: 100%
            }

                .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--1 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--1 > .fd-form-label {
                    float: left;
                    text-align: left
                }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--2 > .fd-form-label {
                float: right;
                text-align: right;
                -webkit-padding-after: 0;
                padding-block-end: 0;
                width: 100%
            }

                .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--2 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--2 > .fd-form-label {
                    float: left;
                    text-align: left
                }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--3 > .fd-form-label {
                float: right;
                text-align: right;
                -webkit-padding-after: 0;
                padding-block-end: 0;
                width: 100%
            }

                .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--3 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--3 > .fd-form-label {
                    float: left;
                    text-align: left
                }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--4 > .fd-form-label {
                float: right;
                text-align: right;
                -webkit-padding-after: 0;
                padding-block-end: 0;
                width: 100%
            }

                .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--4 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--4 > .fd-form-label {
                    float: left;
                    text-align: left
                }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--5 > .fd-form-label {
                float: right;
                text-align: right;
                -webkit-padding-after: 0;
                padding-block-end: 0;
                width: 100%
            }

                .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--5 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--5 > .fd-form-label {
                    float: left;
                    text-align: left
                }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--6 > .fd-form-label {
                float: right;
                text-align: right;
                -webkit-padding-after: 0;
                padding-block-end: 0;
                width: 100%
            }

                .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--6 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--6 > .fd-form-label {
                    float: left;
                    text-align: left
                }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--7 > .fd-form-label {
                float: right;
                text-align: right;
                -webkit-padding-after: 0;
                padding-block-end: 0;
                width: 100%
            }

                .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--7 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--7 > .fd-form-label {
                    float: left;
                    text-align: left
                }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--8 > .fd-form-label {
                float: right;
                text-align: right;
                -webkit-padding-after: 0;
                padding-block-end: 0;
                width: 100%
            }

                .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--8 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--8 > .fd-form-label {
                    float: left;
                    text-align: left
                }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--9 > .fd-form-label {
                float: right;
                text-align: right;
                -webkit-padding-after: 0;
                padding-block-end: 0;
                width: 100%
            }

                .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--9 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--9 > .fd-form-label {
                    float: left;
                    text-align: left
                }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--10 > .fd-form-label {
                float: right;
                text-align: right;
                -webkit-padding-after: 0;
                padding-block-end: 0;
                width: 100%
            }

                .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--10 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--10 > .fd-form-label {
                    float: left;
                    text-align: left
                }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--11 > .fd-form-label {
                float: right;
                text-align: right;
                -webkit-padding-after: 0;
                padding-block-end: 0;
                width: 100%
            }

                .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--11 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--11 > .fd-form-label {
                    float: left;
                    text-align: left
                }

            .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--12 > .fd-form-label, .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md > .fd-form-label {
                float: left;
                text-align: start;
                width: auto;
                -webkit-padding-after: .125rem;
                padding-block-end: .125rem
            }

                .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--12 > .fd-form-label[dir=rtl], .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--12 > .fd-form-label, [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-md > .fd-form-label {
                    float: right
                }
}

@media (width >= 600px) and (width <= 1023px) {
    .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--md-vertical .fd-form-group .fd-form-item, .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--md-vertical.fd-form-group .fd-form-item {
        margin-top: .625rem
    }

        .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--md-vertical .fd-form-group .fd-form-item:first-of-type, .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--md-vertical.fd-form-group .fd-form-item:first-of-type {
            margin-top: 0
        }
}

@media (width >= 1024px) {
    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--1 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--1 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--1 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--2 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--2 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--2 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--3 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--3 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--3 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--4 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--4 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--4 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--5 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--5 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--5 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--6 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--6 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--6 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--7 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--7 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--7 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--8 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--8 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--8 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--9 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--9 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--9 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--10 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--10 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--10 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--11 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--11 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--11 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--12 > .fd-form-label, .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg > .fd-form-label {
        float: left;
        text-align: start;
        width: auto;
        -webkit-padding-after: .125rem;
        padding-block-end: .125rem
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--12 > .fd-form-label[dir=rtl], .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg--12 > .fd-form-label, [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-lg > .fd-form-label {
            float: right
        }
}

@media (width >= 1024px) and (width <= 1443px) {
    .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--lg-vertical .fd-form-group .fd-form-item, .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--lg-vertical.fd-form-group .fd-form-item {
        margin-top: .625rem
    }

        .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--lg-vertical .fd-form-group .fd-form-item:first-of-type, .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--lg-vertical.fd-form-group .fd-form-item:first-of-type {
            margin-top: 0
        }
}

@media (width >= 1440px) {
    .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--xl-vertical .fd-form-group .fd-form-item, .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--xl-vertical.fd-form-group .fd-form-item {
        margin-top: .625rem
    }

        .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--xl-vertical .fd-form-group .fd-form-item:first-of-type, .fd-container.fd-form-layout-grid-container.fd-form-layout-grid-container--xl-vertical.fd-form-group .fd-form-item:first-of-type {
            margin-top: 0
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--1 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--1 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--1 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--2 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--2 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--2 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--3 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--3 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--3 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--4 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--4 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--4 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--5 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--5 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--5 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--6 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--6 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--6 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--7 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--7 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--7 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--8 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--8 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--8 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--9 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--9 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--9 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--10 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--10 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--10 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--11 > .fd-form-label {
        float: right;
        text-align: right;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        width: 100%
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--11 > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--11 > .fd-form-label {
            float: left;
            text-align: left
        }

    .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--12 > .fd-form-label, .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl > .fd-form-label {
        float: left;
        text-align: start;
        width: auto;
        -webkit-padding-after: .125rem;
        padding-block-end: .125rem
    }

        .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--12 > .fd-form-label[dir=rtl], .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl > .fd-form-label[dir=rtl], [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl--12 > .fd-form-label, [dir=rtl] .fd-container.fd-form-layout-grid-container .fd-row .fd-col-xl > .fd-form-label {
            float: right
        }
}

.fd-form-message {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    forced-color-adjust: none;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: var(--fdMessage_Border);
    border-radius: var(--fdMessage_Border_Radius) !important;
    -webkit-box-shadow: var(--fdMessage_Box_Shadow);
    box-shadow: var(--fdMessage_Box_Shadow);
    color: var(--sapTextColor);
    font-size: var(--sapFontSmallSize);
    font-weight: 400;
    line-height: normal;
    max-width: 22rem;
    min-width: 6rem;
    padding-block: .5rem;
    padding-inline: .5rem;
    white-space: pre-line !important;
    width: 100%
}

    .fd-form-message:after, .fd-form-message:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-form-message[dir=rtl], [dir=rtl] .fd-form-message {
        right: 0
    }

    .fd-form-message:before {
        display: var(--fdMessage_Icon_Display);
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-margin-end: .375rem;
        font-family: SAP-icons;
        font-size: 1rem;
        margin-inline-end: .375rem
    }

.fd-form-message--static {
    width: auto
}

.fd-form-message--embedded {
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100%
}

.fd-form-message--error {
    background-color: var(--sapErrorBackground)
}

    .fd-form-message--error:before {
        color: var(--sapNegativeElementColor);
        content: "\e0b1"
    }

.fd-form-message--warning {
    background-color: var(--sapWarningBackground)
}

    .fd-form-message--warning:before {
        color: var(--sapCriticalElementColor);
        content: "\e201"
    }

.fd-form-message--success {
    background-color: var(--sapSuccessBackground)
}

    .fd-form-message--success:before {
        color: var(--sapPositiveElementColor);
        content: "\e203"
    }

.fd-form-message--information {
    background-color: var(--sapInformationBackground)
}

    .fd-form-message--information:before {
        color: var(--sapInformativeElementColor);
        content: "\e202"
    }

.fd-generic-tag {
    --fdGenericTag_Spacing: 0.375rem;
    --fdGenericTag_Margin: 0.5625rem;
    --fdGenericTag_Decorator_Position: 0;
    --fdGenericTag_Decorator_Color: var(--sapNeutralElementColor);
    --fdGenericTag_Background_Color: var(--sapNeutralBackground);
    --fdGenericTag_Icon_Color: var(--sapNeutralElementColor);
    --fdGenericTag_Name_Color: var(--sapList_TextColor);
    --fdGenericTag_Name_Text_Shadow: var(--sapContent_TextShadow);
    --fdGenericTag_Value_Color: var(--sapNeutralTextColor);
    --fdGenericTag_Value_Text_Shadow: var(--sapContent_TextShadow);
    --fdGenericTag_Text_Min_Width: 1.5625rem;
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fdGenericTag_Decorator_Position) 0/var(--fdGenericTag_Spacing) 100% no-repeat -webkit-gradient(linear,left bottom,left top,from(var(--fdGenericTag_Decorator_Color)),to(var(--fdGenericTag_Decorator_Color)));
    background: var(--fdGenericTag_Decorator_Position) 0/var(--fdGenericTag_Spacing) 100% no-repeat linear-gradient(0deg,var(--fdGenericTag_Decorator_Color),var(--fdGenericTag_Decorator_Color));
    background-color: var(--fdGenericTag_Background_Color);
    border-radius: var(--sapButton_BorderCornerRadius);
    -webkit-box-shadow: var(--sapContent_Shadow0);
    box-shadow: var(--sapContent_Shadow0);
    cursor: pointer;
    gap: var(--fdGenericTag_Spacing);
    height: 1.625rem;
    margin-block: var(--fdGenericTag_Margin);
    margin-inline: 0;
    padding-inline: .75rem .375rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .fd-generic-tag:after, .fd-generic-tag:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-generic-tag__icon[class*=sap-icon] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--fdGenericTag_Icon_Color);
    font-size: 1rem
}

.fd-generic-tag__name, .fd-generic-tag__value {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    min-width: var(--fdGenericTag_Text_Min_Width);
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-generic-tag__name:after, .fd-generic-tag__name:before, .fd-generic-tag__value:after, .fd-generic-tag__value:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-generic-tag__name {
    color: var(--fdGenericTag_Name_Color);
    text-shadow: var(--fdGenericTag_Name_Text_Shadow)
}

.fd-generic-tag__value {
    -webkit-margin-start: .75rem;
    color: var(--fdGenericTag_Value_Color);
    margin-inline-start: .75rem;
    text-shadow: var(--fdGenericTag_Value_Text_Shadow)
}

.fd-generic-tag.is-hover, .fd-generic-tag:hover {
    --fdGenericTag_Background_Color: var(--sapList_Hover_Background);
    --fdGenericTag_Name_Color: var(--fdGenericTag_Name_Color_Hover);
    --fdGenericTag_Value_Color: var(--fdGenericTag_Value_Color_Hover_Neutral);
    --fdGenericTag_Icon_Color: var(--fdGenericTag_Icon_Color_Hover_Neutral);
    --fdGenericTag_Name_Text_Shadow: none;
    --fdGenericTag_Value_Text_Shadow: none
}

.fd-generic-tag.is-active, .fd-generic-tag:active {
    --fdGenericTag_Background_Color: var(--sapList_Active_Background);
    --fdGenericTag_Name_Color: var(--sapList_Active_TextColor);
    --fdGenericTag_Name_Text_Shadow: none;
    --fdGenericTag_Icon_Color: var(--sapList_Active_TextColor);
    --fdGenericTag_Value_Color: var(--sapList_Active_TextColor);
    --fdGenericTag_Value_Text_Shadow: none
}

.fd-generic-tag.is-active, .fd-generic-tag.is-focus, .fd-generic-tag:active, .fd-generic-tag:focus {
    outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
    outline-offset: var(--fdGenericTag_Spacing_Outline_Offset)
}

.fd-generic-tag.is-focus, .fd-generic-tag:focus {
    z-index: 5
}

.fd-generic-tag[dir=rtl], [dir=rtl] .fd-generic-tag {
    --fdGenericTag_Decorator_Position: 100%
}

.fd-generic-tag[class*=-compact], [class*=-compact] .fd-generic-tag:not([class*=-cozy]) {
    --fdGenericTag_Margin: 0.1875rem
}

.fd-generic-tag.fd-generic-tag--error {
    --fdGenericTag_Value_Color: var(--sapNegativeTextColor);
    --fdGenericTag_Icon_Color: var(--sapNegativeElementColor);
    --fdGenericTag_Decorator_Color: var(--sapNegativeElementColor);
    --fdGenericTag_Background_Color: var(--sapErrorBackground)
}

    .fd-generic-tag.fd-generic-tag--error.is-hover, .fd-generic-tag.fd-generic-tag--error:hover {
        --fdGenericTag_Value_Color: var(--fdGenericTag_Value_Color_Hover_Error);
        --fdGenericTag_Icon_Color: var(--fdGenericTag_Icon_Color_Hover_Error);
        --fdGenericTag_Background_Color: var(--sapList_Hover_Background);
        --fdGenericTag_Name_Color: var(--fdGenericTag_Name_Color_Hover)
    }

    .fd-generic-tag.fd-generic-tag--error.is-active, .fd-generic-tag.fd-generic-tag--error:active {
        --fdGenericTag_Name_Text_Shadow: none;
        --fdGenericTag_Value_Text_Shadow: none;
        --fdGenericTag_Background_Color: var(--sapList_Active_Background);
        --fdGenericTag_Name_Color: var(--sapList_Active_TextColor);
        --fdGenericTag_Icon_Color: var(--sapList_Active_TextColor);
        --fdGenericTag_Value_Color: var(--sapList_Active_TextColor)
    }

.fd-generic-tag.fd-generic-tag--warning {
    --fdGenericTag_Value_Color: var(--sapCriticalTextColor);
    --fdGenericTag_Icon_Color: var(--sapCriticalElementColor);
    --fdGenericTag_Decorator_Color: var(--sapCriticalElementColor);
    --fdGenericTag_Background_Color: var(--sapWarningBackground)
}

    .fd-generic-tag.fd-generic-tag--warning.is-hover, .fd-generic-tag.fd-generic-tag--warning:hover {
        --fdGenericTag_Value_Color: var(--fdGenericTag_Value_Color_Hover_Warning);
        --fdGenericTag_Icon_Color: var(--fdGenericTag_Icon_Color_Hover_Warning);
        --fdGenericTag_Background_Color: var(--sapList_Hover_Background);
        --fdGenericTag_Name_Color: var(--fdGenericTag_Name_Color_Hover)
    }

    .fd-generic-tag.fd-generic-tag--warning.is-active, .fd-generic-tag.fd-generic-tag--warning:active {
        --fdGenericTag_Name_Text_Shadow: none;
        --fdGenericTag_Value_Text_Shadow: none;
        --fdGenericTag_Background_Color: var(--sapList_Active_Background);
        --fdGenericTag_Name_Color: var(--sapList_Active_TextColor);
        --fdGenericTag_Icon_Color: var(--sapList_Active_TextColor);
        --fdGenericTag_Value_Color: var(--sapList_Active_TextColor)
    }

.fd-generic-tag.fd-generic-tag--success {
    --fdGenericTag_Value_Color: var(--sapPositiveTextColor);
    --fdGenericTag_Icon_Color: var(--sapPositiveElementColor);
    --fdGenericTag_Decorator_Color: var(--sapPositiveElementColor);
    --fdGenericTag_Background_Color: var(--sapSuccessBackground)
}

    .fd-generic-tag.fd-generic-tag--success.is-hover, .fd-generic-tag.fd-generic-tag--success:hover {
        --fdGenericTag_Value_Color: var(--fdGenericTag_Value_Color_Hover_Success);
        --fdGenericTag_Icon_Color: var(--fdGenericTag_Icon_Color_Hover_Success);
        --fdGenericTag_Background_Color: var(--sapList_Hover_Background);
        --fdGenericTag_Name_Color: var(--fdGenericTag_Name_Color_Hover)
    }

    .fd-generic-tag.fd-generic-tag--success.is-active, .fd-generic-tag.fd-generic-tag--success:active {
        --fdGenericTag_Name_Text_Shadow: none;
        --fdGenericTag_Value_Text_Shadow: none;
        --fdGenericTag_Background_Color: var(--sapList_Active_Background);
        --fdGenericTag_Name_Color: var(--sapList_Active_TextColor);
        --fdGenericTag_Icon_Color: var(--sapList_Active_TextColor);
        --fdGenericTag_Value_Color: var(--sapList_Active_TextColor)
    }

.fd-generic-tag.fd-generic-tag--information {
    --fdGenericTag_Value_Color: var(--sapInformativeTextColor);
    --fdGenericTag_Icon_Color: var(--sapInformativeElementColor);
    --fdGenericTag_Decorator_Color: var(--sapInformativeElementColor);
    --fdGenericTag_Background_Color: var(--sapInformationBackground)
}

    .fd-generic-tag.fd-generic-tag--information.is-hover, .fd-generic-tag.fd-generic-tag--information:hover {
        --fdGenericTag_Value_Color: var(--fdGenericTag_Value_Color_Hover_Information);
        --fdGenericTag_Icon_Color: var(--fdGenericTag_Icon_Color_Hover_Information);
        --fdGenericTag_Background_Color: var(--sapList_Hover_Background);
        --fdGenericTag_Name_Color: var(--fdGenericTag_Name_Color_Hover)
    }

    .fd-generic-tag.fd-generic-tag--information.is-active, .fd-generic-tag.fd-generic-tag--information:active {
        --fdGenericTag_Name_Text_Shadow: none;
        --fdGenericTag_Value_Text_Shadow: none;
        --fdGenericTag_Background_Color: var(--sapList_Active_Background);
        --fdGenericTag_Name_Color: var(--sapList_Active_TextColor);
        --fdGenericTag_Icon_Color: var(--sapList_Active_TextColor);
        --fdGenericTag_Value_Color: var(--sapList_Active_TextColor)
    }

.fd-grid-list {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-grid-list:after, .fd-grid-list:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-grid-list .fd-grid-list__radio-input {
        height: 1rem;
        width: 1rem
    }

        .fd-grid-list .fd-grid-list__radio-input + .fd-grid-list__radio-label.is-empty, .fd-grid-list .fd-grid-list__radio-input + .fd-grid-list__radio-label:empty {
            -ms-flex-item-align: center;
            align-self: center
        }

    .fd-grid-list .fd-grid-list__checkbox-input {
        height: 1rem;
        width: 1rem
    }

        .fd-grid-list .fd-grid-list__checkbox-input + .fd-grid-list__checkbox-label.is-empty, .fd-grid-list .fd-grid-list__checkbox-input + .fd-grid-list__checkbox-label:empty {
            -ms-flex-item-align: center;
            align-self: center
        }

    .fd-grid-list .fd-grid-list__item {
        border: 0;
        -webkit-box-sizing: border-box;
        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;
        line-height: normal;
        margin-block: 0;
        margin-inline: 0;
        padding-block: 0;
        padding-inline: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        background-color: var(--sapList_Background);
        border-radius: var(--fdGrid_List_Item_Border_Radius);
        -webkit-box-shadow: var(--sapContent_Shadow0);
        box-shadow: var(--sapContent_Shadow0);
        color: var(--sapList_TextColor);
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        outline: none;
        overflow: hidden;
        position: relative
    }

        .fd-grid-list .fd-grid-list__item:after, .fd-grid-list .fd-grid-list__item:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

        .fd-grid-list .fd-grid-list__item.is-focus, .fd-grid-list .fd-grid-list__item:focus {
            z-index: 5
        }

            .fd-grid-list .fd-grid-list__item.is-focus:before, .fd-grid-list .fd-grid-list__item:focus:before {
                border: var(--fdGrid_List_Item_Focus_Border);
                border-radius: var(--fdGrid_List_Item_Border_Radius);
                -webkit-box-shadow: var(--fdGrid_List_Item_Focus_Box_Shadow);
                box-shadow: var(--fdGrid_List_Item_Focus_Box_Shadow);
                content: "";
                display: block;
                inset: var(--fdGrid_List_Item_Focus_Outline_Offset);
                pointer-events: none;
                position: absolute;
                z-index: 1
            }

    .fd-grid-list .fd-grid-list__item--height-auto {
        height: auto
    }

    .fd-grid-list .fd-grid-list__item--unread .fd-grid-list__item-body * {
        font-weight: 700
    }

    .fd-grid-list .fd-grid-list__item--link {
        cursor: pointer
    }

        .fd-grid-list .fd-grid-list__item--link.is-hover, .fd-grid-list .fd-grid-list__item--link:hover {
            background-color: var(--sapList_Hover_Background);
            -webkit-box-shadow: 0 0 0 .0625rem var(--fdGrid_List_Item_Hover_Border_Color),var(--sapContent_Shadow2);
            box-shadow: 0 0 0 .0625rem var(--fdGrid_List_Item_Hover_Border_Color),var(--sapContent_Shadow2)
        }

        .fd-grid-list .fd-grid-list__item--link.is-active:not([aria-selected=true],.is-selected), .fd-grid-list .fd-grid-list__item--link:active:not([aria-selected=true],.is-selected) {
            background-color: var(--sapList_Active_Background)
        }

            .fd-grid-list .fd-grid-list__item--link.is-active:not([aria-selected=true],.is-selected) *, .fd-grid-list .fd-grid-list__item--link:active:not([aria-selected=true],.is-selected) * {
                color: var(--sapList_Active_TextColor) !important;
                text-shadow: none !important
            }

        .fd-grid-list .fd-grid-list__item--link.is-selected, .fd-grid-list .fd-grid-list__item--link[aria-selected=true] {
            background-color: var(--sapList_SelectionBackgroundColor);
            -webkit-box-shadow: 0 0 0 .125rem var(--sapList_SelectionBorderColor);
            box-shadow: 0 0 0 .125rem var(--sapList_SelectionBorderColor)
        }

            .fd-grid-list .fd-grid-list__item--link.is-selected.is-hover, .fd-grid-list .fd-grid-list__item--link.is-selected:hover, .fd-grid-list .fd-grid-list__item--link[aria-selected=true].is-hover, .fd-grid-list .fd-grid-list__item--link[aria-selected=true]:hover {
                background-color: var(--sapList_Hover_SelectionBackground)
            }

        .fd-grid-list .fd-grid-list__item--link.is-navigated:after {
            background-color: var(--sapList_SelectionBorderColor);
            border-radius: 0 var(--fdGrid_List_Item_Border_Radius) var(--fdGrid_List_Item_Border_Radius) 0;
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: .1875rem
        }

        .fd-grid-list .fd-grid-list__item--link.is-selected:before, .fd-grid-list .fd-grid-list__item--link[aria-selected=true]:before {
            border-color: var(--sapList_SelectionBackgroundColor)
        }

    .fd-grid-list .fd-grid-list__item-toolbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        --fdToolbar_Padding_Left: 1rem;
        --fdToolbar_Padding_Right: 1rem;
        --fdToolbar_Background: transparent;
        -ms-flex-negative: 0;
        border: none;
        -webkit-box-shadow: var(--fdGrid_List_Item_Toolbar_Shadow);
        box-shadow: var(--fdGrid_List_Item_Toolbar_Shadow);
        flex-shrink: 0
    }

    .fd-grid-list .fd-grid-list__item-body {
        border: 0;
        -webkit-box-sizing: border-box;
        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;
        line-height: normal;
        margin-block: 0;
        margin-inline: 0;
        padding-block: 0;
        padding-inline: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        padding-block: 1rem;
        padding-inline: 1rem;
        word-break: break-word
    }

        .fd-grid-list .fd-grid-list__item-body:after, .fd-grid-list .fd-grid-list__item-body:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

    .fd-grid-list .fd-grid-list__item-body--no-padding {
        padding-block: 0;
        padding-inline: 0
    }

    .fd-grid-list .fd-grid-list__item-body-actions {
        border: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: var(--sapTextColor);
        font-family: var(--sapFontFamily);
        font-size: var(--sapFontSize);
        font-weight: 400;
        forced-color-adjust: none;
        line-height: normal;
        margin-block: 0;
        margin-inline: 0;
        padding-block: 0;
        padding-inline: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-margin-before: 1rem;
        margin-block-start: 1rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

        .fd-grid-list .fd-grid-list__item-body-actions:after, .fd-grid-list .fd-grid-list__item-body-actions:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

    .fd-grid-list .fd-grid-list__item-header {
        border: 0;
        -webkit-box-sizing: border-box;
        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;
        line-height: normal;
        margin-block: 0;
        margin-inline: 0;
        padding-block: 0;
        padding-inline: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

        .fd-grid-list .fd-grid-list__item-header:after, .fd-grid-list .fd-grid-list__item-header:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

        .fd-grid-list .fd-grid-list__item-header + .fd-grid-list__item-content {
            -webkit-padding-before: 1rem;
            padding-block-start: 1rem
        }

    .fd-grid-list .fd-grid-list__item-image {
        -webkit-margin-end: .75rem;
        margin-inline-end: .75rem
    }

        .fd-grid-list .fd-grid-list__item-image + .fd-grid-list__item-content, .fd-grid-list .fd-grid-list__item-image + .fd-grid-list__item-header {
            max-width: calc(100% - 3.75rem)
        }

    .fd-grid-list .fd-grid-list__item-title {
        border: 0;
        -webkit-box-sizing: border-box;
        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: normal;
        margin-block: 0;
        margin-inline: 0;
        padding-block: 0;
        padding-inline: 0;
        white-space: normal;
        -webkit-margin-before: .125rem;
        margin-block-start: .125rem
    }

        .fd-grid-list .fd-grid-list__item-title:after, .fd-grid-list .fd-grid-list__item-title:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

    .fd-grid-list .fd-grid-list__item-subtitle {
        border: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: var(--sapTextColor);
        color: var(--sapContent_LabelColor);
        display: inline-block;
        font-family: var(--sapFontFamily);
        font-size: var(--sapFontSize);
        font-weight: 400;
        forced-color-adjust: none;
        line-height: normal;
        margin-block: 0;
        margin-block: .5rem .125rem;
        margin-inline: 0;
        padding-block: 0;
        padding-inline: 0
    }

        .fd-grid-list .fd-grid-list__item-subtitle:after, .fd-grid-list .fd-grid-list__item-subtitle:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

    .fd-grid-list .fd-grid-list__item-content {
        border: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: var(--sapTextColor);
        color: var(--sapList_TextColor);
        font-family: var(--sapFontFamily);
        font-size: var(--sapFontSize);
        font-weight: 400;
        forced-color-adjust: none;
        line-height: normal;
        margin-block: 0;
        margin-inline: 0;
        padding-block: 0;
        padding-inline: 0;
        width: 100%
    }

        .fd-grid-list .fd-grid-list__item-content:after, .fd-grid-list .fd-grid-list__item-content:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

    .fd-grid-list .fd-grid-list__item-counter {
        color: var(--sapContent_MarkerTextColor)
    }

    .fd-grid-list .fd-grid-list__item .fd-grid-list__item-navigation-indicator {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--sapContent_NonInteractiveIconColor);
        margin-inline: 0 -1rem;
        width: 2.5rem
    }

        .fd-grid-list .fd-grid-list__item .fd-grid-list__item-navigation-indicator[dir=rtl], [dir=rtl] .fd-grid-list .fd-grid-list__item .fd-grid-list__item-navigation-indicator {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

.fd-grid-list__group-header {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-margin-before: .75rem;
    color: var(--sapList_GroupHeaderTextColo);
    font-size: var(--sapFontHeader5Size);
    font-weight: 700;
    line-height: 2rem;
    margin-block-start: .75rem
}

    .fd-grid-list__group-header:after, .fd-grid-list__group-header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-grid-list__group-header.is-focus, .fd-grid-list__group-header:focus {
        outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
        outline-offset: -.1875rem
    }

.fd-grid-list__group-header--no-margin {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.fd-grid-list__more {
    background-color: var(--sapGroup_ContentBackground);
    border: 0;
    border-radius: var(--fdGrid_List_Item_Border_Radius);
    -webkit-box-shadow: var(--sapContent_Shadow0);
    box-shadow: var(--sapContent_Shadow0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    cursor: pointer;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: .813rem;
    padding-inline: 0;
    padding-inline: .813rem;
    text-align: center
}

    .fd-grid-list__more:after, .fd-grid-list__more:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-grid-list__more.is-focus, .fd-grid-list__more:focus {
        outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
        outline-offset: -.1875rem
    }

.fd-grid-list__more-title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    font-weight: 700;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-grid-list__more-title:after, .fd-grid-list__more-title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-grid-list__more-description {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-block: .813rem 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-grid-list__more-description:after, .fd-grid-list__more-description:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-grid-list__more-description, .fd-grid-list__more-title {
    color: var(--sapLink_Visited_Color)
}

.fd-grid-list__more.is-hover, .fd-grid-list__more:hover {
    background-color: var(--sapList_Hover_Background)
}

.fd-grid-list__more.is-active, .fd-grid-list__more:active {
    background-color: var(--sapList_Active_Background)
}

.fd-grid-list__more.is-active-description, .fd-grid-list__more.is-active-title, .fd-grid-list__more:active-description, .fd-grid-list__more:active-title {
    color: var(--sapList_Active_TextColor)
}

.fd-grid-list__footer {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapList_FooterTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-grid-list__footer:after, .fd-grid-list__footer:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-grid-list__footer.is-focus, .fd-grid-list__footer:focus {
        outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth)
    }

.fd-grid-list__highlight {
    border: 0;
    border-radius: var(--fdGrid_List_Item_Border_Radius) 0 0 var(--fdGrid_List_Item_Border_Radius);
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: block;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    left: 0;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    position: absolute;
    top: 0;
    width: .375rem
}

    .fd-grid-list__highlight:after, .fd-grid-list__highlight:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-grid-list__highlight[dir=rtl], [dir=rtl] .fd-grid-list__highlight {
        right: 0
    }

.fd-grid-list__highlight--positive {
    background-color: var(--sapSuccessBorderColor)
}

.fd-grid-list__highlight--negative {
    background-color: var(--sapErrorBorderColor)
}

.fd-grid-list__highlight--critical {
    background-color: var(--sapWarningBorderColor)
}

.fd-grid-list__highlight--neutral {
    background-color: var(--sapNeutralBorderColor)
}

.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label, .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label, .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label, .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    color: var(--sapContent_LabelColor);
    -ms-flex-direction: row;
    flex-direction: row
}

    .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty, .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label:empty, .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label.is-empty, .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label:empty, .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty, .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label:empty, .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label.is-empty, .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label:empty, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label:empty, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty {
        -webkit-margin-start: -.5rem;
        margin-inline-start: -.5rem
    }

.fd-grid-list--mode-single-select .fd-grid-list__item {
    cursor: pointer
}

    .fd-grid-list--mode-single-select .fd-grid-list__item.is-hover, .fd-grid-list--mode-single-select .fd-grid-list__item:hover {
        background-color: var(--sapList_Hover_Background);
        -webkit-box-shadow: 0 0 0 .0625rem var(--fdGrid_List_Item_Hover_Border_Color),var(--sapContent_Shadow2);
        box-shadow: 0 0 0 .0625rem var(--fdGrid_List_Item_Hover_Border_Color),var(--sapContent_Shadow2)
    }

    .fd-grid-list--mode-single-select .fd-grid-list__item.is-selected, .fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true] {
        background-color: var(--sapList_SelectionBackgroundColor);
        -webkit-box-shadow: 0 0 0 .125rem var(--sapList_SelectionBorderColor);
        box-shadow: 0 0 0 .125rem var(--sapList_SelectionBorderColor)
    }

        .fd-grid-list--mode-single-select .fd-grid-list__item.is-selected.is-hover, .fd-grid-list--mode-single-select .fd-grid-list__item.is-selected:hover, .fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true].is-hover, .fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true]:hover {
            background-color: var(--sapList_Hover_SelectionBackground)
        }

    .fd-grid-list--mode-single-select .fd-grid-list__item .fd-grid-list__radio-input {
        height: 100%;
        width: 100%;
        z-index: -1
    }

    .fd-grid-list--mode-single-select .fd-grid-list__item .fd-grid-list__radio-label {
        display: none
    }

    .fd-grid-list--mode-single-select .fd-grid-list__item.is-selected:before, .fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true]:before {
        border-color: var(--sapList_SelectionBackgroundColor)
    }

.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-input {
    right: 1rem
}

.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

    .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty {
        margin-inline: .5rem -.5rem
    }

.fd-has-clearfix:after {
    clear: both;
    content: "";
    display: table
}

.fd-has-float-left {
    float: left !important
}

.fd-has-float-right {
    float: right !important
}

.fd-horizontal-navigation {
    border: 0;
    -webkit-box-shadow: var(--sapContent_HeaderShadow);
    box-shadow: var(--sapContent_HeaderShadow);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-horizontal-navigation:after, .fd-horizontal-navigation:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-icon-tab-bar__counter, .fd-icon-tab-bar__tag {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: 1rem;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    white-space: nowrap
}

    .fd-icon-tab-bar__counter:after, .fd-icon-tab-bar__counter:before, .fd-icon-tab-bar__tag:after, .fd-icon-tab-bar__tag:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:after, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:after, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:after, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:after, .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before, .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after, .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before, .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:after, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:after, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:after, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:after, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:after, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:after, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:after, [dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after, [dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:after, [dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after, [dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:after, [dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after, [dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:after, [dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after, [dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:after {
    speak: none;
    font-family: SAP-icons;
    font-size: .75rem;
    -webkit-font-smoothing: antialiased;
    color: var(--fdIconTabBar_Tag_Icon_Color);
    display: var(--fdIcon_Tab_Bar_Semantic_Icon_Display)
}

.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before, .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after, [dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after, [dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after, [dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after {
    bottom: 0;
    margin-block: 0;
    margin-inline: 0;
    position: absolute;
    width: .75rem
}

.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:before, .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:before, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:before, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:before, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:before, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:before, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:before, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:before, [dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before, [dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before, [dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before, [dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before, [dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before, [dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before, [dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before, [dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before {
    content: none;
    margin-block: 0;
    margin-inline: 0
}

.fd-icon-tab-bar {
    --fdIconTabBar_Icon_Size: 2.75rem;
    --fdIconTabBar_Icon_Font_Size: 1.25rem;
    --fdIcon_Tab_Bar_Container_Badge_Size: 0.5rem;
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .fd-icon-tab-bar:after, .fd-icon-tab-bar:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-icon-tab-bar__header {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--sapObjectHeader_Background);
    -webkit-box-shadow: var(--sapContent_HeaderShadow);
    box-shadow: var(--sapContent_HeaderShadow);
    list-style: none;
    min-height: 2.75rem;
    position: relative
}

    .fd-icon-tab-bar__header:after, .fd-icon-tab-bar__header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-icon-tab-bar__header:has(.fd-icon-tab-bar__item--overflow) {
        overflow: visible
    }

.fd-icon-tab-bar__panel {
    background: var(--sapBackgroundColor)
}

.fd-icon-tab-bar__item {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-end: 2rem;
    margin-inline-end: 2rem
}

    .fd-icon-tab-bar__item:after, .fd-icon-tab-bar__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-icon-tab-bar__item--negative {
    --fdIconTabBar_Badge_Background: var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Negative);
    --fdIconTabBar_Badge_Background_After: var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Negative);
    --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Negative);
    --fdIconTabBar_Tag_Icon_Color: var(--sapNegativeElementColor);
    --fdIconTabBar_Tag_Icon_Content: ;
    --fdIconTabBar_Icon_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Negative);
    --fdIconTabBar_Icon_Border_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Negative)
}

    .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:after {
        -webkit-margin-end: .5rem;
        content: "\e1ec";
        margin-inline-end: .5rem
    }

    .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-hover, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab:hover {
        --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Negative)
    }

    .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true] {
        --fdIconTabBar_Selection_Bar_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Negative);
        --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Negative);
        --fdIconTabBar_Icon_Background: var(--fdIcon_Tab_Bar_Semantic_Background_Color_Negative)
    }

        .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected.is-hover, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected:hover, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true].is-hover, .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true]:hover {
            --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Negative)
        }

    .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon {
        position: relative
    }

        .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before {
            content: "\e1ec";
            right: -.9rem
        }

        .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after {
            content: "\e1ec";
            left: -.9rem;
            right: auto
        }

.fd-icon-tab-bar__item--positive {
    --fdIconTabBar_Badge_Background: var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Positive);
    --fdIconTabBar_Badge_Background_After: var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Positive);
    --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Positive);
    --fdIconTabBar_Tag_Icon_Color: var(--sapPositiveElementColor);
    --fdIconTabBar_Tag_Icon_Content: ;
    --fdIconTabBar_Icon_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Positive);
    --fdIconTabBar_Icon_Border_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Positive)
}

    .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:after {
        -webkit-margin-end: .5rem;
        content: "\e1c1";
        margin-inline-end: .5rem
    }

    .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-hover, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab:hover {
        --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Positive)
    }

    .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true] {
        --fdIconTabBar_Selection_Bar_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Positive);
        --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Positive);
        --fdIconTabBar_Icon_Background: var(--fdIcon_Tab_Bar_Semantic_Background_Color_Positive)
    }

        .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected.is-hover, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected:hover, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true].is-hover, .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true]:hover {
            --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Positive)
        }

    .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon {
        position: relative
    }

        .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before {
            content: "\e1c1";
            right: -.9rem
        }

        .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after {
            content: "\e1c1";
            left: -.9rem;
            right: auto
        }

.fd-icon-tab-bar__item--critical {
    --fdIconTabBar_Badge_Background: var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Critical);
    --fdIconTabBar_Badge_Background_After: var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Critical);
    --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Critical);
    --fdIconTabBar_Tag_Icon_Color: var(--sapCriticalElementColor);
    --fdIconTabBar_Tag_Icon_Content: ;
    --fdIconTabBar_Icon_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Critical);
    --fdIconTabBar_Icon_Border_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Critical)
}

    .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before, .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:after {
        -webkit-margin-end: .5rem;
        content: "\e053";
        margin-inline-end: .5rem
    }

    .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-hover, .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab:hover {
        --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Critical)
    }

    .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected, .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true] {
        --fdIconTabBar_Selection_Bar_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Critical);
        --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Critical);
        --fdIconTabBar_Icon_Background: var(--fdIcon_Tab_Bar_Semantic_Background_Color_Critical)
    }

        .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected.is-hover, .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected:hover, .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true].is-hover, .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true]:hover {
            --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Critical)
        }

    .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon {
        position: relative
    }

        .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before {
            content: "\e053";
            right: -.9rem
        }

        .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after {
            content: "\e053";
            left: -.9rem;
            right: auto
        }

.fd-icon-tab-bar__item--informative {
    --fdIconTabBar_Badge_Background: var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Informative);
    --fdIconTabBar_Badge_Background_After: var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Informative);
    --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Informative);
    --fdIconTabBar_Tag_Icon_Color: var(--sapInformativeElementColor);
    --fdIconTabBar_Tag_Icon_Content: ;
    --fdIconTabBar_Icon_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Informative);
    --fdIconTabBar_Icon_Border_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Informative)
}

    .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:after {
        -webkit-margin-end: .5rem;
        content: "\e289";
        margin-inline-end: .5rem
    }

    .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-hover, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab:hover {
        --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Informative)
    }

    .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true] {
        --fdIconTabBar_Selection_Bar_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Informative);
        --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Informative);
        --fdIconTabBar_Icon_Background: var(--fdIcon_Tab_Bar_Semantic_Background_Color_Informative)
    }

        .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected.is-hover, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected:hover, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true].is-hover, .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true]:hover {
            --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Semantic_Color_Informative)
        }

    .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon {
        position: relative
    }

        .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before {
            content: "\e289";
            right: -.9rem
        }

        .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after {
            content: "\e289";
            left: -.9rem;
            right: auto
        }

.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus, .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus {
        z-index: 5
    }

        .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container, .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container {
            position: relative
        }

            .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag, .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag {
                outline: none
            }

                .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after, .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after {
                    border: none
                }

            .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container:after, .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container:after {
                border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
                border-radius: var(--fdIcon_Tab_Bar_Text_Focus_Radius);
                content: "";
                display: block;
                inset: 0;
                inset: var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);
                position: absolute
            }

        .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge, .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge {
            right: -.4375rem;
            top: -.125rem
        }

            .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge[dir=rtl], .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge[dir=rtl], [dir=rtl] .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge, [dir=rtl] .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge {
                left: -.4375rem;
                right: auto
            }

.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

    .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab {
        padding-inline: .188rem 1.938rem
    }

        .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge {
            right: 1.625rem
        }

            .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge[dir=rtl], [dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge {
                left: 1.625rem;
                right: auto
            }

        .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab.is-selected + .fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before, .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab[aria-selected=true] + .fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before {
            --fdIconTabBar_Multi_Click_Separator_Background: var(--sapContent_Selected_ForegroundColor)
        }

    .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab {
        padding-inline: .188rem 3.938rem
    }

    .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover {
        height: 100%;
        max-width: 1.5rem;
        min-width: 1.5rem;
        right: 2.188rem;
        width: 1.5rem
    }

        .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover[dir=rtl], [dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover {
            left: 2.188rem;
            right: auto
        }

        .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container {
            max-width: 1.5rem;
            min-width: 1.5rem;
            width: 1.5rem
        }

            .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before {
                display: var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display)
            }

.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

    .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab {
        padding-inline: .188rem 2.188rem
    }

    .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container {
        max-width: 2rem;
        min-width: 2rem;
        position: absolute;
        right: 0;
        width: 2rem;
        z-index: 10
    }

        .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl], [dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container {
            left: 0;
            right: auto
        }

        .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container:before {
            display: none
        }

.fd-icon-tab-bar__item--dnd-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: var(--sapFontSize);
    line-height: var(--sapContent_LineHeight);
    opacity: .8;
    z-index: 9999 !important
}

    .fd-icon-tab-bar__item--dnd-preview, .fd-icon-tab-bar__item--dnd-preview * {
        background: var(--sapObjectHeader_Background)
    }

.fd-icon-tab-bar__item--dnd-hovered {
    background: var(--sapButton_Hover_Background);
    -webkit-box-shadow: inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor);
    box-shadow: inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor)
}

    .fd-icon-tab-bar__item--dnd-hovered.fd-icon-tab-bar__list-item {
        background: var(--sapButton_Hover_Background) !important
    }

        .fd-icon-tab-bar__item--dnd-hovered.fd-icon-tab-bar__list-item .fd-icon-tab-bar__list-link {
            background: none
        }

.fd-icon-tab-bar__item--dnd-separator {
    position: relative
}

    .fd-icon-tab-bar__item--dnd-separator:before {
        background: var(--fdIcon_Tab_Bar_Separator_Color);
        content: "";
        height: 100%;
        left: -.5rem;
        position: absolute;
        top: 0;
        width: .125rem
    }

[dir=rtl] .fd-icon-tab-bar__item--dnd-separator:before {
    left: auto;
    right: -.5rem
}

.fd-icon-tab-bar__item--dnd-separator:after {
    background: var(--sapObjectHeader_Background);
    border: .125rem solid var(--fdIcon_Tab_Bar_Separator_Color);
    border-radius: 50%;
    content: "";
    height: .5rem;
    left: -.7rem;
    position: absolute;
    top: 0;
    width: .5rem
}

[dir=rtl] .fd-icon-tab-bar__item--dnd-separator:after {
    left: auto;
    right: -.7rem
}

.fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:before {
    height: .125rem;
    left: .0625rem;
    right: unset;
    top: .125rem;
    width: 100%
}

[dir=rtl] .fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:before {
    left: auto;
    right: .0625rem
}

.fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:after {
    left: 0;
    right: unset;
    top: -.0625rem;
    z-index: 1
}

[dir=rtl] .fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:after {
    left: auto;
    right: 0
}

.fd-icon-tab-bar__item--dnd-separator-end {
    position: relative
}

    .fd-icon-tab-bar__item--dnd-separator-end:before {
        background: var(--fdIcon_Tab_Bar_Separator_Color);
        content: "";
        height: 100%;
        position: absolute;
        right: -.5rem;
        top: 0;
        width: .125rem
    }

[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end:before {
    left: -.5rem;
    right: auto
}

.fd-icon-tab-bar__item--dnd-separator-end:after {
    background: var(--sapObjectHeader_Background);
    border: .125rem solid var(--fdIcon_Tab_Bar_Separator_Color);
    border-radius: 50%;
    content: "";
    height: .5rem;
    position: absolute;
    right: -.7rem;
    top: 0;
    width: .5rem
}

[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end:after {
    left: -.7rem;
    right: auto
}

.fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:before {
    bottom: .125rem;
    height: .125rem;
    left: .0625rem;
    right: unset;
    top: unset;
    width: 100%
}

[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:before {
    left: auto;
    right: .0625rem
}

.fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:after {
    bottom: -.0625rem;
    left: 0;
    right: unset;
    top: unset;
    z-index: 1
}

[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:after {
    left: auto;
    right: 0
}

.fd-icon-tab-bar__button-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.75rem;
    max-height: 2.75rem;
    max-width: 1.5rem;
    min-height: 2.75rem;
    min-width: 1.5rem;
    position: relative;
    width: 1.5rem
}

    .fd-icon-tab-bar__button-container:after, .fd-icon-tab-bar__button-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-icon-tab-bar__button-container:before {
        background: var(--fdIconTabBar_Multi_Click_Separator_Background);
        content: "";
        display: var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display);
        height: 1rem;
        left: 0;
        position: absolute;
        top: .75rem;
        width: .0625rem
    }

    .fd-icon-tab-bar__button-container[dir=rtl]:before, [dir=rtl] .fd-icon-tab-bar__button-container:before {
        left: auto;
        right: 0
    }

.fd-icon-tab-bar .fd-icon-tab-bar__button {
    border-radius: .25rem;
    font-family: var(--sapContent_IconFontFamily);
    height: 1.5rem;
    min-width: 1.5rem;
    width: 1.5rem;
    --fdButton_Hover_Shadow: none
}

    .fd-icon-tab-bar .fd-icon-tab-bar__button.is-focus, .fd-icon-tab-bar .fd-icon-tab-bar__button:focus {
        z-index: 5
    }

        .fd-icon-tab-bar .fd-icon-tab-bar__button.is-focus:after, .fd-icon-tab-bar .fd-icon-tab-bar__button:focus:after {
            border-radius: var(--fdIcon_Tab_Bar_Multi_Click_Button_Focus_Radius)
        }

.fd-icon-tab-bar__tab {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    min-width: 2rem;
    padding-block: .875rem;
    padding-inline: .188rem;
    position: relative;
    text-decoration: none
}

    .fd-icon-tab-bar__tab:after, .fd-icon-tab-bar__tab:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-icon-tab-bar__tab.is-selected, .fd-icon-tab-bar__tab[aria-selected=true] {
        --fdIconTabBar_Icon_Background: var(--sapSelectedColor);
        --fdIconTabBar_Icon_Color: var(--sapContent_ContrastIconColor);
        --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Selection_Color);
        --fdIconTabBar_Arrow_Color: var(--sapContent_Selected_ForegroundColor);
        position: relative
    }

        .fd-icon-tab-bar__tab.is-selected:after, .fd-icon-tab-bar__tab[aria-selected=true]:after {
            background: var(--fdIconTabBar_Selection_Bar_Color);
            border-radius: .125rem .125rem 0 0;
            bottom: 0;
            content: "";
            display: inline-block;
            height: var(--fdIcon_Tab_Bar_Selection_Bar_Height);
            left: 0;
            position: absolute;
            -webkit-transition: all .125s ease-in;
            transition: all .125s ease-in;
            width: 100%
        }

        .fd-icon-tab-bar__tab.is-selected[dir=rtl]:after, .fd-icon-tab-bar__tab[aria-selected=true][dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar__tab.is-selected:after, [dir=rtl] .fd-icon-tab-bar__tab[aria-selected=true]:after {
            left: auto;
            right: 0
        }

        .fd-icon-tab-bar__tab.is-selected + .fd-icon-tab-bar__popover .fd-icon-tab-bar__button, .fd-icon-tab-bar__tab[aria-selected=true] + .fd-icon-tab-bar__popover .fd-icon-tab-bar__button {
            --fdButtonColor: var(--sapContent_Selected_ForegroundColor)
        }

    .fd-icon-tab-bar__tab.is-hover, .fd-icon-tab-bar__tab:hover {
        --fdIconTabBar_Tag_Color: var(--fdIcon_Tab_Bar_Label_Hover_Color);
        --fdIconTabBar_Arrow_Color: var(--sapContent_Selected_ForegroundColor)
    }

    .fd-icon-tab-bar__tab.is-focus, .fd-icon-tab-bar__tab:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        z-index: 5
    }

        .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__icon:after, .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__icon:after {
            border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
            border-radius: var(--fdIcon_Tab_Bar_Icon_Focus_Radius);
            content: "";
            display: block;
            inset: 0;
            inset: var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);
            inset: var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset);
            position: absolute
        }

        .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__container--filter:before, .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tag:after, .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__container--filter:before, .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tag:after {
            border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
            border-radius: var(--fdIcon_Tab_Bar_Text_Focus_Radius);
            content: "";
            display: block;
            inset: 0;
            inset: var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);
            position: absolute
        }

.fd-icon-tab-bar__tab-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .fd-icon-tab-bar__tab-container:after, .fd-icon-tab-bar__tab-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-icon-tab-bar__arrow {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1rem;
    margin-inline: var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left) var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);
    width: var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Width)
}

    .fd-icon-tab-bar__arrow:after, .fd-icon-tab-bar__arrow:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-icon-tab-bar__arrow [class*=sap-icon] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--fdIconTabBar_Arrow_Color);
        font-size: 1rem;
        height: 1rem;
        line-height: 1rem;
        width: 1rem
    }

.fd-icon-tab-bar__tag {
    color: var(--fdIconTabBar_Tag_Color);
    font-family: var(--fdIcon_Tab_Bar_Label_Font_Family);
    font-size: var(--sapFontSize);
    position: relative
}

.fd-icon-tab-bar__counter {
    -webkit-margin-after: .125rem;
    margin-block-end: .125rem
}

.fd-icon-tab-bar__icon {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fdIconTabBar_Icon_Background);
    border: var(--fdIcon_Tab_Bar_Icon_Border_Weight) solid var(--fdIconTabBar_Icon_Border_Color);
    border-radius: 50%;
    height: var(--fdIconTabBar_Icon_Size);
    margin-inline: .188rem;
    position: relative;
    width: var(--fdIconTabBar_Icon_Size)
}

    .fd-icon-tab-bar__icon:after, .fd-icon-tab-bar__icon:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-icon-tab-bar__icon [class*=sap-icon], .fd-icon-tab-bar__icon[class*=sap-icon] {
        color: var(--fdIconTabBar_Icon_Color);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-size: var(--fdIconTabBar_Icon_Font_Size);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.fd-icon-tab-bar__details {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    height: 2.75rem;
    justify-content: flex-end;
    max-width: 7.5rem;
    padding-block: .375rem .25rem;
    padding-inline: .125rem .25rem
}

    .fd-icon-tab-bar__details:after, .fd-icon-tab-bar__details:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-icon-tab-bar__label {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdIcon_Tab_Bar_Label_Color);
    font-family: var(--sapFontFamily);
    font-family: var(--fdIcon_Tab_Bar_Label_Font_Family);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontSmallSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: .875rem;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-icon-tab-bar__label:after, .fd-icon-tab-bar__label:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-icon-tab-bar__separator {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    padding-inline: .5rem
}

    .fd-icon-tab-bar__separator:after, .fd-icon-tab-bar__separator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-icon-tab-bar__separator [class*=sap-icon], .fd-icon-tab-bar__separator[class*=sap-icon] {
        color: var(--sapContent_NonInteractiveIconColor);
        font-size: 1rem
    }

        .fd-icon-tab-bar__separator [class*=sap-icon][dir=rtl], .fd-icon-tab-bar__separator[class*=sap-icon][dir=rtl], [dir=rtl] .fd-icon-tab-bar__separator [class*=sap-icon], [dir=rtl] .fd-icon-tab-bar__separator[class*=sap-icon] {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

.fd-icon-tab-bar__container {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    position: relative
}

    .fd-icon-tab-bar__container:after, .fd-icon-tab-bar__container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-icon-tab-bar__container .fd-icon-tab-bar__badge {
        border: .125rem solid var(--sapContent_BadgeBorderColor);
        border-radius: 50%;
        height: var(--fdIcon_Tab_Bar_Container_Badge_Size);
        right: .188rem;
        top: 0;
        width: var(--fdIcon_Tab_Bar_Container_Badge_Size)
    }

        .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl], [dir=rtl] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge {
            left: .188rem;
            right: auto
        }

    .fd-icon-tab-bar__container .fd-icon-tab-bar__counter {
        left: 2.75rem;
        position: absolute;
        top: 0
    }

        .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl], [dir=rtl] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter {
            left: auto;
            right: 2.75rem
        }

.fd-icon-tab-bar__container--filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem
}

    .fd-icon-tab-bar__container--filter:after {
        background: var(--sapGroup_TitleBorderColor);
        content: "";
        height: 2rem;
        padding-block: 0;
        padding-inline: 0;
        position: absolute;
        right: -.5625rem;
        width: .0625rem
    }

    .fd-icon-tab-bar__container--filter[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar__container--filter:after {
        left: -.5625rem;
        right: auto
    }

.fd-icon-tab-bar__filter-counter, .fd-icon-tab-bar__filter-label {
    border: 0;
    -webkit-box-sizing: border-box;
    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: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-icon-tab-bar__filter-counter:after, .fd-icon-tab-bar__filter-counter:before, .fd-icon-tab-bar__filter-label:after, .fd-icon-tab-bar__filter-label:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-icon-tab-bar__filter-counter {
    font-size: 1.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.fd-icon-tab-bar__overflow {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    padding-inline: .5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fdIconTabBar_Overflow_Button_Background);
    border: .0625rem solid var(--fdIconTabBar_Overflow_Button_Border_Color);
    border-radius: var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);
    cursor: pointer;
    gap: .375rem;
    height: 1.5rem;
    position: relative
}

    .fd-icon-tab-bar__overflow:after, .fd-icon-tab-bar__overflow:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-icon-tab-bar__overflow [class*=sap-icon] {
        color: var(--fdIconTabBar_Overflow_Button_Icon_Color);
        font-family: var(--sapContent_IconFontFamily);
        font-size: 1rem
    }

.fd-icon-tab-bar__overflow-text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdIconTabBar_Overflow_Button_Text_Color);
    font-family: var(--sapFontFamily);
    font-family: var(--fdIcon_Tab_Bar_Overflow_Button_Font_Family);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: 1.5rem;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-icon-tab-bar__overflow-text:after, .fd-icon-tab-bar__overflow-text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-icon-tab-bar__overflow.is-hover, .fd-icon-tab-bar__overflow:hover {
    --fdIconTabBar_Overflow_Button_Background: var(--sapButton_Hover_Background);
    --fdIconTabBar_Overflow_Button_Border_Color: var(--sapButton_Hover_BorderColor);
    --fdIconTabBar_Overflow_Button_Text_Color: var(--fdIcon_Tab_Bar_Overflow_Button_Text_Color_Hover);
    --fdIconTabBar_Overflow_Button_Icon_Color: var(--fdIcon_Tab_Bar_Overflow_Button_Icon_Color_Hover)
}

.fd-icon-tab-bar__overflow.is-active, .fd-icon-tab-bar__overflow:active {
    --fdIconTabBar_Overflow_Button_Background: var(--sapButton_Active_Background);
    --fdIconTabBar_Overflow_Button_Border_Color: var(--sapButton_Active_BorderColor);
    --fdIconTabBar_Overflow_Button_Text_Color: var(--sapButton_Active_TextColor);
    --fdIconTabBar_Overflow_Button_Icon_Color: var(--sapButton_Active_TextColor)
}

.fd-icon-tab-bar__overflow.is-focus, .fd-icon-tab-bar__overflow:focus {
    outline: none;
    z-index: 5
}

    .fd-icon-tab-bar__overflow.is-focus:after, .fd-icon-tab-bar__overflow:focus:after {
        border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
        border-radius: var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);
        content: "";
        display: block;
        inset: var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);
        position: absolute
    }

    .fd-icon-tab-bar__overflow.is-focus.is-active:after, .fd-icon-tab-bar__overflow.is-focus:active:after, .fd-icon-tab-bar__overflow:focus.is-active:after, .fd-icon-tab-bar__overflow:focus:active:after {
        border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_ContrastFocusColor)
    }

.fd-icon-tab-bar .fd-icon-tab-bar__popover {
    position: absolute;
    right: .188rem;
    top: 0
}

    .fd-icon-tab-bar .fd-icon-tab-bar__popover[dir=rtl], [dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__popover {
        left: .188rem;
        right: auto
    }

.fd-icon-tab-bar .fd-icon-tab-bar__popover-body {
    -webkit-margin-end: -.25rem;
    margin-inline-end: -.25rem;
    -webkit-margin-before: -.25rem;
    margin-block-start: -.25rem;
    z-index: 10
}

.fd-icon-tab-bar .fd-icon-tab-bar__popover .fd-icon-tab-bar__button {
    --fdButtonColor: var(--sapTextColor)
}

.fd-icon-tab-bar__badge {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fdIconTabBar_Badge_Background);
    border: .0625rem solid var(--sapObjectHeader_Background);
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: .375rem;
    position: absolute;
    right: -.2505rem;
    top: .75rem;
    width: .375rem;
    z-index: 5
}

    .fd-icon-tab-bar__badge:after, .fd-icon-tab-bar__badge:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-icon-tab-bar__badge[dir=rtl], [dir=rtl] .fd-icon-tab-bar__badge {
        left: -.2505rem;
        right: auto
    }

.fd-icon-tab-bar__badge--animated {
    -webkit-animation-delay: 0s,1.5s;
    animation-delay: 0s,1.5s;
    -webkit-animation-duration: 1.5s,.75s;
    animation-duration: 1.5s,.75s;
    -webkit-animation-iteration-count: 1,1;
    animation-iteration-count: 1,1;
    -webkit-animation-name: pulse-appear,pulse-disappear;
    animation-name: pulse-appear,pulse-disappear;
    -webkit-animation-timing-function: ease-in,ease-out;
    animation-timing-function: ease-in,ease-out;
    -webkit-transform: scale(0);
    transform: scale(0)
}

    .fd-icon-tab-bar__badge--animated:after {
        -webkit-animation: pulse-after 1s ease-in;
        animation: pulse-after 1s ease-in;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        background: var(--fdIconTabBar_Badge_Background_After);
        border-radius: 50%;
        content: "";
        height: .75rem;
        opacity: 0;
        position: absolute;
        -webkit-transform: scale(0);
        transform: scale(0);
        width: .75rem
    }

@-webkit-keyframes pulse-appear {
    0% {
        -webkit-transform: scale(.25);
        transform: scale(.25)
    }

    64% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    71% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse-appear {
    0% {
        -webkit-transform: scale(.25);
        transform: scale(.25)
    }

    64% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    71% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes pulse-disappear {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes pulse-disappear {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes pulse-after {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    71% {
        opacity: .2;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        opacity: .2;
        -webkit-transform: scale(1.17);
        transform: scale(1.17)
    }

    86% {
        opacity: .1;
        -webkit-transform: scale(1.33);
        transform: scale(1.33)
    }

    93% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes pulse-after {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    71% {
        opacity: .2;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        opacity: .2;
        -webkit-transform: scale(1.17);
        transform: scale(1.17)
    }

    86% {
        opacity: .1;
        -webkit-transform: scale(1.33);
        transform: scale(1.33)
    }

    93% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.fd-icon-tab-bar__icon-separator {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-inline: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 1rem;
    justify-content: center;
    padding-block: 0;
    padding-inline: .5rem
}

    .fd-icon-tab-bar__icon-separator:after, .fd-icon-tab-bar__icon-separator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-icon-tab-bar__icon-separator [class*=sap-icon] {
        color: var(--sapContent_NonInteractiveIconColor);
        font-size: 1rem;
        height: 1rem;
        line-height: 1rem;
        width: 1rem
    }

    .fd-icon-tab-bar__icon-separator[dir=rtl] [class*=sap-icon], [dir=rtl] .fd-icon-tab-bar__icon-separator [class*=sap-icon] {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.fd-icon-tab-bar__line-separator {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-margin-before: .25rem;
    border-bottom: .0625rem solid var(--sapGroup_TitleBorderColor);
    margin-block-start: .25rem
}

    .fd-icon-tab-bar__line-separator:after, .fd-icon-tab-bar__line-separator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-icon-tab-bar__line-separator:first-child {
        -webkit-margin-before: .5rem;
        margin-block-start: .5rem;
        margin-inline: 1rem 1rem
    }

.fd-icon-tab-bar__list {
    width: 100%
}

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="1"] {
        --fdList_Navigation_Link_Padding_Left: 1rem;
        --fdList_Navigation_Link_Padding_Right: 1rem
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="1"] + .fd-icon-tab-bar__line-separator {
            margin-inline: 1.5rem 1rem
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="2"] {
        --fdList_Navigation_Link_Padding_Left: 1.5rem;
        --fdList_Navigation_Link_Padding_Right: 1rem
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="2"] + .fd-icon-tab-bar__line-separator {
            margin-inline: 2rem 1rem
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="3"] {
        --fdList_Navigation_Link_Padding_Left: 2rem;
        --fdList_Navigation_Link_Padding_Right: 1rem
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="3"] + .fd-icon-tab-bar__line-separator {
            margin-inline: 2.5rem 1rem
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="4"] {
        --fdList_Navigation_Link_Padding_Left: 2.5rem;
        --fdList_Navigation_Link_Padding_Right: 1rem
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="4"] + .fd-icon-tab-bar__line-separator {
            margin-inline: 3rem 1rem
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="5"] {
        --fdList_Navigation_Link_Padding_Left: 3rem;
        --fdList_Navigation_Link_Padding_Right: 1rem
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="5"] + .fd-icon-tab-bar__line-separator {
            margin-inline: 3.5rem 1rem
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="6"] {
        --fdList_Navigation_Link_Padding_Left: 3.5rem;
        --fdList_Navigation_Link_Padding_Right: 1rem
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="6"] + .fd-icon-tab-bar__line-separator {
            margin-inline: 4rem 1rem
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="7"] {
        --fdList_Navigation_Link_Padding_Left: 4rem;
        --fdList_Navigation_Link_Padding_Right: 1rem
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="7"] + .fd-icon-tab-bar__line-separator {
            margin-inline: 4.5rem 1rem
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="8"] {
        --fdList_Navigation_Link_Padding_Left: 4.5rem;
        --fdList_Navigation_Link_Padding_Right: 1rem
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="8"] + .fd-icon-tab-bar__line-separator {
            margin-inline: 5rem 1rem
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="9"] {
        --fdList_Navigation_Link_Padding_Left: 5rem;
        --fdList_Navigation_Link_Padding_Right: 1rem
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="9"] + .fd-icon-tab-bar__line-separator {
            margin-inline: 5.5rem 1rem
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="10"] {
        --fdList_Navigation_Link_Padding_Left: 5.5rem;
        --fdList_Navigation_Link_Padding_Right: 1rem
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level="10"] + .fd-icon-tab-bar__line-separator {
            margin-inline: 6rem 1rem
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item span {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge {
        position: static;
        -webkit-margin-after: .625rem;
        margin-block-end: .625rem
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon] {
            -webkit-margin-after: 0;
            margin-block-end: 0
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-counter, .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-icon [class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-icon[class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-title {
        color: var(--fdIcon_Tab_Bar_Semantic_Color_Negative)
    }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-counter, .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-icon [class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-icon[class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-title {
        color: var(--fdIcon_Tab_Bar_Semantic_Color_Positive)
    }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-counter, .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-icon [class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-icon[class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-title {
        color: var(--fdIcon_Tab_Bar_Semantic_Color_Critical)
    }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-counter, .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-icon [class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-icon[class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-title {
        color: var(--fdIcon_Tab_Bar_Semantic_Color_Informative)
    }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__list-link {
        --fdList_Navigation_Link_Padding_Right: 2rem;
        position: relative
    }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container {
        max-width: 2rem;
        min-width: 2rem;
        position: absolute;
        right: 0;
        width: 2rem;
        z-index: 10
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container[dir=rtl], [dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container {
            left: 0;
            right: auto
        }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container:before {
            display: none
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 1.25rem;
        -webkit-margin-end: .25rem;
        margin-inline-end: .25rem
    }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-selected, .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link[aria-selected=true] {
        border-bottom: none
    }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-counter, .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-icon [class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-icon[class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-title, .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-counter, .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-icon [class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-icon[class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-title {
        color: var(--sapList_Active_TextColor)
    }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-focus, .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:focus {
        z-index: 5
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-focus:before, .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:focus:before {
            border-radius: .375rem
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-link span {
        font-size: var(--sapFontSize)
    }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon], .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child {
        font-size: 1rem;
        margin-block: 0;
        margin-inline: 0;
        width: auto
    }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child {
        padding-inline: 1rem
    }

        .fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child:after {
            -webkit-margin-before: .75rem;
            margin-block-start: .75rem
        }

    .fd-icon-tab-bar__list .fd-icon-tab-bar__icon-separator:first-child {
        height: 1.5rem;
        padding-inline: 1rem
    }

    .fd-icon-tab-bar__list[dir=rtl] .fd-icon-tab-bar__list-item-icon, [dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.fd-icon-tab-bar--transparent .fd-icon-tab-bar__header, .fd-icon-tab-bar--transparent .fd-icon-tab-bar__panel {
    background: transparent
}

.fd-icon-tab-bar--translucent .fd-icon-tab-bar__header {
    background: var(--sapObjectHeader_Background)
}

.fd-icon-tab-bar--translucent .fd-icon-tab-bar__panel {
    background: var(--sapGroup_ContentBackground)
}

.fd-icon-tab-bar[class*=-compact], .fd-icon-tab-bar[class*=-condensed], [class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]), [class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) {
    --fdIconTabBar_Icon_Size: 2rem;
    --fdIconTabBar_Icon_Font_Size: 1rem;
    --fdIcon_Tab_Bar_Container_Badge_Size: 0.375rem
}

    .fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter, .fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter, [class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter, [class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter {
        left: 2rem
    }

        .fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl], .fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl], [class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl], [class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl], [dir=rtl] .fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter, [dir=rtl] .fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter, [dir=rtl] [class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter, [dir=rtl] [class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter {
            left: auto;
            right: 2rem
        }

.fd-icon-tab-bar--counters .fd-icon-tab-bar__tab {
    height: 3.875rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.fd-icon-tab-bar--counters .fd-icon-tab-bar__badge {
    top: 1.9375rem
}

.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__tab {
    padding-block: 1rem;
    padding-inline: 0;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-inline: .75rem
}

.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item {
    margin-inline: .25rem
}

    .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child {
        margin-block: 0;
        margin-inline: 0 .25rem
    }

        .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab {
            margin-inline: 0 .75rem
        }

.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab {
    -webkit-padding-end: 2rem;
    padding-inline-end: 2rem
}

.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container {
    right: .75rem
}

    .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl], [dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container {
        left: .75rem;
        right: auto
    }

.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge {
    right: .2505rem
}

    .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl], [dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge {
        left: .2505rem;
        right: auto
    }

.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter {
    left: 2.938rem
}

    .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl], [dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter {
        left: auto;
        right: 2.938rem
    }

.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter, .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter, [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter, [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter {
    left: 2.188rem
}

    .fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl], .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl], [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl], [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl], [dir=rtl] .fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter, [dir=rtl] .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter, [dir=rtl] [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter, [dir=rtl] [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter {
        left: auto;
        right: 2.188rem
    }

.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge, .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge, [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge, [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge {
    right: .188rem
}

    .fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl], .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl], [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl], [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl], [dir=rtl] .fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge, [dir=rtl] .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge, [dir=rtl] [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge, [dir=rtl] [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge {
        left: .188rem;
        right: auto
    }

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item {
    margin-block: 0;
    margin-inline: 0
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative[dir=rtl] .fd-icon-tab-bar__icon:after, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after {
    content: none;
    margin-block: 0;
    margin-inline: 0
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before {
    -webkit-margin-end: .5rem;
    color: var(--sapNegativeElementColor);
    content: "\e1ec";
    margin-inline-end: .5rem
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:before, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before {
    content: none;
    margin-block: 0;
    margin-inline: 0
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:after {
    -webkit-margin-end: .5rem;
    color: var(--sapNegativeElementColor);
    content: "\e1ec";
    margin-inline-end: .5rem
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive[dir=rtl] .fd-icon-tab-bar__icon:after, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after {
    content: none;
    margin-block: 0;
    margin-inline: 0
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before {
    -webkit-margin-end: .5rem;
    color: var(--sapPositiveElementColor);
    content: "\e1c1";
    margin-inline-end: .5rem
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:before, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before {
    content: none;
    margin-block: 0;
    margin-inline: 0
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:after {
    -webkit-margin-end: .5rem;
    color: var(--sapPositiveElementColor);
    content: "\e1c1";
    margin-inline-end: .5rem
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical[dir=rtl] .fd-icon-tab-bar__icon:after, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after {
    content: none;
    margin-block: 0;
    margin-inline: 0
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before {
    -webkit-margin-end: .5rem;
    color: var(--sapCriticalElementColor);
    content: "\e053";
    margin-inline-end: .5rem
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:before, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before {
    content: none;
    margin-block: 0;
    margin-inline: 0
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:after {
    -webkit-margin-end: .5rem;
    color: var(--sapCriticalElementColor);
    content: "\e053";
    margin-inline-end: .5rem
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative[dir=rtl] .fd-icon-tab-bar__icon:after, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after {
    content: none;
    margin-block: 0;
    margin-inline: 0
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before {
    -webkit-margin-end: .5rem;
    color: var(--sapInformativeElementColor);
    content: "\e289";
    margin-inline-end: .5rem
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:before, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before {
    content: none;
    margin-block: 0;
    margin-inline: 0
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:after {
    -webkit-margin-end: .5rem;
    color: var(--sapInformativeElementColor);
    content: "\e289";
    margin-inline-end: .5rem
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab {
    -webkit-padding-end: 2rem;
    padding-inline-end: 2rem
}

.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container {
    right: 0
}

    .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl], [dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container {
        left: 0;
        right: auto
    }

.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab {
    padding-block: 1rem;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .fd-icon-tab-bar--icon .fd-icon-tab-bar__tab:after {
        width: 3.126rem
    }

.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter {
    -webkit-margin-after: 0;
    font-size: var(--sapFontSmallSize);
    line-height: .875rem;
    margin-block-end: 0
}

    .fd-icon-tab-bar--icon .fd-icon-tab-bar__counter + .fd-icon-tab-bar__label {
        -webkit-margin-before: .375rem;
        margin-block-start: .375rem
    }

.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__details, .fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__details, [class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__details, [class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__details {
    height: 2rem;
    padding-block: 0
}

.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__tab:after, .fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__tab:after, [class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__tab:after, [class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__tab:after {
    width: 2.376rem
}

.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__counter + .fd-icon-tab-bar__label, .fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__counter + .fd-icon-tab-bar__label, [class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__counter + .fd-icon-tab-bar__label, [class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__counter + .fd-icon-tab-bar__label {
    -webkit-margin-before: .25rem;
    margin-block-start: .25rem
}

.fd-icon-tab-bar--process .fd-icon-tab-bar__item {
    margin-inline: 0
}

.fd-icon-tab-bar--filter .fd-icon-tab-bar__item {
    margin-inline: .25rem
}

    .fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child {
        margin-inline: 0 1.063rem
    }

        .fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab {
            padding-block: 1.625rem 1.875rem;
            position: relative
        }

    .fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2) {
        margin-block: 0;
        margin-inline: 0 .25rem
    }

.fd-icon-tab-bar--filter .fd-icon-tab-bar__tab {
    margin-inline: 0;
    padding-block: .875rem .625rem;
    padding-inline: .188rem;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fd-icon-tab-bar--filter .fd-icon-tab-bar__icon {
    margin-inline: 0
}

.fd-icon-tab-bar--filter .fd-icon-tab-bar__label {
    text-align: center;
    width: 5rem;
    -webkit-margin-before: .375rem;
    margin-block-start: .375rem
}

.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab, .fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab, [class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab, [class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab {
    padding-block: 1.375rem
}

.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge, .fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge, [class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge, [class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge {
    right: .063rem
}

    .fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge[dir=rtl], .fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge[dir=rtl], [class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge[dir=rtl], [class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge[dir=rtl], [dir=rtl] .fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge, [dir=rtl] .fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge, [dir=rtl] [class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge, [dir=rtl] [class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge {
        left: .063rem;
        right: auto
    }

.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__header {
    background: var(--sapShell_Navigation_Background);
    -webkit-box-shadow: var(--sapShell_Shadow);
    box-shadow: var(--sapShell_Shadow)
}

.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item {
    color: var(--sapShell_Navigation_TextColor)
}

.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon] {
    color: var(--sapShell_Navigation_TextColor);
    font-size: 1rem;
    height: 1rem;
    line-height: 1;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__tag {
    color: var(--sapShell_Navigation_TextColor)
}

.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected .fd-icon-tab-bar__tag, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected [class*=sap-icon], .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true] .fd-icon-tab-bar__tag, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true] [class*=sap-icon] {
    color: var(--sapShell_Navigation_Selected_TextColor)
}

.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected:after, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true]:after {
    background: var(--sapShell_Navigation_SelectedColor)
}

.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected + .fd-icon-tab-bar__popover .fd-icon-tab-bar__button, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true] + .fd-icon-tab-bar__popover .fd-icon-tab-bar__button {
    --fdButtonColor: var(--fdIconTabBar_Button_Shell_Color_Active)
}

.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-hover .fd-icon-tab-bar__tag, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-hover [class*=sap-icon], .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:hover .fd-icon-tab-bar__tag, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:hover [class*=sap-icon] {
    color: var(--sapShell_Navigation_Selected_TextColor)
}

.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus {
    z-index: 5
}

    .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tag:after, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tag:after {
        border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapShell_Navigation_TextColor);
        content: "";
        display: block;
        inset: 0;
        inset: var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);
        position: absolute
    }

    .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container {
        position: relative
    }

        .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag {
            outline: none
        }

            .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after {
                border: none
            }

        .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container:after, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container:after {
            border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapShell_Navigation_TextColor);
            content: "";
            display: block;
            inset: 0;
            inset: var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);
            position: absolute
        }

.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__arrow [class*=sap-icon] {
    margin-block: 0;
    margin-inline: 0
}

.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow {
    --fdIconTabBar_Overflow_Button_Background: var(--fdIconTabBar_Overflow_Button_Shell_Background);
    --fdIconTabBar_Overflow_Button_Border_Color: var(--fdIconTabBar_Overflow_Button_Shell_Border_Color);
    --fdIconTabBar_Overflow_Button_Text_Color: var(--fdIconTabBar_Overflow_Button_Shell_Text_Color);
    --fdIconTabBar_Overflow_Button_Icon_Color: var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color)
}

    .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-hover, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:hover {
        --fdIconTabBar_Overflow_Button_Background: var(--fdIconTabBar_Overflow_Button_Shell_Background_Hover);
        --fdIconTabBar_Overflow_Button_Border_Color: var( --fdIconTabBar_Overflow_Button_Shell_Border_Color_Hover );
        --fdIconTabBar_Overflow_Button_Text_Color: var(--fdIconTabBar_Overflow_Button_Shell_Text_Color_Hover);
        --fdIconTabBar_Overflow_Button_Icon_Color: var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Hover)
    }

    .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-active, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:active {
        --fdIconTabBar_Overflow_Button_Background: var(--fdIconTabBar_Overflow_Button_Shell_Background_Active);
        --fdIconTabBar_Overflow_Button_Border_Color: var( --fdIconTabBar_Overflow_Button_Shell_Border_Color_Active );
        --fdIconTabBar_Overflow_Button_Text_Color: var(--fdIconTabBar_Overflow_Button_Shell_Text_Color_Active);
        --fdIconTabBar_Overflow_Button_Icon_Color: var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Active)
    }

    .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-focus, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:focus {
        z-index: 5
    }

        .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-focus:after, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:focus:after {
            border-color: var(--fdIconTabBar_Overflow_Button_Shell_Focus_Color)
        }

.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button {
    --fdButtonColor: var(--fdIconTabBar_Button_Shell_Color)
}

    .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-hover, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:hover {
        --fdButtonColor: var(--fdIconTabBar_Button_Shell_Color_Hover);
        --fdButtonBorderColor: var(--fdIconTabBar_Button_Shell_Background_Color_Hover);
        --fdButtonBackgroundColor: var(--fdIconTabBar_Button_Shell_Background_Color_Hover)
    }

    .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-active, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:active {
        --fdButtonColor: var(--fdIconTabBar_Button_Shell_Color_Active);
        --fdButtonBackgroundColor: var(--fdIconTabBar_Button_Shell_Background_Color_Active);
        --fdButtonBorderColor: var(--fdIconTabBar_Button_Shell_Background_Color_Active)
    }

    .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-focus, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:focus {
        z-index: 5;
        --fdButtonColor: var(--fdIconTabBar_Button_Shell_Color_Active);
        --fdButtonBackgroundColor: var(--sapShell_Navigation_Background);
        --fdButtonBorderColor: var(--sapShell_Navigation_Background)
    }

        .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-focus:after, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:focus:after {
            border-color: var(--fdIconTabBar_Button_Shell_Focus_Color)
        }

    .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true] {
        --fdButtonColor: var(--fdIconTabBar_Button_Shell_Color_Active);
        --fdButtonBackgroundColor: var(--fdIconTabBar_Button_Shell_Background_Color_Selected);
        --fdButtonBorderColor: var(--fdIconTabBar_Button_Shell_Background_Color_Selected)
    }

        .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected.is-hover, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected:hover, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true].is-hover, .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true]:hover {
            --fdButtonColor: var(--fdIconTabBar_Button_Shell_Color_Hover);
            --fdButtonBorderColor: transparent;
            --fdButtonBackgroundColor: var(--fdIconTabBar_Button_Shell_Background_Color_Hover)
        }

.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__header {
    background: var(--sapShellColor)
}

.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator {
    position: relative;
    -webkit-margin-end: 2rem;
    margin-inline-end: 2rem
}

    .fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator:after {
        background: var(--sapShell_InteractiveBorderColor);
        content: "";
        height: 1.5rem;
        position: absolute;
        right: -1rem;
        width: .063rem
    }

    .fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator[dir=rtl]:after, [dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator:after {
        left: -1rem;
        right: auto
    }

.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__header {
    -webkit-box-shadow: none;
    box-shadow: none
}

.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab {
    padding-block: .75rem 1rem
}

    .fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab.is-selected:after, .fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab[aria-selected=true]:after {
        border-radius: .125rem;
        -webkit-margin-after: .188rem;
        margin-block-end: .188rem
    }

.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal
}

    .fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container .fd-icon-tab-bar__button {
        -webkit-margin-before: .5rem;
        margin-block-start: .5rem
    }

.fd-icon-tab-bar--sm .fd-icon-tab-bar__header {
    padding-block: 0;
    padding-inline: 1rem
}

.fd-icon-tab-bar--lg .fd-icon-tab-bar__header, .fd-icon-tab-bar--md .fd-icon-tab-bar__header {
    padding-block: 0;
    padding-inline: 2rem
}

.fd-icon-tab-bar--xl .fd-icon-tab-bar__header, .fd-icon-tab-bar--xxl .fd-icon-tab-bar__header {
    padding-block: 0;
    padding-inline: 3rem
}

.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header {
    padding-block: 0
}

@media (width <= 599px) {
    .fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header {
        padding-inline: 1rem
    }
}

@media (width >= 600px) and (width <= 1023px) {
    .fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header {
        padding-inline: 2rem
    }
}

@media (width >= 1024px) and (width <= 1439px) {
    .fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header {
        padding-inline: 2rem
    }
}

@media (width >= 1440px) {
    .fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header {
        padding-inline: 3rem
    }
}

.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow, .fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow, .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow, .fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow, .fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow, .fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow {
    margin-block: 0;
    margin-inline: 0
}

    .fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type, .fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type, .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type, .fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type, .fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type, .fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type {
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }

    .fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover, .fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover, .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover, .fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover, .fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover, .fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover {
        position: relative
    }

    .fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body, .fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body, .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body, .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body, .fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body, .fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body, .fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body {
        -webkit-margin-end: -.25rem;
        margin-inline-end: -.25rem;
        -webkit-margin-before: .375rem;
        margin-block-start: .375rem
    }

[class*=sap-icon] {
    background-color: var(--fdIcon_Background_Color,transparent);
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdIcon_Color,inherit);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: var(--fdIcon_Font_Size,1rem);
    font-style: normal;
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: 1;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    [class*=sap-icon]:after, [class*=sap-icon]:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    [class*=sap-icon]:before {
        font-family: SAP-icons;
        text-align: center;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none
    }

    [class*=sap-icon].sap-icon--color-default {
        --fdIcon_Color: var(--sapContent_IconColor)
    }

    [class*=sap-icon].sap-icon--background-default {
        --fdIcon_Background_Color:
    }

    [class*=sap-icon].sap-icon--color-contrast {
        --fdIcon_Color: var(--sapContent_ContrastIconColor)
    }

    [class*=sap-icon].sap-icon--background-contrast {
        --fdIcon_Background_Color:
    }

    [class*=sap-icon].sap-icon--color-non-interactive {
        --fdIcon_Color: var(--sapContent_NonInteractiveIconColor)
    }

    [class*=sap-icon].sap-icon--background-non-interactive {
        --fdIcon_Background_Color:
    }

    [class*=sap-icon].sap-icon--color-tile {
        --fdIcon_Color: var(--sapTile_IconColor)
    }

    [class*=sap-icon].sap-icon--background-tile {
        --fdIcon_Background_Color:
    }

    [class*=sap-icon].sap-icon--color-marker {
        --fdIcon_Color: var(--sapContent_MarkerIconColor)
    }

    [class*=sap-icon].sap-icon--background-marker {
        --fdIcon_Background_Color:
    }

    [class*=sap-icon].sap-icon--color-critical {
        --fdIcon_Color: var(--sapCriticalElementColor)
    }

    [class*=sap-icon].sap-icon--background-critical {
        --fdIcon_Background_Color:
    }

    [class*=sap-icon].sap-icon--color-negative {
        --fdIcon_Color: var(--sapNegativeElementColor)
    }

    [class*=sap-icon].sap-icon--background-negative {
        --fdIcon_Background_Color:
    }

    [class*=sap-icon].sap-icon--color-neutral {
        --fdIcon_Color: var(--sapNeutralElementColor)
    }

    [class*=sap-icon].sap-icon--background-neutral {
        --fdIcon_Background_Color:
    }

    [class*=sap-icon].sap-icon--color-positive {
        --fdIcon_Color: var(--sapPositiveElementColor)
    }

    [class*=sap-icon].sap-icon--background-positive {
        --fdIcon_Background_Color:
    }

    [class*=sap-icon].sap-icon--color-information {
        --fdIcon_Color: var(--sapInformativeElementColor)
    }

    [class*=sap-icon].sap-icon--background-information {
        --fdIcon_Background_Color:
    }

    [class*=sap-icon].sap-icon--background-default {
        --fdIcon_Color: var(--sapGroup_ContentBackground);
        --fdIcon_Background_Color: var(--sapContent_IconColor)
    }

    [class*=sap-icon].sap-icon--background-contrast {
        --fdIcon_Color: var(--sapContent_IconColor);
        --fdIcon_Background_Color: var(--sapGroup_ContentBackground)
    }

    [class*=sap-icon].sap-icon--background-non-interactive {
        --fdIcon_Color: var(--sapGroup_ContentBackground);
        --fdIcon_Background_Color: var(--sapContent_NonInteractiveIconColor)
    }

    [class*=sap-icon].sap-icon--background-tile {
        --fdIcon_Color: var(--sapGroup_ContentBackground);
        --fdIcon_Background_Color: var(--sapTile_IconColor)
    }

    [class*=sap-icon].sap-icon--background-marker {
        --fdIcon_Color: var(--sapGroup_ContentBackground);
        --fdIcon_Background_Color: var(--sapContent_MarkerIconColor)
    }

    [class*=sap-icon].sap-icon--background-critical {
        --fdIcon_Color: var(--sapGroup_ContentBackground);
        --fdIcon_Background_Color: var(--sapCriticalElementColor)
    }

    [class*=sap-icon].sap-icon--background-negative {
        --fdIcon_Color: var(--sapGroup_ContentBackground);
        --fdIcon_Background_Color: var(--sapNegativeElementColor)
    }

    [class*=sap-icon].sap-icon--background-neutral {
        --fdIcon_Color: var(--sapGroup_ContentBackground);
        --fdIcon_Background_Color: var(--sapNeutralElementColor)
    }

    [class*=sap-icon].sap-icon--background-positive {
        --fdIcon_Color: var(--sapGroup_ContentBackground);
        --fdIcon_Background_Color: var(--sapPositiveElementColor)
    }

    [class*=sap-icon].sap-icon--background-information {
        --fdIcon_Color: var(--sapGroup_ContentBackground);
        --fdIcon_Background_Color: var(--sapInformativeElementColor)
    }

    [class*=sap-icon][tabindex="0"] {
        cursor: pointer
    }

        [class*=sap-icon][tabindex="0"].is-focus, [class*=sap-icon][tabindex="0"]:focus {
            border-radius: .25rem;
            outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
            z-index: 5
        }

[class*=sap-icon-businessSuiteInAppSymbols]:before {
    font-family: BusinessSuiteInAppSymbols
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-default {
    --fdIcon_Color: var(--sapContent_IconColor)
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-default {
    --fdIcon_Background_Color:
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-contrast {
    --fdIcon_Color: var(--sapContent_ContrastIconColor)
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-contrast {
    --fdIcon_Background_Color:
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-non-interactive {
    --fdIcon_Color: var(--sapContent_NonInteractiveIconColor)
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-non-interactive {
    --fdIcon_Background_Color:
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-tile {
    --fdIcon_Color: var(--sapTile_IconColor)
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-tile {
    --fdIcon_Background_Color:
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-marker {
    --fdIcon_Color: var(--sapContent_MarkerIconColor)
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-marker {
    --fdIcon_Background_Color:
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-critical {
    --fdIcon_Color: var(--sapCriticalElementColor)
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-critical {
    --fdIcon_Background_Color:
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-negative {
    --fdIcon_Color: var(--sapNegativeElementColor)
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-negative {
    --fdIcon_Background_Color:
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-neutral {
    --fdIcon_Color: var(--sapNeutralElementColor)
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-neutral {
    --fdIcon_Background_Color:
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-positive {
    --fdIcon_Color: var(--sapPositiveElementColor)
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-positive {
    --fdIcon_Background_Color:
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-information {
    --fdIcon_Color: var(--sapInformativeElementColor)
}

[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-information {
    --fdIcon_Background_Color:
}

[class*=sap-icon-TNT]:before {
    font-family: SAP-icons-TNT
}

[class*=sap-icon-TNT].sap-icon-TNT--color-default {
    --fdIcon_Color: var(--sapContent_IconColor)
}

[class*=sap-icon-TNT].sap-icon-TNT--background-default {
    --fdIcon_Background_Color:
}

[class*=sap-icon-TNT].sap-icon-TNT--color-contrast {
    --fdIcon_Color: var(--sapContent_ContrastIconColor)
}

[class*=sap-icon-TNT].sap-icon-TNT--background-contrast {
    --fdIcon_Background_Color:
}

[class*=sap-icon-TNT].sap-icon-TNT--color-non-interactive {
    --fdIcon_Color: var(--sapContent_NonInteractiveIconColor)
}

[class*=sap-icon-TNT].sap-icon-TNT--background-non-interactive {
    --fdIcon_Background_Color:
}

[class*=sap-icon-TNT].sap-icon-TNT--color-tile {
    --fdIcon_Color: var(--sapTile_IconColor)
}

[class*=sap-icon-TNT].sap-icon-TNT--background-tile {
    --fdIcon_Background_Color:
}

[class*=sap-icon-TNT].sap-icon-TNT--color-marker {
    --fdIcon_Color: var(--sapContent_MarkerIconColor)
}

[class*=sap-icon-TNT].sap-icon-TNT--background-marker {
    --fdIcon_Background_Color:
}

[class*=sap-icon-TNT].sap-icon-TNT--color-critical {
    --fdIcon_Color: var(--sapCriticalElementColor)
}

[class*=sap-icon-TNT].sap-icon-TNT--background-critical {
    --fdIcon_Background_Color:
}

[class*=sap-icon-TNT].sap-icon-TNT--color-negative {
    --fdIcon_Color: var(--sapNegativeElementColor)
}

[class*=sap-icon-TNT].sap-icon-TNT--background-negative {
    --fdIcon_Background_Color:
}

[class*=sap-icon-TNT].sap-icon-TNT--color-neutral {
    --fdIcon_Color: var(--sapNeutralElementColor)
}

[class*=sap-icon-TNT].sap-icon-TNT--background-neutral {
    --fdIcon_Background_Color:
}

[class*=sap-icon-TNT].sap-icon-TNT--color-positive {
    --fdIcon_Color: var(--sapPositiveElementColor)
}

[class*=sap-icon-TNT].sap-icon-TNT--background-positive {
    --fdIcon_Background_Color:
}

[class*=sap-icon-TNT].sap-icon-TNT--color-information {
    --fdIcon_Color: var(--sapInformativeElementColor)
}

[class*=sap-icon-TNT].sap-icon-TNT--background-information {
    --fdIcon_Background_Color:
}

.sap-icon--accidental-leave:before {
    content: "\e000"
}

.sap-icon--account:before {
    content: "\e001"
}

.sap-icon--wrench:before {
    content: "\e002"
}

.sap-icon--windows-doors:before {
    content: "\e003"
}

.sap-icon--washing-machine:before {
    content: "\e004"
}

.sap-icon--visits:before {
    content: "\e005"
}

.sap-icon--video:before {
    content: "\e006"
}

.sap-icon--travel-expense:before {
    content: "\e007"
}

.sap-icon--temperature:before {
    content: "\e008"
}

.sap-icon--task:before {
    content: "\e009"
}

.sap-icon--synchronize:before {
    content: "\e00a"
}

.sap-icon--survey:before {
    content: "\e00b"
}

.sap-icon--settings:before {
    content: "\e00c"
}

.sap-icon--search:before {
    content: "\e00d"
}

.sap-icon--sales-document:before {
    content: "\e00e"
}

.sap-icon--retail-store:before {
    content: "\e00f"
}

.sap-icon--refresh:before {
    content: "\e010"
}

.sap-icon--product:before {
    content: "\e011"
}

.sap-icon--present:before {
    content: "\e012"
}

.sap-icon--ppt-attachment:before {
    content: "\e013"
}

.sap-icon--pool:before {
    content: "\e014"
}

.sap-icon--pie-chart:before {
    content: "\e015"
}

.sap-icon--picture:before {
    content: "\e016"
}

.sap-icon--photo-voltaic:before {
    content: "\e017"
}

.sap-icon--phone:before {
    content: "\e018"
}

.sap-icon--pending:before {
    content: "\e019"
}

.sap-icon--pdf-attachment:before {
    content: "\e01a"
}

.sap-icon--past:before {
    content: "\e01b"
}

.sap-icon--outgoing-call:before {
    content: "\e01c"
}

.sap-icon--opportunity:before {
    content: "\e01d"
}

.sap-icon--opportunities:before {
    content: "\e01e"
}

.sap-icon--notes:before {
    content: "\e01f"
}

.sap-icon--money-bills:before {
    content: "\e020"
}

.sap-icon--map:before {
    content: "\e021"
}

.sap-icon--log:before {
    content: "\e022"
}

.sap-icon--line-charts:before {
    content: "\e023"
}

.sap-icon--lightbulb:before {
    content: "\e024"
}

.sap-icon--leads:before {
    content: "\e025"
}

.sap-icon--lead:before {
    content: "\e026"
}

.sap-icon--laptop:before {
    content: "\e027"
}

.sap-icon--kpi-managing-my-area:before {
    content: "\e028"
}

.sap-icon--kpi-corporate-performance:before {
    content: "\e029"
}

.sap-icon--incoming-call:before {
    content: "\e02a"
}

.sap-icon--inbox:before {
    content: "\e02b"
}

.sap-icon--horizontal-bar-chart:before {
    content: "\e02c"
}

.sap-icon--history:before {
    content: "\e02d"
}

.sap-icon--heating-cooling:before {
    content: "\e02e"
}

.sap-icon--gantt-bars:before {
    content: "\e02f"
}

.sap-icon--future:before {
    content: "\e030"
}

.sap-icon--fridge:before {
    content: "\e031"
}

.sap-icon--fallback:before {
    content: "\e032"
}

.sap-icon--expense-report:before {
    content: "\e033"
}

.sap-icon--excel-attachment:before {
    content: "\e034"
}

.sap-icon--energy-saving-lightbulb:before {
    content: "\e035"
}

.sap-icon--employee:before {
    content: "\e036"
}

.sap-icon--email:before {
    content: "\e037"
}

.sap-icon--edit:before {
    content: "\e038"
}

.sap-icon--duplicate:before {
    content: "\e039"
}

.sap-icon--download:before {
    content: "\e03a"
}

.sap-icon--doc-attachment:before {
    content: "\e03b"
}

.sap-icon--dishwasher:before {
    content: "\e03c"
}

.sap-icon--delete:before {
    content: "\e03d"
}

.sap-icon--decline:before {
    content: "\e03e"
}

.sap-icon--complete:before {
    content: "\e03f"
}

.sap-icon--competitor:before {
    content: "\e040"
}

.sap-icon--collections-management:before {
    content: "\e041"
}

.sap-icon--chalkboard:before {
    content: "\e042"
}

.sap-icon--cart:before {
    content: "\e043"
}

.sap-icon--card:before {
    content: "\e044"
}

.sap-icon--camera:before {
    content: "\e045"
}

.sap-icon--calendar:before {
    content: "\e046"
}

.sap-icon--begin:before {
    content: "\e047"
}

.sap-icon--basket:before {
    content: "\e048"
}

.sap-icon--bar-chart:before {
    content: "\e049"
}

.sap-icon--attachment:before {
    content: "\e04a"
}

.sap-icon--arrow-top:before {
    content: "\e04b"
}

.sap-icon--arrow-right:before {
    content: "\e04c"
}

.sap-icon--arrow-left:before {
    content: "\e04d"
}

.sap-icon--arrow-bottom:before {
    content: "\e04e"
}

.sap-icon--approvals:before {
    content: "\e04f"
}

.sap-icon--appointment:before {
    content: "\e050"
}

.sap-icon--alphabetical-order:before {
    content: "\e051"
}

.sap-icon--along-stacked-chart:before {
    content: "\e052"
}

.sap-icon--alert:before {
    content: "\e053"
}

.sap-icon--addresses:before {
    content: "\e054"
}

.sap-icon--address-book:before {
    content: "\e055"
}

.sap-icon--add-filter:before {
    content: "\e056"
}

.sap-icon--add-favorite:before {
    content: "\e057"
}

.sap-icon--add:before {
    content: "\e058"
}

.sap-icon--activities:before {
    content: "\e059"
}

.sap-icon--action:before {
    content: "\e05a"
}

.sap-icon--accept:before {
    content: "\e05b"
}

.sap-icon--hint:before {
    content: "\e05c"
}

.sap-icon--group:before {
    content: "\e05d"
}

.sap-icon--check-availability:before {
    content: "\e05e"
}

.sap-icon--weather-proofing:before {
    content: "\e05f"
}

.sap-icon--payment-approval:before {
    content: "\e060"
}

.sap-icon--batch-payments:before {
    content: "\e061"
}

.sap-icon--bed:before {
    content: "\e062"
}

.sap-icon--arobase:before {
    content: "\e063"
}

.sap-icon--family-care:before {
    content: "\e064"
}

.sap-icon--favorite:before {
    content: "\e065"
}

.sap-icon--navigation-right-arrow:before {
    content: "\e066"
}

.sap-icon--navigation-left-arrow:before {
    content: "\e067"
}

.sap-icon--e-care:before {
    content: "\e068"
}

.sap-icon--less:before {
    content: "\e069"
}

.sap-icon--lateness:before {
    content: "\e06a"
}

.sap-icon--lab:before {
    content: "\e06b"
}

.sap-icon--internet-browser:before {
    content: "\e06c"
}

.sap-icon--instance:before {
    content: "\e06d"
}

.sap-icon--inspection:before {
    content: "\e06e"
}

.sap-icon--image-viewer:before {
    content: "\e06f"
}

.sap-icon--home:before {
    content: "\e070"
}

.sap-icon--grid:before {
    content: "\e071"
}

.sap-icon--goalseek:before {
    content: "\e072"
}

.sap-icon--general-leave-request:before {
    content: "\e073"
}

.sap-icon--create-leave-request:before {
    content: "\e074"
}

.sap-icon--flight:before {
    content: "\e075"
}

.sap-icon--filter:before {
    content: "\e076"
}

.sap-icon--favorite-list:before {
    content: "\e077"
}

.sap-icon--factory:before {
    content: "\e078"
}

.sap-icon--endoscopy:before {
    content: "\e079"
}

.sap-icon--employee-pane:before {
    content: "\e07a"
}

.sap-icon--employee-approvals:before {
    content: "\e07b"
}

.sap-icon--email-read:before {
    content: "\e07c"
}

.sap-icon--electrocardiogram:before {
    content: "\e07d"
}

.sap-icon--documents:before {
    content: "\e07e"
}

.sap-icon--decision:before {
    content: "\e07f"
}

.sap-icon--database:before {
    content: "\e080"
}

.sap-icon--customer-history:before {
    content: "\e081"
}

.sap-icon--customer:before {
    content: "\e082"
}

.sap-icon--credit-card:before {
    content: "\e083"
}

.sap-icon--create-entry-time:before {
    content: "\e084"
}

.sap-icon--contacts:before {
    content: "\e085"
}

.sap-icon--compare:before {
    content: "\e086"
}

.sap-icon--clinical-order:before {
    content: "\e087"
}

.sap-icon--chain-link:before {
    content: "\e088"
}

.sap-icon--pull-down:before {
    content: "\e089"
}

.sap-icon--cargo-train:before {
    content: "\e08a"
}

.sap-icon--car-rental:before {
    content: "\e08b"
}

.sap-icon--business-card:before {
    content: "\e08c"
}

.sap-icon--bar-code:before {
    content: "\e08d"
}

.sap-icon--folder-blank:before {
    content: "\e08e"
}

.sap-icon--passenger-train:before {
    content: "\e08f"
}

.sap-icon--question-mark:before {
    content: "\e090"
}

.sap-icon--world:before {
    content: "\e091"
}

.sap-icon--iphone:before {
    content: "\e092"
}

.sap-icon--ipad:before {
    content: "\e093"
}

.sap-icon--warning:before {
    content: "\e094"
}

.sap-icon--sort:before {
    content: "\e095"
}

.sap-icon--course-book:before {
    content: "\e096"
}

.sap-icon--course-program:before {
    content: "\e097"
}

.sap-icon--add-coursebook:before {
    content: "\e098"
}

.sap-icon--print:before {
    content: "\e099"
}

.sap-icon--save:before {
    content: "\e09a"
}

.sap-icon--play:before {
    content: "\e09b"
}

.sap-icon--pause:before {
    content: "\e09c"
}

.sap-icon--record:before {
    content: "\e09d"
}

.sap-icon--response:before {
    content: "\e09e"
}

.sap-icon--pushpin-on:before {
    content: "\e09f"
}

.sap-icon--pushpin-off:before {
    content: "\e0a0"
}

.sap-icon--unfavorite:before {
    content: "\e0a1"
}

.sap-icon--learning-assistant:before {
    content: "\e0a2"
}

.sap-icon--timesheet:before {
    content: "\e0a3"
}

.sap-icon--time-entry-request:before {
    content: "\e0a4"
}

.sap-icon--list:before {
    content: "\e0a5"
}

.sap-icon--action-settings:before {
    content: "\e0a6"
}

.sap-icon--share:before {
    content: "\e0a7"
}

.sap-icon--feed:before {
    content: "\e0a8"
}

.sap-icon--role:before {
    content: "\e0a9"
}

.sap-icon--flag:before {
    content: "\e0aa"
}

.sap-icon--post:before {
    content: "\e0ab"
}

.sap-icon--inspect:before {
    content: "\e0ac"
}

.sap-icon--inspect-down:before {
    content: "\e0ad"
}

.sap-icon--appointment-2:before {
    content: "\e0ae"
}

.sap-icon--target-group:before {
    content: "\e0af"
}

.sap-icon--marketing-campaign:before {
    content: "\e0b0"
}

.sap-icon--message-error:before, .sap-icon--notification:before {
    content: "\e0b1"
}

.sap-icon--comment:before {
    content: "\e0b2"
}

.sap-icon--shipping-status:before {
    content: "\e0b3"
}

.sap-icon--collaborate:before {
    content: "\e0b4"
}

.sap-icon--shortcut:before {
    content: "\e0b5"
}

.sap-icon--lead-outdated:before {
    content: "\e0b6"
}

.sap-icon--tools-opportunity:before {
    content: "\e0b7"
}

.sap-icon--permission:before {
    content: "\e0b8"
}

.sap-icon--supplier:before {
    content: "\e0b9"
}

.sap-icon--table-view:before {
    content: "\e0ba"
}

.sap-icon--table-chart:before {
    content: "\e0bb"
}

.sap-icon--switch-views:before {
    content: "\e0bc"
}

.sap-icon--e-learning:before {
    content: "\e0bd"
}

.sap-icon--manager:before {
    content: "\e0be"
}

.sap-icon--switch-classes:before {
    content: "\e0bf"
}

.sap-icon--simple-payment:before {
    content: "\e0c0"
}

.sap-icon--signature:before {
    content: "\e0c1"
}

.sap-icon--sales-order-item:before {
    content: "\e0c2"
}

.sap-icon--sales-order:before {
    content: "\e0c3"
}

.sap-icon--request:before {
    content: "\e0c4"
}

.sap-icon--receipt:before {
    content: "\e0c5"
}

.sap-icon--puzzle:before {
    content: "\e0c6"
}

.sap-icon--process:before {
    content: "\e0c7"
}

.sap-icon--private:before {
    content: "\e0c8"
}

.sap-icon--popup-window:before {
    content: "\e0c9"
}

.sap-icon--person-placeholder:before {
    content: "\e0ca"
}

.sap-icon--per-diem:before {
    content: "\e0cb"
}

.sap-icon--paper-plane:before {
    content: "\e0cc"
}

.sap-icon--paid-leave:before {
    content: "\e0cd"
}

.sap-icon--pdf-reader:before {
    content: "\e0ce"
}

.sap-icon--overview-chart:before {
    content: "\e0cf"
}

.sap-icon--overlay:before {
    content: "\e0d0"
}

.sap-icon--org-chart:before {
    content: "\e0d1"
}

.sap-icon--number-sign:before {
    content: "\e0d2"
}

.sap-icon--notification-2:before {
    content: "\e0d3"
}

.sap-icon--my-sales-order:before {
    content: "\e0d4"
}

.sap-icon--meal:before {
    content: "\e0d5"
}

.sap-icon--loan:before {
    content: "\e0d6"
}

.sap-icon--order-status:before {
    content: "\e0d7"
}

.sap-icon--customer-order-entry:before {
    content: "\e0d8"
}

.sap-icon--performance:before {
    content: "\e0d9"
}

.sap-icon--menu:before {
    content: "\e0da"
}

.sap-icon--employee-lookup:before {
    content: "\e0db"
}

.sap-icon--education:before {
    content: "\e0dc"
}

.sap-icon--customer-briefing:before {
    content: "\e0dd"
}

.sap-icon--customer-and-contacts:before {
    content: "\e0de"
}

.sap-icon--my-view:before {
    content: "\e0df"
}

.sap-icon--accelerated:before {
    content: "\e0e0"
}

.sap-icon--to-be-reviewed:before {
    content: "\e0e1"
}

.sap-icon--warning2:before {
    content: "\e0e2"
}

.sap-icon--feeder-arrow:before {
    content: "\e0e3"
}

.sap-icon--quality-issue:before {
    content: "\e0e4"
}

.sap-icon--workflow-tasks:before {
    content: "\e0e5"
}

.sap-icon--create:before {
    content: "\e0e6"
}

.sap-icon--home-share:before {
    content: "\e0e7"
}

.sap-icon--globe:before {
    content: "\e0e8"
}

.sap-icon--tags:before {
    content: "\e0e9"
}

.sap-icon--work-history:before {
    content: "\e0ea"
}

.sap-icon--x-ray:before {
    content: "\e0eb"
}

.sap-icon--wounds-doc:before {
    content: "\e0ec"
}

.sap-icon--web-cam:before {
    content: "\e0ed"
}

.sap-icon--waiver:before {
    content: "\e0ee"
}

.sap-icon--vertical-bar-chart:before {
    content: "\e0ef"
}

.sap-icon--upstacked-chart:before {
    content: "\e0f0"
}

.sap-icon--trip-report:before {
    content: "\e0f1"
}

.sap-icon--microphone:before {
    content: "\e0f2"
}

.sap-icon--unpaid-leave:before {
    content: "\e0f3"
}

.sap-icon--tree:before {
    content: "\e0f4"
}

.sap-icon--toaster-up:before {
    content: "\e0f5"
}

.sap-icon--toaster-top:before {
    content: "\e0f6"
}

.sap-icon--toaster-down:before {
    content: "\e0f7"
}

.sap-icon--time-account:before {
    content: "\e0f8"
}

.sap-icon--theater:before {
    content: "\e0f9"
}

.sap-icon--taxi:before {
    content: "\e0fa"
}

.sap-icon--subway-train:before {
    content: "\e0fb"
}

.sap-icon--study-leave:before {
    content: "\e0fc"
}

.sap-icon--stethoscope:before {
    content: "\e0fd"
}

.sap-icon--step:before {
    content: "\e0fe"
}

.sap-icon--sonography:before {
    content: "\e0ff"
}

.sap-icon--soccor:before {
    content: "\e100"
}

.sap-icon--physical-activity:before {
    content: "\e101"
}

.sap-icon--pharmacy:before {
    content: "\e102"
}

.sap-icon--official-service:before {
    content: "\e103"
}

.sap-icon--offsite-work:before {
    content: "\e104"
}

.sap-icon--nutrition-activity:before {
    content: "\e105"
}

.sap-icon--newspaper:before {
    content: "\e106"
}

.sap-icon--monitor-payments:before {
    content: "\e107"
}

.sap-icon--map-2:before {
    content: "\e108"
}

.sap-icon--machine:before {
    content: "\e109"
}

.sap-icon--mri-scan:before {
    content: "\e10a"
}

.sap-icon--end-user-experience-monitoring:before {
    content: "\e10b"
}

.sap-icon--unwired:before {
    content: "\e10c"
}

.sap-icon--customer-financial-fact-sheet:before {
    content: "\e10d"
}

.sap-icon--retail-store-manager:before {
    content: "\e10e"
}

.sap-icon--Netweaver-business-client:before {
    content: "\e10f"
}

.sap-icon--electronic-medical-record:before {
    content: "\e110"
}

.sap-icon--eam-work-order:before {
    content: "\e111"
}

.sap-icon--customer-view:before {
    content: "\e112"
}

.sap-icon--crm-service-manager:before {
    content: "\e113"
}

.sap-icon--crm-sales:before {
    content: "\e114"
}

.sap-icon--widgets:before {
    content: "\e115"
}

.sap-icon--commission-check:before {
    content: "\e116"
}

.sap-icon--collections-insight:before {
    content: "\e117"
}

.sap-icon--clinical-task-tracker:before {
    content: "\e118"
}

.sap-icon--citizen-connect:before {
    content: "\e119"
}

.sap-icon--cart-approval:before {
    content: "\e11a"
}

.sap-icon--capital-projects:before {
    content: "\e11b"
}

.sap-icon--bo-strategy-management:before {
    content: "\e11c"
}

.sap-icon--business-objects-mobile:before {
    content: "\e11d"
}

.sap-icon--business-objects-explorer:before {
    content: "\e11e"
}

.sap-icon--business-objects-experience:before {
    content: "\e11f"
}

.sap-icon--bbyd-dashboard:before {
    content: "\e120"
}

.sap-icon--bbyd-active-sales:before {
    content: "\e121"
}

.sap-icon--business-by-design:before {
    content: "\e122"
}

.sap-icon--business-one:before {
    content: "\e123"
}

.sap-icon--sap-box:before {
    content: "\e124"
}

.sap-icon--manager-insight:before {
    content: "\e125"
}

.sap-icon--accounting-document-verification:before {
    content: "\e126"
}

.sap-icon--hr-approval:before {
    content: "\e127"
}

.sap-icon--idea-wall:before {
    content: "\e128"
}

.sap-icon--Chart-Tree-Map:before {
    content: "\e129"
}

.sap-icon--cart-5:before {
    content: "\e12a"
}

.sap-icon--cart-4:before {
    content: "\e12b"
}

.sap-icon--wallet:before {
    content: "\e12c"
}

.sap-icon--vehicle-repair:before {
    content: "\e12d"
}

.sap-icon--upload:before {
    content: "\e12e"
}

.sap-icon--unlocked:before {
    content: "\e12f"
}

.sap-icon--umbrella:before {
    content: "\e130"
}

.sap-icon--travel-request:before {
    content: "\e131"
}

.sap-icon--travel-expense-report:before {
    content: "\e132"
}

.sap-icon--travel-itinerary:before {
    content: "\e133"
}

.sap-icon--time-overtime:before {
    content: "\e134"
}

.sap-icon--thing-type:before {
    content: "\e135"
}

.sap-icon--technical-object:before {
    content: "\e136"
}

.sap-icon--tag:before {
    content: "\e137"
}

.sap-icon--syringe:before {
    content: "\e138"
}

.sap-icon--syntax:before {
    content: "\e139"
}

.sap-icon--suitcase:before {
    content: "\e13a"
}

.sap-icon--simulate:before {
    content: "\e13b"
}

.sap-icon--shield:before {
    content: "\e13c"
}

.sap-icon--share-2:before {
    content: "\e13d"
}

.sap-icon--sales-quote:before {
    content: "\e13e"
}

.sap-icon--repost:before {
    content: "\e13f"
}

.sap-icon--provision:before {
    content: "\e140"
}

.sap-icon--projector:before {
    content: "\e141"
}

.sap-icon--add-product:before {
    content: "\e142"
}

.sap-icon--pipeline-analysis:before {
    content: "\e143"
}

.sap-icon--add-photo:before {
    content: "\e144"
}

.sap-icon--palette:before {
    content: "\e145"
}

.sap-icon--nurse:before {
    content: "\e146"
}

.sap-icon--sales-notification:before {
    content: "\e147"
}

.sap-icon--mileage:before {
    content: "\e148"
}

.sap-icon--meeting-room:before {
    content: "\e149"
}

.sap-icon--media-forward:before {
    content: "\e14a"
}

.sap-icon--media-play:before {
    content: "\e14b"
}

.sap-icon--media-pause:before {
    content: "\e14c"
}

.sap-icon--media-reverse:before {
    content: "\e14d"
}

.sap-icon--media-rewind:before {
    content: "\e14e"
}

.sap-icon--measurement-document:before {
    content: "\e14f"
}

.sap-icon--measuring-point:before {
    content: "\e150"
}

.sap-icon--measure:before {
    content: "\e151"
}

.sap-icon--map-3:before {
    content: "\e152"
}

.sap-icon--locked:before {
    content: "\e153"
}

.sap-icon--letter:before {
    content: "\e154"
}

.sap-icon--journey-arrive:before {
    content: "\e155"
}

.sap-icon--journey-change:before {
    content: "\e156"
}

.sap-icon--journey-depart:before {
    content: "\e157"
}

.sap-icon--it-system:before {
    content: "\e158"
}

.sap-icon--it-instance:before {
    content: "\e159"
}

.sap-icon--it-host:before {
    content: "\e15a"
}

.sap-icon--iphone-2:before {
    content: "\e15b"
}

.sap-icon--ipad-2:before {
    content: "\e15c"
}

.sap-icon--inventory:before {
    content: "\e15d"
}

.sap-icon--insurance-house:before {
    content: "\e15e"
}

.sap-icon--insurance-life:before {
    content: "\e15f"
}

.sap-icon--insurance-car:before {
    content: "\e160"
}

.sap-icon--initiative:before {
    content: "\e161"
}

.sap-icon--incident:before {
    content: "\e162"
}

.sap-icon--group-2:before {
    content: "\e163"
}

.sap-icon--goal:before {
    content: "\e164"
}

.sap-icon--functional-location:before {
    content: "\e165"
}

.sap-icon--full-screen:before {
    content: "\e166"
}

.sap-icon--form:before {
    content: "\e167"
}

.sap-icon--fob-watch:before {
    content: "\e168"
}

.sap-icon--blank-tag:before {
    content: "\e169"
}

.sap-icon--family-protection:before {
    content: "\e16a"
}

.sap-icon--folder:before {
    content: "\e16b"
}

.sap-icon--fax-machine:before {
    content: "\e16c"
}

.sap-icon--example:before {
    content: "\e16d"
}

.sap-icon--eraser:before {
    content: "\e16e"
}

.sap-icon--employee-rejections:before {
    content: "\e16f"
}

.sap-icon--drop-down-list:before {
    content: "\e170"
}

.sap-icon--draw-rectangle:before {
    content: "\e171"
}

.sap-icon--document:before {
    content: "\e172"
}

.sap-icon--doctor:before {
    content: "\e173"
}

.sap-icon--discussion-2:before {
    content: "\e174"
}

.sap-icon--discussion:before {
    content: "\e175"
}

.sap-icon--dimension:before {
    content: "\e176"
}

.sap-icon--customer-and-supplier:before {
    content: "\e177"
}

.sap-icon--crop:before {
    content: "\e178"
}

.sap-icon--add-contact:before {
    content: "\e179"
}

.sap-icon--compare-2:before {
    content: "\e17a"
}

.sap-icon--color-fill:before {
    content: "\e17b"
}

.sap-icon--collision:before {
    content: "\e17c"
}

.sap-icon--curriculum:before {
    content: "\e17d"
}

.sap-icon--chart-axis:before {
    content: "\e17e"
}

.sap-icon--full-stacked-chart:before {
    content: "\e17f"
}

.sap-icon--full-stacked-column-chart:before {
    content: "\e180"
}

.sap-icon--vertical-bar-chart-2:before {
    content: "\e181"
}

.sap-icon--horizontal-bar-chart-2:before {
    content: "\e182"
}

.sap-icon--horizontal-stacked-chart:before {
    content: "\e183"
}

.sap-icon--vertical-stacked-chart:before {
    content: "\e184"
}

.sap-icon--choropleth-chart:before {
    content: "\e185"
}

.sap-icon--geographic-bubble-chart:before {
    content: "\e186"
}

.sap-icon--multiple-radar-chart:before {
    content: "\e187"
}

.sap-icon--radar-chart:before {
    content: "\e188"
}

.sap-icon--crossed-line-chart:before {
    content: "\e189"
}

.sap-icon--multiple-line-chart:before {
    content: "\e18a"
}

.sap-icon--multiple-bar-chart:before {
    content: "\e18b"
}

.sap-icon--line-chart:before {
    content: "\e18c"
}

.sap-icon--line-chart-dual-axis:before {
    content: "\e18d"
}

.sap-icon--bubble-chart:before {
    content: "\e18e"
}

.sap-icon--scatter-chart:before {
    content: "\e18f"
}

.sap-icon--multiple-pie-chart:before {
    content: "\e190"
}

.sap-icon--column-chart-dual-axis:before {
    content: "\e191"
}

.sap-icon--tag-cloud-chart:before {
    content: "\e192"
}

.sap-icon--area-chart:before {
    content: "\e193"
}

.sap-icon--cause:before {
    content: "\e194"
}

.sap-icon--cart-3:before {
    content: "\e195"
}

.sap-icon--cart-2:before {
    content: "\e196"
}

.sap-icon--bus-public-transport:before {
    content: "\e197"
}

.sap-icon--burglary:before {
    content: "\e198"
}

.sap-icon--building:before {
    content: "\e199"
}

.sap-icon--border:before {
    content: "\e19a"
}

.sap-icon--bookmark:before {
    content: "\e19b"
}

.sap-icon--badge:before {
    content: "\e19c"
}

.sap-icon--attachment-audio:before {
    content: "\e19d"
}

.sap-icon--attachment-video:before {
    content: "\e19e"
}

.sap-icon--attachment-html:before {
    content: "\e19f"
}

.sap-icon--attachment-photo:before {
    content: "\e1a0"
}

.sap-icon--attachment-e-pub:before {
    content: "\e1a1"
}

.sap-icon--attachment-zip-file:before {
    content: "\e1a2"
}

.sap-icon--attachment-text-file:before {
    content: "\e1a3"
}

.sap-icon--add-equipment:before {
    content: "\e1a4"
}

.sap-icon--add-activity:before {
    content: "\e1a5"
}

.sap-icon--activity-individual:before {
    content: "\e1a6"
}

.sap-icon--activity-2:before {
    content: "\e1a7"
}

.sap-icon--add-activity-2:before {
    content: "\e1a8"
}

.sap-icon--activity-items:before {
    content: "\e1a9"
}

.sap-icon--activity-assigned-to-goal:before {
    content: "\e1aa"
}

.sap-icon--status-completed:before, .sap-icon--status-positive:before {
    content: "\e1ab"
}

.sap-icon--status-error:before, .sap-icon--status-negative:before {
    content: "\e1ac"
}

.sap-icon--status-inactive:before {
    content: "\e1ad"
}

.sap-icon--status-critical:before, .sap-icon--status-in-progress:before {
    content: "\e1ae"
}

.sap-icon--blank-tag-2:before {
    content: "\e1af"
}

.sap-icon--cart-full:before {
    content: "\e1b0"
}

.sap-icon--locate-me:before {
    content: "\e1b1"
}

.sap-icon--paging:before {
    content: "\e1b2"
}

.sap-icon--company-view:before {
    content: "\e1b3"
}

.sap-icon--document-text:before {
    content: "\e1b4"
}

.sap-icon--explorer:before {
    content: "\e1b5"
}

.sap-icon--personnel-view:before {
    content: "\e1b6"
}

.sap-icon--sorting-ranking:before {
    content: "\e1b7"
}

.sap-icon--drill-down:before {
    content: "\e1b8"
}

.sap-icon--drill-up:before {
    content: "\e1b9"
}

.sap-icon--vds-file:before {
    content: "\e1ba"
}

.sap-icon--sap-logo-shape:before {
    content: "\e1bb"
}

.sap-icon--folder-full:before {
    content: "\e1bc"
}

.sap-icon--system-exit:before {
    content: "\e1bd"
}

.sap-icon--system-exit-2:before {
    content: "\e1be"
}

.sap-icon--close-command-field:before {
    content: "\e1bf"
}

.sap-icon--open-command-field:before {
    content: "\e1c0"
}

.sap-icon--sys-enter-2:before {
    content: "\e1c1"
}

.sap-icon--sys-enter:before {
    content: "\e1c2"
}

.sap-icon--sys-help-2:before {
    content: "\e1c3"
}

.sap-icon--sys-help:before {
    content: "\e1c4"
}

.sap-icon--sys-back:before {
    content: "\e1c5"
}

.sap-icon--sys-back-2:before {
    content: "\e1c6"
}

.sap-icon--sys-cancel:before {
    content: "\e1c7"
}

.sap-icon--sys-cancel-2:before {
    content: "\e1c8"
}

.sap-icon--open-folder:before {
    content: "\e1c9"
}

.sap-icon--sys-find-next:before {
    content: "\e1ca"
}

.sap-icon--sys-find:before {
    content: "\e1cb"
}

.sap-icon--sys-monitor:before {
    content: "\e1cc"
}

.sap-icon--sys-prev-page:before {
    content: "\e1cd"
}

.sap-icon--sys-first-page:before {
    content: "\e1ce"
}

.sap-icon--sys-next-page:before {
    content: "\e1cf"
}

.sap-icon--sys-last-page:before {
    content: "\e1d0"
}

.sap-icon--generate-shortcut:before {
    content: "\e1d1"
}

.sap-icon--create-session:before {
    content: "\e1d2"
}

.sap-icon--display-more:before {
    content: "\e1d3"
}

.sap-icon--enter-more:before {
    content: "\e1d4"
}

.sap-icon--zoom-in:before {
    content: "\e1d5"
}

.sap-icon--zoom-out:before {
    content: "\e1d6"
}

.sap-icon--header:before {
    content: "\e1d7"
}

.sap-icon--detail-view:before, .sap-icon--show-edit:before {
    content: "\e1d8"
}

.sap-icon--collapse:before {
    content: "\e1d9"
}

.sap-icon--expand:before {
    content: "\e1da"
}

.sap-icon--positive:before {
    content: "\e1db"
}

.sap-icon--negative:before {
    content: "\e1dc"
}

.sap-icon--display:before {
    content: "\e1dd"
}

.sap-icon--menu2:before {
    content: "\e1de"
}

.sap-icon--redo:before {
    content: "\e1df"
}

.sap-icon--undo:before {
    content: "\e1e0"
}

.sap-icon--navigation-up-arrow:before {
    content: "\e1e1"
}

.sap-icon--navigation-down-arrow:before {
    content: "\e1e2"
}

.sap-icon--down:before {
    content: "\e1e3"
}

.sap-icon--up:before {
    content: "\e1e4"
}

.sap-icon--shelf:before {
    content: "\e1e5"
}

.sap-icon--background:before {
    content: "\e1e6"
}

.sap-icon--resize:before {
    content: "\e1e7"
}

.sap-icon--move:before {
    content: "\e1e8"
}

.sap-icon--show:before {
    content: "\e1e9"
}

.sap-icon--hide:before {
    content: "\e1ea"
}

.sap-icon--nav-back:before {
    content: "\e1eb"
}

.sap-icon--error:before {
    content: "\e1ec"
}

.sap-icon--slim-arrow-right:before {
    content: "\e1ed"
}

.sap-icon--slim-arrow-left:before {
    content: "\e1ee"
}

.sap-icon--slim-arrow-down:before {
    content: "\e1ef"
}

.sap-icon--slim-arrow-up:before {
    content: "\e1f0"
}

.sap-icon--forward:before {
    content: "\e1f1"
}

.sap-icon--overflow:before {
    content: "\e1f2"
}

.sap-icon--value-help:before {
    content: "\e1f3"
}

.sap-icon--multiselect:before {
    content: "\e1f4"
}

.sap-icon--exitfullscreen:before {
    content: "\e1f5"
}

.sap-icon--sys-add:before {
    content: "\e1f6"
}

.sap-icon--sys-minus:before {
    content: "\e1f7"
}

.sap-icon--dropdown:before {
    content: "\e1f8"
}

.sap-icon--expand-group:before {
    content: "\e1f9"
}

.sap-icon--vertical-grip:before {
    content: "\e1fa"
}

.sap-icon--horizontal-grip:before {
    content: "\e1fb"
}

.sap-icon--sort-descending:before {
    content: "\e1fc"
}

.sap-icon--sort-ascending:before {
    content: "\e1fd"
}

.sap-icon--arrow-down:before {
    content: "\e1fe"
}

.sap-icon--legend:before {
    content: "\e1ff"
}

.sap-icon--collapse-group:before {
    content: "\e200"
}

.sap-icon--message-warning:before {
    content: "\e201"
}

.sap-icon--message-information:before {
    content: "\e202"
}

.sap-icon--message-success:before {
    content: "\e203"
}

.sap-icon--restart:before {
    content: "\e204"
}

.sap-icon--stop:before {
    content: "\e205"
}

.sap-icon--add-process:before {
    content: "\e206"
}

.sap-icon--cancel-maintenance:before {
    content: "\e207"
}

.sap-icon--activate:before {
    content: "\e208"
}

.sap-icon--resize-horizontal:before {
    content: "\e209"
}

.sap-icon--resize-vertical:before {
    content: "\e20a"
}

.sap-icon--connected:before {
    content: "\e20b"
}

.sap-icon--disconnected:before {
    content: "\e20c"
}

.sap-icon--edit-outside:before {
    content: "\e20d"
}

.sap-icon--key:before {
    content: "\e20e"
}

.sap-icon--minimize:before {
    content: "\e20f"
}

.sap-icon--back-to-top:before {
    content: "\e210"
}

.sap-icon--hello-world:before {
    content: "\e211"
}

.sap-icon--outbox:before {
    content: "\e212"
}

.sap-icon--donut-chart:before {
    content: "\e213"
}

.sap-icon--heatmap-chart:before {
    content: "\e214"
}

.sap-icon--horizontal-bullet-chart:before {
    content: "\e215"
}

.sap-icon--vertical-bullet-chart:before {
    content: "\e216"
}

.sap-icon--call:before {
    content: "\e217"
}

.sap-icon--download-from-cloud:before {
    content: "\e218"
}

.sap-icon--upload-to-cloud:before {
    content: "\e219"
}

.sap-icon--jam:before {
    content: "\e21a"
}

.sap-icon--sap-ui5:before {
    content: "\e21b"
}

.sap-icon--message-popup:before {
    content: "\e21c"
}

.sap-icon--cloud:before {
    content: "\e21d"
}

.sap-icon--horizontal-waterfall-chart:before {
    content: "\e21e"
}

.sap-icon--vertical-waterfall-chart:before {
    content: "\e21f"
}

.sap-icon--broken-link:before {
    content: "\e220"
}

.sap-icon--headset:before {
    content: "\e221"
}

.sap-icon--thumb-up:before {
    content: "\e222"
}

.sap-icon--thumb-down:before {
    content: "\e223"
}

.sap-icon--multiselect-all:before {
    content: "\e224"
}

.sap-icon--multiselect-none:before {
    content: "\e225"
}

.sap-icon--scissors:before {
    content: "\e226"
}

.sap-icon--sound:before {
    content: "\e227"
}

.sap-icon--sound-loud:before {
    content: "\e228"
}

.sap-icon--sound-off:before {
    content: "\e229"
}

.sap-icon--date-time:before {
    content: "\e22a"
}

.sap-icon--user-settings:before {
    content: "\e22b"
}

.sap-icon--key-user-settings:before {
    content: "\e23c"
}

.sap-icon--developer-settings:before {
    content: "\e22d"
}

.sap-icon--text-formatting:before {
    content: "\e22e"
}

.sap-icon--bold-text:before {
    content: "\e22f"
}

.sap-icon--italic-text:before {
    content: "\e230"
}

.sap-icon--underline-text:before {
    content: "\e231"
}

.sap-icon--text-align-justified:before {
    content: "\e232"
}

.sap-icon--text-align-left:before {
    content: "\e233"
}

.sap-icon--text-align-center:before {
    content: "\e234"
}

.sap-icon--text-align-right:before {
    content: "\e235"
}

.sap-icon--bullet-text:before {
    content: "\e236"
}

.sap-icon--numbered-text:before {
    content: "\e237"
}

.sap-icon--co:before {
    content: "\e238"
}

.sap-icon--ui-notifications:before {
    content: "\e239"
}

.sap-icon--bell:before {
    content: "\e23a"
}

.sap-icon--cancel-share:before {
    content: "\e23b"
}

.sap-icon--write-new-document:before {
    content: "\e23c"
}

.sap-icon--write-new:before {
    content: "\e23d"
}

.sap-icon--cancel:before {
    content: "\e23e"
}

.sap-icon--screen-split-one:before {
    content: "\e23f"
}

.sap-icon--screen-split-two:before {
    content: "\e240"
}

.sap-icon--screen-split-three:before {
    content: "\e241"
}

.sap-icon--customize:before {
    content: "\e242"
}

.sap-icon--user-edit:before {
    content: "\e243"
}

.sap-icon--source-code:before {
    content: "\e244"
}

.sap-icon--copy:before {
    content: "\e245"
}

.sap-icon--paste:before {
    content: "\e246"
}

.sap-icon--line-chart-time-axis:before {
    content: "\e247"
}

.sap-icon--clear-filter:before {
    content: "\e248"
}

.sap-icon--reset:before {
    content: "\e249"
}

.sap-icon--trend-up:before {
    content: "\e24a"
}

.sap-icon--trend-down:before {
    content: "\e24b"
}

.sap-icon--cursor:before {
    content: "\e24c"
}

.sap-icon--add-document:before {
    content: "\e24d"
}

.sap-icon--create-form:before {
    content: "\e24e"
}

.sap-icon--resize-corner:before {
    content: "\e24f"
}

.sap-icon--chevron-phase:before {
    content: "\e250"
}

.sap-icon--chevron-phase-2:before {
    content: "\e251"
}

.sap-icon--rhombus-milestone:before {
    content: "\e252"
}

.sap-icon--rhombus-milestone-2:before {
    content: "\e253"
}

.sap-icon--circle-task:before {
    content: "\e254"
}

.sap-icon--circle-task-2:before {
    content: "\e255"
}

.sap-icon--project-definition-triangle:before {
    content: "\e256"
}

.sap-icon--project-definition-triangle-2:before {
    content: "\e257"
}

.sap-icon--master-task-triangle:before {
    content: "\e258"
}

.sap-icon--master-task-triangle-2:before {
    content: "\e259"
}

.sap-icon--program-triangles:before {
    content: "\e25a"
}

.sap-icon--program-triangles-2:before {
    content: "\e25b"
}

.sap-icon--mirrored-task-circle:before {
    content: "\e25c"
}

.sap-icon--mirrored-task-circle-2:before {
    content: "\e25d"
}

.sap-icon--checklist-item:before {
    content: "\e25e"
}

.sap-icon--checklist-item-2:before {
    content: "\e25f"
}

.sap-icon--checklist:before {
    content: "\e260"
}

.sap-icon--checklist-2:before {
    content: "\e261"
}

.sap-icon--chart-table-view:before {
    content: "\e262"
}

.sap-icon--filter-analytics:before {
    content: "\e263"
}

.sap-icon--filter-facets:before {
    content: "\e264"
}

.sap-icon--filter-fields:before {
    content: "\e265"
}

.sap-icon--indent:before {
    content: "\e266"
}

.sap-icon--outdent:before {
    content: "\e267"
}

.sap-icon--heading-1:before {
    content: "\e268"
}

.sap-icon--heading-2:before {
    content: "\e269"
}

.sap-icon--heading-3:before {
    content: "\e26a"
}

.sap-icon--decrease-line-height:before {
    content: "\e26b"
}

.sap-icon--increase-line-height:before {
    content: "\e26c"
}

.sap-icon--fx:before {
    content: "\e26d"
}

.sap-icon--add-folder:before {
    content: "\e26e"
}

.sap-icon--away:before {
    content: "\e26f"
}

.sap-icon--busy:before {
    content: "\e270"
}

.sap-icon--appear-offline:before {
    content: "\e271"
}

.sap-icon--blur:before {
    content: "\e272"
}

.sap-icon--pixelate:before {
    content: "\e273"
}

.sap-icon--horizontal-combination-chart:before {
    content: "\e274"
}

.sap-icon--add-employee:before {
    content: "\e275"
}

.sap-icon--text-color:before {
    content: "\e276"
}

.sap-icon--browse-folder:before {
    content: "\e277"
}

.sap-icon--primary-key:before {
    content: "\e278"
}

.sap-icon--two-keys:before {
    content: "\e279"
}

.sap-icon--strikethrough:before {
    content: "\e27a"
}

.sap-icon--text:before {
    content: "\e27b"
}

.sap-icon--responsive:before {
    content: "\e27c"
}

.sap-icon--desktop-mobile:before {
    content: "\e27d"
}

.sap-icon--table-row:before {
    content: "\e27e"
}

.sap-icon--table-column:before {
    content: "\e27f"
}

.sap-icon--validate:before {
    content: "\e280"
}

.sap-icon--keyboard-and-mouse:before {
    content: "\e281"
}

.sap-icon--touch:before {
    content: "\e282"
}

.sap-icon--expand-all:before {
    content: "\e283"
}

.sap-icon--collapse-all:before {
    content: "\e284"
}

.sap-icon--combine:before {
    content: "\e285"
}

.sap-icon--split:before {
    content: "\e286"
}

.sap-icon--megamenu:before {
    content: "\e287"
}

.sap-icon--feedback:before {
    content: "\e288"
}

.sap-icon--information:before {
    content: "\e289"
}

.sap-icon--s4hana:before {
    content: "\e28a"
}

.sap-icon--translate:before {
    content: "\e28b"
}

.sap-icon--clear-all:before {
    content: "\e28c"
}

.sap-icon--command-line-interfaces:before {
    content: "\e28d"
}

.sap-icon--icon-sum:before {
    content: "\e28e"
}

.sap-icon--icon-qr-code:before {
    content: "\e28f"
}

.sap-icon--space-navigation:before {
    content: "\e290"
}

.sap-icon--in-progress:before {
    content: "\e291"
}

.sap-icon--not-editable:before {
    content: "\e292"
}

.sap-icon--heart:before {
    content: "\e293"
}

.sap-icon--heart-2:before {
    content: "\e294"
}

.sap-icon--tri-state:before {
    content: "\e295"
}

.sap-icon--bookmark-2:before {
    content: "\e296"
}

.sap-icon--detail-less:before {
    content: "\e297"
}

.sap-icon--detail-more:before {
    content: "\e298"
}

.sap-icon--flag-2:before {
    content: "\e299"
}

.sap-icon--folder-2:before {
    content: "\e29a"
}

.sap-icon--paint-bucket:before {
    content: "\e29b"
}

.sap-icon--direction-arrows:before {
    content: "\e29c"
}

.sap-icon--binary:before {
    content: "\e29d"
}

.sap-icon--female:before {
    content: "\e29e"
}

.sap-icon--male:before {
    content: "\e29f"
}

.sap-icon--gender-male-and-female:before {
    content: "\e300"
}

.sap-icon--rotate:before {
    content: "\e301"
}

.sap-icon--biometric-thumb:before {
    content: "\e306"
}

.sap-icon--biometric-face:before {
    content: "\e307"
}

.sap-icon--people-connected:before {
    content: "\e308"
}

.sap-icon--select-appointments:before {
    content: "\e30b"
}

.sap-icon--light-mode:before {
    content: "\e309"
}

.sap-icon--dark-mode:before {
    content: "\e30a"
}

.sap-icon--time-off:before {
    content: "\e30c"
}

.sap-icon--add-calendar:before {
    content: "\e30d"
}

.sap-icon--currency:before {
    content: "\e30e"
}

.sap-icon--bell-2:before {
    content: "\e2a0"
}

.sap-icon--accessibility:before {
    content: "\e2a1"
}

.sap-icon--high-priority:before {
    content: "\e2a2"
}

.sap-icon--da:before {
    content: "\e2a3"
}

.sap-icon--da-2:before {
    content: "\e2a4"
}

.sap-icon--ai:before {
    content: "\e2a5"
}

.sap-icon--in-progress-2:before {
    content: "\e2a6"
}

.sap-icon--unsynchronize:before {
    content: "\e2a7"
}

.sap-icon--verified:before {
    content: "\e2a8"
}

.sap-icon--walk-me:before {
    content: "\e2a9"
}

.sap-icon-businessSuiteInAppSymbols--heart:before {
    content: "\e000"
}

.sap-icon-businessSuiteInAppSymbols--quarter:before {
    content: "\e001"
}

.sap-icon-businessSuiteInAppSymbols--year:before {
    content: "\e002"
}

.sap-icon-businessSuiteInAppSymbols--equalizer:before {
    content: "\e003"
}

.sap-icon-businessSuiteInAppSymbols--component:before {
    content: "\e004"
}

.sap-icon-businessSuiteInAppSymbols--component-private:before {
    content: "\e005"
}

.sap-icon-businessSuiteInAppSymbols--raw-material:before {
    content: "\e006"
}

.sap-icon-businessSuiteInAppSymbols--sms:before {
    content: "\e007"
}

.sap-icon-businessSuiteInAppSymbols--add-note:before {
    content: "\e008"
}

.sap-icon-businessSuiteInAppSymbols--change-time-horizon:before {
    content: "\e009"
}

.sap-icon-businessSuiteInAppSymbols--table-chart-customization:before {
    content: "\e00a"
}

.sap-icon-businessSuiteInAppSymbols--delegated-important-task:before {
    content: "\e00b"
}

.sap-icon-businessSuiteInAppSymbols--forklift:before {
    content: "\e00c"
}

.sap-icon-businessSuiteInAppSymbols--coins:before {
    content: "\e00d"
}

.sap-icon-businessSuiteInAppSymbols--filter-menu:before {
    content: "\e00e"
}

.sap-icon-businessSuiteInAppSymbols--target-to-date:before {
    content: "\e00f"
}

.sap-icon-businessSuiteInAppSymbols--program:before {
    content: "\e010"
}

.sap-icon-businessSuiteInAppSymbols--phase:before {
    content: "\e011"
}

.sap-icon-businessSuiteInAppSymbols--checklist:before {
    content: "\e012"
}

.sap-icon-businessSuiteInAppSymbols--mirrored-task:before {
    content: "\e013"
}

.sap-icon-businessSuiteInAppSymbols--sub-project:before {
    content: "\e014"
}

.sap-icon-businessSuiteInAppSymbols--checklist-item:before {
    content: "\e015"
}

.sap-icon-businessSuiteInAppSymbols--adhoc-analysis:before {
    content: "\e016"
}

.sap-icon-businessSuiteInAppSymbols--change-analysis:before {
    content: "\e017"
}

.sap-icon-businessSuiteInAppSymbols--review-demands:before {
    content: "\e018"
}

.sap-icon-businessSuiteInAppSymbols--project-definition:before {
    content: "\e019"
}

.sap-icon-businessSuiteInAppSymbols--data-access:before {
    content: "\e01a"
}

.sap-icon-businessSuiteInAppSymbols--define-shortage:before {
    content: "\e01b"
}

.sap-icon-businessSuiteInAppSymbols--review-supplies:before {
    content: "\e01c"
}

.sap-icon-businessSuiteInAppSymbols--change-log:before {
    content: "\e01d"
}

.sap-icon-businessSuiteInAppSymbols--priority-1:before {
    content: "\e01e"
}

.sap-icon-businessSuiteInAppSymbols--priority-2:before {
    content: "\e01f"
}

.sap-icon-businessSuiteInAppSymbols--jam:before {
    content: "\e020"
}

.sap-icon-businessSuiteInAppSymbols--milestone:before {
    content: "\e021"
}

.sap-icon-businessSuiteInAppSymbols--bulleting-with-numbers:before {
    content: "\e022"
}

.sap-icon-businessSuiteInAppSymbols--decrease-indent:before {
    content: "\e023"
}

.sap-icon-businessSuiteInAppSymbols--increase-indent:before {
    content: "\e024"
}

.sap-icon-businessSuiteInAppSymbols--bold:before {
    content: "\e025"
}

.sap-icon-businessSuiteInAppSymbols--italic:before {
    content: "\e026"
}

.sap-icon-businessSuiteInAppSymbols--strike-through:before {
    content: "\e027"
}

.sap-icon-businessSuiteInAppSymbols--underline:before {
    content: "\e028"
}

.sap-icon-businessSuiteInAppSymbols--save-as:before {
    content: "\e029"
}

.sap-icon-businessSuiteInAppSymbols--segmentation:before {
    content: "\e02a"
}

.sap-icon-businessSuiteInAppSymbols--context-menu:before {
    content: "\e02b"
}

.sap-icon-businessSuiteInAppSymbols--snapshot:before {
    content: "\e02c"
}

.sap-icon-businessSuiteInAppSymbols--subtraction-b-a:before {
    content: "\e02d"
}

.sap-icon-businessSuiteInAppSymbols--subtraction-a-b:before {
    content: "\e02e"
}

.sap-icon-businessSuiteInAppSymbols--intersection:before {
    content: "\e02f"
}

.sap-icon-businessSuiteInAppSymbols--union:before {
    content: "\e030"
}

.sap-icon-businessSuiteInAppSymbols--top:before {
    content: "\e031"
}

.sap-icon-businessSuiteInAppSymbols--bottom:before {
    content: "\e032"
}

.sap-icon-businessSuiteInAppSymbols--page-up:before {
    content: "\e033"
}

.sap-icon-businessSuiteInAppSymbols--page-down:before {
    content: "\e034"
}

.sap-icon-businessSuiteInAppSymbols--create-dashboard:before {
    content: "\e035"
}

.sap-icon-businessSuiteInAppSymbols--xcelsius-file:before {
    content: "\e036"
}

.sap-icon-businessSuiteInAppSymbols--open-folder:before {
    content: "\e037"
}

.sap-icon-businessSuiteInAppSymbols--neutral:before {
    content: "\e038"
}

.sap-icon-businessSuiteInAppSymbols--split-segmentation:before {
    content: "\e039"
}

.sap-icon-businessSuiteInAppSymbols--manage-budget:before {
    content: "\e03a"
}

.sap-icon-businessSuiteInAppSymbols--blocked:before {
    content: "\e03b"
}

.sap-icon-businessSuiteInAppSymbols--pipette:before {
    content: "\e03c"
}

.sap-icon-businessSuiteInAppSymbols--top-recipe:before {
    content: "\e03d"
}

.sap-icon-businessSuiteInAppSymbols--recipe:before {
    content: "\e03e"
}

.sap-icon-businessSuiteInAppSymbols--ingredients:before {
    content: "\e03f"
}

.sap-icon-businessSuiteInAppSymbols--multiple-charts:before {
    content: "\e040"
}

.sap-icon-businessSuiteInAppSymbols--descending-bars:before {
    content: "\e041"
}

.sap-icon-businessSuiteInAppSymbols--descending-stacked-bars:before {
    content: "\e042"
}

.sap-icon-businessSuiteInAppSymbols--scatter-plot:before {
    content: "\e043"
}

.sap-icon-businessSuiteInAppSymbols--spill:before {
    content: "\e044"
}

.sap-icon-businessSuiteInAppSymbols--fire:before {
    content: "\e045"
}

.sap-icon-businessSuiteInAppSymbols--stratification:before {
    content: "\e046"
}

.sap-icon-businessSuiteInAppSymbols--relationship:before {
    content: "\e047"
}

.sap-icon-businessSuiteInAppSymbols--margin-decomposition:before {
    content: "\e048"
}

.sap-icon-businessSuiteInAppSymbols--control-group:before {
    content: "\e049"
}

.sap-icon-businessSuiteInAppSymbols--comparison-chart:before {
    content: "\e04a"
}

.sap-icon-businessSuiteInAppSymbols--responsible-area:before {
    content: "\e04b"
}

.sap-icon-businessSuiteInAppSymbols--increase:before {
    content: "\e04c"
}

.sap-icon-businessSuiteInAppSymbols--decrease:before {
    content: "\e04d"
}

.sap-icon-businessSuiteInAppSymbols--current-stock:before {
    content: "\e04e"
}

.sap-icon-businessSuiteInAppSymbols--expedite:before {
    content: "\e04f"
}

.sap-icon-businessSuiteInAppSymbols--postpone:before {
    content: "\e050"
}

.sap-icon-businessSuiteInAppSymbols--approved:before {
    content: "\e051"
}

.sap-icon-businessSuiteInAppSymbols--partially-delivered:before {
    content: "\e052"
}

.sap-icon-businessSuiteInAppSymbols--line-bar-chart:before {
    content: "\e053"
}

.sap-icon-businessSuiteInAppSymbols--expand-all:before {
    content: "\e054"
}

.sap-icon-businessSuiteInAppSymbols--submission:before {
    content: "\e055"
}

.sap-icon-businessSuiteInAppSymbols--change-request:before {
    content: "\e056"
}

.sap-icon-businessSuiteInAppSymbols--column-unselected:before {
    content: "\e057"
}

.sap-icon-businessSuiteInAppSymbols--column-selected:before {
    content: "\e058"
}

.sap-icon-businessSuiteInAppSymbols--row-unselected:before {
    content: "\e059"
}

.sap-icon-businessSuiteInAppSymbols--row-selected:before {
    content: "\e05a"
}

.sap-icon-businessSuiteInAppSymbols--stock-requirements:before {
    content: "\e05b"
}

.sap-icon-businessSuiteInAppSymbols--gender-male-and-female:before {
    content: "\e05c"
}

.sap-icon-businessSuiteInAppSymbols--marital-status:before {
    content: "\e05d"
}

.sap-icon-businessSuiteInAppSymbols--birthday:before {
    content: "\e05e"
}

.sap-icon-businessSuiteInAppSymbols--classification:before {
    content: "\e05f"
}

.sap-icon-businessSuiteInAppSymbols--marked-for-deletion:before {
    content: "\e060"
}

.sap-icon-businessSuiteInAppSymbols--bullet-chart:before {
    content: "\e061"
}

.sap-icon-businessSuiteInAppSymbols--remove-filter:before {
    content: "\e062"
}

.sap-icon-businessSuiteInAppSymbols--bank-account:before {
    content: "\e063"
}

.sap-icon-businessSuiteInAppSymbols--savings-account:before {
    content: "\e064"
}

.sap-icon-businessSuiteInAppSymbols--debit-card:before {
    content: "\e065"
}

.sap-icon-businessSuiteInAppSymbols--vip-customer:before {
    content: "\e066"
}

.sap-icon-businessSuiteInAppSymbols--undesirable-customer:before {
    content: "\e067"
}

.sap-icon-businessSuiteInAppSymbols--answered-change-request:before {
    content: "\e068"
}

.sap-icon-businessSuiteInAppSymbols--collected-change-request:before {
    content: "\e069"
}

.sap-icon-businessSuiteInAppSymbols--draw-freehand:before {
    content: "\e06a"
}

.sap-icon-businessSuiteInAppSymbols--draw-circle:before {
    content: "\e06b"
}

.sap-icon-businessSuiteInAppSymbols--completed:before {
    content: "\e06c"
}

.sap-icon-businessSuiteInAppSymbols--answered:before {
    content: "\e06d"
}

.sap-icon-businessSuiteInAppSymbols--traffic-cone:before {
    content: "\e06e"
}

.sap-icon-businessSuiteInAppSymbols--traffic-lights:before {
    content: "\e06f"
}

.sap-icon-businessSuiteInAppSymbols--container:before {
    content: "\e070"
}

.sap-icon-businessSuiteInAppSymbols--container-loading:before {
    content: "\e071"
}

.sap-icon-businessSuiteInAppSymbols--traffic-jam:before {
    content: "\e072"
}

.sap-icon-businessSuiteInAppSymbols--products:before {
    content: "\e073"
}

.sap-icon-businessSuiteInAppSymbols--sidepanel:before {
    content: "\e074"
}

.sap-icon-businessSuiteInAppSymbols--split-screen:before {
    content: "\e075"
}

.sap-icon-businessSuiteInAppSymbols--truck-driver-2:before {
    content: "\e076"
}

.sap-icon-businessSuiteInAppSymbols--keep-segment:before {
    content: "\e077"
}

.sap-icon-businessSuiteInAppSymbols--exclude-segment:before {
    content: "\e078"
}

.sap-icon-businessSuiteInAppSymbols--separate-segments:before {
    content: "\e079"
}

.sap-icon-businessSuiteInAppSymbols--distribute-segments:before {
    content: "\e07a"
}

.sap-icon-businessSuiteInAppSymbols--next-open-item:before {
    content: "\e07b"
}

.sap-icon-businessSuiteInAppSymbols--where-used:before {
    content: "\e07c"
}

.sap-icon-businessSuiteInAppSymbols--outbound-delivery:before {
    content: "\e07d"
}

.sap-icon-businessSuiteInAppSymbols--outbound-delivery-inactive:before {
    content: "\e07e"
}

.sap-icon-businessSuiteInAppSymbols--outbound-delivery-active:before {
    content: "\e07f"
}

.sap-icon-businessSuiteInAppSymbols--target:before {
    content: "\e080"
}

.sap-icon-businessSuiteInAppSymbols--source:before {
    content: "\e081"
}

.sap-icon-businessSuiteInAppSymbols--material:before {
    content: "\e082"
}

.sap-icon-businessSuiteInAppSymbols--due-date:before {
    content: "\e083"
}

.sap-icon-businessSuiteInAppSymbols--overdue:before {
    content: "\e084"
}

.sap-icon-businessSuiteInAppSymbols--set-as-default:before {
    content: "\e085"
}

.sap-icon-businessSuiteInAppSymbols--face-very-bad:before {
    content: "\e086"
}

.sap-icon-businessSuiteInAppSymbols--face-bad:before {
    content: "\e087"
}

.sap-icon-businessSuiteInAppSymbols--face-skeptical:before {
    content: "\e088"
}

.sap-icon-businessSuiteInAppSymbols--face-neutral:before {
    content: "\e089"
}

.sap-icon-businessSuiteInAppSymbols--face-astonished:before {
    content: "\e08a"
}

.sap-icon-businessSuiteInAppSymbols--face-happy:before {
    content: "\e08b"
}

.sap-icon-businessSuiteInAppSymbols--face-very-happy:before {
    content: "\e08c"
}

.sap-icon-businessSuiteInAppSymbols--face-awful:before {
    content: "\e08d"
}

.sap-icon-businessSuiteInAppSymbols--face-devastated:before {
    content: "\e08e"
}

.sap-icon-businessSuiteInAppSymbols--face-okey-dokey:before {
    content: "\e08f"
}

.sap-icon-businessSuiteInAppSymbols--alarm:before {
    content: "\e090"
}

.sap-icon-businessSuiteInAppSymbols--activate:before {
    content: "\e091"
}

.sap-icon-businessSuiteInAppSymbols--segment-preview-reference-objects:before {
    content: "\e092"
}

.sap-icon-businessSuiteInAppSymbols--radius:before {
    content: "\e093"
}

.sap-icon-businessSuiteInAppSymbols--polygone-black:before {
    content: "\e094"
}

.sap-icon-businessSuiteInAppSymbols--polygone-white:before {
    content: "\e095"
}

.sap-icon-businessSuiteInAppSymbols--ploygone:before {
    content: "\e096"
}

.sap-icon-businessSuiteInAppSymbols--no-filter:before {
    content: "\e097"
}

.sap-icon-businessSuiteInAppSymbols--grip:before {
    content: "\e098"
}

.sap-icon-businessSuiteInAppSymbols--add-component:before {
    content: "\e099"
}

.sap-icon-businessSuiteInAppSymbols--water:before {
    content: "\e09a"
}

.sap-icon-businessSuiteInAppSymbols--gas:before {
    content: "\e09b"
}

.sap-icon-businessSuiteInAppSymbols--liquid:before {
    content: "\e09c"
}

.sap-icon-businessSuiteInAppSymbols--time-deposit:before {
    content: "\e09d"
}

.sap-icon-businessSuiteInAppSymbols--early-widthdrawal-for-time-deposits:before {
    content: "\e09e"
}

.sap-icon-businessSuiteInAppSymbols--business-partner:before {
    content: "\e0e3"
}

.sap-icon-businessSuiteInAppSymbols--truck-load:before {
    content: "\e0e8"
}

.sap-icon-businessSuiteInAppSymbols--truck-unload:before {
    content: "\e0e9"
}

.sap-icon-businessSuiteInAppSymbols--truck-load-unload:before {
    content: "\e0ea"
}

.sap-icon-businessSuiteInAppSymbols--pharmacy:before {
    content: "\e0eb"
}

.sap-icon-businessSuiteInAppSymbols--medicine-syrup:before {
    content: "\e0ec"
}

.sap-icon-businessSuiteInAppSymbols--reminder:before {
    content: "\e0ed"
}

.sap-icon-businessSuiteInAppSymbols--medicine-pill:before {
    content: "\e0ee"
}

.sap-icon-businessSuiteInAppSymbols--medicine-ointment:before {
    content: "\e0ef"
}

.sap-icon-businessSuiteInAppSymbols--medicine-drops:before {
    content: "\e0f0"
}

.sap-icon-businessSuiteInAppSymbols--blood-test:before {
    content: "\e0f1"
}

.sap-icon-businessSuiteInAppSymbols--temperature:before {
    content: "\e0f2"
}

.sap-icon-businessSuiteInAppSymbols--medicine-inhaler:before {
    content: "\e0f3"
}

.sap-icon-businessSuiteInAppSymbols--foot-steps:before {
    content: "\e0f4"
}

.sap-icon-businessSuiteInAppSymbols--weight:before {
    content: "\e0f5"
}

.sap-icon-businessSuiteInAppSymbols--health-tracking:before {
    content: "\e0f6"
}

.sap-icon-businessSuiteInAppSymbols--blood-pressure:before {
    content: "\e0f7"
}

.sap-icon-businessSuiteInAppSymbols--immunization:before {
    content: "\e0f8"
}

.sap-icon-businessSuiteInAppSymbols--allergies:before {
    content: "\e0f9"
}

.sap-icon-businessSuiteInAppSymbols--rescheduling2:before {
    content: "\e0fa"
}

.sap-icon-businessSuiteInAppSymbols--resequencing2:before {
    content: "\e0fb"
}

.sap-icon-businessSuiteInAppSymbols--no-time-change:before {
    content: "\e0fc"
}

.sap-icon-businessSuiteInAppSymbols--time-change:before {
    content: "\e0fd"
}

.sap-icon-businessSuiteInAppSymbols--smart-matcher:before {
    content: "\e0fe"
}

.sap-icon-businessSuiteInAppSymbols--legal-section:before {
    content: "\e10a"
}

.sap-icon-businessSuiteInAppSymbols--causes:before {
    content: "\e10b"
}

.sap-icon-businessSuiteInAppSymbols--effects:before {
    content: "\e10c"
}

.sap-icon-businessSuiteInAppSymbols--shared-by-me:before {
    content: "\e10d"
}

.sap-icon-businessSuiteInAppSymbols--shared-with-me:before {
    content: "\e10e"
}

.sap-icon-businessSuiteInAppSymbols--alert-groups:before {
    content: "\e111"
}

.sap-icon-businessSuiteInAppSymbols--function-alert:before {
    content: "\e112"
}

.sap-icon-businessSuiteInAppSymbols--function-hierarchy:before {
    content: "\e113"
}

.sap-icon-businessSuiteInAppSymbols--rfid:before {
    content: "\e114"
}

.sap-icon-businessSuiteInAppSymbols--input:before {
    content: "\e115"
}

.sap-icon-businessSuiteInAppSymbols--software-item:before {
    content: "\e116"
}

.sap-icon-businessSuiteInAppSymbols--product-view:before {
    content: "\e117"
}

.sap-icon-businessSuiteInAppSymbols--software-item-variant:before {
    content: "\e118"
}

.sap-icon-businessSuiteInAppSymbols--lighthouse:before {
    content: "\e119"
}

.sap-icon-businessSuiteInAppSymbols--demand-unit:before {
    content: "\e11a"
}

.sap-icon-businessSuiteInAppSymbols--fma-management:before {
    content: "\e11b"
}

.sap-icon-businessSuiteInAppSymbols--fma-validation:before {
    content: "\e11c"
}

.sap-icon-businessSuiteInAppSymbols--fma-analytics:before {
    content: "\e11d"
}

.sap-icon-businessSuiteInAppSymbols--class:before {
    content: "\e11e"
}

.sap-icon-businessSuiteInAppSymbols--overview:before {
    content: "\e11f"
}

.sap-icon-businessSuiteInAppSymbols--production:before {
    content: "\e120"
}

.sap-icon-businessSuiteInAppSymbols--subclass:before {
    content: "\e121"
}

.sap-icon-businessSuiteInAppSymbols--variant-configuration:before {
    content: "\e122"
}

.sap-icon-businessSuiteInAppSymbols--sum:before {
    content: "\e123"
}

.sap-icon-businessSuiteInAppSymbols--empty-trailer:before {
    content: "\e12f"
}

.sap-icon-businessSuiteInAppSymbols--door:before {
    content: "\e130"
}

.sap-icon-businessSuiteInAppSymbols--loading-point:before {
    content: "\e131"
}

.sap-icon-businessSuiteInAppSymbols--stock-warehouse:before {
    content: "\e132"
}

.sap-icon-businessSuiteInAppSymbols--gate:before {
    content: "\e133"
}

.sap-icon-businessSuiteInAppSymbols--timeseries-waterfall-chart:before {
    content: "\e134"
}

.sap-icon-businessSuiteInAppSymbols--stages-warning:before {
    content: "\e138"
}

.sap-icon-businessSuiteInAppSymbols--empty-warning:before {
    content: "\e139"
}

.sap-icon-businessSuiteInAppSymbols--move-folder:before {
    content: "\e169"
}

.sap-icon-businessSuiteInAppSymbols--remove-folder:before {
    content: "\e16a"
}

.sap-icon-businessSuiteInAppSymbols--match-case:before {
    content: "\e16b"
}

.sap-icon-businessSuiteInAppSymbols--match-whole-word:before {
    content: "\e16c"
}

.sap-icon-businessSuiteInAppSymbols--remove-total:before {
    content: "\e16d"
}

.sap-icon-businessSuiteInAppSymbols--after-total:before {
    content: "\e16e"
}

.sap-icon-businessSuiteInAppSymbols--before-total:before {
    content: "\e16f"
}

.sap-icon-businessSuiteInAppSymbols--workbook-filter:before {
    content: "\e170"
}

.sap-icon-businessSuiteInAppSymbols--icon-update-filter:before {
    content: "\e171"
}

.sap-icon-businessSuiteInAppSymbols--cell-lock:before {
    content: "\e172"
}

.sap-icon-businessSuiteInAppSymbols--max-container:before {
    content: "\e17b"
}

.sap-icon-businessSuiteInAppSymbols--max-interval:before {
    content: "\e17c"
}

.sap-icon-businessSuiteInAppSymbols--min-interval:before {
    content: "\e17d"
}

.sap-icon-businessSuiteInAppSymbols--cross-order:before {
    content: "\e17e"
}

.sap-icon-businessSuiteInAppSymbols--empty-order:before {
    content: "\e17f"
}

.sap-icon-businessSuiteInAppSymbols--cross-sequence:before {
    content: "\e180"
}

.sap-icon-businessSuiteInAppSymbols--empty-sequence:before {
    content: "\e181"
}

.sap-icon-businessSuiteInAppSymbols--cross-union:before {
    content: "\e182"
}

.sap-icon-businessSuiteInAppSymbols--empty-union:before {
    content: "\e183"
}

.sap-icon-businessSuiteInAppSymbols--cross-target:before {
    content: "\e184"
}

.sap-icon-businessSuiteInAppSymbols--non-stackable:before {
    content: "\e185"
}

.sap-icon-businessSuiteInAppSymbols--back-to-search:before {
    content: "\e186"
}

.sap-icon-businessSuiteInAppSymbols--business-objects-folder:before {
    content: "\e187"
}

.sap-icon-businessSuiteInAppSymbols--dangerous-goods:before {
    content: "\e18a"
}

.sap-icon-businessSuiteInAppSymbols--staging:before {
    content: "\e189"
}

.sap-icon-TNT--technicalsystem:before {
    content: "\e000"
}

.sap-icon-TNT--systemjava:before {
    content: "\e001"
}

.sap-icon-TNT--systemabap:before {
    content: "\e002"
}

.sap-icon-TNT--systemrecommendations:before {
    content: "\e003"
}

.sap-icon-TNT--system:before {
    content: "\e004"
}

.sap-icon-TNT--systemtrex:before {
    content: "\e005"
}

.sap-icon-TNT--systemtracks:before {
    content: "\e006"
}

.sap-icon-TNT--technicalscenario:before {
    content: "\e007"
}

.sap-icon-TNT--technicalinstance:before {
    content: "\e008"
}

.sap-icon-TNT--throughput-backlog:before {
    content: "\e009"
}

.sap-icon-TNT--batch-processing:before {
    content: "\e00a"
}

.sap-icon-TNT--database-consistency:before {
    content: "\e00b"
}

.sap-icon-TNT--intermediate-message:before {
    content: "\e00c"
}

.sap-icon-TNT--exceptions:before {
    content: "\e00d"
}

.sap-icon-TNT--system-HANA:before {
    content: "\e00e"
}

.sap-icon-TNT--python:before {
    content: "\e00f"
}

.sap-icon-TNT--raise-fault:before {
    content: "\e010"
}

.sap-icon-TNT--code1:before {
    content: "\e011"
}

.sap-icon-TNT--code2:before {
    content: "\e012"
}

.sap-icon-TNT--spike-arrest:before {
    content: "\e013"
}

.sap-icon-TNT--verify-API:before {
    content: "\e014"
}

.sap-icon-TNT--user:before {
    content: "\e015"
}

.sap-icon-TNT--note:before {
    content: "\e016"
}

.sap-icon-TNT--throwing-message:before {
    content: "\e017"
}

.sap-icon-TNT--catching-message:before {
    content: "\e018"
}

.sap-icon-TNT--start-event:before {
    content: "\e019"
}

.sap-icon-TNT--end-event:before {
    content: "\e01a"
}

.sap-icon-TNT--gateway:before {
    content: "\e01b"
}

.sap-icon-TNT--sub-process-marker:before {
    content: "\e01c"
}

.sap-icon-TNT--ad-hoc-marker:before {
    content: "\e01d"
}

.sap-icon-TNT--manual-task:before {
    content: "\e01e"
}

.sap-icon-TNT--send-task:before {
    content: "\e01f"
}

.sap-icon-TNT--receive-task:before {
    content: "\e020"
}

.sap-icon-TNT--script-task:before {
    content: "\e021"
}

.sap-icon-TNT--marquee:before {
    content: "\e022"
}

.sap-icon-TNT--data-input-arrow:before {
    content: "\e023"
}

.sap-icon-TNT--data-output-arrow:before {
    content: "\e024"
}

.sap-icon-TNT--more:before {
    content: "\e025"
}

.sap-icon-TNT--pattern:before {
    content: "\e026"
}

.sap-icon-TNT--task:before {
    content: "\e027"
}

.sap-icon-TNT--arrow:before {
    content: "\e028"
}

.sap-icon-TNT--data:before {
    content: "\e029"
}

.sap-icon-TNT--data-store:before {
    content: "\e02a"
}

.sap-icon-TNT--pool:before {
    content: "\e02b"
}

.sap-icon-TNT--swimlane:before {
    content: "\e02c"
}

.sap-icon-TNT--select:before {
    content: "\e02d"
}

.sap-icon-TNT--cursor:before {
    content: "\e02e"
}

.sap-icon-TNT--api:before {
    content: "\e02f"
}

.sap-icon-TNT--o-data:before {
    content: "\e030"
}

.sap-icon-TNT--javascript:before {
    content: "\e031"
}

.sap-icon-TNT--value-mapping:before {
    content: "\e032"
}

.sap-icon-TNT--terminate-end-event:before {
    content: "\e033"
}

.sap-icon-TNT--parallel-gateway:before {
    content: "\e034"
}

.sap-icon-TNT--exclusive-gateway:before {
    content: "\e035"
}

.sap-icon-TNT--service-task:before {
    content: "\e036"
}

.sap-icon-TNT--workflow-editor:before {
    content: "\e037"
}

.sap-icon-TNT--boundary-interrupting:before {
    content: "\e038"
}

.sap-icon-TNT--boundary-non-interrupting:before {
    content: "\e039"
}

.sap-icon-TNT--block:before {
    content: "\e03a"
}

.sap-icon-TNT--constrain-block:before {
    content: "\e03b"
}

.sap-icon-TNT--actor:before {
    content: "\e03c"
}

.sap-icon-TNT--instance-specification:before {
    content: "\e03d"
}

.sap-icon-TNT--value-type:before {
    content: "\e03e"
}

.sap-icon-TNT--interface-block:before {
    content: "\e03f"
}

.sap-icon-TNT--unit:before {
    content: "\e040"
}

.sap-icon-TNT--signal:before {
    content: "\e041"
}

.sap-icon-TNT--quantity-kind:before {
    content: "\e042"
}

.sap-icon-TNT--item-flow:before {
    content: "\e043"
}

.sap-icon-TNT--dependency:before {
    content: "\e044"
}

.sap-icon-TNT--generalization:before {
    content: "\e045"
}

.sap-icon-TNT--aggregation:before {
    content: "\e046"
}

.sap-icon-TNT--composition:before {
    content: "\e047"
}

.sap-icon-TNT--association:before {
    content: "\e048"
}

.sap-icon-TNT--port:before {
    content: "\e049"
}

.sap-icon-TNT--proxy-port:before {
    content: "\e04a"
}

.sap-icon-TNT--full-port:before {
    content: "\e04b"
}

.sap-icon-TNT--operations:before {
    content: "\e04c"
}

.sap-icon-TNT--constrains:before {
    content: "\e04d"
}

.sap-icon-TNT--receptions:before {
    content: "\e04e"
}

.sap-icon-TNT--references:before {
    content: "\e04f"
}

.sap-icon-TNT--parts:before {
    content: "\e050"
}

.sap-icon-TNT--flow:before {
    content: "\e051"
}

.sap-icon-TNT--values:before {
    content: "\e052"
}

.sap-icon-TNT--bill-of-material:before {
    content: "\e053"
}

.sap-icon-TNT--document-info-recording:before {
    content: "\e054"
}

.sap-icon-TNT--use-case-diagram:before {
    content: "\e055"
}

.sap-icon-TNT--bdd-diagram:before {
    content: "\e056"
}

.sap-icon-TNT--requirement-diagram:before {
    content: "\e057"
}

.sap-icon-TNT--package-diagram:before {
    content: "\e058"
}

.sap-icon-TNT--internal-block-diagram:before {
    content: "\e059"
}

.sap-icon-TNT--requirement-containment-relationship:before {
    content: "\e05a"
}

.sap-icon-TNT--use-case:before {
    content: "\e05b"
}

.sap-icon-TNT--use-case-extension-point:before {
    content: "\e05c"
}

.sap-icon-TNT--communication-path:before {
    content: "\e05d"
}

.sap-icon-TNT--note-connection:before {
    content: "\e05e"
}

.sap-icon-TNT--subject:before {
    content: "\e05f"
}

.sap-icon-TNT--auto-layout:before {
    content: "\e060"
}

.sap-icon-TNT--required-interface:before {
    content: "\e061"
}

.sap-icon-TNT--provided-interface:before {
    content: "\e062"
}

.sap-icon-TNT--sub-content:before {
    content: "\e063"
}

.sap-icon-TNT--connector:before {
    content: "\e064"
}

.sap-icon-TNT--local-process-call:before {
    content: "\e065"
}

.sap-icon-TNT--aggregator:before {
    content: "\e066"
}

.sap-icon-TNT--splitter:before {
    content: "\e067"
}

.sap-icon-TNT--converter:before {
    content: "\e068"
}

.sap-icon-TNT--content-modifier:before {
    content: "\e069"
}

.sap-icon-TNT--message-start-event:before {
    content: "\e06a"
}

.sap-icon-TNT--message-end-event:before {
    content: "\e06d"
}

.sap-icon-TNT--escalation-end-event:before {
    content: "\e06c"
}

.sap-icon-TNT--start-timer-event:before {
    content: "\e06d"
}

.sap-icon-TNT--error-start-event:before {
    content: "\e06e"
}

.sap-icon-TNT--error-end-event:before {
    content: "\e06f"
}

.sap-icon-TNT--content-enricher:before {
    content: "\e070"
}

.sap-icon-TNT--realization:before {
    content: "\e071"
}

.sap-icon-TNT--interface:before {
    content: "\e072"
}

.sap-icon-TNT--usiness-capability:before {
    content: "\e073"
}

.sap-icon-TNT--progress-group:before {
    content: "\e074"
}

.sap-icon-TNT--value-stream:before {
    content: "\e075"
}

.sap-icon-TNT--value-flow:before {
    content: "\e076"
}

.sap-icon-TNT--application:before {
    content: "\e077"
}

.sap-icon-TNT--etl-job:before {
    content: "\e078"
}

.sap-icon-TNT--business-service:before {
    content: "\e079"
}

.sap-icon-TNT--application-service:before {
    content: "\e07a"
}

.sap-icon-TNT--network-node:before {
    content: "\e07b"
}

.sap-icon-TNT--network:before {
    content: "\e07c"
}

.sap-icon-TNT--deployment-instance:before {
    content: "\e07d"
}

.sap-icon-TNT--intranet:before {
    content: "\e07e"
}

.sap-icon-TNT--mobile-network:before {
    content: "\e07f"
}

.sap-icon-TNT--private-cloud:before {
    content: "\e080"
}

.sap-icon-TNT--antenna:before {
    content: "\e081"
}

.sap-icon-TNT--firewall:before {
    content: "\e082"
}

.sap-icon-TNT--hub:before {
    content: "\e083"
}

.sap-icon-TNT--modem:before {
    content: "\e084"
}

.sap-icon-TNT--repeater:before {
    content: "\e085"
}

.sap-icon-TNT--router:before {
    content: "\e086"
}

.sap-icon-TNT--switch:before {
    content: "\e087"
}

.sap-icon-TNT--satellite:before {
    content: "\e088"
}

.sap-icon-TNT--system-2:before {
    content: "\e089"
}

.sap-icon-TNT--status-activating:before {
    content: "\e08a"
}

.sap-icon-TNT--status-suspended:before {
    content: "\e08b"
}

.sap-icon-TNT--status-suspending:before {
    content: "\e08c"
}

.sap-icon-TNT--status-terminated:before {
    content: "\e08d"
}

.sap-icon-TNT--status-terminating:before {
    content: "\e08e"
}

.sap-icon-TNT--solution-not-licensed:before {
    content: "\e08f"
}

.sap-icon-TNT--clear-all-mapping:before {
    content: "\e090"
}

.sap-icon-TNT--map-all-fields:before {
    content: "\e091"
}

.sap-icon-TNT--process-package:before {
    content: "\e092"
}

.sap-icon-TNT--process-kpis:before {
    content: "\e093"
}

.sap-icon-TNT--insights:before {
    content: "\e094"
}

.sap-icon-TNT--escalation-boundary-interrupting:before {
    content: "\e095"
}

.sap-icon-TNT--escalation-boundary-non-interrupting:before {
    content: "\e096"
}

.sap-icon-TNT--escalation-throwing:before {
    content: "\e097"
}

.sap-icon-TNT--solution:before {
    content: "\e098"
}

.sap-icon-TNT--binary:before {
    content: "\e099"
}

.sap-icon-TNT--uuid:before {
    content: "\e09a"
}

.sap-icon-TNT--github:before {
    content: "\e09b"
}

.sap-icon-TNT--robot:before {
    content: "\e09c"
}

.sap-icon-TNT--string:before {
    content: "\e09d"
}

.sap-icon-TNT--boolean:before {
    content: "\e09e"
}

.sap-icon-TNT--array:before {
    content: "\e09f"
}

.sap-icon-TNT--any:before {
    content: "\e101"
}

.sap-icon-TNT--integer:before {
    content: "\e102"
}

.sap-icon-TNT--float:before {
    content: "\e103"
}

.sap-icon-TNT--build-work-zone:before {
    content: "\e104"
}

.sap-icon-TNT--build-apps:before {
    content: "\e105"
}

.sap-icon-TNT--build-process-automation:before {
    content: "\e106"
}

.sap-icon-TNT--indicator:before {
    content: "\e107"
}

.sap-icon-TNT--indicator-active:before {
    content: "\e108"
}

.sap-icon-TNT--task-optional:before {
    content: "\e109"
}

.sap-icon-TNT--task-done:before {
    content: "\e10a"
}

.sap-icon-TNT--ai-1:before {
    content: "\e10b"
}

.sap-icon-TNT--ai-2:before {
    content: "\e10c"
}

.sap-icon-TNT--bound-validation-rule:before {
    content: "\e10d"
}

.sap-icon-TNT--business-application-studio:before {
    content: "\e110"
}

.sap-icon-TNT--clone-from-gi:before {
    content: "\e111"
}

.sap-icon-TNT--business-accelerator:before {
    content: "\e112"
}

.fd-illustrated-message {
    --illustratedMessagePadding: 1rem;
    --illustratedMessageMaxWidth: auto;
    --actionsMarginInline: 0;
    --actionsMarginBlock: 1rem;
    --actionsPaddingInlineStart: 0;
    --actionsPaddingInlineEnd: 0;
    --illustrationMinWidth: 15rem;
    --illustrationMaxWidth: 20rem;
    --illustrationMinHeight: 11.25rem;
    --illustrationMaxHeight: 15rem;
    --illustrationMarginBlock: 2rem;
    --illustrationMarginInlineStart: 0;
    --illustrationMarginInlineEnd: 0;
    --illustrationDisplay: flex;
    --containerFlexDirection: column;
    --figcaptionMaxWidth: 61.9375rem;
    --titleMinWidth: auto;
    --titleMarginBottom: 1rem;
    --titleFontSize: var(--sapFontHeader2Size);
    --textMinWidth: auto;
    --textMarginBottom: 0.5rem;
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: var(--illustratedMessageMaxWidth);
    min-height: 100%;
    padding-block: var(--illustratedMessagePadding);
    padding-inline: var(--illustratedMessagePadding);
    text-align: center;
    width: 100%
}

    .fd-illustrated-message:after, .fd-illustrated-message:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-illustrated-message-responsive-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    container-type: inline-size;
    height: 100%;
    min-height: 100%;
    width: 100%
}

    .fd-illustrated-message-responsive-container:after, .fd-illustrated-message-responsive-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-illustrated-message__container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: var(--containerFlexDirection);
    flex-direction: var(--containerFlexDirection)
}

    .fd-illustrated-message__container:after, .fd-illustrated-message__container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-illustrated-message__illustration {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: var(--illustrationDisplay);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: auto;
    line-height: normal;
    margin-block: 0;
    margin-block: var(--illustrationMarginBlock);
    margin-inline: 0;
    margin-inline: var(--illustrationMarginInlineStart) var(--illustrationMarginInlineEnd);
    max-height: var(--illustrationMaxHeight);
    max-width: var(--illustrationMaxWidth);
    min-height: var(--illustrationMinHeight);
    min-width: var(--illustrationMinWidth);
    padding-block: 0;
    padding-inline: 0;
    width: auto
}

    .fd-illustrated-message__illustration:after, .fd-illustrated-message__illustration:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-illustrated-message__figcaption {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: var(--figcaptionMaxWidth);
    overflow: hidden
}

    .fd-illustrated-message__figcaption:after, .fd-illustrated-message__figcaption:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-illustrated-message__title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapGroup_TitleTextColor);
    font-family: var(--sapFontFamily);
    font-family: var(--sapFontHeaderFamily);
    font-size: var(--sapFontSize);
    font-size: var(--titleFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    text-align: center;
    width: 100%;
    -webkit-margin-after: var(--titleMarginBottom);
    margin-block-end: var(--titleMarginBottom)
}

    .fd-illustrated-message__title:after, .fd-illustrated-message__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-illustrated-message__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: 1.5;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    text-align: center;
    text-wrap: wrap;
    -webkit-margin-after: var(--textMarginBottom);
    margin-block-end: var(--textMarginBottom)
}

    .fd-illustrated-message__text:after, .fd-illustrated-message__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-illustrated-message__actions {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    margin-block: var(--actionsMarginBlock);
    margin-inline: var(--actionsMarginInline);
    padding-inline: var(--actionsPaddingInlineStart) var(--actionsPaddingInlineEnd)
}

    .fd-illustrated-message__actions:after, .fd-illustrated-message__actions:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-illustrated-message--dialog {
    --illustrationMinWidth: 10rem;
    --illustrationMinHeight: 10rem;
    --illustrationMaxWidth: 10rem;
    --illustrationMaxHeight: 10rem;
    --illustrationMarginBlock: 1rem;
    --titleMarginBottom: 0.5rem;
    --titleFontSize: var(--sapFontHeader3Size);
    --figcaptionMaxWidth: 40.5625rem;
    --actionsMarginBlock: 0.5rem 1rem
}

.fd-illustrated-message--spot {
    --illustratedMessagePadding: 0.5rem;
    --illustrationMinWidth: 8rem;
    --illustrationMinHeight: 8rem;
    --illustrationMaxWidth: 8rem;
    --illustrationMaxHeight: 8rem;
    --illustrationMarginBlock: 0 0.5rem;
    --titleMarginBottom: 0.5rem;
    --titleFontSize: var(--sapFontHeader4Size);
    --figcaptionMaxWidth: 21.5rem;
    --actionsMarginBlock: 0.5rem
}

.fd-illustrated-message--dot {
    --illustratedMessagePadding: 0.25rem;
    --containerFlexDirection: row;
    --illustrationMinWidth: 2.8125rem;
    --illustrationMaxWidth: 2.8125rem;
    --illustrationMinHeight: 2.8125rem;
    --illustrationMaxHeight: 2.8125rem;
    --illustrationMarginBlock: 0;
    --illustrationMarginInlineEnd: 0.25rem;
    --figcaptionMaxWidth: 12.6875rem;
    --titleMarginBottom: 0.25rem;
    --titleFontSize: var(--sapFontHeader5Size);
    --textMarginBottom: 0.313rem;
    --actionsMarginBlock: 0.25rem;
    --actionsMarginInline: auto;
    --actionsPaddingInlineStart: var(--illustrationMaxWidth)
}

.fd-illustrated-message--base {
    --illustratedMessagePadding: 0.25rem;
    --illustratedMessageMaxWidth: auto;
    --illustrationDisplay: none;
    --figcaptionMaxWidth: 12.6875rem;
    --titleMarginBottom: 0.25rem;
    --titleFontSize: var(--sapFontHeader5Size);
    --textMarginBottom: 0.313rem;
    --actionsMarginBlock: 0.25rem;
    --actionsMarginInline: auto;
    --actionsPaddingInlineStart: 0
}

@container (width <= 681px) {
    .fd-illustrated-message {
        --illustrationMinWidth: 10rem;
        --illustrationMinHeight: 10rem;
        --illustrationMaxWidth: 10rem;
        --illustrationMaxHeight: 10rem;
        --illustrationMarginBlock: 1rem;
        --titleMarginBottom: 0.5rem;
        --titleFontSize: var(--sapFontHeader3Size);
        --figcaptionMaxWidth: 40.5625rem;
        --actionsMarginBlock: 0.5rem 1rem
    }
}

@container (width <= 360px) {
    .fd-illustrated-message {
        --illustratedMessagePadding: 0.5rem;
        --illustrationMinWidth: 8rem;
        --illustrationMinHeight: 8rem;
        --illustrationMaxWidth: 8rem;
        --illustrationMaxHeight: 8rem;
        --illustrationMarginBlock: 0 0.5rem;
        --titleMarginBottom: 0.5rem;
        --titleFontSize: var(--sapFontHeader4Size);
        --figcaptionMaxWidth: 21.5rem;
        --actionsMarginBlock: 0.5rem
    }
}

@container (width <= 260px) {
    .fd-illustrated-message {
        --illustratedMessagePadding: 0.25rem;
        --containerFlexDirection: row;
        --illustrationMinWidth: 2.8125rem;
        --illustrationMaxWidth: 2.8125rem;
        --illustrationMinHeight: 2.8125rem;
        --illustrationMaxHeight: 2.8125rem;
        --illustrationMarginBlock: 0;
        --illustrationMarginInlineEnd: 0.25rem;
        --figcaptionMaxWidth: 12.6875rem;
        --titleMarginBottom: 0.25rem;
        --titleFontSize: var(--sapFontHeader5Size);
        --textMarginBottom: 0.313rem;
        --actionsMarginBlock: 0.25rem;
        --actionsMarginInline: auto;
        --actionsPaddingInlineStart: var(--illustrationMaxWidth)
    }
}

@container (width <= 160px) {
    .fd-illustrated-message {
        --illustratedMessagePadding: 0.25rem;
        --illustratedMessageMaxWidth: auto;
        --illustrationDisplay: none;
        --figcaptionMaxWidth: 12.6875rem;
        --titleMarginBottom: 0.25rem;
        --titleFontSize: var(--sapFontHeader5Size);
        --textMarginBottom: 0.313rem;
        --actionsMarginBlock: 0.25rem;
        --actionsMarginInline: auto;
        --actionsPaddingInlineStart: 0
    }
}

.fd-info-label {
    --fdInfoLabel_Margin: 0.25rem;
    --fdInfoLabel_Padding: 0.375rem;
    --fdInfoLabel_Icon_Size: 0.75rem;
    --fdInfoLabel_Height: var(--fdInfo_Label_Height);
    --fdInfoLabel_Label_Font_Size: var(--sapFontSize);
    --fdInfoLabel_Color: var(--fdInfoLabel_Color_Accent_7);
    --fdInfoLabel_Border_Radius: var(--fdInfo_Label_Border_Radius);
    --fdInfoLabel_Border_Color: var(--fdInfo_Label_Background_Color7);
    --fdInfoLabel_Background: var(--fdInfoLabel_Background_Color_Accent_7);
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--fdInfoLabel_Background);
    border: .0625rem solid var(--fdInfoLabel_Border_Color);
    border-radius: var(--fdInfoLabel_Border_Radius);
    color: var(--fdInfoLabel_Color);
    gap: var(--fdInfoLabel_Margin);
    height: var(--fdInfoLabel_Height);
    padding-block: 0;
    padding-inline: var(--fdInfoLabel_Padding);
    width: auto
}

    .fd-info-label:after, .fd-info-label:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-info-label__icon [class*=sap-icon], .fd-info-label__icon[class*=sap-icon] {
    color: inherit;
    font-size: var(--fdInfoLabel_Icon_Size);
    height: var(--fdInfoLabel_Height);
    line-height: var(--fdInfoLabel_Height)
}

.fd-info-label__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: inherit;
    font-family: var(--sapFontFamily);
    font-family: var(--sapFontSemiboldDuplexFamily);
    font-size: var(--sapFontSize);
    font-size: var(--fdInfoLabel_Label_Font_Size);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-info-label__text:after, .fd-info-label__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-info-label--accent-color-1 {
    --fdInfoLabel_Background: var(--fdInfo_Label_Background_Color1);
    --fdInfoLabel_Color: var(--fdInfo_Label_Color1);
    --fdInfoLabel_Border_Color: var(--fdInfo_Label_Border_Color1)
}

.fd-info-label--accent-color-2 {
    --fdInfoLabel_Background: var(--fdInfo_Label_Background_Color2);
    --fdInfoLabel_Color: var(--fdInfo_Label_Color2);
    --fdInfoLabel_Border_Color: var(--fdInfo_Label_Border_Color2)
}

.fd-info-label--accent-color-3 {
    --fdInfoLabel_Background: var(--fdInfo_Label_Background_Color3);
    --fdInfoLabel_Color: var(--fdInfo_Label_Color3);
    --fdInfoLabel_Border_Color: var(--fdInfo_Label_Border_Color3)
}

.fd-info-label--accent-color-4 {
    --fdInfoLabel_Background: var(--fdInfo_Label_Background_Color4);
    --fdInfoLabel_Color: var(--fdInfo_Label_Color4);
    --fdInfoLabel_Border_Color: var(--fdInfo_Label_Border_Color4)
}

.fd-info-label--accent-color-5 {
    --fdInfoLabel_Background: var(--fdInfo_Label_Background_Color5);
    --fdInfoLabel_Color: var(--fdInfo_Label_Color5);
    --fdInfoLabel_Border_Color: var(--fdInfo_Label_Border_Color5)
}

.fd-info-label--accent-color-6 {
    --fdInfoLabel_Background: var(--fdInfo_Label_Background_Color6);
    --fdInfoLabel_Color: var(--fdInfo_Label_Color6);
    --fdInfoLabel_Border_Color: var(--fdInfo_Label_Border_Color6)
}

.fd-info-label--accent-color-7 {
    --fdInfoLabel_Background: var(--fdInfo_Label_Background_Color7);
    --fdInfoLabel_Color: var(--fdInfo_Label_Color7);
    --fdInfoLabel_Border_Color: var(--fdInfo_Label_Border_Color7)
}

.fd-info-label--accent-color-8 {
    --fdInfoLabel_Background: var(--fdInfo_Label_Background_Color8);
    --fdInfoLabel_Color: var(--fdInfo_Label_Color8);
    --fdInfoLabel_Border_Color: var(--fdInfo_Label_Border_Color8)
}

.fd-info-label--accent-color-9 {
    --fdInfoLabel_Background: var(--fdInfo_Label_Background_Color9);
    --fdInfoLabel_Color: var(--fdInfo_Label_Color9);
    --fdInfoLabel_Border_Color: var(--fdInfo_Label_Border_Color9)
}

.fd-info-label--accent-color-10 {
    --fdInfoLabel_Background: var(--fdInfo_Label_Background_Color10);
    --fdInfoLabel_Color: var(--fdInfo_Label_Color10);
    --fdInfoLabel_Border_Color: var(--fdInfo_Label_Border_Color10)
}

.fd-info-label--display {
    --fdInfoLabel_Padding: 0.25rem;
    --fdInfoLabel_Margin: 0.125rem;
    --fdInfoLabel_Icon_Size: 0.625rem;
    --fdInfoLabel_Label_Font_Size: var(--sapFontSmallSize);
    --fdInfoLabel_Height: var(--fdInfo_Label_Height_Display);
    --fdInfoLabel_Border_Radius: var(--fdInfo_Label_Border_Radius_Display)
}

.fd-input-group {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--fdInputGroup_Background,var(--sapField_BackgroundStyle));
    background-color: var(--fdInputGroup_Background_Color,var(--sapField_Background));
    border: 0;
    border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
    border-radius: var(--sapField_BorderCornerRadius);
    -webkit-box-shadow: var(--sapField_Shadow);
    box-shadow: var(--sapField_Shadow);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapField_TextColor);
    cursor: text;
    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(--sapElement_Height);
    line-height: normal;
    margin-block: 0;
    margin-block: var(--fdInput_Field_Margin_Block,.25rem);
    margin-inline: 0;
    min-width: 2.75rem;
    outline: none;
    overflow: hidden;
    padding-block: 0;
    padding-inline: var(--fdInput_Field_Padding_Inline,.625rem);
    padding-inline: 0;
    text-overflow: ellipsis;
    text-shadow: var(--fdInput_Text_Shadow);
    white-space: nowrap;
    width: 100%;
    z-index: 1;
    --fdInput_Height: 100%;
    --fdInput_Compact_Height: 100%
}

    .fd-input-group:after, .fd-input-group:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-input-group::-webkit-input-placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: var(--fdPlaceholder_Font_Style)
    }

    .fd-input-group::-moz-placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: var(--fdPlaceholder_Font_Style)
    }

    .fd-input-group:-ms-input-placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: var(--fdPlaceholder_Font_Style)
    }

    .fd-input-group::-ms-input-placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: var(--fdPlaceholder_Font_Style)
    }

    .fd-input-group::placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: var(--fdPlaceholder_Font_Style)
    }

    .fd-input-group[dir=rtl]::-webkit-input-placeholder, [dir=rtl] .fd-input-group::-webkit-input-placeholder {
        text-indent: .125rem
    }

    .fd-input-group[dir=rtl]::-moz-placeholder, [dir=rtl] .fd-input-group::-moz-placeholder {
        text-indent: .125rem
    }

    .fd-input-group[dir=rtl]:-ms-input-placeholder, [dir=rtl] .fd-input-group:-ms-input-placeholder {
        text-indent: .125rem
    }

    .fd-input-group[dir=rtl]::-ms-input-placeholder, [dir=rtl] .fd-input-group::-ms-input-placeholder {
        text-indent: .125rem
    }

    .fd-input-group[dir=rtl]::placeholder, [dir=rtl] .fd-input-group::placeholder {
        text-indent: .125rem
    }

    .fd-input-group::-moz-selection {
        background-color: var(--sapSelectedColor);
        color: var(--sapContent_ContrastTextColor)
    }

    .fd-input-group::selection {
        background-color: var(--sapSelectedColor);
        color: var(--sapContent_ContrastTextColor)
    }

    .fd-input-group::-ms-clear {
        display: none
    }

    .fd-input-group.is-hover, .fd-input-group:hover {
        background: var(--fdInputGroup_Hover_Background,var(--sapField_Hover_BackgroundStyle));
        background-color: var(--fdInputGroup_Hover_Background_Color,var(--sapField_Hover_Background));
        border-color: var(--sapField_Hover_BorderColor);
        -webkit-box-shadow: var(--fdInput_Box_Shadow_Hover);
        box-shadow: var(--fdInput_Box_Shadow_Hover)
    }

    .fd-input-group.is-focus, .fd-input-group:focus {
        background: var(--sapField_Focus_Background,var(--sapField_Focus_Background));
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
        outline-offset: var(--fdInput_Outline_Offset);
        z-index: 5
    }

    .fd-input-group.is-success {
        background: var(--sapField_SuccessBackgroundStyle);
        background-color: var(--sapField_SuccessBackground);
        border: var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);
        -webkit-box-shadow: var(--sapField_SuccessShadow);
        box-shadow: var(--sapField_SuccessShadow)
    }

        .fd-input-group.is-success.is-hover, .fd-input-group.is-success:hover {
            background-color: var(--fdInput_Success_Background_Color_Hover);
            border-color: var(--sapField_SuccessColor);
            -webkit-box-shadow: var(--fdInput_Success_Box_Shadow_Hover);
            box-shadow: var(--fdInput_Success_Box_Shadow_Hover)
        }

        .fd-input-group.is-success.is-focus, .fd-input-group.is-success:focus {
            background: var(--sapField_Focus_Background);
            outline-color: var(--fdInput_Success_Outline_Color)
        }

            .fd-input-group.is-success.is-focus.is-hover, .fd-input-group.is-success.is-focus:hover, .fd-input-group.is-success:focus.is-hover, .fd-input-group.is-success:focus:hover {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .fd-input-group.is-success.is-expanded, .fd-input-group.is-success[aria-expanded=true] {
            background: var(--sapField_Focus_Background);
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);
            outline-offset: var(--fdInput_Outline_Offset)
        }

    .fd-input-group.is-error {
        background: var(--sapField_InvalidBackgroundStyle);
        background-color: var(--sapField_InvalidBackground);
        border: var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);
        -webkit-box-shadow: var(--sapField_InvalidShadow);
        box-shadow: var(--sapField_InvalidShadow)
    }

        .fd-input-group.is-error.is-hover, .fd-input-group.is-error:hover {
            background-color: var(--fdInput_Error_Background_Color_Hover);
            border-color: var(--sapField_InvalidColor);
            -webkit-box-shadow: var(--fdInput_Error_Box_Shadow_Hover);
            box-shadow: var(--fdInput_Error_Box_Shadow_Hover)
        }

        .fd-input-group.is-error.is-focus, .fd-input-group.is-error:focus {
            background: var(--sapField_Focus_Background);
            outline-color: var(--fdInput_Error_Outline_Color)
        }

            .fd-input-group.is-error.is-focus.is-hover, .fd-input-group.is-error.is-focus:hover, .fd-input-group.is-error:focus.is-hover, .fd-input-group.is-error:focus:hover {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .fd-input-group.is-error.is-expanded, .fd-input-group.is-error[aria-expanded=true] {
            background: var(--sapField_Focus_Background);
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);
            outline-offset: var(--fdInput_Outline_Offset)
        }

    .fd-input-group.is-warning {
        background: var(--sapField_WarningBackgroundStyle);
        background-color: var(--sapField_WarningBackground);
        border: var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);
        -webkit-box-shadow: var(--sapField_WarningShadow);
        box-shadow: var(--sapField_WarningShadow)
    }

        .fd-input-group.is-warning.is-hover, .fd-input-group.is-warning:hover {
            background-color: var(--fdInput_Warning_Background_Color_Hover);
            border-color: var(--sapField_WarningColor);
            -webkit-box-shadow: var(--fdInput_Warning_Box_Shadow_Hover);
            box-shadow: var(--fdInput_Warning_Box_Shadow_Hover)
        }

        .fd-input-group.is-warning.is-focus, .fd-input-group.is-warning:focus {
            background: var(--sapField_Focus_Background);
            outline-color: var(--fdInput_Warning_Outline_Color)
        }

            .fd-input-group.is-warning.is-focus.is-hover, .fd-input-group.is-warning.is-focus:hover, .fd-input-group.is-warning:focus.is-hover, .fd-input-group.is-warning:focus:hover {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .fd-input-group.is-warning.is-expanded, .fd-input-group.is-warning[aria-expanded=true] {
            background: var(--sapField_Focus_Background);
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);
            outline-offset: var(--fdInput_Outline_Offset)
        }

    .fd-input-group.is-alert {
        background: var(--sapField_WarningBackgroundStyle);
        background-color: var(--sapField_WarningBackground);
        border: var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)
    }

        .fd-input-group.is-alert.is-hover, .fd-input-group.is-alert:hover {
            background-color: var(--fdInput_Warning_Background_Color_Hover);
            border-color: var(--sapField_WarningColor);
            -webkit-box-shadow: var(--fdInput_Warning_Box_Shadow_Hover);
            box-shadow: var(--fdInput_Warning_Box_Shadow_Hover)
        }

        .fd-input-group.is-alert.is-focus, .fd-input-group.is-alert:focus {
            background: var(--sapField_Focus_Background);
            outline-color: var(--fdInput_Warning_Outline_Color)
        }

            .fd-input-group.is-alert.is-focus.is-hover, .fd-input-group.is-alert.is-focus:hover, .fd-input-group.is-alert:focus.is-hover, .fd-input-group.is-alert:focus:hover {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .fd-input-group.is-alert.is-expanded, .fd-input-group.is-alert[aria-expanded=true] {
            background: var(--sapField_Focus_Background);
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);
            outline-offset: var(--fdInput_Outline_Offset)
        }

    .fd-input-group.is-information {
        background: var(--sapField_InformationBackgroundStyle);
        background-color: var(--sapField_InformationBackground);
        border: var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);
        -webkit-box-shadow: var(--sapField_InformationShadow);
        box-shadow: var(--sapField_InformationShadow)
    }

        .fd-input-group.is-information.is-hover, .fd-input-group.is-information:hover {
            background-color: var(--fdInput_Information_Background_Color_Hover);
            border-color: var(--sapField_InformationColor);
            -webkit-box-shadow: var(--fdInput_Information_Box_Shadow_Hover);
            box-shadow: var(--fdInput_Information_Box_Shadow_Hover)
        }

        .fd-input-group.is-information.is-focus, .fd-input-group.is-information:focus {
            background: var(--sapField_Focus_Background);
            outline-color: var(--fdInput_Information_Outline_Color)
        }

            .fd-input-group.is-information.is-focus.is-hover, .fd-input-group.is-information.is-focus:hover, .fd-input-group.is-information:focus.is-hover, .fd-input-group.is-information:focus:hover {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .fd-input-group.is-information.is-expanded, .fd-input-group.is-information[aria-expanded=true] {
            background: var(--sapField_Focus_Background);
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);
            outline-offset: var(--fdInput_Outline_Offset)
        }

    .fd-input-group.is-alert, .fd-input-group.is-error, .fd-input-group.is-warning {
        font-style: var(--fdInput_State_Text_Style);
        font-weight: var(--fdInput_State_Font_Weight)
    }

        .fd-input-group.is-alert::-webkit-input-placeholder, .fd-input-group.is-error::-webkit-input-placeholder, .fd-input-group.is-warning::-webkit-input-placeholder {
            font-weight: var(--fdInput_State_Font_Weight)
        }

        .fd-input-group.is-alert::-moz-placeholder, .fd-input-group.is-error::-moz-placeholder, .fd-input-group.is-warning::-moz-placeholder {
            font-weight: var(--fdInput_State_Font_Weight)
        }

        .fd-input-group.is-alert:-ms-input-placeholder, .fd-input-group.is-error:-ms-input-placeholder, .fd-input-group.is-warning:-ms-input-placeholder {
            font-weight: var(--fdInput_State_Font_Weight)
        }

        .fd-input-group.is-alert::-ms-input-placeholder, .fd-input-group.is-error::-ms-input-placeholder, .fd-input-group.is-warning::-ms-input-placeholder {
            font-weight: var(--fdInput_State_Font_Weight)
        }

        .fd-input-group.is-alert::placeholder, .fd-input-group.is-error::placeholder, .fd-input-group.is-warning::placeholder {
            font-weight: var(--fdInput_State_Font_Weight)
        }

        .fd-input-group.is-alert.is-focus, .fd-input-group.is-alert:focus, .fd-input-group.is-error.is-focus, .fd-input-group.is-error:focus, .fd-input-group.is-information.is-focus, .fd-input-group.is-information:focus, .fd-input-group.is-warning.is-focus, .fd-input-group.is-warning:focus {
            outline-offset: var(--fdInput_Outline_Offset_States);
            z-index: 5
        }

        .fd-input-group.is-error::-webkit-input-placeholder {
            color: var(--sapField_TextColor)
        }

        .fd-input-group.is-error::-moz-placeholder {
            color: var(--sapField_TextColor)
        }

        .fd-input-group.is-error:-ms-input-placeholder {
            color: var(--sapField_TextColor)
        }

        .fd-input-group.is-error::-ms-input-placeholder {
            color: var(--sapField_TextColor)
        }

        .fd-input-group.is-error::placeholder {
            color: var(--sapField_TextColor)
        }

    .fd-input-group.is-disabled, .fd-input-group:disabled, .fd-input-group[aria-disabled=true] {
        opacity: var(--sapContent_DisabledOpacity);
        pointer-events: none
    }

        .fd-input-group.is-disabled::-webkit-input-placeholder, .fd-input-group:disabled::-webkit-input-placeholder, .fd-input-group[aria-disabled=true]::-webkit-input-placeholder {
            color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
            opacity: 0
        }

        .fd-input-group.is-disabled::-moz-placeholder, .fd-input-group:disabled::-moz-placeholder, .fd-input-group[aria-disabled=true]::-moz-placeholder {
            color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
            opacity: 0
        }

        .fd-input-group.is-disabled:-ms-input-placeholder, .fd-input-group:disabled:-ms-input-placeholder, .fd-input-group[aria-disabled=true]:-ms-input-placeholder {
            color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
            opacity: 0
        }

        .fd-input-group.is-disabled::-ms-input-placeholder, .fd-input-group:disabled::-ms-input-placeholder, .fd-input-group[aria-disabled=true]::-ms-input-placeholder {
            color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
            opacity: 0
        }

        .fd-input-group.is-disabled::placeholder, .fd-input-group:disabled::placeholder, .fd-input-group[aria-disabled=true]::placeholder {
            color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
            opacity: 0
        }

    .fd-input-group.is-readonly, .fd-input-group[aria-readonly=true], .fd-input-group[readonly] {
        --fdInput_Outline_Offset: -0.25rem;
        background: var(--sapField_ReadOnly_BackgroundStyle);
        background-color: var(--sapField_ReadOnly_Background);
        border-color: var(--sapField_ReadOnly_BorderColor);
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .fd-input-group.is-readonly::-webkit-input-placeholder, .fd-input-group[aria-readonly=true]::-webkit-input-placeholder, .fd-input-group[readonly]::-webkit-input-placeholder {
            color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
            opacity: 0
        }

        .fd-input-group.is-readonly::-moz-placeholder, .fd-input-group[aria-readonly=true]::-moz-placeholder, .fd-input-group[readonly]::-moz-placeholder {
            color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
            opacity: 0
        }

        .fd-input-group.is-readonly:-ms-input-placeholder, .fd-input-group[aria-readonly=true]:-ms-input-placeholder, .fd-input-group[readonly]:-ms-input-placeholder {
            color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
            opacity: 0
        }

        .fd-input-group.is-readonly::-ms-input-placeholder, .fd-input-group[aria-readonly=true]::-ms-input-placeholder, .fd-input-group[readonly]::-ms-input-placeholder {
            color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
            opacity: 0
        }

        .fd-input-group.is-readonly::placeholder, .fd-input-group[aria-readonly=true]::placeholder, .fd-input-group[readonly]::placeholder {
            color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
            opacity: 0
        }

        .fd-input-group.is-readonly.is-focus, .fd-input-group.is-readonly.is-hover, .fd-input-group.is-readonly:focus, .fd-input-group.is-readonly:hover, .fd-input-group[aria-readonly=true].is-focus, .fd-input-group[aria-readonly=true].is-hover, .fd-input-group[aria-readonly=true]:focus, .fd-input-group[aria-readonly=true]:hover, .fd-input-group[readonly].is-focus, .fd-input-group[readonly].is-hover, .fd-input-group[readonly]:focus, .fd-input-group[readonly]:hover {
            --fdInput_Outline_Offset: -0.25rem;
            background: var(--sapField_ReadOnly_BackgroundStyle);
            background-color: var(--sapField_ReadOnly_Background);
            border-color: var(--sapField_ReadOnly_BorderColor);
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .fd-input-group.is-readonly.is-focus, .fd-input-group.is-readonly:focus, .fd-input-group[aria-readonly=true].is-focus, .fd-input-group[aria-readonly=true]:focus, .fd-input-group[readonly].is-focus, .fd-input-group[readonly]:focus {
            z-index: 5
        }

    .fd-input-group .fd-input-group__button {
        background: var(--fdInput_Group_Button_Background);
        background-color: var(--fdButtonBackgroundColor);
        border: none;
        border-radius: var(--fdInput_Group_Button_Border_Raduis);
        color: var(--fdInput_Group_Button_Text_Color);
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
        z-index: auto !important
    }

        .fd-input-group .fd-input-group__button:before {
            display: none !important
        }

        .fd-input-group .fd-input-group__button:after {
            border-radius: var(--fdInput_Outline_Border_Radius)
        }

        .fd-input-group .fd-input-group__button.is-hover, .fd-input-group .fd-input-group__button:hover {
            --fdInput_Group_Button_Text_Color: var(--fdInput_Group_Button_Hover_Text_Color);
            --fdButtonBackgroundColor: var(--fdInput_Group_Button_Hover_Background);
            -webkit-box-shadow: var(--fdInput_Group_Button_Box_Shadow);
            box-shadow: var(--fdInput_Group_Button_Box_Shadow)
        }

        .fd-input-group .fd-input-group__button.is-active, .fd-input-group .fd-input-group__button:active {
            background: var(--fdInput_Group_Button_Active_Background);
            -webkit-box-shadow: var(--fdInput_Group_Button_Box_Shadow);
            box-shadow: var(--fdInput_Group_Button_Box_Shadow);
            color: var(--fdInput_Group_Button_Active_Text_Color)
        }

    .fd-input-group.is-success.is-focus, .fd-input-group.is-success:focus {
        z-index: 5
    }

        .fd-input-group.is-success.is-focus .fd-input-group__button, .fd-input-group.is-success:focus .fd-input-group__button {
            -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);
            --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
        }

            .fd-input-group.is-success.is-focus .fd-input-group__button.is-hover, .fd-input-group.is-success.is-focus .fd-input-group__button:hover, .fd-input-group.is-success:focus .fd-input-group__button.is-hover, .fd-input-group.is-success:focus .fd-input-group__button:hover {
                --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
            }

    .fd-input-group.is-success.is-expanded .fd-input-group__button, .fd-input-group.is-success[aria-expanded=true] .fd-input-group__button {
        -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);
        --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
    }

        .fd-input-group.is-success.is-expanded .fd-input-group__button.is-hover, .fd-input-group.is-success.is-expanded .fd-input-group__button:hover, .fd-input-group.is-success[aria-expanded=true] .fd-input-group__button.is-hover, .fd-input-group.is-success[aria-expanded=true] .fd-input-group__button:hover {
            --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
        }

    .fd-input-group.is-success .fd-input-group__button.is-active, .fd-input-group.is-success .fd-input-group__button.is-hover, .fd-input-group.is-success .fd-input-group__button:active, .fd-input-group.is-success .fd-input-group__button:hover {
        -webkit-box-shadow: var(--fdInput_Group_Button_Success_Active_Box_Shadow);
        box-shadow: var(--fdInput_Group_Button_Success_Active_Box_Shadow)
    }

    .fd-input-group.is-success .fd-input-group__button.is-active, .fd-input-group.is-success .fd-input-group__button:active {
        color: var(--fdInput_Group_Button_Success_Active_Text_Color)
    }

    .fd-input-group.is-error.is-focus, .fd-input-group.is-error:focus {
        z-index: 5
    }

        .fd-input-group.is-error.is-focus .fd-input-group__button, .fd-input-group.is-error:focus .fd-input-group__button {
            -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);
            --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
        }

            .fd-input-group.is-error.is-focus .fd-input-group__button.is-hover, .fd-input-group.is-error.is-focus .fd-input-group__button:hover, .fd-input-group.is-error:focus .fd-input-group__button.is-hover, .fd-input-group.is-error:focus .fd-input-group__button:hover {
                --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
            }

    .fd-input-group.is-error.is-expanded .fd-input-group__button, .fd-input-group.is-error[aria-expanded=true] .fd-input-group__button {
        -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);
        --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
    }

        .fd-input-group.is-error.is-expanded .fd-input-group__button.is-hover, .fd-input-group.is-error.is-expanded .fd-input-group__button:hover, .fd-input-group.is-error[aria-expanded=true] .fd-input-group__button.is-hover, .fd-input-group.is-error[aria-expanded=true] .fd-input-group__button:hover {
            --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
        }

    .fd-input-group.is-error .fd-input-group__button.is-active, .fd-input-group.is-error .fd-input-group__button.is-hover, .fd-input-group.is-error .fd-input-group__button:active, .fd-input-group.is-error .fd-input-group__button:hover {
        -webkit-box-shadow: var(--fdInput_Group_Button_Error_Active_Box_Shadow);
        box-shadow: var(--fdInput_Group_Button_Error_Active_Box_Shadow)
    }

    .fd-input-group.is-error .fd-input-group__button.is-active, .fd-input-group.is-error .fd-input-group__button:active {
        color: var(--fdInput_Group_Button_Error_Active_Text_Color)
    }

    .fd-input-group.is-warning.is-focus, .fd-input-group.is-warning:focus {
        z-index: 5
    }

        .fd-input-group.is-warning.is-focus .fd-input-group__button, .fd-input-group.is-warning:focus .fd-input-group__button {
            -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);
            --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
        }

            .fd-input-group.is-warning.is-focus .fd-input-group__button.is-hover, .fd-input-group.is-warning.is-focus .fd-input-group__button:hover, .fd-input-group.is-warning:focus .fd-input-group__button.is-hover, .fd-input-group.is-warning:focus .fd-input-group__button:hover {
                --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
            }

    .fd-input-group.is-warning.is-expanded .fd-input-group__button, .fd-input-group.is-warning[aria-expanded=true] .fd-input-group__button {
        -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);
        --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
    }

        .fd-input-group.is-warning.is-expanded .fd-input-group__button.is-hover, .fd-input-group.is-warning.is-expanded .fd-input-group__button:hover, .fd-input-group.is-warning[aria-expanded=true] .fd-input-group__button.is-hover, .fd-input-group.is-warning[aria-expanded=true] .fd-input-group__button:hover {
            --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
        }

    .fd-input-group.is-warning .fd-input-group__button.is-active, .fd-input-group.is-warning .fd-input-group__button.is-hover, .fd-input-group.is-warning .fd-input-group__button:active, .fd-input-group.is-warning .fd-input-group__button:hover {
        -webkit-box-shadow: var(--fdInput_Group_Button_Warning_Active_Box_Shadow);
        box-shadow: var(--fdInput_Group_Button_Warning_Active_Box_Shadow)
    }

    .fd-input-group.is-warning .fd-input-group__button.is-active, .fd-input-group.is-warning .fd-input-group__button:active {
        color: var(--fdInput_Group_Button_Warning_Active_Text_Color)
    }

    .fd-input-group.is-alert.is-focus, .fd-input-group.is-alert:focus {
        z-index: 5
    }

        .fd-input-group.is-alert.is-focus .fd-input-group__button, .fd-input-group.is-alert:focus .fd-input-group__button {
            -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);
            --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
        }

            .fd-input-group.is-alert.is-focus .fd-input-group__button.is-hover, .fd-input-group.is-alert.is-focus .fd-input-group__button:hover, .fd-input-group.is-alert:focus .fd-input-group__button.is-hover, .fd-input-group.is-alert:focus .fd-input-group__button:hover {
                --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
            }

    .fd-input-group.is-alert.is-expanded .fd-input-group__button, .fd-input-group.is-alert[aria-expanded=true] .fd-input-group__button {
        -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);
        --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
    }

        .fd-input-group.is-alert.is-expanded .fd-input-group__button.is-hover, .fd-input-group.is-alert.is-expanded .fd-input-group__button:hover, .fd-input-group.is-alert[aria-expanded=true] .fd-input-group__button.is-hover, .fd-input-group.is-alert[aria-expanded=true] .fd-input-group__button:hover {
            --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
        }

    .fd-input-group.is-alert .fd-input-group__button.is-active, .fd-input-group.is-alert .fd-input-group__button.is-hover, .fd-input-group.is-alert .fd-input-group__button:active, .fd-input-group.is-alert .fd-input-group__button:hover {
        -webkit-box-shadow: var(--fdInput_Group_Button_Warning_Active_Box_Shadow);
        box-shadow: var(--fdInput_Group_Button_Warning_Active_Box_Shadow)
    }

    .fd-input-group.is-alert .fd-input-group__button.is-active, .fd-input-group.is-alert .fd-input-group__button:active {
        color: var(--fdInput_Group_Button_Warning_Active_Text_Color)
    }

    .fd-input-group.is-information.is-focus, .fd-input-group.is-information:focus {
        z-index: 5
    }

        .fd-input-group.is-information.is-focus .fd-input-group__button, .fd-input-group.is-information:focus .fd-input-group__button {
            -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);
            --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
        }

            .fd-input-group.is-information.is-focus .fd-input-group__button.is-hover, .fd-input-group.is-information.is-focus .fd-input-group__button:hover, .fd-input-group.is-information:focus .fd-input-group__button.is-hover, .fd-input-group.is-information:focus .fd-input-group__button:hover {
                --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
            }

    .fd-input-group.is-information.is-expanded .fd-input-group__button, .fd-input-group.is-information[aria-expanded=true] .fd-input-group__button {
        -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);
        --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
    }

        .fd-input-group.is-information.is-expanded .fd-input-group__button.is-hover, .fd-input-group.is-information.is-expanded .fd-input-group__button:hover, .fd-input-group.is-information[aria-expanded=true] .fd-input-group__button.is-hover, .fd-input-group.is-information[aria-expanded=true] .fd-input-group__button:hover {
            --fdButtonBackgroundColor: var(--fdInput_Group_Button_Active_Background)
        }

    .fd-input-group.is-information .fd-input-group__button.is-active, .fd-input-group.is-information .fd-input-group__button.is-hover, .fd-input-group.is-information .fd-input-group__button:active, .fd-input-group.is-information .fd-input-group__button:hover {
        -webkit-box-shadow: var(--fdInput_Group_Button_Information_Active_Box_Shadow);
        box-shadow: var(--fdInput_Group_Button_Information_Active_Box_Shadow)
    }

    .fd-input-group.is-information .fd-input-group__button.is-active, .fd-input-group.is-information .fd-input-group__button:active {
        color: var(--fdInput_Group_Button_Information_Active_Text_Color)
    }

    .fd-input-group .fd-input-group__input {
        -webkit-box-flex: 1;
        background: none;
        background-color: var(--fdInputGroup_Input_Background,transparent);
        border: var(--fdInputGroup_Input_Border,none);
        -webkit-box-shadow: none;
        box-shadow: none;
        color: var(--fdInputGroup_Input_Color,inherit);
        -ms-flex: 1 1 10rem;
        flex: 1 1 10rem;
        padding-inline: .25rem;
        text-shadow: var(--fdInputGroup_Text_Shadow)
    }

        .fd-input-group .fd-input-group__input:nth-child(n+1) {
            margin-block: 0;
            margin-inline: 0
        }

        .fd-input-group .fd-input-group__input::-webkit-input-placeholder {
            color: var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));
            font-style: var(--fdInputGroup_Input_Placeholder_Style,italic)
        }

        .fd-input-group .fd-input-group__input::-moz-placeholder {
            color: var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));
            font-style: var(--fdInputGroup_Input_Placeholder_Style,italic)
        }

        .fd-input-group .fd-input-group__input:-ms-input-placeholder {
            color: var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));
            font-style: var(--fdInputGroup_Input_Placeholder_Style,italic)
        }

        .fd-input-group .fd-input-group__input::-ms-input-placeholder {
            color: var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));
            font-style: var(--fdInputGroup_Input_Placeholder_Style,italic)
        }

        .fd-input-group .fd-input-group__input::placeholder {
            color: var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));
            font-style: var(--fdInputGroup_Input_Placeholder_Style,italic)
        }

        .fd-input-group .fd-input-group__input.is-hover, .fd-input-group .fd-input-group__input:hover {
            background: none;
            background-color: var(--fdInputGroup_Hover_Input_Background,transparent);
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .fd-input-group .fd-input-group__input.is-focus, .fd-input-group .fd-input-group__input:focus {
            background: var(--fdInputGroup_Input_Background,none);
            border-radius: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none;
            z-index: 5
        }

        .fd-input-group .fd-input-group__input:first-child {
            -webkit-padding-start: .625rem;
            padding-inline-start: .625rem
        }

        .fd-input-group .fd-input-group__input:last-child {
            -webkit-padding-end: .625rem;
            padding-inline-end: .625rem
        }

        .fd-input-group .fd-input-group__input:-webkit-autofill, .fd-input-group .fd-input-group__input:-webkit-autofill:active, .fd-input-group .fd-input-group__input:-webkit-autofill:focus, .fd-input-group .fd-input-group__input:-webkit-autofill:hover {
            -webkit-background-clip: text;
            background-clip: text
        }

.fd-input-group--inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: bottom;
    width: auto
}

.fd-input-group__addon {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fdInputGroup_Addon_Background,none);
    color: var(--sapContent_NonInteractiveIconColor);
    font-size: var(--sapFontLargeSize);
    min-height: var(--fdInput_Group_Addon_Height,var(--fdInput_Compact_Height));
    min-width: var(--fdInput_Group_Addon_Width,2.25rem);
    overflow: hidden;
    padding-inline: .625rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-input-group__addon:after, .fd-input-group__addon:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-input-group__addon span[class*=sap-icon--]:before {
        font-size: var(--sapFontLargeSize)
    }

.fd-input-group__addon--readonly {
    opacity: .4
}

.fd-input-group__addon--button {
    overflow: visible;
    padding-block: 0;
    padding-inline: 0
}

.fd-input-group--control[aria-expanded=true] {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.fd-input-group[class*=-compact], .fd-input-group[class*=-condensed], [class*=-compact] .fd-input-group:not([class*=-cozy]), [class*=-condensed] .fd-input-group:not([class*=-cozy]) {
    height: var(--sapElement_Compact_Height);
    --fdInput_Field_Margin_Block: 0.1875rem;
    --fdInput_Field_Compact_Margin_Block: 0;
    --fdInput_Group_Addon_Width: 2rem;
    --fdInput_Group_Addon_Height: var(--fdInput_Compact_Height)
}

.fd-input-group .fd-textarea {
    resize: vertical
}

.fd-input-group .is-disabled, .fd-input-group :disabled, .fd-input-group [aria-disabled=true] {
    opacity: 1
}

.fd-input-group.is-readonly, .fd-input-group[readonly] {
    overflow: visible
}

.fd-input-group .fd-tokenizer, .fd-input-group .fd-tokenizer.is-focus, .fd-input-group .fd-tokenizer.is-hover, .fd-input-group .fd-tokenizer:focus, .fd-input-group .fd-tokenizer:hover {
    background: none;
    background-color: var(transparent,transparent);
    -webkit-box-shadow: none;
    box-shadow: none
}

    .fd-input-group .fd-tokenizer.is-focus, .fd-input-group .fd-tokenizer:focus {
        outline: none;
        z-index: 5
    }

.fd-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--sapField_BackgroundStyle,var(--sapField_BackgroundStyle));
    background-color: var(--sapField_Background,var(--sapField_Background));
    border: 0;
    border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
    border-radius: var(--sapField_BorderCornerRadius);
    -webkit-box-shadow: var(--sapField_Shadow);
    box-shadow: var(--sapField_Shadow);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapField_TextColor);
    cursor: text;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: var(--fdInput_Height,var(--sapElement_Height));
    line-height: normal;
    margin-block: 0;
    margin-block: var(--fdInput_Field_Margin_Block,.25rem);
    margin-inline: 0;
    min-height: var(--fdInput_Height,var(--sapElement_Height));
    min-width: 2.75rem;
    outline: none;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    padding-inline: var(--fdInput_Field_Padding_Inline,.625rem);
    text-overflow: ellipsis;
    text-shadow: var(--fdInput_Text_Shadow);
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

    .fd-input:after, .fd-input:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-input::-webkit-input-placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: var(--fdPlaceholder_Font_Style)
    }

    .fd-input::-moz-placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: var(--fdPlaceholder_Font_Style)
    }

    .fd-input:-ms-input-placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: var(--fdPlaceholder_Font_Style)
    }

    .fd-input::-ms-input-placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: var(--fdPlaceholder_Font_Style)
    }

    .fd-input::placeholder {
        color: var(--sapField_PlaceholderTextColor);
        font-style: var(--fdPlaceholder_Font_Style)
    }

    .fd-input[dir=rtl]::-webkit-input-placeholder, [dir=rtl] .fd-input::-webkit-input-placeholder {
        text-indent: .125rem
    }

    .fd-input[dir=rtl]::-moz-placeholder, [dir=rtl] .fd-input::-moz-placeholder {
        text-indent: .125rem
    }

    .fd-input[dir=rtl]:-ms-input-placeholder, [dir=rtl] .fd-input:-ms-input-placeholder {
        text-indent: .125rem
    }

    .fd-input[dir=rtl]::-ms-input-placeholder, [dir=rtl] .fd-input::-ms-input-placeholder {
        text-indent: .125rem
    }

    .fd-input[dir=rtl]::placeholder, [dir=rtl] .fd-input::placeholder {
        text-indent: .125rem
    }

    .fd-input::-moz-selection {
        background-color: var(--sapSelectedColor);
        color: var(--sapContent_ContrastTextColor)
    }

    .fd-input::selection {
        background-color: var(--sapSelectedColor);
        color: var(--sapContent_ContrastTextColor)
    }

    .fd-input::-ms-clear {
        display: none
    }

    .fd-input.is-hover, .fd-input:hover {
        background: var(--sapField_Hover_BackgroundStyle,var(--sapField_Hover_BackgroundStyle));
        background-color: var(--sapField_Hover_Background,var(--sapField_Hover_Background));
        border-color: var(--sapField_Hover_BorderColor);
        -webkit-box-shadow: var(--fdInput_Box_Shadow_Hover);
        box-shadow: var(--fdInput_Box_Shadow_Hover)
    }

    .fd-input.is-focus, .fd-input:focus {
        background: var(--sapField_Focus_Background,var(--sapField_Focus_Background));
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
        outline-offset: var(--fdInput_Outline_Offset);
        z-index: 5
    }

    .fd-input[type=search]::-webkit-search-cancel-button, .fd-input[type=search]::-webkit-search-decoration, .fd-input[type=search]::-webkit-search-results-button, .fd-input[type=search]::-webkit-search-results-decoration {
        -webkit-appearance: none;
        appearance: none
    }

    .fd-input[aria-expanded=false] {
        z-index: 0
    }

    .fd-input.is-expanded, .fd-input[aria-expanded=true] {
        z-index: 4
    }

    .fd-input[class*=-compact], .fd-input[class*=-condensed], [class*=-compact] .fd-input:not([class*=-cozy]), [class*=-condensed] .fd-input:not([class*=-cozy]) {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: var(--fdInput_Compact_Height,var(--sapElement_Compact_Height));
        margin-block: var(--fdInput_Field_Compact_Margin_Block,.1875rem);
        margin-inline: 0;
        min-height: var(--fdInput_Compact_Height,var(--sapElement_Compact_Height));
        min-width: var(--fdInput_Field_Compact_Min_Width,2rem);
        padding-block: 0;
        padding-inline: var(--fdInput_Field_Compact_Padding,.5rem)
    }

.fd-input--no-number-spinner {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

    .fd-input--no-number-spinner::-webkit-inner-spin-button, .fd-input--no-number-spinner::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none;
        margin-block: 0;
        margin-inline: 0
    }

.fd-input.right-align {
    text-align: right
}

.fd-input.is-success {
    background: var(--sapField_SuccessBackgroundStyle);
    background-color: var(--sapField_SuccessBackground);
    border: var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);
    -webkit-box-shadow: var(--sapField_SuccessShadow);
    box-shadow: var(--sapField_SuccessShadow)
}

    .fd-input.is-success.is-hover, .fd-input.is-success:hover {
        background-color: var(--fdInput_Success_Background_Color_Hover);
        border-color: var(--sapField_SuccessColor);
        -webkit-box-shadow: var(--fdInput_Success_Box_Shadow_Hover);
        box-shadow: var(--fdInput_Success_Box_Shadow_Hover)
    }

    .fd-input.is-success.is-focus, .fd-input.is-success:focus {
        background: var(--sapField_Focus_Background);
        outline-color: var(--fdInput_Success_Outline_Color);
        z-index: 5
    }

        .fd-input.is-success.is-focus.is-hover, .fd-input.is-success.is-focus:hover, .fd-input.is-success:focus.is-hover, .fd-input.is-success:focus:hover {
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .fd-input.is-success.is-expanded, .fd-input.is-success[aria-expanded=true] {
        background: var(--sapField_Focus_Background);
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);
        outline-offset: var(--fdInput_Outline_Offset)
    }

.fd-input.is-error {
    background: var(--sapField_InvalidBackgroundStyle);
    background-color: var(--sapField_InvalidBackground);
    border: var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);
    -webkit-box-shadow: var(--sapField_InvalidShadow);
    box-shadow: var(--sapField_InvalidShadow)
}

    .fd-input.is-error.is-hover, .fd-input.is-error:hover {
        background-color: var(--fdInput_Error_Background_Color_Hover);
        border-color: var(--sapField_InvalidColor);
        -webkit-box-shadow: var(--fdInput_Error_Box_Shadow_Hover);
        box-shadow: var(--fdInput_Error_Box_Shadow_Hover)
    }

    .fd-input.is-error.is-focus, .fd-input.is-error:focus {
        background: var(--sapField_Focus_Background);
        outline-color: var(--fdInput_Error_Outline_Color);
        z-index: 5
    }

        .fd-input.is-error.is-focus.is-hover, .fd-input.is-error.is-focus:hover, .fd-input.is-error:focus.is-hover, .fd-input.is-error:focus:hover {
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .fd-input.is-error.is-expanded, .fd-input.is-error[aria-expanded=true] {
        background: var(--sapField_Focus_Background);
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);
        outline-offset: var(--fdInput_Outline_Offset)
    }

.fd-input.is-warning {
    background: var(--sapField_WarningBackgroundStyle);
    background-color: var(--sapField_WarningBackground);
    border: var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);
    -webkit-box-shadow: var(--sapField_WarningShadow);
    box-shadow: var(--sapField_WarningShadow)
}

    .fd-input.is-warning.is-hover, .fd-input.is-warning:hover {
        background-color: var(--fdInput_Warning_Background_Color_Hover);
        border-color: var(--sapField_WarningColor);
        -webkit-box-shadow: var(--fdInput_Warning_Box_Shadow_Hover);
        box-shadow: var(--fdInput_Warning_Box_Shadow_Hover)
    }

    .fd-input.is-warning.is-focus, .fd-input.is-warning:focus {
        background: var(--sapField_Focus_Background);
        outline-color: var(--fdInput_Warning_Outline_Color);
        z-index: 5
    }

        .fd-input.is-warning.is-focus.is-hover, .fd-input.is-warning.is-focus:hover, .fd-input.is-warning:focus.is-hover, .fd-input.is-warning:focus:hover {
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .fd-input.is-warning.is-expanded, .fd-input.is-warning[aria-expanded=true] {
        background: var(--sapField_Focus_Background);
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);
        outline-offset: var(--fdInput_Outline_Offset)
    }

.fd-input.is-alert {
    background: var(--sapField_WarningBackgroundStyle);
    background-color: var(--sapField_WarningBackground);
    border: var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)
}

    .fd-input.is-alert.is-hover, .fd-input.is-alert:hover {
        background-color: var(--fdInput_Warning_Background_Color_Hover);
        border-color: var(--sapField_WarningColor);
        -webkit-box-shadow: var(--fdInput_Warning_Box_Shadow_Hover);
        box-shadow: var(--fdInput_Warning_Box_Shadow_Hover)
    }

    .fd-input.is-alert.is-focus, .fd-input.is-alert:focus {
        background: var(--sapField_Focus_Background);
        outline-color: var(--fdInput_Warning_Outline_Color);
        z-index: 5
    }

        .fd-input.is-alert.is-focus.is-hover, .fd-input.is-alert.is-focus:hover, .fd-input.is-alert:focus.is-hover, .fd-input.is-alert:focus:hover {
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .fd-input.is-alert.is-expanded, .fd-input.is-alert[aria-expanded=true] {
        background: var(--sapField_Focus_Background);
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);
        outline-offset: var(--fdInput_Outline_Offset)
    }

.fd-input.is-information {
    background: var(--sapField_InformationBackgroundStyle);
    background-color: var(--sapField_InformationBackground);
    border: var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);
    -webkit-box-shadow: var(--sapField_InformationShadow);
    box-shadow: var(--sapField_InformationShadow)
}

    .fd-input.is-information.is-hover, .fd-input.is-information:hover {
        background-color: var(--fdInput_Information_Background_Color_Hover);
        border-color: var(--sapField_InformationColor);
        -webkit-box-shadow: var(--fdInput_Information_Box_Shadow_Hover);
        box-shadow: var(--fdInput_Information_Box_Shadow_Hover)
    }

    .fd-input.is-information.is-focus, .fd-input.is-information:focus {
        background: var(--sapField_Focus_Background);
        outline-color: var(--fdInput_Information_Outline_Color);
        z-index: 5
    }

        .fd-input.is-information.is-focus.is-hover, .fd-input.is-information.is-focus:hover, .fd-input.is-information:focus.is-hover, .fd-input.is-information:focus:hover {
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .fd-input.is-information.is-expanded, .fd-input.is-information[aria-expanded=true] {
        background: var(--sapField_Focus_Background);
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);
        outline-offset: var(--fdInput_Outline_Offset)
    }

.fd-input.is-alert, .fd-input.is-error, .fd-input.is-warning {
    font-style: var(--fdInput_State_Text_Style);
    font-weight: var(--fdInput_State_Font_Weight)
}

    .fd-input.is-alert::-webkit-input-placeholder, .fd-input.is-error::-webkit-input-placeholder, .fd-input.is-warning::-webkit-input-placeholder {
        font-weight: var(--fdInput_State_Font_Weight)
    }

    .fd-input.is-alert::-moz-placeholder, .fd-input.is-error::-moz-placeholder, .fd-input.is-warning::-moz-placeholder {
        font-weight: var(--fdInput_State_Font_Weight)
    }

    .fd-input.is-alert:-ms-input-placeholder, .fd-input.is-error:-ms-input-placeholder, .fd-input.is-warning:-ms-input-placeholder {
        font-weight: var(--fdInput_State_Font_Weight)
    }

    .fd-input.is-alert::-ms-input-placeholder, .fd-input.is-error::-ms-input-placeholder, .fd-input.is-warning::-ms-input-placeholder {
        font-weight: var(--fdInput_State_Font_Weight)
    }

    .fd-input.is-alert::placeholder, .fd-input.is-error::placeholder, .fd-input.is-warning::placeholder {
        font-weight: var(--fdInput_State_Font_Weight)
    }

    .fd-input.is-alert.is-focus, .fd-input.is-alert:focus, .fd-input.is-error.is-focus, .fd-input.is-error:focus, .fd-input.is-information.is-focus, .fd-input.is-information:focus, .fd-input.is-warning.is-focus, .fd-input.is-warning:focus {
        outline-offset: var(--fdInput_Outline_Offset_States);
        z-index: 5
    }

    .fd-input.is-error::-webkit-input-placeholder {
        color: var(--sapField_TextColor)
    }

    .fd-input.is-error::-moz-placeholder {
        color: var(--sapField_TextColor)
    }

    .fd-input.is-error:-ms-input-placeholder {
        color: var(--sapField_TextColor)
    }

    .fd-input.is-error::-ms-input-placeholder {
        color: var(--sapField_TextColor)
    }

    .fd-input.is-error::placeholder {
        color: var(--sapField_TextColor)
    }

.fd-input.is-disabled, .fd-input:disabled, .fd-input[aria-disabled=true] {
    opacity: var(--sapContent_DisabledOpacity);
    pointer-events: none
}

    .fd-input.is-disabled::-webkit-input-placeholder, .fd-input:disabled::-webkit-input-placeholder, .fd-input[aria-disabled=true]::-webkit-input-placeholder {
        color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
        opacity: 0
    }

    .fd-input.is-disabled::-moz-placeholder, .fd-input:disabled::-moz-placeholder, .fd-input[aria-disabled=true]::-moz-placeholder {
        color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
        opacity: 0
    }

    .fd-input.is-disabled:-ms-input-placeholder, .fd-input:disabled:-ms-input-placeholder, .fd-input[aria-disabled=true]:-ms-input-placeholder {
        color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
        opacity: 0
    }

    .fd-input.is-disabled::-ms-input-placeholder, .fd-input:disabled::-ms-input-placeholder, .fd-input[aria-disabled=true]::-ms-input-placeholder {
        color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
        opacity: 0
    }

    .fd-input.is-disabled::placeholder, .fd-input:disabled::placeholder, .fd-input[aria-disabled=true]::placeholder {
        color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
        opacity: 0
    }

.fd-input.is-readonly, .fd-input[aria-readonly=true], .fd-input[readonly] {
    --fdInput_Outline_Offset: -0.25rem;
    background: var(--sapField_ReadOnly_BackgroundStyle);
    background-color: var(--sapField_ReadOnly_Background);
    border-color: var(--sapField_ReadOnly_BorderColor);
    -webkit-box-shadow: none;
    box-shadow: none
}

    .fd-input.is-readonly::-webkit-input-placeholder, .fd-input[aria-readonly=true]::-webkit-input-placeholder, .fd-input[readonly]::-webkit-input-placeholder {
        color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
        opacity: 0
    }

    .fd-input.is-readonly::-moz-placeholder, .fd-input[aria-readonly=true]::-moz-placeholder, .fd-input[readonly]::-moz-placeholder {
        color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
        opacity: 0
    }

    .fd-input.is-readonly:-ms-input-placeholder, .fd-input[aria-readonly=true]:-ms-input-placeholder, .fd-input[readonly]:-ms-input-placeholder {
        color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
        opacity: 0
    }

    .fd-input.is-readonly::-ms-input-placeholder, .fd-input[aria-readonly=true]::-ms-input-placeholder, .fd-input[readonly]::-ms-input-placeholder {
        color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
        opacity: 0
    }

    .fd-input.is-readonly::placeholder, .fd-input[aria-readonly=true]::placeholder, .fd-input[readonly]::placeholder {
        color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
        opacity: 0
    }

    .fd-input.is-readonly.is-focus, .fd-input.is-readonly.is-hover, .fd-input.is-readonly:focus, .fd-input.is-readonly:hover, .fd-input[aria-readonly=true].is-focus, .fd-input[aria-readonly=true].is-hover, .fd-input[aria-readonly=true]:focus, .fd-input[aria-readonly=true]:hover, .fd-input[readonly].is-focus, .fd-input[readonly].is-hover, .fd-input[readonly]:focus, .fd-input[readonly]:hover {
        --fdInput_Outline_Offset: -0.25rem;
        background: var(--sapField_ReadOnly_BackgroundStyle);
        background-color: var(--sapField_ReadOnly_Background);
        border-color: var(--sapField_ReadOnly_BorderColor);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .fd-input.is-readonly.is-focus, .fd-input.is-readonly:focus, .fd-input[aria-readonly=true].is-focus, .fd-input[aria-readonly=true]:focus, .fd-input[readonly].is-focus, .fd-input[readonly]:focus {
        z-index: 5
    }

.fd-col, .fd-container, .fd-row {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-col:after, .fd-col:before, .fd-container:after, .fd-container:before, .fd-row:after, .fd-row:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-block: 0;
    padding-inline: .25rem;
    position: relative
}

    .fd-container .fd-row {
        margin-inline: -.25rem;
        min-width: calc(100% + .5rem)
    }

    .fd-container > .fd-row > .fd-col {
        padding-block: .25rem
    }

    .fd-container.fd-container--no-gap .fd-row, .fd-container.fd-container--no-horizontal-gap .fd-row {
        margin-inline: 0
    }

        .fd-container.fd-container--no-gap .fd-row .fd-col, .fd-container.fd-container--no-horizontal-gap .fd-row .fd-col {
            padding-inline: 0
        }

    .fd-container.fd-container--no-gap > .fd-row > .fd-col, .fd-container.fd-container--no-vertical-gap > .fd-row > .fd-col {
        padding-block: 0
    }

    .fd-container[dir=rtl], [dir=rtl] .fd-container {
        direction: rtl
    }

.fd-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%;
    position: relative
}

.fd-col {
    max-width: 100%;
    min-width: 100%;
    padding-inline: .25rem
}

.fd-col--0 {
    max-width: 0;
    min-width: 0%
}

.fd-col--offset-0 {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.fd-col--offset-after-0 {
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.fd-col--1 {
    max-width: 8.3333333333%;
    min-width: 8.3333333333%
}

.fd-col--offset-1 {
    -webkit-margin-start: 8.3333333333%;
    margin-inline-start: 8.3333333333%
}

.fd-col--offset-after-1 {
    -webkit-margin-end: 8.3333333333%;
    margin-inline-end: 8.3333333333%
}

.fd-col--2 {
    max-width: 16.6666666667%;
    min-width: 16.6666666667%
}

.fd-col--offset-2 {
    -webkit-margin-start: 16.6666666667%;
    margin-inline-start: 16.6666666667%
}

.fd-col--offset-after-2 {
    -webkit-margin-end: 16.6666666667%;
    margin-inline-end: 16.6666666667%
}

.fd-col--3 {
    max-width: 25%;
    min-width: 25%
}

.fd-col--offset-3 {
    -webkit-margin-start: 25%;
    margin-inline-start: 25%
}

.fd-col--offset-after-3 {
    -webkit-margin-end: 25%;
    margin-inline-end: 25%
}

.fd-col--4 {
    max-width: 33.3333333333%;
    min-width: 33.3333333333%
}

.fd-col--offset-4 {
    -webkit-margin-start: 33.3333333333%;
    margin-inline-start: 33.3333333333%
}

.fd-col--offset-after-4 {
    -webkit-margin-end: 33.3333333333%;
    margin-inline-end: 33.3333333333%
}

.fd-col--5 {
    max-width: 41.6666666667%;
    min-width: 41.6666666667%
}

.fd-col--offset-5 {
    -webkit-margin-start: 41.6666666667%;
    margin-inline-start: 41.6666666667%
}

.fd-col--offset-after-5 {
    -webkit-margin-end: 41.6666666667%;
    margin-inline-end: 41.6666666667%
}

.fd-col--6 {
    max-width: 50%;
    min-width: 50%
}

.fd-col--offset-6 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%
}

.fd-col--offset-after-6 {
    -webkit-margin-end: 50%;
    margin-inline-end: 50%
}

.fd-col--7 {
    max-width: 58.3333333333%;
    min-width: 58.3333333333%
}

.fd-col--offset-7 {
    -webkit-margin-start: 58.3333333333%;
    margin-inline-start: 58.3333333333%
}

.fd-col--offset-after-7 {
    -webkit-margin-end: 58.3333333333%;
    margin-inline-end: 58.3333333333%
}

.fd-col--8 {
    max-width: 66.6666666667%;
    min-width: 66.6666666667%
}

.fd-col--offset-8 {
    -webkit-margin-start: 66.6666666667%;
    margin-inline-start: 66.6666666667%
}

.fd-col--offset-after-8 {
    -webkit-margin-end: 66.6666666667%;
    margin-inline-end: 66.6666666667%
}

.fd-col--9 {
    max-width: 75%;
    min-width: 75%
}

.fd-col--offset-9 {
    -webkit-margin-start: 75%;
    margin-inline-start: 75%
}

.fd-col--offset-after-9 {
    -webkit-margin-end: 75%;
    margin-inline-end: 75%
}

.fd-col--10 {
    max-width: 83.3333333333%;
    min-width: 83.3333333333%
}

.fd-col--offset-10 {
    -webkit-margin-start: 83.3333333333%;
    margin-inline-start: 83.3333333333%
}

.fd-col--offset-after-10 {
    -webkit-margin-end: 83.3333333333%;
    margin-inline-end: 83.3333333333%
}

.fd-col--11 {
    max-width: 91.6666666667%;
    min-width: 91.6666666667%
}

.fd-col--offset-11 {
    -webkit-margin-start: 91.6666666667%;
    margin-inline-start: 91.6666666667%
}

.fd-col--offset-after-11 {
    -webkit-margin-end: 91.6666666667%;
    margin-inline-end: 91.6666666667%
}

.fd-col--12 {
    max-width: 100%;
    min-width: 100%
}

.fd-col--offset-12 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%
}

.fd-col--offset-after-12 {
    -webkit-margin-end: 100%;
    margin-inline-end: 100%
}

.fd-col--full {
    max-width: none;
    min-width: 8.3333333333%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.fd-col--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (width >= 600px) {
    .fd-container {
        padding-block: 0;
        padding-inline: .5rem
    }

        .fd-container .fd-row {
            margin-inline: -.5rem;
            min-width: calc(100% + 1rem)
        }

        .fd-container > .fd-row > .fd-col {
            padding-block: .5rem
        }

    .fd-col {
        padding-inline: .5rem
    }

    .fd-col-md--0 {
        max-width: 0;
        min-width: 0%
    }

    .fd-col-md--offset-0 {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .fd-col-md--offset-after-0 {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }

    .fd-col-md--1 {
        max-width: 8.3333333333%;
        min-width: 8.3333333333%
    }

    .fd-col-md--offset-1 {
        -webkit-margin-start: 8.3333333333%;
        margin-inline-start: 8.3333333333%
    }

    .fd-col-md--offset-after-1 {
        -webkit-margin-end: 8.3333333333%;
        margin-inline-end: 8.3333333333%
    }

    .fd-col-md--2 {
        max-width: 16.6666666667%;
        min-width: 16.6666666667%
    }

    .fd-col-md--offset-2 {
        -webkit-margin-start: 16.6666666667%;
        margin-inline-start: 16.6666666667%
    }

    .fd-col-md--offset-after-2 {
        -webkit-margin-end: 16.6666666667%;
        margin-inline-end: 16.6666666667%
    }

    .fd-col-md--3 {
        max-width: 25%;
        min-width: 25%
    }

    .fd-col-md--offset-3 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%
    }

    .fd-col-md--offset-after-3 {
        -webkit-margin-end: 25%;
        margin-inline-end: 25%
    }

    .fd-col-md--4 {
        max-width: 33.3333333333%;
        min-width: 33.3333333333%
    }

    .fd-col-md--offset-4 {
        -webkit-margin-start: 33.3333333333%;
        margin-inline-start: 33.3333333333%
    }

    .fd-col-md--offset-after-4 {
        -webkit-margin-end: 33.3333333333%;
        margin-inline-end: 33.3333333333%
    }

    .fd-col-md--5 {
        max-width: 41.6666666667%;
        min-width: 41.6666666667%
    }

    .fd-col-md--offset-5 {
        -webkit-margin-start: 41.6666666667%;
        margin-inline-start: 41.6666666667%
    }

    .fd-col-md--offset-after-5 {
        -webkit-margin-end: 41.6666666667%;
        margin-inline-end: 41.6666666667%
    }

    .fd-col-md--6 {
        max-width: 50%;
        min-width: 50%
    }

    .fd-col-md--offset-6 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%
    }

    .fd-col-md--offset-after-6 {
        -webkit-margin-end: 50%;
        margin-inline-end: 50%
    }

    .fd-col-md--7 {
        max-width: 58.3333333333%;
        min-width: 58.3333333333%
    }

    .fd-col-md--offset-7 {
        -webkit-margin-start: 58.3333333333%;
        margin-inline-start: 58.3333333333%
    }

    .fd-col-md--offset-after-7 {
        -webkit-margin-end: 58.3333333333%;
        margin-inline-end: 58.3333333333%
    }

    .fd-col-md--8 {
        max-width: 66.6666666667%;
        min-width: 66.6666666667%
    }

    .fd-col-md--offset-8 {
        -webkit-margin-start: 66.6666666667%;
        margin-inline-start: 66.6666666667%
    }

    .fd-col-md--offset-after-8 {
        -webkit-margin-end: 66.6666666667%;
        margin-inline-end: 66.6666666667%
    }

    .fd-col-md--9 {
        max-width: 75%;
        min-width: 75%
    }

    .fd-col-md--offset-9 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%
    }

    .fd-col-md--offset-after-9 {
        -webkit-margin-end: 75%;
        margin-inline-end: 75%
    }

    .fd-col-md--10 {
        max-width: 83.3333333333%;
        min-width: 83.3333333333%
    }

    .fd-col-md--offset-10 {
        -webkit-margin-start: 83.3333333333%;
        margin-inline-start: 83.3333333333%
    }

    .fd-col-md--offset-after-10 {
        -webkit-margin-end: 83.3333333333%;
        margin-inline-end: 83.3333333333%
    }

    .fd-col-md--11 {
        max-width: 91.6666666667%;
        min-width: 91.6666666667%
    }

    .fd-col-md--offset-11 {
        -webkit-margin-start: 91.6666666667%;
        margin-inline-start: 91.6666666667%
    }

    .fd-col-md--offset-after-11 {
        -webkit-margin-end: 91.6666666667%;
        margin-inline-end: 91.6666666667%
    }

    .fd-col-md--12 {
        max-width: 100%;
        min-width: 100%
    }

    .fd-col-md--offset-12 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%
    }

    .fd-col-md--offset-after-12 {
        -webkit-margin-end: 100%;
        margin-inline-end: 100%
    }
}

@media (width >= 1024px) {
    .fd-col-lg--0 {
        max-width: 0;
        min-width: 0%
    }

    .fd-col-lg--offset-0 {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .fd-col-lg--offset-after-0 {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }

    .fd-col-lg--1 {
        max-width: 8.3333333333%;
        min-width: 8.3333333333%
    }

    .fd-col-lg--offset-1 {
        -webkit-margin-start: 8.3333333333%;
        margin-inline-start: 8.3333333333%
    }

    .fd-col-lg--offset-after-1 {
        -webkit-margin-end: 8.3333333333%;
        margin-inline-end: 8.3333333333%
    }

    .fd-col-lg--2 {
        max-width: 16.6666666667%;
        min-width: 16.6666666667%
    }

    .fd-col-lg--offset-2 {
        -webkit-margin-start: 16.6666666667%;
        margin-inline-start: 16.6666666667%
    }

    .fd-col-lg--offset-after-2 {
        -webkit-margin-end: 16.6666666667%;
        margin-inline-end: 16.6666666667%
    }

    .fd-col-lg--3 {
        max-width: 25%;
        min-width: 25%
    }

    .fd-col-lg--offset-3 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%
    }

    .fd-col-lg--offset-after-3 {
        -webkit-margin-end: 25%;
        margin-inline-end: 25%
    }

    .fd-col-lg--4 {
        max-width: 33.3333333333%;
        min-width: 33.3333333333%
    }

    .fd-col-lg--offset-4 {
        -webkit-margin-start: 33.3333333333%;
        margin-inline-start: 33.3333333333%
    }

    .fd-col-lg--offset-after-4 {
        -webkit-margin-end: 33.3333333333%;
        margin-inline-end: 33.3333333333%
    }

    .fd-col-lg--5 {
        max-width: 41.6666666667%;
        min-width: 41.6666666667%
    }

    .fd-col-lg--offset-5 {
        -webkit-margin-start: 41.6666666667%;
        margin-inline-start: 41.6666666667%
    }

    .fd-col-lg--offset-after-5 {
        -webkit-margin-end: 41.6666666667%;
        margin-inline-end: 41.6666666667%
    }

    .fd-col-lg--6 {
        max-width: 50%;
        min-width: 50%
    }

    .fd-col-lg--offset-6 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%
    }

    .fd-col-lg--offset-after-6 {
        -webkit-margin-end: 50%;
        margin-inline-end: 50%
    }

    .fd-col-lg--7 {
        max-width: 58.3333333333%;
        min-width: 58.3333333333%
    }

    .fd-col-lg--offset-7 {
        -webkit-margin-start: 58.3333333333%;
        margin-inline-start: 58.3333333333%
    }

    .fd-col-lg--offset-after-7 {
        -webkit-margin-end: 58.3333333333%;
        margin-inline-end: 58.3333333333%
    }

    .fd-col-lg--8 {
        max-width: 66.6666666667%;
        min-width: 66.6666666667%
    }

    .fd-col-lg--offset-8 {
        -webkit-margin-start: 66.6666666667%;
        margin-inline-start: 66.6666666667%
    }

    .fd-col-lg--offset-after-8 {
        -webkit-margin-end: 66.6666666667%;
        margin-inline-end: 66.6666666667%
    }

    .fd-col-lg--9 {
        max-width: 75%;
        min-width: 75%
    }

    .fd-col-lg--offset-9 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%
    }

    .fd-col-lg--offset-after-9 {
        -webkit-margin-end: 75%;
        margin-inline-end: 75%
    }

    .fd-col-lg--10 {
        max-width: 83.3333333333%;
        min-width: 83.3333333333%
    }

    .fd-col-lg--offset-10 {
        -webkit-margin-start: 83.3333333333%;
        margin-inline-start: 83.3333333333%
    }

    .fd-col-lg--offset-after-10 {
        -webkit-margin-end: 83.3333333333%;
        margin-inline-end: 83.3333333333%
    }

    .fd-col-lg--11 {
        max-width: 91.6666666667%;
        min-width: 91.6666666667%
    }

    .fd-col-lg--offset-11 {
        -webkit-margin-start: 91.6666666667%;
        margin-inline-start: 91.6666666667%
    }

    .fd-col-lg--offset-after-11 {
        -webkit-margin-end: 91.6666666667%;
        margin-inline-end: 91.6666666667%
    }

    .fd-col-lg--12 {
        max-width: 100%;
        min-width: 100%
    }

    .fd-col-lg--offset-12 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%
    }

    .fd-col-lg--offset-after-12 {
        -webkit-margin-end: 100%;
        margin-inline-end: 100%
    }
}

@media (width >= 1440px) {
    .fd-col-xl--0 {
        max-width: 0;
        min-width: 0%
    }

    .fd-col-xl--offset-0 {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .fd-col-xl--offset-after-0 {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }

    .fd-col-xl--1 {
        max-width: 8.3333333333%;
        min-width: 8.3333333333%
    }

    .fd-col-xl--offset-1 {
        -webkit-margin-start: 8.3333333333%;
        margin-inline-start: 8.3333333333%
    }

    .fd-col-xl--offset-after-1 {
        -webkit-margin-end: 8.3333333333%;
        margin-inline-end: 8.3333333333%
    }

    .fd-col-xl--2 {
        max-width: 16.6666666667%;
        min-width: 16.6666666667%
    }

    .fd-col-xl--offset-2 {
        -webkit-margin-start: 16.6666666667%;
        margin-inline-start: 16.6666666667%
    }

    .fd-col-xl--offset-after-2 {
        -webkit-margin-end: 16.6666666667%;
        margin-inline-end: 16.6666666667%
    }

    .fd-col-xl--3 {
        max-width: 25%;
        min-width: 25%
    }

    .fd-col-xl--offset-3 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%
    }

    .fd-col-xl--offset-after-3 {
        -webkit-margin-end: 25%;
        margin-inline-end: 25%
    }

    .fd-col-xl--4 {
        max-width: 33.3333333333%;
        min-width: 33.3333333333%
    }

    .fd-col-xl--offset-4 {
        -webkit-margin-start: 33.3333333333%;
        margin-inline-start: 33.3333333333%
    }

    .fd-col-xl--offset-after-4 {
        -webkit-margin-end: 33.3333333333%;
        margin-inline-end: 33.3333333333%
    }

    .fd-col-xl--5 {
        max-width: 41.6666666667%;
        min-width: 41.6666666667%
    }

    .fd-col-xl--offset-5 {
        -webkit-margin-start: 41.6666666667%;
        margin-inline-start: 41.6666666667%
    }

    .fd-col-xl--offset-after-5 {
        -webkit-margin-end: 41.6666666667%;
        margin-inline-end: 41.6666666667%
    }

    .fd-col-xl--6 {
        max-width: 50%;
        min-width: 50%
    }

    .fd-col-xl--offset-6 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%
    }

    .fd-col-xl--offset-after-6 {
        -webkit-margin-end: 50%;
        margin-inline-end: 50%
    }

    .fd-col-xl--7 {
        max-width: 58.3333333333%;
        min-width: 58.3333333333%
    }

    .fd-col-xl--offset-7 {
        -webkit-margin-start: 58.3333333333%;
        margin-inline-start: 58.3333333333%
    }

    .fd-col-xl--offset-after-7 {
        -webkit-margin-end: 58.3333333333%;
        margin-inline-end: 58.3333333333%
    }

    .fd-col-xl--8 {
        max-width: 66.6666666667%;
        min-width: 66.6666666667%
    }

    .fd-col-xl--offset-8 {
        -webkit-margin-start: 66.6666666667%;
        margin-inline-start: 66.6666666667%
    }

    .fd-col-xl--offset-after-8 {
        -webkit-margin-end: 66.6666666667%;
        margin-inline-end: 66.6666666667%
    }

    .fd-col-xl--9 {
        max-width: 75%;
        min-width: 75%
    }

    .fd-col-xl--offset-9 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%
    }

    .fd-col-xl--offset-after-9 {
        -webkit-margin-end: 75%;
        margin-inline-end: 75%
    }

    .fd-col-xl--10 {
        max-width: 83.3333333333%;
        min-width: 83.3333333333%
    }

    .fd-col-xl--offset-10 {
        -webkit-margin-start: 83.3333333333%;
        margin-inline-start: 83.3333333333%
    }

    .fd-col-xl--offset-after-10 {
        -webkit-margin-end: 83.3333333333%;
        margin-inline-end: 83.3333333333%
    }

    .fd-col-xl--11 {
        max-width: 91.6666666667%;
        min-width: 91.6666666667%
    }

    .fd-col-xl--offset-11 {
        -webkit-margin-start: 91.6666666667%;
        margin-inline-start: 91.6666666667%
    }

    .fd-col-xl--offset-after-11 {
        -webkit-margin-end: 91.6666666667%;
        margin-inline-end: 91.6666666667%
    }

    .fd-col-xl--12 {
        max-width: 100%;
        min-width: 100%
    }

    .fd-col-xl--offset-12 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%
    }

    .fd-col-xl--offset-after-12 {
        -webkit-margin-end: 100%;
        margin-inline-end: 100%
    }
}

.fd-layout-panel {
    background-color: var(--sapGroup_ContentBackground);
    border: 0;
    border-radius: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0
}

    .fd-layout-panel:after {
        clear: both;
        content: "";
        display: table
    }

    .fd-layout-panel:after, .fd-layout-panel:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-layout-panel--transparent {
    background-color: transparent
}

.fd-layout-panel__header {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: .0625rem solid var(--sapGroup_TitleBorderColor);
    justify-content: space-between;
    min-height: 2.5rem;
    padding-block: 1rem;
    padding-inline: 1rem
}

    .fd-layout-panel__header:after, .fd-layout-panel__header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-layout-panel__head {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-layout-panel__head:after, .fd-layout-panel__head:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-layout-panel .fd-layout-panel__title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-margin-after: 0;
    color: var(--sapGroup_TitleTextColor);
    font-size: var(--sapGroup_TitleFontSize);
    margin-block-end: 0
}

    .fd-layout-panel .fd-layout-panel__title:after, .fd-layout-panel .fd-layout-panel__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-layout-panel .fd-layout-panel__title h1, .fd-layout-panel .fd-layout-panel__title h2, .fd-layout-panel .fd-layout-panel__title h3, .fd-layout-panel .fd-layout-panel__title h4, .fd-layout-panel .fd-layout-panel__title h5, .fd-layout-panel .fd-layout-panel__title h6 {
        color: var(--sapGroup_TitleTextColor);
        font-size: var(--sapGroup_Title_FontSize)
    }

.fd-layout-panel__description {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    margin-top: .25rem;
    padding-block: 0;
    padding-inline: 0
}

    .fd-layout-panel__description:after, .fd-layout-panel__description:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-layout-panel__actions {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapNeutralTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontSmallSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-layout-panel__actions:after, .fd-layout-panel__actions:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-layout-panel__filters {
    border: 0;
    border-bottom: .0625rem solid var(--sapGroup_TitleBorderColor);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: .5rem;
    padding-inline: 0;
    padding-inline: 1rem;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in
}

    .fd-layout-panel__filters:after, .fd-layout-panel__filters:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-layout-panel__filters.is-hidden {
        max-height: 0;
        overflow: hidden;
        padding-block: 0
    }

.fd-layout-panel__body {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: block;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: 100%;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: 1rem;
    padding-inline: 0;
    padding-inline: 1rem
}

    .fd-layout-panel__body:after, .fd-layout-panel__body:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-layout-panel__body--bleed, .fd-layout-panel__body--full-bleed {
    padding-block: 0;
    padding-inline: 0
}

.fd-layout-panel__body > :first-child {
    margin-top: 0
}

.fd-layout-panel__body > :last-child {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.fd-layout-panel__footer {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-top: .0625rem solid var(--sapGroup_TitleBorderColor);
    justify-content: center;
    padding-block: .5rem;
    padding-inline: 1rem
}

    .fd-layout-panel__footer:after, .fd-layout-panel__footer:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-layout-panel__footer--end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.fd-layout-panel__footer--start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
/*!
.fd-shell+(--fixed)
    .fd-shell__header+(--fixed)
    .fd-shell__app
    .fd-shell__footer+(--fixed)
    .fd-shell__overlay
*/ .fd-shell {
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;
    max-width: 100%;
    min-height: 100vh;
    overflow: hidden;
    position: absolute;
    width: 100vw
}

.fd-shell--fixed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100vh
}

    .fd-shell--fixed .fd-shell__header {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3rem;
        flex: 0 0 3rem;
        position: static
    }

    .fd-shell--fixed .fd-shell__footer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.5rem;
        flex: 0 0 2.5rem;
        position: static
    }

    .fd-shell--fixed .fd-shell__app {
        margin-top: 0;
        overflow: hidden;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-height: auto
    }

.fd-shell__header {
    background-color: var(--sapShellColor);
    height: 3rem;
    position: absolute;
    width: 100%;
    z-index: 1
}

.fd-shell__header--fixed {
    position: fixed
}

.fd-shell__footer {
    min-height: 2.5rem;
    width: 100%
}

.fd-shell__app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3rem;
    min-height: calc(100vh - 5.5rem);
    position: relative;
    width: 100%
}

.fd-shell__overlay {
    position: absolute
}
/*!
.fd-app
  .fd-app__navigation+(--horizontal|--vertical)
  .fd-app__sidebar
  .fd-app__main
*/ .fd-app {
    position: relative;
    width: 100%
}

@media (min-width:600px) {
    .fd-app {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
}

.fd-app__navigation {
    background-color: var(--sapGroup_ContentBackground);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.25rem;
    max-height: 3.25rem
}

.fd-app__navigation--horizontal {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
    padding-block: 0;
    padding-inline: .5rem
}

@media (min-width:600px) {
    .fd-app__navigation--horizontal {
        padding-block: 0;
        padding-inline: 2rem
    }
}

@media (min-width:1440px) {
    .fd-app__navigation--horizontal {
        padding-block: 0;
        padding-inline: 3rem
    }
}

.fd-app__navigation--vertical {
    overflow-y: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
}

@media (min-width:600px) {
    .fd-app__navigation--vertical {
        height: 100%;
        max-height: inherit;
        max-width: .5rem;
        position: relative
    }
}

.fd-app__main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 100%;
    overflow-y: auto
}

.fd-link {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapLinkColor);
    cursor: pointer;
    display: var(--fdLink_Display,inline-block);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    text-shadow: var(--sapContent_TextShadow);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: inherit;
    line-height: var(--fdLink_Line_Height,1.125rem);
    -webkit-text-decoration: var(--fdLink_Text_Decoration,none);
    text-decoration: var(--fdLink_Text_Decoration,none);
    text-underline-offset: .125rem;
    -webkit-transition: all .125s ease-in;
    transition: all .125s ease-in
}

    .fd-link:after, .fd-link:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-link__content {
    -webkit-text-decoration: var(--fdLink_Text_Content_Decoration,none);
    text-decoration: var(--fdLink_Text_Content_Decoration,none)
}

.fd-link.is-hover, .fd-link:hover {
    --fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Hover,none);
    --fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Hover,none)
}

.fd-link.is-focus, .fd-link:focus {
    --fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Focus,none);
    --fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Focus,none)
}

.fd-link.is-active, .fd-link:active {
    --fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Active,none);
    --fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Active,none)
}

.fd-link.is-disabled, .fd-link:disabled, .fd-link[aria-disabled=true] {
    --fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Disabled,none);
    --fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Disabled,none)
}

.fd-link--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-link--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-link--emphasized {
    font-family: var(--sapFontBoldFamily)
}

.fd-link:visited {
    color: var(--sapLink_Visited_Color)
}

.fd-link.is-hover, .fd-link:hover {
    color: var(--sapLink_Hover_Color)
}

.fd-link.is-focus, .fd-link:focus {
    background-color: var(--fdLink_Focus_Background);
    border-radius: var(--fdLink_Focus_Border_Radius);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--fdLink_Text_Focus_Color);
    outline: var(--fdLink_Hover_Outline_Color) var(--fdLink_Hover_Outline_Style) var(--fdLink_Hover_Outline_Width);
    outline-offset: var(--fdLink_Hover_Outline_Offset);
    text-shadow: var(--fdLink_Focus_Text_Shadow)
}

.fd-link.is-active, .fd-link:active {
    color: var(--sapLink_Active_Color)
}

    .fd-link.is-active.is-focus, .fd-link.is-active:focus, .fd-link:active.is-focus, .fd-link:active:focus {
        background-color: transparent;
        z-index: 5
    }

.fd-link--inverted {
    text-shadow: none
}

    .fd-link--inverted, .fd-link--inverted.is-hover, .fd-link--inverted:hover {
        color: var(--sapLink_InvertedColor)
    }

        .fd-link--inverted.is-focus, .fd-link--inverted:focus {
            outline-color: var(--sapContent_ContrastFocusColor);
            z-index: 5
        }

.fd-link--subtle {
    color: var(--sapLink_SubtleColor)
}

.fd-link.is-disabled, .fd-link:disabled, .fd-link[aria-disabled=true] {
    color: var(--sapLinkColor);
    opacity: var(--sapContent_DisabledOpacity);
    pointer-events: none
}

.fd-link > img {
    vertical-align: bottom
}

.fd-link [class*=sap-icon], .fd-link[class*=sap-icon] {
    color: var(--sapLinkColor);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .fd-link [class*=sap-icon]:first-child, .fd-link[class*=sap-icon]:first-child {
        -webkit-margin-end: var(--fdLink_Icon_Spacing,0);
        margin-inline-end: var(--fdLink_Icon_Spacing,0)
    }

    .fd-link [class*=sap-icon]:last-child, .fd-link[class*=sap-icon]:last-child {
        -webkit-margin-start: var(--fdLink_Icon_Spacing,0);
        margin-inline-start: var(--fdLink_Icon_Spacing,0)
    }

.fd-link.is-hover [class*=sap-icon], .fd-link.is-hover[class*=sap-icon], .fd-link:hover [class*=sap-icon], .fd-link:hover[class*=sap-icon] {
    color: var(--sapLink_Hover_Color);
    -webkit-text-decoration: var(--fdLink_Text_Decoration_Hover);
    text-decoration: var(--fdLink_Text_Decoration_Hover)
}

.fd-link.is-focus, .fd-link:focus {
    z-index: 5
}

    .fd-link.is-focus [class*=sap-icon], .fd-link.is-focus[class*=sap-icon], .fd-link:focus [class*=sap-icon], .fd-link:focus[class*=sap-icon] {
        color: var(--fdLink_Text_Focus_Color);
        -webkit-text-decoration: var(--fdLink_Text_Decoration_Focus);
        text-decoration: var(--fdLink_Text_Decoration_Focus)
    }

.fd-link.is-active [class*=sap-icon], .fd-link.is-active[class*=sap-icon], .fd-link:active [class*=sap-icon], .fd-link:active[class*=sap-icon] {
    color: var(--sapLink_Active_Color);
    -webkit-text-decoration: var(--fdLink_Text_Decoration_Active);
    text-decoration: var(--fdLink_Text_Decoration_Active)
}

.fd-link:visited:not(:focus) [class*=sap-icon], .fd-link:visited:not(:focus)[class*=sap-icon] {
    color: var(--sapLink_Visited_Color)
}

.fd-margin--tiny {
    margin-block: .5rem;
    margin-inline: .5rem
}

.fd-margin--sm {
    margin-block: 1rem;
    margin-inline: 1rem
}

.fd-margin--md {
    margin-block: 2rem;
    margin-inline: 2rem
}

.fd-margin--lg {
    margin-block: 3rem;
    margin-inline: 3rem
}

.fd-margin--none {
    margin-block: 0;
    margin-inline: 0
}

.fd-margin-top--tiny {
    -webkit-margin-before: .5rem;
    margin-block-start: .5rem
}

.fd-margin-top--sm {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.fd-margin-top--md {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.fd-margin-top--lg {
    -webkit-margin-before: 3rem;
    margin-block-start: 3rem
}

.fd-margin-top--none {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.fd-margin-end--tiny {
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.fd-margin-end--sm {
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.fd-margin-end--md {
    -webkit-margin-end: 2rem;
    margin-inline-end: 2rem
}

.fd-margin-end--lg {
    -webkit-margin-end: 3rem;
    margin-inline-end: 3rem
}

.fd-margin-end--none {
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.fd-margin-bottom--tiny {
    -webkit-margin-after: .5rem;
    margin-block-end: .5rem
}

.fd-margin-bottom--sm {
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem
}

.fd-margin-bottom--md {
    -webkit-margin-after: 2rem;
    margin-block-end: 2rem
}

.fd-margin-bottom--lg {
    -webkit-margin-after: 3rem;
    margin-block-end: 3rem
}

.fd-margin-bottom--none {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.fd-margin-begin--tiny {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.fd-margin-begin--sm {
    -webkit-margin-start: 1rem;
    margin-inline-start: 1rem
}

.fd-margin-begin--md {
    -webkit-margin-start: 2rem;
    margin-inline-start: 2rem
}

.fd-margin-begin--lg {
    -webkit-margin-start: 3rem;
    margin-inline-start: 3rem
}

.fd-margin-begin--none {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.fd-margin-top-bottom--tiny {
    margin-block: .5rem
}

.fd-margin-top-bottom--sm {
    margin-block: 1rem
}

.fd-margin-top-bottom--md {
    margin-block: 2rem
}

.fd-margin-top-bottom--lg {
    margin-block: 3rem
}

.fd-margin-begin-end--tiny {
    margin-inline: .5rem
}

.fd-margin-begin-end--sm {
    margin-inline: 1rem
}

.fd-margin-begin-end--md {
    margin-inline: 2rem
}

.fd-margin-begin-end--lg {
    margin-inline: 3rem
}

.fd-margin-responsive--sm {
    margin-block: 0 1rem;
    margin-inline: 0
}

.fd-margin-responsive--md {
    margin-block: 1rem;
    margin-inline: 1rem
}

.fd-margin-responsive--lg {
    margin-block: 1rem;
    margin-inline: 2rem
}

.fd-margin-responsive--xl {
    margin-block: 1rem;
    margin-inline: 3rem
}

.fd-margin-negative-begin-end--tiny {
    margin-block: 0;
    margin-inline: -.5rem
}

.fd-margin-negative-begin-end--sm {
    margin-block: 0;
    margin-inline: -1rem
}

.fd-margin-negative-begin-end--md {
    margin-block: 0;
    margin-inline: -2rem
}

.fd-margin-negative-begin-end--lg {
    margin-block: 0;
    margin-inline: -3rem
}

.fd-dialog__body {
    --fdButton_Menu_Border_Radius: 0
}

.fd-menu {
    --fdMenu_Icon_Width: 2.25rem;
    --fdMenu_Link_Height: 2.75rem;
    --fdMenu_Item_Spacing_Left: 0.75rem;
    --fdMenu_Item_Spacing_Right: 0.75rem;
    --fdMenu_Item_Border_Bottom_Color: transparent;
    --fdMenu_Shortcut_Padding_Left: 1rem;
    --fdMenu_Shortcut_Padding_Right: 0.75rem;
    --fdMenu_Text_Spacing_Right: 0.75rem;
    --fdMenu_Icon_Color: var(--sapContent_NonInteractiveIconColor);
    --fdMenu_Shortcut_Color: var(--fdMenu_Shortcut_Color_Regular);
    --fdMenu_Text_Color: var(--sapList_TextColor);
    --fdMenu_Item_Background_Color: var(--sapList_Background);
    --fdMenu_Active_Dot_Size: 0.75rem;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .fd-menu:after, .fd-menu:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-menu__list, .fd-menu__sublist {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: var(--fdButton_Menu_Border_Radius);
    -webkit-box-shadow: var(--sapContent_Shadow1);
    box-shadow: var(--sapContent_Shadow1);
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    max-width: 20rem
}

    .fd-menu__list:after, .fd-menu__list:before, .fd-menu__sublist:after, .fd-menu__sublist:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-menu__list--no-shadow, .fd-menu__sublist--no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.fd-menu__sublist {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    left: 100%;
    line-height: normal;
    margin-block: 0;
    margin-block: .25rem 0;
    margin-inline: 0;
    margin-inline: -.25rem 0;
    min-width: 100%;
    padding-block: 0;
    padding-inline: 0;
    position: absolute;
    top: 0;
    z-index: 2
}

    .fd-menu__sublist:after, .fd-menu__sublist:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-menu__sublist[dir=rtl], [dir=rtl] .fd-menu__sublist {
        left: auto;
        right: 100%
    }

    .fd-menu__sublist[aria-hidden=true] {
        display: none
    }

.fd-menu__list > .fd-menu__item {
    position: relative;
    width: 100%
}

.fd-menu__list--overflow {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-y: scroll;
    scrollbar-color: var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)
}

    .fd-menu__list--overflow.is-focus, .fd-menu__list--overflow:focus {
        outline: none;
        z-index: 5
    }

    .fd-menu__list--overflow::-webkit-scrollbar {
        height: var(--fdScrollbar_Dimension);
        width: var(--fdScrollbar_Dimension)
    }

    .fd-menu__list--overflow::-webkit-scrollbar-corner, .fd-menu__list--overflow::-webkit-scrollbar-track {
        background-color: var(--fdScrollbar_Track_Color)
    }

    .fd-menu__list--overflow::-webkit-scrollbar-thumb {
        background-color: transparent;
        border: var(--fdScrollbar_Thumb_Offset) solid transparent;
        border-radius: calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));
        -webkit-box-shadow: inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);
        box-shadow: inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)
    }

        .fd-menu__list--overflow::-webkit-scrollbar-thumb:active, .fd-menu__list--overflow::-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-menu__list--overflow::-webkit-scrollbar-corner, .fd-menu__list--overflow::-webkit-scrollbar-track {
        border-radius: 0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0
    }

    .fd-menu__list--overflow[dir=rtl]::-webkit-scrollbar-corner, .fd-menu__list--overflow[dir=rtl]::-webkit-scrollbar-track, [dir=rtl] .fd-menu__list--overflow::-webkit-scrollbar-corner, [dir=rtl] .fd-menu__list--overflow::-webkit-scrollbar-track {
        border-radius: var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)
    }

.fd-menu__separator {
    background-color: var(--sapGroup_ContentBorderColor);
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: .0625rem;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    width: 100%
}

    .fd-menu__separator:after, .fd-menu__separator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-menu__item {
    background-color: var(--sapList_Background);
    border: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-width: 100%;
    padding-block: 0;
    padding-inline: 0;
    position: relative
}

    .fd-menu__item:after, .fd-menu__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-menu__item:first-child, .fd-menu__item:first-child .fd-menu__link:after {
        border-top-left-radius: var(--fdButton_Menu_Border_Radius);
        border-top-right-radius: var(--fdButton_Menu_Border_Radius)
    }

    .fd-menu__item:last-of-type, .fd-menu__item:last-of-type .fd-menu__link:after {
        border-bottom-left-radius: var(--fdButton_Menu_Border_Radius);
        border-bottom-right-radius: var(--fdButton_Menu_Border_Radius)
    }

    .fd-menu__item.has-separator {
        border-bottom: .0625rem solid var(--sapGroup_ContentBorderColor)
    }

.fd-menu__link {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fdMenu_Item_Background_Color);
    border-bottom: .0625rem solid var(--fdMenu_Item_Border_Bottom_Color);
    border-radius: inherit;
    height: var(--fdMenu_Link_Height);
    outline: none;
    padding-inline: var(--fdMenu_Item_Spacing_Left) var(--fdMenu_Item_Spacing_Right);
    text-decoration: none;
    width: 100%
}

    .fd-menu__link:after, .fd-menu__link:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-menu__link.is-focus:after, .fd-menu__link:focus:after {
        border-color: var(--sapContent_FocusColor);
        border-radius: 0 !important;
        border-style: var(--sapContent_FocusStyle);
        border-width: var(--sapContent_FocusWidth);
        content: "";
        inset: .125rem .125rem .125rem .125rem;
        pointer-events: none;
        position: absolute
    }

    .fd-menu__link.is-hover, .fd-menu__link:hover {
        --fdMenu_Item_Background_Color: var(--sapList_Hover_Background)
    }

    .fd-menu__link.is-selected, .fd-menu__link[aria-selected=true] {
        --fdMenu_Item_Background_Color: var(--sapList_SelectionBackgroundColor);
        --fdMenu_Icon_Color: var(--sapContent_NonInteractiveIconColor);
        --fdMenu_Shortcut_Color: var(--fdMenu_Shortcut_Color_Selected);
        --fdMenu_Text_Color: var(--sapList_TextColor);
        --fdMenu_Item_Border_Bottom_Color: var(--sapList_SelectionBorderColor)
    }

        .fd-menu__link.is-selected.is-hover:not(:active,.is-active), .fd-menu__link.is-selected:hover:not(:active,.is-active), .fd-menu__link[aria-selected=true].is-hover:not(:active,.is-active), .fd-menu__link[aria-selected=true]:hover:not(:active,.is-active) {
            --fdMenu_Item_Background_Color: var(--sapList_Hover_SelectionBackground);
            --fdMenu_Shortcut_Color: var(--fdMenu_Shortcut_Color_Selected_Hover)
        }

        .fd-menu__link.is-selected.is-focus, .fd-menu__link.is-selected:focus, .fd-menu__link[aria-selected=true].is-focus, .fd-menu__link[aria-selected=true]:focus {
            z-index: 5
        }

            .fd-menu__link.is-selected.is-focus:after, .fd-menu__link.is-selected:focus:after, .fd-menu__link[aria-selected=true].is-focus:after, .fd-menu__link[aria-selected=true]:focus:after {
                bottom: .125rem
            }

    .fd-menu__link.is-active, .fd-menu__link:active {
        --fdMenu_Item_Background_Color: var(--sapList_Active_Background);
        --fdMenu_Icon_Color: var(--sapList_Active_TextColor);
        --fdMenu_Shortcut_Color: var(--fdMenu_Shortcut_Color_Active);
        --fdMenu_Text_Color: var(--fdMenu_Text_Color_Active)
    }

        .fd-menu__link.is-active:after, .fd-menu__link:active:after {
            display: none
        }

        .fd-menu__link.is-active.is-focus, .fd-menu__link.is-active:focus, .fd-menu__link:active.is-focus, .fd-menu__link:active:focus {
            outline-color: var(--fdMenu_Active_State_Focus);
            z-index: 5
        }

    .fd-menu__link.is-disabled, .fd-menu__link:disabled, .fd-menu__link[aria-disabled=true] {
        opacity: var(--sapContent_DisabledOpacity);
        pointer-events: none
    }

        .fd-menu__link.is-disabled.is-focus, .fd-menu__link.is-disabled:focus, .fd-menu__link:disabled.is-focus, .fd-menu__link:disabled:focus, .fd-menu__link[aria-disabled=true].is-focus, .fd-menu__link[aria-disabled=true]:focus {
            z-index: 5
        }

            .fd-menu__link.is-disabled.is-focus:after, .fd-menu__link.is-disabled:focus:after, .fd-menu__link:disabled.is-focus:after, .fd-menu__link:disabled:focus:after, .fd-menu__link[aria-disabled=true].is-focus:after, .fd-menu__link[aria-disabled=true]:focus:after {
                display: none
            }

    .fd-menu__link.has-child {
        --fdMenu_Item_Spacing_Right: 0
    }

        .fd-menu__link.has-child.is-expanded:not(:active,.is-active), .fd-menu__link.has-child[aria-expanded=true]:not(:active,.is-active) {
            --fdMenu_Item_Background_Color: var(--sapList_SelectionBackgroundColor);
            --fdMenu_Icon_Color: var(--sapContent_NonInteractiveIconColor);
            --fdMenu_Shortcut_Color: var(--fdMenu_Shortcut_Color_Selected);
            --fdMenu_Text_Color: var(--sapList_TextColor);
            --fdMenu_Item_Border_Bottom_Color: var(--sapList_SelectionBorderColor)
        }

            .fd-menu__link.has-child.is-expanded:not(:active,.is-active).is-hover:not(:active,.is-active), .fd-menu__link.has-child.is-expanded:not(:active,.is-active):hover:not(:active,.is-active), .fd-menu__link.has-child[aria-expanded=true]:not(:active,.is-active).is-hover:not(:active,.is-active), .fd-menu__link.has-child[aria-expanded=true]:not(:active,.is-active):hover:not(:active,.is-active) {
                --fdMenu_Item_Background_Color: var(--sapList_Hover_SelectionBackground);
                --fdMenu_Shortcut_Color: var(--fdMenu_Shortcut_Color_Selected_Hover)
            }

            .fd-menu__link.has-child.is-expanded:not(:active,.is-active).is-focus, .fd-menu__link.has-child.is-expanded:not(:active,.is-active):focus, .fd-menu__link.has-child[aria-expanded=true]:not(:active,.is-active).is-focus, .fd-menu__link.has-child[aria-expanded=true]:not(:active,.is-active):focus {
                z-index: 5
            }

                .fd-menu__link.has-child.is-expanded:not(:active,.is-active).is-focus:after, .fd-menu__link.has-child.is-expanded:not(:active,.is-active):focus:after, .fd-menu__link.has-child[aria-expanded=true]:not(:active,.is-active).is-focus:after, .fd-menu__link.has-child[aria-expanded=true]:not(:active,.is-active):focus:after {
                    bottom: .125rem
                }

.fd-menu__title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdMenu_Text_Color);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-align: left;
    text-overflow: ellipsis;
    text-shadow: var(--fdMenu_Text_Shadow);
    white-space: nowrap;
    width: 100%
}

    .fd-menu__title:after, .fd-menu__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-menu__title[dir=rtl], [dir=rtl] .fd-menu__title {
        text-align: right
    }

    .fd-menu__title:has(+.fd-menu__input) {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

.fd-menu__addon-after, .fd-menu__addon-before {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    color: var(--fdMenu_Icon_Color);
    font-size: var(--sapFontLargeSize);
    height: 100%;
    max-width: var(--fdMenu_Icon_Width);
    min-width: var(--fdMenu_Icon_Width);
    text-shadow: var(--fdMenu_Text_Shadow);
    width: var(--fdMenu_Icon_Width)
}

    .fd-menu__addon-after:after, .fd-menu__addon-after:before, .fd-menu__addon-before:after, .fd-menu__addon-before:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-menu__addon-after [class*=sap-icon], .fd-menu__addon-after[class*=sap-icon], .fd-menu__addon-before [class*=sap-icon], .fd-menu__addon-before[class*=sap-icon] {
        background: inherit;
        border-radius: inherit;
        color: inherit;
        font-size: inherit;
        line-height: 1
    }

.fd-menu__addon-after--submenu {
    font-size: var(--fdMenu_Affordance_Arrow_Size)
}

    .fd-menu__addon-after--submenu:before {
        content: "\e066"
    }

    .fd-menu__addon-after--submenu:before, .fd-menu__addon-after--submenu[dir=rtl]:before, [dir=rtl] .fd-menu__addon-after--submenu:before {
        font-family: SAP-icons;
        text-align: center;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none
    }

    .fd-menu__addon-after--submenu[dir=rtl]:before, [dir=rtl] .fd-menu__addon-after--submenu:before {
        content: "\e067"
    }

.fd-menu__active-dot {
    background: var(--sapContent_Selected_ForegroundColor);
    border: 0;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: var(--fdMenu_Active_Dot_Size);
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    min-width: var(--fdMenu_Active_Dot_Size);
    padding-block: 0;
    padding-inline: 0;
    width: var(--fdMenu_Active_Dot_Size)
}

    .fd-menu__active-dot:after, .fd-menu__active-dot:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-menu__checkmark [class*=sap-icon], .fd-menu__checkmark[class*=sap-icon] {
    background: inherit;
    border-radius: inherit;
    color: inherit;
    color: var(--sapContent_Selected_ForegroundColor);
    font-size: inherit;
    font-size: 1rem;
    line-height: 1
}

.fd-menu__shortcut {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-flex-negative: 0;
    color: var(--fdMenu_Shortcut_Color);
    flex-shrink: 0;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    -webkit-padding-start: var(--fdMenu_Shortcut_Padding_Left);
    padding-inline-start: var(--fdMenu_Shortcut_Padding_Left)
}

    .fd-menu__shortcut:after, .fd-menu__shortcut:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-menu__shortcut:last-child {
        padding-inline: var(--fdMenu_Shortcut_Padding_Left) var(--fdMenu_Shortcut_Padding_Right)
    }

.fd-menu--overflow {
    border-radius: var(--fdButton_Menu_Border_Radius);
    -webkit-box-shadow: var(--sapContent_Shadow1);
    box-shadow: var(--sapContent_Shadow1);
    overflow-y: scroll;
    scrollbar-color: var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)
}

    .fd-menu--overflow.is-focus, .fd-menu--overflow:focus {
        outline: none;
        z-index: 5
    }

    .fd-menu--overflow::-webkit-scrollbar {
        height: var(--fdScrollbar_Dimension);
        width: var(--fdScrollbar_Dimension)
    }

    .fd-menu--overflow::-webkit-scrollbar-corner, .fd-menu--overflow::-webkit-scrollbar-track {
        background-color: var(--fdScrollbar_Track_Color)
    }

    .fd-menu--overflow::-webkit-scrollbar-thumb {
        background-color: transparent;
        border: var(--fdScrollbar_Thumb_Offset) solid transparent;
        border-radius: calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));
        -webkit-box-shadow: inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);
        box-shadow: inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)
    }

        .fd-menu--overflow::-webkit-scrollbar-thumb:active, .fd-menu--overflow::-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-menu--overflow::-webkit-scrollbar-corner, .fd-menu--overflow::-webkit-scrollbar-track {
        border-radius: 0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0
    }

    .fd-menu--overflow[dir=rtl]::-webkit-scrollbar-corner, .fd-menu--overflow[dir=rtl]::-webkit-scrollbar-track, [dir=rtl] .fd-menu--overflow::-webkit-scrollbar-corner, [dir=rtl] .fd-menu--overflow::-webkit-scrollbar-track {
        border-radius: var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)
    }

    .fd-menu--overflow .fd-menu__list {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .fd-menu--overflow .fd-menu__item:first-child {
        border-top-right-radius: 0
    }

        .fd-menu--overflow .fd-menu__item:first-child[dir=rtl], [dir=rtl] .fd-menu--overflow .fd-menu__item:first-child {
            border-top-left-radius: 0;
            border-top-right-radius: var(--fdButton_Menu_Border_Radius)
        }

    .fd-menu--overflow .fd-menu__item:last-of-type {
        border-bottom-right-radius: 0
    }

        .fd-menu--overflow .fd-menu__item:last-of-type[dir=rtl], [dir=rtl] .fd-menu--overflow .fd-menu__item:last-of-type {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: var(--fdButton_Menu_Border_Radius)
        }

.fd-menu--full-width {
    max-width: 100%
}

.fd-menu--icons {
    --fdMenu_Item_Spacing_Left: 0;
    --fdMenu_Item_Spacing_Right: 0
}

    .fd-menu--icons .fd-menu__title:first-child {
        -webkit-margin-start: var(--fdMenu_Icon_Width);
        margin-inline-start: var(--fdMenu_Icon_Width)
    }

    .fd-menu--icons .fd-menu__title:last-child {
        -webkit-margin-end: var(--fdMenu_Text_Spacing_Right);
        margin-inline-end: var(--fdMenu_Text_Spacing_Right)
    }

    .fd-menu--icons .fd-menu__title:only-child {
        margin-inline: var(--fdMenu_Icon_Width) var(--fdMenu_Text_Spacing_Right)
    }

    .fd-menu--icons .fd-menu__sublist {
        --fdMenu_Item_Spacing_Left: 1rem;
        --fdMenu_Item_Spacing_Right: 1rem
    }

        .fd-menu--icons .fd-menu__sublist .fd-menu__title:first-child {
            -webkit-margin-start: 0;
            margin-inline-start: 0
        }

        .fd-menu--icons .fd-menu__sublist .fd-menu__title:last-child {
            -webkit-margin-end: 0;
            margin-inline-end: 0
        }

        .fd-menu--icons .fd-menu__sublist .fd-menu__title:only-child {
            margin-inline: 0
        }

        .fd-menu--icons .fd-menu__sublist.fd-menu__sublist--icons {
            --fdMenu_Item_Spacing_Left: 0;
            --fdMenu_Item_Spacing_Right: 0
        }

            .fd-menu--icons .fd-menu__sublist.fd-menu__sublist--icons .fd-menu__title:first-child {
                -webkit-margin-start: var(--fdMenu_Icon_Width);
                margin-inline-start: var(--fdMenu_Icon_Width)
            }

            .fd-menu--icons .fd-menu__sublist.fd-menu__sublist--icons .fd-menu__title:last-child {
                -webkit-margin-end: var(--fdMenu_Text_Spacing_Right);
                margin-inline-end: var(--fdMenu_Text_Spacing_Right)
            }

            .fd-menu--icons .fd-menu__sublist.fd-menu__sublist--icons .fd-menu__title:only-child {
                margin-inline: var(--fdMenu_Icon_Width) var(--fdMenu_Text_Spacing_Right)
            }

    .fd-menu--icons .fd-menu__input, .fd-menu--icons input {
        margin-inline: var(--fdMenu_Text_Spacing_Right) var(--fdMenu_Text_Spacing_Right)
    }

.fd-menu--mobile {
    max-width: 100%;
    width: 100%;
    --fdMenu_Icon_Width: 2.75rem;
    --fdMenu_Item_Spacing_Left: 1rem;
    --fdMenu_Item_Spacing_Right: 1rem;
    --fdMenu_Shortcut_Padding_Right: 1rem;
    --fdMenu_Text_Spacing_Right: 1rem
}

    .fd-menu--mobile .fd-menu__list, .fd-menu--mobile .fd-menu__sublist {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-block: 0;
        margin-inline: 0;
        position: static
    }

        .fd-menu--mobile .fd-menu__list .fd-menu__item, .fd-menu--mobile .fd-menu__sublist .fd-menu__item {
            border-radius: 0
        }

    .fd-menu--mobile.fd-menu--icons {
        --fdMenu_Item_Spacing_Left: 0;
        --fdMenu_Item_Spacing_Right: 0
    }

        .fd-menu--mobile.fd-menu--icons .fd-menu__input, .fd-menu--mobile.fd-menu--icons input {
            margin-inline: 1rem
        }

.fd-menu[class*=-compact], .fd-menu[class*=-condensed], [class*=-compact] .fd-menu:not([class*=-cozy]), [class*=-condensed] .fd-menu:not([class*=-cozy]) {
    --fdMenu_Icon_Width: 2rem;
    --fdMenu_Link_Height: 2rem;
    --fdMenu_Item_Spacing_Left: 0.5rem;
    --fdMenu_Item_Spacing_Right: 0.5rem;
    --fdMenu_Shortcut_Padding_Right: 0.5rem;
    --fdMenu_Text_Spacing_Right: 0.5rem
}

    .fd-menu[class*=-compact].fd-menu--icons, .fd-menu[class*=-condensed].fd-menu--icons, [class*=-compact] .fd-menu:not([class*=-cozy]).fd-menu--icons, [class*=-condensed] .fd-menu:not([class*=-cozy]).fd-menu--icons {
        --fdMenu_Item_Spacing_Left: 0;
        --fdMenu_Item_Spacing_Right: 0
    }

        .fd-menu[class*=-compact].fd-menu--icons .fd-menu__input, .fd-menu[class*=-compact].fd-menu--icons input, .fd-menu[class*=-condensed].fd-menu--icons .fd-menu__input, .fd-menu[class*=-condensed].fd-menu--icons input, [class*=-compact] .fd-menu:not([class*=-cozy]).fd-menu--icons .fd-menu__input, [class*=-compact] .fd-menu:not([class*=-cozy]).fd-menu--icons input, [class*=-condensed] .fd-menu:not([class*=-cozy]).fd-menu--icons .fd-menu__input, [class*=-condensed] .fd-menu:not([class*=-cozy]).fd-menu--icons input {
            margin-inline: .5rem
        }

        .fd-menu[class*=-compact].fd-menu--icons .fd-menu__sublist, .fd-menu[class*=-condensed].fd-menu--icons .fd-menu__sublist, [class*=-compact] .fd-menu:not([class*=-cozy]).fd-menu--icons .fd-menu__sublist, [class*=-condensed] .fd-menu:not([class*=-cozy]).fd-menu--icons .fd-menu__sublist {
            --fdMenu_Item_Spacing_Left: 0.5rem;
            --fdMenu_Item_Spacing_Right: 0.5rem
        }

            .fd-menu[class*=-compact].fd-menu--icons .fd-menu__sublist.fd-menu__sublist--icons, .fd-menu[class*=-condensed].fd-menu--icons .fd-menu__sublist.fd-menu__sublist--icons, [class*=-compact] .fd-menu:not([class*=-cozy]).fd-menu--icons .fd-menu__sublist.fd-menu__sublist--icons, [class*=-condensed] .fd-menu:not([class*=-cozy]).fd-menu--icons .fd-menu__sublist.fd-menu__sublist--icons {
                --fdMenu_Item_Spacing_Left: 0;
                --fdMenu_Item_Spacing_Right: 0
            }

.fd-message-box {
    position: fixed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100%
}

    .fd-message-box:before {
        background-color: var(--sapBlockLayer_Background);
        content: "";
        height: 100%;
        left: 0;
        opacity: var(--fdDialog_Background_Opacity);
        position: absolute;
        top: 0;
        width: 100%
    }

.fd-message-box__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: var(--sapElement_BorderCornerRadius);
    -webkit-box-shadow: var(--sapContent_Shadow3);
    box-shadow: var(--sapContent_Shadow3);
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 6%);
    max-width: calc(100vw - 10%);
    min-height: 7.5rem;
    min-width: 20rem;
    outline: none;
    position: absolute
}

.fd-message-box__body {
    overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background-color: var(--sapGroup_ContentBackground);
    flex-grow: 1
}

.fd-message-box__content--mobile {
    border-radius: 0;
    height: 100vh;
    max-height: 100vh;
    max-width: 100vw;
    width: 100vw
}

.fd-message-box__title {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fd-message-box {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: none;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-message-box:after, .fd-message-box:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-box__content {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0
}

    .fd-message-box__content:after, .fd-message-box__content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-box__content--s .fd-message-box__body, .fd-message-box__content--s .fd-message-box__footer, .fd-message-box__content--s .fd-message-box__header {
    --fdBar_Padding_X: 1rem;
    --fdMessageBox_Body_Inline_Padding: 1rem
}

.fd-message-box__content--l .fd-message-box__body, .fd-message-box__content--l .fd-message-box__footer, .fd-message-box__content--l .fd-message-box__header, .fd-message-box__content--m .fd-message-box__body, .fd-message-box__content--m .fd-message-box__footer, .fd-message-box__content--m .fd-message-box__header {
    --fdBar_Padding_X: 2rem;
    --fdMessageBox_Body_Inline_Padding: 2rem
}

.fd-message-box__content--xl .fd-message-box__body, .fd-message-box__content--xl .fd-message-box__footer, .fd-message-box__content--xl .fd-message-box__header {
    --fdBar_Padding_X: 3rem;
    --fdMessageBox_Body_Inline_Padding: 3rem
}

.fd-message-box__footer .fd-message-box__decisive-button {
    --fdButton_Min_Width: 4rem
}

.fd-message-box__body {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: 1rem;
    padding-inline: 0;
    padding-inline: var(--fdMessageBox_Body_Inline_Padding,1rem)
}

    .fd-message-box__body:after, .fd-message-box__body:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-box__title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-message-box__title:after, .fd-message-box__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-box__more {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

    .fd-message-box__more:after, .fd-message-box__more:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-box--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fd-message-box--confirmation .fd-message-box__header {
    --fdBar_Shadow: var(--sapContent_HeaderShadow)
}

    .fd-message-box--confirmation .fd-message-box__header :not(button) > [class*=sap-icon] {
        --fdIcon_Font_Size: 1rem;
        --fdIcon_Color: var(--sapNeutralElementColor);
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

.fd-message-box--error .fd-message-box__header {
    --fdBar_Shadow: var(--sapContent_Error_HeaderShadow)
}

    .fd-message-box--error .fd-message-box__header :not(button) > [class*=sap-icon] {
        --fdIcon_Font_Size: 1rem;
        --fdIcon_Color: var(--sapNegativeElementColor);
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

.fd-message-box--success .fd-message-box__header {
    --fdBar_Shadow: var(--sapContent_Success_HeaderShadow)
}

    .fd-message-box--success .fd-message-box__header :not(button) > [class*=sap-icon] {
        --fdIcon_Font_Size: 1rem;
        --fdIcon_Color: var(--sapPositiveElementColor);
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

.fd-message-box--warning .fd-message-box__header {
    --fdBar_Shadow: var(--sapContent_Warning_HeaderShadow)
}

    .fd-message-box--warning .fd-message-box__header :not(button) > [class*=sap-icon] {
        --fdIcon_Font_Size: 1rem;
        --fdIcon_Color: var(--sapCriticalElementColor);
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

.fd-message-box--information .fd-message-box__header {
    --fdBar_Shadow: var(--sapContent_Information_HeaderShadow)
}

    .fd-message-box--information .fd-message-box__header :not(button) > [class*=sap-icon] {
        --fdIcon_Font_Size: 1rem;
        --fdIcon_Color: var(--sapInformativeElementColor);
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

.fd-message-box[class*=-compact] .fd-message-box__decisive-button, .fd-message-box[class*=-condensed] .fd-message-box__decisive-button, [class*=-compact] .fd-message-box:not([class*=-cozy]) .fd-message-box__decisive-button, [class*=-condensed] .fd-message-box:not([class*=-cozy]) .fd-message-box__decisive-button {
    --fdButton_Min_Width: 4rem
}

.fd-message-page {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--sapBackgroundColor);
    height: 100%;
    width: 100%
}

    .fd-message-page:after, .fd-message-page:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-page__actions, .fd-message-page__container, .fd-message-page__content, .fd-message-page__more, .fd-message-page__subtitle, .fd-message-page__title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-width: 30rem;
    padding-block: 0;
    padding-inline: 0
}

    .fd-message-page__actions:after, .fd-message-page__actions:before, .fd-message-page__container:after, .fd-message-page__container:before, .fd-message-page__content:after, .fd-message-page__content:before, .fd-message-page__more:after, .fd-message-page__more:before, .fd-message-page__subtitle:after, .fd-message-page__subtitle:before, .fd-message-page__title:after, .fd-message-page__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-page__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fdMessage_Page_Container_Background);
    border-radius: var(--fdMessage_Page_Container_Corner_Radius);
    padding-block: 1rem;
    padding-inline: 1rem
}

.fd-message-page__illustration-container {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-height: 15rem;
    max-width: 20rem;
    padding-block: 0;
    padding-inline: 0
}

    .fd-message-page__illustration-container:after, .fd-message-page__illustration-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-page__icon-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 8rem;
    width: 100%
}

    .fd-message-page__icon-container:after, .fd-message-page__icon-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-page__icon [class*=sap-icon], .fd-message-page__icon[class*=sap-icon] {
    background: inherit;
    border-radius: inherit;
    color: inherit;
    color: var(--sapContent_NonInteractiveIconColor);
    font-size: inherit;
    font-size: 6rem;
    line-height: 1;
    max-width: 30rem;
    opacity: .5
}

.fd-message-page__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-after: 2rem;
    padding-block-end: 2rem
}

.fd-message-page__title {
    margin-top: var(--fdMessage_Page_Title_Margin_Top);
    -webkit-margin-after: var(--fdMessage_Page_Title_Margin_Bottom);
    color: var(--sapGroup_TitleTextColor);
    font-size: var(--sapFontHeader2Size);
    margin-block-end: var(--fdMessage_Page_Title_Margin_Bottom);
    text-align: center
}

.fd-message-page__subtitle {
    -webkit-margin-after: 2rem;
    color: var(--sapContent_LabelColor);
    font-size: var(--sapFontHeader5Size);
    margin-block-end: 2rem
}

.fd-message-page__actions {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fd-message-page__actions, .fd-message-page__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2rem
}

.fd-message-page__more {
    margin-top: .5rem
}

.fd-message-view {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    position: relative
}

    .fd-message-view:after, .fd-message-view:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-view__list {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-height: 50vh;
    max-width: 26rem;
    padding-block: 0;
    padding-inline: 0
}

    .fd-message-view__list:after, .fd-message-view__list:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-view__list--hidden {
    opacity: 0
}

.fd-message-view__details {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: none;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    inset: 0;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: 1rem;
    padding-inline: 0;
    padding-inline: 3.5rem 1rem;
    position: absolute
}

    .fd-message-view__details:after, .fd-message-view__details:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-view__details-title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapGroup_TitleTextColor);
    font-family: var(--sapFontFamily);
    font-family: var(--sapFontHeaderFamily);
    font-size: var(--sapFontSize);
    font-size: var(--sapFontHeader5Size);
    font-weight: 400;
    font-weight: var(--sapFontHeaderWeight);
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-margin-after: 1rem;
    display: block;
    margin-block-end: 1rem;
    white-space: normal;
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

    .fd-message-view__details-title:after, .fd-message-view__details-title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-message-view__details-title .fd-message-view__icon {
        font-size: 1rem;
        margin-block: 0;
        margin-inline: -2rem .5rem
    }

.fd-message-view__details-description {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: 1.4;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-margin-after: 1rem;
    display: block;
    margin-block-end: 1rem;
    white-space: normal
}

    .fd-message-view__details-description:after, .fd-message-view__details-description:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-view__details--visible {
    display: block
}

.fd-message-popover__trigger {
    --fdButtonFocusColor: var(--sapContent_ContrastFocusColor);
    border-width: var(--fdMessagePopover_Trigger_Border_Width);
    text-shadow: var(--fdButtonTextShadow)
}

    .fd-message-popover__trigger.fd-message-popover__trigger--critical {
        --fdButtonColor: var(--sapButton_Critical_TextColor);
        --fdButtonBackgroundColor: var(--sapButton_Critical_Background);
        --fdButtonBorderColor: var(--sapButton_Critical_BorderColor);
        --fdButtonTextShadow: var(--fdMessagePopover_Critical_Regular_Text_Shadow)
    }

        .fd-message-popover__trigger.fd-message-popover__trigger--critical.is-focus, .fd-message-popover__trigger.fd-message-popover__trigger--critical:focus {
            z-index: 5
        }

            .fd-message-popover__trigger.fd-message-popover__trigger--critical.is-focus:after, .fd-message-popover__trigger.fd-message-popover__trigger--critical:focus:after {
                border-color: var(--fdButtonFocusColor)
            }

        .fd-message-popover__trigger.fd-message-popover__trigger--critical.is-hover, .fd-message-popover__trigger.fd-message-popover__trigger--critical:hover {
            --fdButtonColor: var(--sapButton_Critical_Hover_TextColor);
            --fdButtonBackgroundColor: var(--sapButton_Critical_Hover_Background);
            --fdButtonBorderColor: var(--sapButton_Critical_Hover_BorderColor);
            --fdButtonTextShadow: var(--fdMessagePopover_Critical_Hover_Text_Shadow)
        }

        .fd-message-popover__trigger.fd-message-popover__trigger--critical.is-active, .fd-message-popover__trigger.fd-message-popover__trigger--critical:active {
            --fdButtonColor: var(--sapButton_Critical_Active_TextColor);
            --fdButtonBackgroundColor: var(--sapButton_Critical_Active_Background);
            --fdButtonBorderColor: var(--sapButton_Critical_Active_BorderColor);
            --fdButtonTextShadow: var(--fdMessagePopover_Critical_Active_Text_Shadow);
            --fdButtonFocusColor: var(--fdMessagePopover_Active_Focus_Outline_Color)
        }

        .fd-message-popover__trigger.fd-message-popover__trigger--critical.is-disabled, .fd-message-popover__trigger.fd-message-popover__trigger--critical:disabled, .fd-message-popover__trigger.fd-message-popover__trigger--critical[aria-disabled=true] {
            --fdButtonColor: var(--sapButton_Critical_TextColor);
            --fdButtonBackgroundColor: var(--sapButton_Critical_Background);
            --fdButtonBorderColor: var(--sapButton_Critical_BorderColor);
            --fdButtonTextShadow: var(--fdMessagePopover_Critical_Regular_Text_Shadow);
            opacity: var(--sapContent_DisabledOpacity);
            pointer-events: none
        }

    .fd-message-popover__trigger.fd-message-popover__trigger--negative {
        --fdButtonColor: var(--sapButton_Negative_TextColor);
        --fdButtonBackgroundColor: var(--sapButton_Negative_Background);
        --fdButtonBorderColor: var(--sapButton_Negative_BorderColor);
        --fdButtonTextShadow: var(--fdMessagePopover_Negative_Regular_Text_Shadow)
    }

        .fd-message-popover__trigger.fd-message-popover__trigger--negative.is-focus, .fd-message-popover__trigger.fd-message-popover__trigger--negative:focus {
            z-index: 5
        }

            .fd-message-popover__trigger.fd-message-popover__trigger--negative.is-focus:after, .fd-message-popover__trigger.fd-message-popover__trigger--negative:focus:after {
                border-color: var(--fdButtonFocusColor)
            }

        .fd-message-popover__trigger.fd-message-popover__trigger--negative.is-hover, .fd-message-popover__trigger.fd-message-popover__trigger--negative:hover {
            --fdButtonColor: var(--sapButton_Negative_Hover_TextColor);
            --fdButtonBackgroundColor: var(--sapButton_Negative_Hover_Background);
            --fdButtonBorderColor: var(--sapButton_Negative_Hover_BorderColor);
            --fdButtonTextShadow: var(--fdMessagePopover_Negative_Hover_Text_Shadow)
        }

        .fd-message-popover__trigger.fd-message-popover__trigger--negative.is-active, .fd-message-popover__trigger.fd-message-popover__trigger--negative:active {
            --fdButtonColor: var(--sapButton_Negative_Active_TextColor);
            --fdButtonBackgroundColor: var(--sapButton_Negative_Active_Background);
            --fdButtonBorderColor: var(--sapButton_Negative_Active_BorderColor);
            --fdButtonTextShadow: var(--fdMessagePopover_Negative_Active_Text_Shadow);
            --fdButtonFocusColor: var(--fdMessagePopover_Active_Focus_Outline_Color)
        }

        .fd-message-popover__trigger.fd-message-popover__trigger--negative.is-disabled, .fd-message-popover__trigger.fd-message-popover__trigger--negative:disabled, .fd-message-popover__trigger.fd-message-popover__trigger--negative[aria-disabled=true] {
            --fdButtonColor: var(--sapButton_Negative_TextColor);
            --fdButtonBackgroundColor: var(--sapButton_Negative_Background);
            --fdButtonBorderColor: var(--sapButton_Negative_BorderColor);
            --fdButtonTextShadow: var(--fdMessagePopover_Negative_Regular_Text_Shadow);
            opacity: var(--sapContent_DisabledOpacity);
            pointer-events: none
        }

    .fd-message-popover__trigger.fd-message-popover__trigger--success {
        --fdButtonColor: var(--sapButton_Success_TextColor);
        --fdButtonBackgroundColor: var(--sapButton_Success_Background);
        --fdButtonBorderColor: var(--sapButton_Success_BorderColor);
        --fdButtonTextShadow: var(--fdMessagePopover_Success_Regular_Text_Shadow)
    }

        .fd-message-popover__trigger.fd-message-popover__trigger--success.is-focus, .fd-message-popover__trigger.fd-message-popover__trigger--success:focus {
            z-index: 5
        }

            .fd-message-popover__trigger.fd-message-popover__trigger--success.is-focus:after, .fd-message-popover__trigger.fd-message-popover__trigger--success:focus:after {
                border-color: var(--fdButtonFocusColor)
            }

        .fd-message-popover__trigger.fd-message-popover__trigger--success.is-hover, .fd-message-popover__trigger.fd-message-popover__trigger--success:hover {
            --fdButtonColor: var(--sapButton_Success_Hover_TextColor);
            --fdButtonBackgroundColor: var(--sapButton_Success_Hover_Background);
            --fdButtonBorderColor: var(--sapButton_Success_Hover_BorderColor);
            --fdButtonTextShadow: var(--fdMessagePopover_Success_Hover_Text_Shadow)
        }

        .fd-message-popover__trigger.fd-message-popover__trigger--success.is-active, .fd-message-popover__trigger.fd-message-popover__trigger--success:active {
            --fdButtonColor: var(--sapButton_Success_Active_TextColor);
            --fdButtonBackgroundColor: var(--sapButton_Success_Active_Background);
            --fdButtonBorderColor: var(--sapButton_Success_Active_BorderColor);
            --fdButtonTextShadow: var(--fdMessagePopover_Success_Active_Text_Shadow);
            --fdButtonFocusColor: var(--fdMessagePopover_Active_Focus_Outline_Color)
        }

        .fd-message-popover__trigger.fd-message-popover__trigger--success.is-disabled, .fd-message-popover__trigger.fd-message-popover__trigger--success:disabled, .fd-message-popover__trigger.fd-message-popover__trigger--success[aria-disabled=true] {
            --fdButtonColor: var(--sapButton_Success_TextColor);
            --fdButtonBackgroundColor: var(--sapButton_Success_Background);
            --fdButtonBorderColor: var(--sapButton_Success_BorderColor);
            --fdButtonTextShadow: var(--fdMessagePopover_Success_Regular_Text_Shadow);
            opacity: var(--sapContent_DisabledOpacity);
            pointer-events: none
        }

    .fd-message-popover__trigger.fd-message-popover__trigger--information {
        --fdButtonColor: var(--fdMessagePopover_Information_Regular_Color);
        --fdButtonBackgroundColor: var(--fdMessagePopover_Information_Regular_Background_Color);
        --fdButtonBorderColor: var(--fdMessagePopover_Information_Regular_Border_Color);
        --fdButtonTextShadow: var(--fdMessagePopover_Information_Regular_Text_Shadow);
        --fdButtonFocusColor: var(--fdMessagePopover_Information_Focus_Outline_Color)
    }

        .fd-message-popover__trigger.fd-message-popover__trigger--information.is-focus, .fd-message-popover__trigger.fd-message-popover__trigger--information:focus {
            z-index: 5
        }

            .fd-message-popover__trigger.fd-message-popover__trigger--information.is-focus:after, .fd-message-popover__trigger.fd-message-popover__trigger--information:focus:after {
                border-color: var(--fdButtonFocusColor)
            }

        .fd-message-popover__trigger.fd-message-popover__trigger--information.is-hover, .fd-message-popover__trigger.fd-message-popover__trigger--information:hover {
            --fdButtonColor: var(--fdMessagePopover_Information_Hover_Color);
            --fdButtonBackgroundColor: var(--fdMessagePopover_Information_Hover_Background_Color);
            --fdButtonBorderColor: var(--fdMessagePopover_Information_Hover_Border_Color);
            --fdButtonTextShadow: var(--fdMessagePopover_Information_Hover_Text_Shadow)
        }

        .fd-message-popover__trigger.fd-message-popover__trigger--information.is-active, .fd-message-popover__trigger.fd-message-popover__trigger--information:active {
            --fdButtonColor: var(--fdMessagePopover_Information_Active_Color);
            --fdButtonBackgroundColor: var(--fdMessagePopover_Information_Active_Background_Color);
            --fdButtonBorderColor: var(--fdMessagePopover_Information_Active_Border_Color);
            --fdButtonTextShadow: var(--fdMessagePopover_Information_Active_Text_Shadow);
            --fdButtonFocusColor: var(--fdMessagePopover_Active_Focus_Outline_Color)
        }

        .fd-message-popover__trigger.fd-message-popover__trigger--information.is-disabled, .fd-message-popover__trigger.fd-message-popover__trigger--information:disabled, .fd-message-popover__trigger.fd-message-popover__trigger--information[aria-disabled=true] {
            --fdButtonColor: var(--fdMessagePopover_Information_Regular_Color);
            --fdButtonBackgroundColor: var(--fdMessagePopover_Information_Regular_Background_Color);
            --fdButtonBorderColor: var(--fdMessagePopover_Information_Regular_Border_Color);
            --fdButtonTextShadow: var(--fdMessagePopover_Information_Regular_Text_Shadow);
            opacity: var(--sapContent_DisabledOpacity);
            pointer-events: none
        }

.fd-message-strip {
    --fdMessageStrip_Border_Color: var(--fdMessageStrip_Border_Color_Neutral);
    --fdMessageStrip_Background_Color: var(--sapNeutralBackground);
    --fdMessageStrip_Icon_Color: var(--fdMessageStrip_Icon_Color_Neutral);
    --fdMessageStrip_Text_Color: var(--sapTextColor);
    --fdMessageStrip_Vertical_Padding: 0.4375rem;
    --fdMessageStrip_Left_Padding: 2.4375rem;
    --fdMessageStrip_Right_Padding: 0.9375rem;
    background: var(--fdMessageStrip_Background_Color);
    border: 0;
    border-color: var(--fdMessageStrip_Border_Color);
    border-radius: var(--fdMessageStrip_Border_Radius);
    border-style: solid;
    border-width: var(--fdMessageStrip_Border_Width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: auto;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    min-height: 2rem;
    padding-block: 0;
    padding-block: var(--fdMessageStrip_Vertical_Padding);
    padding-inline: 0;
    padding-inline: var(--fdMessageStrip_Left_Padding) var(--fdMessageStrip_Right_Padding);
    position: relative
}

    .fd-message-strip:after, .fd-message-strip:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-message-strip .fd-message-strip__close {
        position: absolute;
        right: .125rem;
        top: .125rem
    }

        .fd-message-strip .fd-message-strip__close[dir=rtl], [dir=rtl] .fd-message-strip .fd-message-strip__close {
            left: .125rem;
            right: auto
        }

.fd-message-strip__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdMessageStrip_Text_Color);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: 1rem;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    white-space: normal;
    word-break: break-word
}

    .fd-message-strip__text:after, .fd-message-strip__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-message-strip__icon-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--fdMessageStrip_Icon_Color);
    font-size: 1rem;
    left: 0;
    max-width: 2.5rem;
    min-width: 2.5rem;
    position: absolute;
    top: var(--fdMessageStrip_Vertical_Padding);
    width: 2.5rem
}

    .fd-message-strip__icon-container:after, .fd-message-strip__icon-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-message-strip__icon-container[dir=rtl], [dir=rtl] .fd-message-strip__icon-container {
        left: auto;
        right: 0
    }

    .fd-message-strip__icon-container [class*=sap-icon] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--fdMessageStrip_Icon_Color);
        height: 1rem;
        line-height: 1;
        max-height: 1rem;
        max-width: 1rem;
        min-height: 1rem;
        min-width: 1rem;
        width: 1rem
    }

.fd-message-strip--warning {
    --fdMessageStrip_Background_Color: var(--sapWarningBackground);
    --fdMessageStrip_Icon_Color: var(--fdMessageStrip_Icon_Color_Warning);
    --fdMessageStrip_Border_Color: var(--fdMessageStrip_Border_Color_Warning)
}

.fd-message-strip--error {
    --fdMessageStrip_Background_Color: var(--sapErrorBackground);
    --fdMessageStrip_Icon_Color: var(--fdMessageStrip_Icon_Color_Error);
    --fdMessageStrip_Border_Color: var(--fdMessageStrip_Border_Color_Error)
}

.fd-message-strip--success {
    --fdMessageStrip_Background_Color: var(--sapSuccessBackground);
    --fdMessageStrip_Icon_Color: var(--fdMessageStrip_Icon_Color_Success);
    --fdMessageStrip_Border_Color: var(--fdMessageStrip_Border_Color_Success)
}

.fd-message-strip--information {
    --fdMessageStrip_Background_Color: var(--sapInformationBackground);
    --fdMessageStrip_Icon_Color: var(--fdMessageStrip_Icon_Color_Information);
    --fdMessageStrip_Border_Color: var(--fdMessageStrip_Border_Color_Informative)
}

.fd-message-strip--no-icon {
    --fdMessageStrip_Left_Padding: 0.9375rem;
    --fdMessageStrip_Right_Padding: 0.9375rem
}

.fd-message-strip--dismissible {
    --fdMessageStrip_Left_Padding: 2.4375rem;
    --fdMessageStrip_Right_Padding: 2.4375rem
}

    .fd-message-strip--dismissible.fd-message-strip--no-icon {
        --fdMessageStrip_Left_Padding: 0.9375rem;
        --fdMessageStrip_Right_Padding: 2.4375rem
    }

.fd-message-strip--link a {
    text-shadow: var(--sapContent_TextShadow)
}

.fd-message-strip--indication-color-1 {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_1_TextColor);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_1_TextColor);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_1_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_1_Background)
}

.fd-message-strip--indication-color-2 {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_2_TextColor);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_2_TextColor);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_2_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_2_Background)
}

.fd-message-strip--indication-color-3 {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_3_TextColor);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_3_TextColor);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_3_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_3_Background)
}

.fd-message-strip--indication-color-4 {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_4_TextColor);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_4_TextColor);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_4_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_4_Background)
}

.fd-message-strip--indication-color-5 {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_5_TextColor);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_5_TextColor);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_5_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_5_Background)
}

.fd-message-strip--indication-color-6 {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_6_TextColor);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_6_TextColor);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_6_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_6_Background)
}

.fd-message-strip--indication-color-7 {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_7_TextColor);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_7_TextColor);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_7_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_7_Background)
}

.fd-message-strip--indication-color-8 {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_8_TextColor);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_8_TextColor);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_8_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_8_Background)
}

.fd-message-strip--indication-color-9 {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_9_TextColor);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_9_TextColor);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_9_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_9_Background)
}

.fd-message-strip--indication-color-10 {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_10_TextColor);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_10_TextColor);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_10_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_10_Background)
}

.fd-message-strip--indication-color-1b {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_1);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_1);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_1b_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_1b)
}

.fd-message-strip--indication-color-2b {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_2);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_2);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_2b_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_2b)
}

.fd-message-strip--indication-color-3b {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_3);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_3);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_3b_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_3b)
}

.fd-message-strip--indication-color-4b {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_4);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_4);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_4b_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_4b)
}

.fd-message-strip--indication-color-5b {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_5);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_5);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_5b_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_5b)
}

.fd-message-strip--indication-color-6b {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_6);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_6);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_6b_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_6b)
}

.fd-message-strip--indication-color-7b {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_7);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_7);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_7b_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_7b)
}

.fd-message-strip--indication-color-8b {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_8);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_8);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_8b_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_8b)
}

.fd-message-strip--indication-color-9b {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_9);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_9);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_9b_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_9b)
}

.fd-message-strip--indication-color-10b {
    --fdMessageStrip_Icon_Color: var(--sapIndicationColor_10);
    --fdMessageStrip_Text_Color: var(--sapIndicationColor_10);
    --fdMessageStrip_Border_Color: var(--sapIndicationColor_10b_BorderColor);
    --fdMessageStrip_Background_Color: var(--sapIndicationColor_10b)
}

.fd-message-toast {
    background-color: var(--sapIndicationColor_9_Background);
    border: 0;
    border-radius: var(--sapElement_BorderCornerRadius);
    -webkit-box-shadow: var(--sapContent_Lite_Shadow);
    box-shadow: var(--sapContent_Lite_Shadow);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_ContrastTextColor);
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-width: 15rem;
    padding-block: 0;
    padding-block: 1rem;
    padding-inline: 0;
    padding-inline: 1rem;
    text-align: center;
    width: auto
}

    .fd-message-toast:after, .fd-message-toast:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

:root {
    --fdMicro_Process_Flow_Item_Background: var(--sapNeutralBackground);
    --fdMicro_Process_Flow_Item_Border_Color: var(--sapNeutralBorderColor);
    --fdMicro_Process_Flow_Item_Hover_Background: var(--fdMicro_Process_Flow_Item_Background);
    --fdMicro_Process_Flow_Item_Hover_Border_Color: var(--fdMicro_Process_Flow_Item_Border_Color);
    --fdMicro_Process_Flow_Item_Active_Background: var(--sapHighlightColor);
    --fdMicro_Process_Flow_Item_Active_Border_Color: var(--sapHighlightColor);
    --fdMicro_Process_Flow_Item_Width: 2.75rem;
    --fdMicro_Process_Flow_Item_Min_Width: 1.875rem;
    --fdMicro_Process_Flow_Compact_Item_Width: 2rem;
    --fdMicro_Process_Flow_Compact_Item_Min_Width: 1.375rem;
    --fdMicro_Process_Flow_Connector_Width: 1.125rem;
    --fdMicro_Process_Flow_Compact_Connector_Width: 0.625rem;
    --fdMicro_Process_Flow_Icon_Font_Size: var(--sapFontLargeSize);
    --fdMicro_Process_Flow_Visible_items: 8;
    --fdMicro_Process_Flow_Max_Container_Width: calc(var(--fdMicro_Process_Flow_Item_Width)*(var(--fdMicro_Process_Flow_Visible_items) + 1) + 0.0625rem);
    --fdMicro_Process_Flow_Compact_Max_Container_Width: calc(var(--fdMicro_Process_Flow_Compact_Item_Width)*(var(--fdMicro_Process_Flow_Visible_items) + 1) + 0.0625rem)
}

.fd-micro-process-flow {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: var(--fdMicro_Process_Flow_Max_Container_Width)
}

    .fd-micro-process-flow:after, .fd-micro-process-flow:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-micro-process-flow--independent-steps .fd-micro-process-flow__connector:before {
    border-color: transparent
}

.fd-micro-process-flow__wrapper {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

    .fd-micro-process-flow__wrapper:after, .fd-micro-process-flow__wrapper:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-micro-process-flow__overflow-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    width: 100%
}

    .fd-micro-process-flow__overflow-container:after, .fd-micro-process-flow__overflow-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-micro-process-flow__link-next, .fd-micro-process-flow__link-previous {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--sapFontFamily);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-inline: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--sapGroup_TitleTextColor);
    cursor: pointer;
    font-size: var(--sapFontSize);
    padding-block: 0;
    padding-inline: .313rem;
    text-shadow: var(--sapContent_TextShadow)
}

    .fd-micro-process-flow__link-next:after, .fd-micro-process-flow__link-next:before, .fd-micro-process-flow__link-previous:after, .fd-micro-process-flow__link-previous:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-micro-process-flow__link-next.is-focus, .fd-micro-process-flow__link-next:focus, .fd-micro-process-flow__link-previous.is-focus, .fd-micro-process-flow__link-previous:focus {
        outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
        outline-offset: -.1875rem
    }

    .fd-micro-process-flow__link-next:after, .fd-micro-process-flow__link-next:before, .fd-micro-process-flow__link-previous:after, .fd-micro-process-flow__link-previous:before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--sapButton_TextColor);
        font-family: SAP-icons;
        text-align: center;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none
    }

    .fd-micro-process-flow__link-next.is-hover:after, .fd-micro-process-flow__link-next.is-hover:before, .fd-micro-process-flow__link-next:hover:after, .fd-micro-process-flow__link-next:hover:before, .fd-micro-process-flow__link-previous.is-hover:after, .fd-micro-process-flow__link-previous.is-hover:before, .fd-micro-process-flow__link-previous:hover:after, .fd-micro-process-flow__link-previous:hover:before {
        color: var(--sapButton_Hover_TextColor)
    }

    .fd-micro-process-flow__link-previous:before {
        content: "\e067";
        -webkit-padding-end: .313rem;
        padding-inline-end: .313rem
    }

    .fd-micro-process-flow__link-previous[dir=rtl]:before, [dir=rtl] .fd-micro-process-flow__link-previous:before {
        content: "\e066"
    }

.fd-micro-process-flow__link-next {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .fd-micro-process-flow__link-next:after {
        content: "\e066";
        -webkit-padding-start: .313rem;
        padding-inline-start: .313rem
    }

    .fd-micro-process-flow__link-next[dir=rtl]:after, [dir=rtl] .fd-micro-process-flow__link-next:after {
        content: "\e067"
    }

.fd-micro-process-flow .fd-micro-process-flow__item {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-padding-start: .1875rem;
    margin-block: calc(var(--sapContent_FocusWidth) + var(--sapContent_FocusWidth));
    margin-inline: 0;
    padding-inline-start: .1875rem;
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .fd-micro-process-flow .fd-micro-process-flow__item:after, .fd-micro-process-flow .fd-micro-process-flow__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-micro-process-flow .fd-micro-process-flow__item--positive {
    --fdMicro_Process_Flow_Item_Background: var(--sapPositiveElementColor);
    --fdMicro_Process_Flow_Item_Border_Color: var(--sapPositiveElementColor);
    --fdMicro_Process_Flow_Item_Hover_Background: var(--sapButton_Success_Hover_Background);
    --fdMicro_Process_Flow_Item_Hover_Border_Color: var(--sapButton_Success_Hover_Background);
    --fdMicro_Process_Flow_Item_Active_Background: var(--sapHighlightColor);
    --fdMicro_Process_Flow_Item_Active_Border_Color: var(--sapHighlightColor);
    --fdMicro_Process_Flow_Icon_Color: var(--fdMicro_Process_Flow_Active_Icon_Color)
}

.fd-micro-process-flow .fd-micro-process-flow__item--information {
    --fdMicro_Process_Flow_Item_Background: var(--sapInformativeElementColor);
    --fdMicro_Process_Flow_Item_Border_Color: var(--sapInformativeElementColor);
    --fdMicro_Process_Flow_Item_Hover_Background: var(--sapButton_Information_Hover_Background);
    --fdMicro_Process_Flow_Item_Hover_Border_Color: var(--sapButton_Information_Hover_Background);
    --fdMicro_Process_Flow_Item_Active_Background: var(--sapHighlightColor);
    --fdMicro_Process_Flow_Item_Active_Border_Color: var(--sapHighlightColor);
    --fdMicro_Process_Flow_Icon_Color: var(--fdMicro_Process_Flow_Active_Icon_Color)
}

.fd-micro-process-flow .fd-micro-process-flow__item--negative {
    --fdMicro_Process_Flow_Item_Background: var(--sapNegativeElementColor);
    --fdMicro_Process_Flow_Item_Border_Color: var(--sapNegativeElementColor);
    --fdMicro_Process_Flow_Item_Hover_Background: var(--sapButton_Negative_Hover_Background);
    --fdMicro_Process_Flow_Item_Hover_Border_Color: var(--sapButton_Negative_Hover_Background);
    --fdMicro_Process_Flow_Item_Active_Background: var(--sapHighlightColor);
    --fdMicro_Process_Flow_Item_Active_Border_Color: var(--sapHighlightColor);
    --fdMicro_Process_Flow_Icon_Color: var(--fdMicro_Process_Flow_Active_Icon_Color)
}

.fd-micro-process-flow .fd-micro-process-flow__item--critical {
    --fdMicro_Process_Flow_Item_Background: var(--sapCriticalElementColor);
    --fdMicro_Process_Flow_Item_Border_Color: var(--sapCriticalElementColor);
    --fdMicro_Process_Flow_Item_Hover_Background: var(--sapButton_Critical_Hover_Background);
    --fdMicro_Process_Flow_Item_Hover_Border_Color: var(--sapButton_Critical_Hover_Background);
    --fdMicro_Process_Flow_Item_Active_Background: var(--sapHighlightColor);
    --fdMicro_Process_Flow_Item_Active_Border_Color: var(--sapHighlightColor);
    --fdMicro_Process_Flow_Icon_Color: var(--fdMicro_Process_Flow_Active_Icon_Color)
}

.fd-micro-process-flow .fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container.is-hover, .fd-micro-process-flow .fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container:hover {
    --fdMicro_Process_Flow_Icon_Color: var(--sapButton_Information_Hover_TextColor);
    --fdMicro_Process_Flow_Item_Border_Color: var(--sapInformationBorderColor)
}

.fd-micro-process-flow .fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container.is-active, .fd-micro-process-flow .fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container:active {
    --fdMicro_Process_Flow_Icon_Color: var(--sapContent_ContrastIconColor);
    --fdMicro_Process_Flow_Item_Border_Color: var(--sapContent_Selected_ForegroundColor)
}

.fd-micro-process-flow .fd-micro-process-flow__item .fd-status-indicator .fdstatus-indicator__svg {
    width: auto
}

.fd-micro-process-flow__focusable-item.is-focus, .fd-micro-process-flow__focusable-item:focus {
    outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
    outline-offset: .0625rem
}

.fd-micro-process-flow .fd-micro-process-flow__icon-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--fdMicro_Process_Flow_Item_Background);
    border: .0625rem solid var(--fdMicro_Process_Flow_Item_Border_Color);
    border-radius: 50%;
    min-height: var(--fdMicro_Process_Flow_Item_Min_Width);
    min-width: var(--fdMicro_Process_Flow_Item_Min_Width)
}

    .fd-micro-process-flow .fd-micro-process-flow__icon-container:after, .fd-micro-process-flow .fd-micro-process-flow__icon-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-micro-process-flow .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon {
        color: var(--fdMicro_Process_Flow_Icon_Color);
        font-size: var(--fdMicro_Process_Flow_Icon_Font_Size)
    }

    .fd-micro-process-flow .fd-micro-process-flow__icon-container.is-hover, .fd-micro-process-flow .fd-micro-process-flow__icon-container:hover {
        --fdMicro_Process_Flow_Item_Background: var(--fdMicro_Process_Flow_Item_Hover_Background);
        --fdMicro_Process_Flow_Item_Border_Color: var(--fdMicro_Process_Flow_Item_Hover_Border_Color)
    }

    .fd-micro-process-flow .fd-micro-process-flow__icon-container.is-active, .fd-micro-process-flow .fd-micro-process-flow__icon-container:active {
        --fdMicro_Process_Flow_Item_Background: var(--fdMicro_Process_Flow_Item_Active_Background);
        --fdMicro_Process_Flow_Item_Border_Color: var(--fdMicro_Process_Flow_Item_Active_Border_Color);
        --fdMicro_Process_Flow_Icon_Color: var(--fdMicro_Process_Flow_Active_Icon_Color)
    }

.fd-micro-process-flow__content {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: var(--fdMicro_Process_Flow_Item_Min_Width);
    min-width: var(--fdMicro_Process_Flow_Item_Min_Width);
    width: 100%
}

    .fd-micro-process-flow__content:after, .fd-micro-process-flow__content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-micro-process-flow__connector {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    min-width: var(--fdMicro_Process_Flow_Connector_Width);
    position: relative;
    -webkit-margin-start: .1875rem;
    margin-inline-start: .1875rem
}

    .fd-micro-process-flow__connector:after, .fd-micro-process-flow__connector:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-micro-process-flow__connector:before {
        border-bottom: .0625rem solid var(--sapContent_ForegroundBorderColor);
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        z-index: 1
    }

.fd-micro-process-flow__connector--intermediate:after {
    background: var(--sapNegativeElementColor);
    bottom: 0;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    width: .25rem;
    -webkit-margin-start: -.125rem;
    margin-inline-start: -.125rem;
    z-index: 2
}

.fd-micro-process-flow__connector--intermediate[dir=rtl]:after, [dir=rtl] .fd-micro-process-flow__connector--intermediate:after {
    -webkit-margin-end: -.125rem;
    margin-inline-end: -.125rem
}

.fd-micro-process-flow__connector .fd-micro-process-flow__intermediary-item {
    line-height: 1;
    position: relative;
    z-index: 3
}

.fd-micro-process-flow[class*=-compact], .fd-micro-process-flow[class*=-condensed], [class*=-compact] .fd-micro-process-flow:not([class*=-cozy]), [class*=-condensed] .fd-micro-process-flow:not([class*=-cozy]) {
    --fdMicro_Process_Flow_Item_Min_Width: var(--fdMicro_Process_Flow_Compact_Item_Min_Width);
    --fdMicro_Process_Flow_Connector_Width: var(--fdMicro_Process_Flow_Compact_Connector_Width);
    --fdMicro_Process_Flow_Icon_Font_Size: var(--sapFontSmallSize);
    --fdMicro_Process_Flow_Item_Width: var(--fdMicro_Process_Flow_Compact_Item_Width);
    --fdMicro_Process_Flow_Max_Container_Width: var(--fdMicro_Process_Flow_Compact_Max_Container_Width)
}

.fd-navigation-list {
    --fdNavigationList_Content_Height: var(--sapElement_LineHeight);
    --fdNavigationList_Content_Background: var(--sapList_Background);
    --fdNavigationList_Content_Selection_Indicator_Color: transparent;
    --fdNavigationList_Text_Offset: 1rem;
    --fdNavigationList_Text_Color: var(--sapList_TextColor);
    --fdNavigationList_Text_Font_Size: var(--sapFontSize);
    --fdNavigationList_Text_Font_Family: var(--sapFontBoldFamily);
    --fdNavigationList_Icon_Font_Size: 1rem;
    --fdNavigationList_Expander_Width: 2.25rem;
    --fdNavigationList_Expander_Height: 2.25rem;
    --fdNavigationList_Expander_Font_Size: 1rem;
    --fdNavigationList_Expander_Color: var(--sapList_TextColor);
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem;
    list-style-type: none;
    width: 100%
}

    .fd-navigation-list:after, .fd-navigation-list:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-navigation-list.level-2 {
        --fdNavigationList_Text_Offset: 2.5rem;
        --fdNavigationList_Text_Font_Size: var(--sapFontSize);
        --fdNavigationList_Text_Font_Family: var(--sapFontFamily)
    }

    .fd-navigation-list.level-3 {
        --fdNavigationList_Text_Offset: 3.5rem;
        --fdNavigationList_Text_Font_Size: var(--sapFontSize);
        --fdNavigationList_Text_Font_Family: var(--sapFontFamily)
    }

.fd-navigation-list__item {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-navigation-list__item:after, .fd-navigation-list__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-navigation-list__item--separator {
    background: var(--sapToolbar_SeparatorColor);
    height: .0625rem;
    margin-block: .5rem;
    width: 100%
}

.fd-navigation-list__item--group {
    --fdNavigationList_Text_Color: var(--sapContent_LabelColor);
    --fdNavigationList_Text_Font_Size: var(--sapFontSize);
    --fdNavigationList_Text_Font_Family: var(--sapFontFamily);
    -webkit-margin-before: var(--fdNavigationList_Group_Item_Margin_Top,.5rem);
    margin-block-start: var(--fdNavigationList_Group_Item_Margin_Top,.5rem)
}

.fd-navigation-list__item--quick-create {
    --fdNavigationList_Text_Color: var(--sapButton_TextColor)
}

    .fd-navigation-list__item--quick-create .fd-navigation-list__content {
        --fdNavigationList_Content_Border_Top_Color: var(--sapButton_BorderColor);
        --fdNavigationList_Content_Border_Bottom_Color: var(--sapButton_BorderColor);
        --fdNavigationList_Content_Border_Right_Color: var(--sapButton_BorderColor);
        --fdNavigationList_Content_Border_Left_Color: var(--sapButton_BorderColor)
    }

        .fd-navigation-list__item--quick-create .fd-navigation-list__content.is-hover, .fd-navigation-list__item--quick-create .fd-navigation-list__content:hover {
            --fdNavigationList_Content_Border_Top_Color: var(--sapButton_Hover_BorderColor);
            --fdNavigationList_Content_Border_Bottom_Color: var(--sapButton_Hover_BorderColor);
            --fdNavigationList_Content_Border_Right_Color: var(--sapButton_Hover_BorderColor);
            --fdNavigationList_Content_Border_Left_Color: var(--sapButton_Hover_BorderColor)
        }

        .fd-navigation-list__item--quick-create .fd-navigation-list__content.is-active, .fd-navigation-list__item--quick-create .fd-navigation-list__content:active {
            --fdNavigationList_Content_Border_Top_Color: var(--sapButton_Active_BorderColor);
            --fdNavigationList_Content_Border_Bottom_Color: var(--sapButton_Active_BorderColor);
            --fdNavigationList_Content_Border_Right_Color: var(--sapButton_Active_BorderColor);
            --fdNavigationList_Content_Border_Left_Color: var(--sapButton_Active_BorderColor)
        }

        .fd-navigation-list__item--quick-create .fd-navigation-list__content.is-focus, .fd-navigation-list__item--quick-create .fd-navigation-list__content:focus {
            z-index: 5;
            --fdNavigationList_Content_Border_Top_Color: var(--sapButton_BorderColor);
            --fdNavigationList_Content_Border_Bottom_Color: var(--sapButton_BorderColor);
            --fdNavigationList_Content_Border_Right_Color: var(--sapButton_BorderColor);
            --fdNavigationList_Content_Border_Left_Color: var(--sapButton_BorderColor)
        }

.fd-navigation-list__item--two-click .fd-navigation-list__navigation-indicator {
    position: relative
}

    .fd-navigation-list__item--two-click .fd-navigation-list__navigation-indicator:before {
        background: var(--sapToolbar_SeparatorColor);
        content: "";
        height: var(--sapElement_Compact_Height);
        left: -.25rem;
        position: absolute;
        width: .0625rem
    }

    .fd-navigation-list__item--two-click .fd-navigation-list__navigation-indicator[dir=rtl]:before, [dir=rtl] .fd-navigation-list__item--two-click .fd-navigation-list__navigation-indicator:before {
        left: auto;
        right: -.25rem
    }

.fd-navigation-list__content {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    gap: var(--fdNavigationList_Content_Gap,.5rem);
    overflow: hidden;
    position: relative;
    -webkit-padding-end: var(--fdNavigationList_Content_Padding_Inline_End,1rem);
    background: var(--fdNavigationList_Content_Background);
    border-color: var(--fdNavigationList_Content_Border_Top_Color,transparent) var(--fdNavigationList_Content_Border_Right_Color,transparent) var(--fdNavigationList_Content_Border_Bottom_Color,var(--fdNavigationList_Content_Border_Color)) var(--fdNavigationList_Content_Border_Left_Color,transparent);
    border-radius: var(--fdNavigationList_Content_Border_Radius);
    border-style: solid;
    border-width: var(--sapList_BorderWidth);
    height: var(--fdNavigationList_Content_Height);
    min-width: var(--fdNavigationList_Content_Width,100%);
    padding-inline-end: var(--fdNavigationList_Content_Padding_Inline_End,1rem)
}

    .fd-navigation-list__content:after, .fd-navigation-list__content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-navigation-list__content:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow) {
        --fdNavigationList_Content_Padding_Inline_End: 0.375rem
    }

    .fd-navigation-list__content:before {
        background: var(--fdNavigationList_Content_Selection_Indicator_Color);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: .188rem
    }

    .fd-navigation-list__content[dir=rtl]:before, [dir=rtl] .fd-navigation-list__content:before {
        left: auto;
        right: 0
    }

    .fd-navigation-list__content + .fd-navigation-list {
        -webkit-margin-before: .25rem;
        margin-block-start: .25rem
    }

    .fd-navigation-list__content.is-hover, .fd-navigation-list__content:hover {
        --fdNavigationList_Content_Background: var(--sapList_Hover_Background);
        --fdNavigationList_Content_Border_Top_Color: var(--fdNavigationList_Content_Border_Color);
        --fdNavigationList_Content_Border_Left_Color: var(--fdNavigationList_Content_Border_Color);
        --fdNavigationList_Content_Border_Right_Color: var(--fdNavigationList_Content_Border_Color)
    }

    .fd-navigation-list__content.is-active, .fd-navigation-list__content:active {
        --fdNavigationList_Text_Color: var(--sapList_Active_TextColor);
        --fdNavigationList_Expander_Color: var(--sapList_Active_TextColor);
        --fdNavigationList_Content_Background: var(--sapList_Active_Background);
        --fdNavigationList_Content_Border_Top_Color: var(--fdNavigationList_Content_Border_Color);
        --fdNavigationList_Content_Border_Left_Color: var(--fdNavigationList_Content_Border_Color);
        --fdNavigationList_Content_Border_Right_Color: var(--fdNavigationList_Content_Border_Color)
    }

    .fd-navigation-list__content.is-selected, .fd-navigation-list__content[aria-selected=true] {
        --fdNavigationList_Content_Background: var(--sapList_SelectionBackgroundColor);
        --fdNavigationList_Content_Selection_Indicator_Color: var(--sapList_SelectionBorderColor);
        --fdNavigationList_Content_Border_Top_Color: var(--fdNavigationList_Content_Border_Color);
        --fdNavigationList_Content_Border_Left_Color: var(--fdNavigationList_Content_Border_Color);
        --fdNavigationList_Content_Border_Right_Color: var(--fdNavigationList_Content_Border_Color)
    }

        .fd-navigation-list__content.is-selected.is-hover, .fd-navigation-list__content.is-selected:hover, .fd-navigation-list__content[aria-selected=true].is-hover, .fd-navigation-list__content[aria-selected=true]:hover {
            --fdNavigationList_Content_Background: var(--sapList_Hover_SelectionBackground);
            --fdNavigationList_Content_Selection_Indicator_Color: var(--sapList_SelectionBorderColor);
            --fdNavigationList_Content_Border_Top_Color: var(--fdNavigationList_Content_Border_Color);
            --fdNavigationList_Content_Border_Left_Color: var(--fdNavigationList_Content_Border_Color);
            --fdNavigationList_Content_Border_Right_Color: var(--fdNavigationList_Content_Border_Color)
        }

    .fd-navigation-list__content.is-focus, .fd-navigation-list__content:focus {
        z-index: 5;
        --fdNavigationList_Content_Border_Top_Color: var(--fdNavigationList_Content_Border_Color);
        --fdNavigationList_Content_Border_Left_Color: var(--fdNavigationList_Content_Border_Color);
        --fdNavigationList_Content_Border_Right_Color: var(--fdNavigationList_Content_Border_Color);
        outline: var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);
        outline-offset: var(--fdNavigationList_Content_Outline_Offset)
    }

    .fd-navigation-list__content.is-disabled, .fd-navigation-list__content:disabled, .fd-navigation-list__content[aria-disabled=true] {
        opacity: var(--sapContent_DisabledOpacity);
        pointer-events: none
    }

.fd-navigation-list__content-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
    width: 100%
}

    .fd-navigation-list__content-container:after, .fd-navigation-list__content-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-navigation-list__icon {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--fdNavigationList_Text_Color);
    height: 100%;
    padding-inline: 1rem .5rem
}

    .fd-navigation-list__icon:after, .fd-navigation-list__icon:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-navigation-list__icon [class*=sap-icon] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: var(--fdNavigationList_Icon_Font_Size);
        width: 1rem
    }

    .fd-navigation-list__icon + .fd-navigation-list__text {
        --fdNavigationList_Text_Offset: 0
    }

.fd-navigation-list__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdNavigationList_Text_Color);
    font-family: var(--sapFontFamily);
    font-family: var(--fdNavigationList_Text_Font_Family);
    font-size: var(--sapFontSize);
    font-size: var(--fdNavigationList_Text_Font_Size);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    -webkit-padding-start: var(--fdNavigationList_Text_Offset);
    display: var(--fdNavigationList_Text_Display,inline-block);
    padding-inline-start: var(--fdNavigationList_Text_Offset)
}

    .fd-navigation-list__text:after, .fd-navigation-list__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-navigation-list__navigation-indicator {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--sapButton_BorderCornerRadius);
    color: var(--fdNavigationList_Expander_Color);
    display: var(--fdNavigationList_Expander_Display,inline-flex);
    height: var(--fdNavigationList_Expander_Height);
    height: 100%;
    max-height: var(--fdNavigationList_Expander_Height);
    max-width: var(--fdNavigationList_Expander_Width);
    min-height: var(--fdNavigationList_Expander_Height);
    min-width: var(--fdNavigationList_Expander_Width);
    width: var(--fdNavigationList_Expander_Width)
}

    .fd-navigation-list__navigation-indicator:after, .fd-navigation-list__navigation-indicator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-navigation-list__navigation-indicator [class*=sap-icon] {
        font-size: var(--fdNavigationList_Expander_Font_Size)
    }

.fd-navigation-list__indication-arrow {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--fdNavigationList_Expander_Color);
    display: var(--fdNavigationList_Indicator_Display,inline-flex);
    height: 100%;
    max-width: var(--fdNavigationList_Expander_Width);
    min-width: var(--fdNavigationList_Expander_Width);
    width: var(--fdNavigationList_Expander_Width)
}

    .fd-navigation-list__indication-arrow:after, .fd-navigation-list__indication-arrow:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-navigation-list__indication-arrow [class*=sap-icon] {
        font-size: var(--fdNavigationList_Expander_Font_Size)
    }

.fd-navigation-list .fd-navigation-list__popover-body {
    padding-block: .5rem;
    padding-inline: .5rem
}

.fd-navigation-list[class*=-compact], [class*=-compact] .fd-navigation-list:not([class*=-cozy],[class*=-condensed]) {
    --fdNavigationList_Icon_Font_Size: 1rem;
    --fdNavigationList_Text_Font_Size: var(--sapFontSize);
    --fdNavigationList_Content_Height: var(--sapElement_Compact_LineHeight);
    --fdNavigationList_Expander_Height: 1.5625rem;
    --fdNavigationList_Expander_Width: 2rem
}

.fd-navigation-list[class*=-collapsed], [class*=-collapsed] {
    --fdNavigationList_Content_Width: 3rem;
    --fdNavigationList_Text_Display: none;
    --fdNavigationList_Content_Padding_Inline_End: 0;
    --fdNavigationList_Indicator_Display: none;
    --fdNavigationList_Group_Item_Margin_Top: 0.25rem
}

    .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content, [class*=-collapsed] .fd-navigation-list__content {
        --fdNavigationList_Expander_Width: 0.75rem;
        --fdNavigationList_Expander_Font_Size: 0.875rem
    }

        .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow), [class*=-collapsed] .fd-navigation-list__content:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow) {
            --fdNavigationList_Content_Padding_Inline_End: 0;
            --fdNavigationList_Content_Gap: 0.125rem
        }

        .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]).is-hover, .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]):hover, [class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]).is-hover, [class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]):hover {
            --fdNavigationList_Content_Width: fit-content;
            --fdNavigationList_Text_Display: inline-block;
            --fdNavigationList_Expander_Display: inline-flex;
            --fdNavigationList_Indicator_Display: inline-flex;
            --fdNavigationList_Content_Padding_Inline_End: 1rem;
            --fdNavigationList_Expander_Width: 2.25rem;
            --fdNavigationList_Expander_Font_Size: 1rem
        }

            .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]).is-hover:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow), .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]):hover:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow), [class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]).is-hover:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow), [class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]):hover:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow) {
                --fdNavigationList_Content_Padding_Inline_End: 0.375rem;
                --fdNavigationList_Content_Gap: 0.5rem
            }

        .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]).is-active, .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]):active, [class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]).is-active, [class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]):active {
            --fdNavigationList_Content_Width: fit-content;
            --fdNavigationList_Text_Display: inline-block;
            --fdNavigationList_Expander_Display: inline-flex;
            --fdNavigationList_Indicator_Display: inline-flex;
            --fdNavigationList_Content_Padding_Inline_End: 1rem;
            --fdNavigationList_Expander_Width: 2.25rem;
            --fdNavigationList_Expander_Font_Size: 1rem
        }

            .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]).is-active:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow), .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]):active:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow), [class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]).is-active:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow), [class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]):active:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow) {
                --fdNavigationList_Content_Padding_Inline_End: 0.375rem;
                --fdNavigationList_Content_Gap: 0.5rem
            }

        .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]).is-focus, .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]):focus, [class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]).is-focus, [class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]):focus {
            z-index: 5;
            --fdNavigationList_Content_Width: fit-content;
            --fdNavigationList_Text_Display: inline-block;
            --fdNavigationList_Expander_Display: inline-flex;
            --fdNavigationList_Indicator_Display: inline-flex;
            --fdNavigationList_Content_Padding_Inline_End: 1rem;
            --fdNavigationList_Expander_Width: 2.25rem;
            --fdNavigationList_Expander_Font_Size: 1rem
        }

            .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]).is-focus:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow), .fd-navigation-list[class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]):focus:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow), [class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]).is-focus:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow), [class*=-collapsed] .fd-navigation-list__content:not([aria-expanded=true]):focus:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow) {
                --fdNavigationList_Content_Padding_Inline_End: 0.375rem;
                --fdNavigationList_Content_Gap: 0.5rem
            }

    .fd-navigation-list[class*=-collapsed] .fd-navigation-list__popover-body .fd-navigation-list__content, [class*=-collapsed] .fd-navigation-list__popover-body .fd-navigation-list__content {
        --fdNavigationList_Content_Width: fit-content;
        --fdNavigationList_Text_Display: inline-block;
        --fdNavigationList_Expander_Display: inline-flex;
        --fdNavigationList_Indicator_Display: inline-flex;
        --fdNavigationList_Content_Padding_Inline_End: 1rem;
        --fdNavigationList_Expander_Width: 2.25rem;
        --fdNavigationList_Expander_Font_Size: 1rem
    }

        .fd-navigation-list[class*=-collapsed] .fd-navigation-list__popover-body .fd-navigation-list__content:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow), [class*=-collapsed] .fd-navigation-list__popover-body .fd-navigation-list__content:has(.fd-navigation-list__navigation-indicator,.fd-navigation-list__indication-arrow) {
            --fdNavigationList_Content_Padding_Inline_End: 0.375rem;
            --fdNavigationList_Content_Gap: 0.5rem
        }

        .fd-navigation-list[class*=-collapsed] .fd-navigation-list__popover-body .fd-navigation-list__content .fd-navigation-list.level-2, [class*=-collapsed] .fd-navigation-list__popover-body .fd-navigation-list__content .fd-navigation-list.level-2 {
            overflow: visible
        }

    .fd-navigation-list[class*=-collapsed] .fd-navigation-list__item--group > .fd-navigation-list__content, [class*=-collapsed] .fd-navigation-list__item--group > .fd-navigation-list__content {
        display: none
    }

.fd-navigation-menu {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    --fdNavigationMenu_Item_Background: var(--fdNavigationMenu_Item_Border_Color_Normal);
    --fdNavigationMenu_Item_Border_Color: var(--fdNavigationMenu_Item_Border_Color_Normal);
    --fdNavigationMenu_Item_Border_Bottom_Color: var(--fdNavigationMenu_Item_Border_Bottom_Color_Normal);
    --fdNavigationMenu_Item_Min_Height: 2.5rem;
    --fdNavigationMenu_Item_Padding_Right: 0.5rem;
    --fdNavigationMenu_Item_Spacing: 0.4375rem;
    --fdNavigationMenu_Item_Selection_Indicator_Size: 0.5rem;
    --fdNavigationMenu_Item_Child_Indicator_Size: 0.75rem;
    --fdNavigationMenu_Item_Text_Color: inherit;
    --fdNavigationMenu_Item_Font_Weight: bold;
    --fdNavigationMenu_Item_Font_Size: var(--sapFontSize);
    --fdNavigationMenu_Item_Has_Child_Indicator_Icon: "";
    --fdNavigationMenu_Item_Has_Link_Indicator_Icon: "";
    --fdNavigationMenu_Selection_Indicator_Offset_Right: var(--fdNavigationMenu_Item_Spacing);
    background: var(--sapGroup_ContentBackground);
    border-radius: .5rem;
    list-style-type: none;
    padding-block: .5rem;
    padding-inline: .5rem
}

    .fd-navigation-menu:after, .fd-navigation-menu:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-navigation-menu__item {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: .5rem;
    padding-inline: 0;
    padding-inline: .5rem var(--fdNavigationMenu_Item_Padding_Right);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fdNavigationMenu_Item_Background);
    border-bottom: .0625rem solid var(--fdNavigationMenu_Item_Border_Color);
    border: .0625rem solid var(--fdNavigationMenu_Item_Border_Color);
    border-bottom-color: var(--fdNavigationMenu_Item_Border_Bottom_Color);
    border-radius: var(--fdNavigationMenu_Item_Border_Radius);
    color: var(--sapList_TextColor);
    cursor: pointer;
    gap: var(--fdNavigationMenu_Item_Spacing);
    min-height: var(--fdNavigationMenu_Item_Min_Height);
    position: relative;
    -webkit-transition: var(--fdNavigationMenu_Item_Transition);
    transition: var(--fdNavigationMenu_Item_Transition);
    width: 100%
}

    .fd-navigation-menu__item:after, .fd-navigation-menu__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-navigation-menu__item.is-hover, .fd-navigation-menu__item:hover {
        --fdNavigationMenu_Item_Background: var(--sapMenu_Hover_Background);
        --fdNavigationMenu_Item_Border_Color: var(--fdNavigationMenu_Item_Border_Color_Hover);
        --fdNavigationMenu_Item_Border_Bottom_Color: var(--fdNavigationMenu_Item_Border_Color_Hover)
    }

    .fd-navigation-menu__item.is-active, .fd-navigation-menu__item.is-active.is-focus, .fd-navigation-menu__item.is-active:focus, .fd-navigation-menu__item:active, .fd-navigation-menu__item:active.is-focus, .fd-navigation-menu__item:active:focus {
        --fdNavigationMenu_Item_Background: var(--sapMenu_Active_Background);
        --fdNavigationMenu_Item_Border_Color: var(--fdNavigationMenu_Item_Border_Color_Active);
        --fdNavigationMenu_Item_Border_Bottom_Color: var(--fdNavigationMenu_Item_Border_Color_Active)
    }

        .fd-navigation-menu__item.is-active.is-focus, .fd-navigation-menu__item.is-active:focus, .fd-navigation-menu__item:active.is-focus, .fd-navigation-menu__item:active:focus {
            outline: none;
            z-index: 5
        }

    .fd-navigation-menu__item.is-selected, .fd-navigation-menu__item[aria-selected=true] {
        --fdNavigationMenu_Item_Background: var(--sapMenu_Selected_Background);
        --fdNavigationMenu_Item_Border_Color: var(--fdNavigationMenu_Item_Border_Color_Selected);
        --fdNavigationMenu_Item_Border_Bottom_Color: var(--fdNavigationMenu_Item_Border_Color_Selected);
        --fdNavigationMenu_Item_Padding_Right: calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Selection_Indicator_Size))
    }

        .fd-navigation-menu__item.is-selected:after, .fd-navigation-menu__item[aria-selected=true]:after {
            background: var(--sapList_SelectionBorderColor);
            border-radius: 100%;
            content: "";
            height: var(--fdNavigationMenu_Item_Selection_Indicator_Size);
            max-height: var(--fdNavigationMenu_Item_Selection_Indicator_Size);
            max-width: var(--fdNavigationMenu_Item_Selection_Indicator_Size);
            min-height: var(--fdNavigationMenu_Item_Selection_Indicator_Size);
            min-width: var(--fdNavigationMenu_Item_Selection_Indicator_Size);
            position: absolute;
            right: var(--fdNavigationMenu_Selection_Indicator_Offset_Right);
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: var(--fdNavigationMenu_Item_Selection_Indicator_Size)
        }

[dir=rtl] .fd-navigation-menu__item.is-selected:after, [dir=rtl] .fd-navigation-menu__item[aria-selected=true]:after {
    left: var(--fdNavigationMenu_Selection_Indicator_Offset_Right);
    right: auto
}

.fd-navigation-menu__item.is-focus, .fd-navigation-menu__item:focus {
    z-index: 5;
    --fdNavigationMenu_Item_Background: var(--sapMenu_Background);
    --fdNavigationMenu_Item_Border_Color: transparent;
    --fdNavigationMenu_Item_Border_Bottom_Color: transparent;
    outline: var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor)
}

.fd-navigation-menu__item.is-disabled, .fd-navigation-menu__item:disabled, .fd-navigation-menu__item[aria-disabled=true] {
    opacity: var(--sapContent_DisabledOpacity);
    pointer-events: none
}

.fd-navigation-menu__item[class*=-compact], [class*=-compact] .fd-navigation-menu__item:not([class*=-cozy]) {
    --fdNavigationMenu_Item_Min_Height: 2rem
}

.fd-navigation-menu__item--has-children {
    --fdNavigationMenu_Item_Padding_Right: calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))
}

    .fd-navigation-menu__item--has-children:before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        content: var(--fdNavigationMenu_Item_Has_Child_Indicator_Icon);
        font-family: SAP-icons;
        font-size: .75rem;
        height: .75rem;
        max-height: .75rem;
        max-width: .75rem;
        min-height: .75rem;
        min-width: .75rem;
        position: absolute;
        right: var(--fdNavigationMenu_Item_Spacing);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: .75rem
    }

[dir=rtl] .fd-navigation-menu__item--has-children:before {
    left: var(--fdNavigationMenu_Item_Spacing);
    right: auto
}

.fd-navigation-menu__item--has-children.is-expanded, .fd-navigation-menu__item--has-children[aria-expanded=true] {
    --fdNavigationMenu_Item_Has_Child_Indicator_Icon: ""
}

.fd-navigation-menu__item--has-children[dir=rtl], [dir=rtl] .fd-navigation-menu__item--has-children {
    --fdNavigationMenu_Item_Has_Child_Indicator_Icon: ""
}

.fd-navigation-menu__item--has-children.is-selected, .fd-navigation-menu__item--has-children[aria-selected=true] {
    --fdNavigationMenu_Item_Padding_Right: calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));
    --fdNavigationMenu_Selection_Indicator_Offset_Right: calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))
}

.fd-navigation-menu__item--has-link-indicator {
    --fdNavigationMenu_Item_Padding_Right: calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))
}

    .fd-navigation-menu__item--has-link-indicator:before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--sapContent_LabelColor);
        content: var(--fdNavigationMenu_Item_Has_Link_Indicator_Icon);
        font-family: SAP-icons;
        font-size: .75rem;
        height: .75rem;
        max-height: .75rem;
        max-width: .75rem;
        min-height: .75rem;
        min-width: .75rem;
        position: absolute;
        right: var(--fdNavigationMenu_Item_Spacing);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: .75rem
    }

[dir=rtl] .fd-navigation-menu__item--has-link-indicator:before {
    left: var(--fdNavigationMenu_Item_Spacing);
    right: auto
}

.fd-navigation-menu__item--has-link-indicator[dir=rtl], [dir=rtl] .fd-navigation-menu__item--has-link-indicator {
    --fdNavigationMenu_Item_Has_Link_Indicator_Icon: ""
}

.fd-navigation-menu__item--has-link-indicator.is-selected, .fd-navigation-menu__item--has-link-indicator[aria-selected=true] {
    --fdNavigationMenu_Item_Padding_Right: calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));
    --fdNavigationMenu_Selection_Indicator_Offset_Right: calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))
}

.fd-navigation-menu__item--child {
    --fdNavigationMenu_Item_Spacing: 0.5rem;
    --fdNavigationMenu_Item_Font_Weight: normal
}

.fd-navigation-menu__item--group {
    --fdNavigationMenu_Item_Spacing: 0.4375rem;
    --fdNavigationMenu_Item_Text_Color: var(--sapContent_LabelColor);
    --fdNavigationMenu_Item_Font_Weight: semibold;
    --fdNavigationMenu_Item_Font_Size: var(--sapFontSmallSize)
}

.fd-navigation-menu__icon {
    height: 1rem;
    max-height: 1rem;
    max-width: 1rem;
    min-height: 1rem;
    min-width: 1rem;
    width: 1rem
}

    .fd-navigation-menu__icon [class*=sap-icon], .fd-navigation-menu__icon[class*=sap-icon] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: inherit;
        font-size: 1rem
    }

.fd-navigation-menu__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdNavigationMenu_Item_Text_Color);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: var(--fdNavigationMenu_Item_Font_Size);
    font-weight: 400;
    font-weight: var(--fdNavigationMenu_Item_Font_Weight);
    forced-color-adjust: none;
    line-height: normal;
    line-height: 1;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    vertical-align: baseline;
    white-space: nowrap
}

    .fd-navigation-menu__text:after, .fd-navigation-menu__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-navigation {
    --fdNavigation_Height: 100%;
    --fdNavigation_Padding_X: 0.5rem;
    --fdNavigation_Padding_Top: 0.5rem;
    --fdNavigation_Item_Spacing: 0.25rem;
    --fdNavigation_Padding_Bottom: 0.5rem;
    --fdNavigation_Horizontal_Height: 3.5rem;
    --fdNavigation_Expander_Position_Right: 0.5rem;
    --fdNavigation_Border_Radius: 0;
    --fdNavigation_Box_Shadow: var(--sapContent_Shadow0);
    --fdNavigation_Link_Icon_Size: 1rem;
    --fdNavigation_Link_Icon_Color: var(--sapList_TextColor);
    --fdNavigation_Link_Min_Height: var(--sapElement_LineHeight);
    --fdNavigation_Link_Font_Family: var(--sapFontBoldFamily);
    --fdNavigation_Link_Spacing: 0.5rem;
    --fdNavigation_Link_Text_Color: inherit;
    --fdNavigation_Link_Shift_Left: 1rem;
    --fdNavigation_Link_Padding_Left: var(--fdNavigation_Link_Shift_Left);
    --fdNavigation_Link_Padding_Right: 0.375rem;
    --fdNavigation_Link_Font_Size: var(--sapFontSize);
    --fdNavigation_Link_Selection_Indicator_Size: 0.5rem;
    --fdNavigation_Link_Has_Child_Indicator_Display: flex;
    --fdNavigation_Link_Selection_Indicator_Display: none;
    --fdNavigation_Link_Back_Indicator_Icon: "";
    --fdNavigation_Link_Has_Child_Indicator_Icon: "";
    --fdNavigation_Link_External_Link_Indicator_Icon: "";
    --fdNavigation_Link_Background: var(--sapNavigation_Background);
    --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Normal);
    --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Bottom_Color_Normal);
    --fdNavigation_Item_Group_Display: flex;
    --fdNavigation_Item_Title_Display: none;
    --fdNavigation_Item_Text_Display: inline-block;
    --fdNavigation_Item_Selected_Background: var(--sapList_SelectionBackgroundColor);
    --fdNavigation_List_Container_Display: none;
    --fdNavigation_List_Parent_Items_Display: none;
    --fdNavigation_Controls_Width: 2.25rem;
    --fdNavigation_Controls_Height: 2.25rem;
    --fdNavigation_Quick_Create_Border_Color: var(--sapButton_BorderColor);
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-navigation:after, .fd-navigation:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-navigation__container {
    position: relative
}

.fd-navigation__container--top {
    height: 100%;
    overflow: scroll;
    padding-inline: var(--fdNavigation_Padding_X);
    position: relative;
    -webkit-padding-after: .25rem;
    padding-block-end: .25rem
}

.fd-navigation__container--bottom {
    padding-inline: var(--fdNavigation_Padding_X)
}

    .fd-navigation__container--bottom:before {
        background: var(--sapToolbar_SeparatorColor);
        content: "";
        display: inline-block;
        height: .0625rem;
        margin-block: .5625rem;
        width: 100%
    }

.fd-navigation__list-container {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: var(--fdNavigation_List_Container_Display);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-navigation__list-container:after, .fd-navigation__list-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-navigation__list-wrapper {
    width: 100%
}

.fd-navigation__list {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--fdNavigation_Item_Spacing);
    height: 100%;
    list-style-type: none;
    position: relative
}

    .fd-navigation__list:after, .fd-navigation__list:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-navigation__list--parent-items {
    display: var(--fdNavigation_List_Parent_Items_Display)
}

.fd-navigation__list-item {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--fdNavigation_Item_Spacing)
}

    .fd-navigation__list-item:after, .fd-navigation__list-item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-navigation__list-item--spacer {
    background: transparent;
    height: 100%;
    min-height: .25rem
}

.fd-navigation__list-item--separator {
    background: transparent;
    height: .625rem;
    max-height: .625rem;
    min-height: .625rem
}

.fd-navigation__list-item--overflow {
    position: relative
}

.fd-navigation__link {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    padding-inline: var(--fdNavigation_Link_Padding_Left) var(--fdNavigation_Link_Padding_Right);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fdNavigation_Link_Background);
    border-radius: var(--fdNavigation_Link_Border_Radius);
    color: var(--fdNavigation_Link_Text_Color);
    cursor: pointer;
    gap: var(--fdNavigation_Link_Spacing);
    min-height: var(--fdNavigation_Link_Min_Height);
    overflow: hidden;
    position: relative;
    text-align: start;
    text-decoration: none;
    -webkit-transition: var(--fdNavigation_Link_Transition);
    transition: var(--fdNavigation_Link_Transition);
    width: 100%
}

    .fd-navigation__link:after, .fd-navigation__link:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-navigation__link:before {
        border-bottom: .0625rem solid var(--fdNavigation_Link_Border_Color);
        border: .0625rem solid var(--fdNavigation_Link_Border_Color);
        border-bottom-color: var(--fdNavigation_Link_Border_Bottom_Color);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

[dir=rtl] .fd-navigation__link:before {
    left: auto;
    right: 0
}

.fd-navigation__link.is-hover, .fd-navigation__link:hover {
    --fdNavigation_Link_Background: var(--sapList_Hover_Background);
    --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Hover);
    --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Hover)
}

.fd-navigation__link.is-active, .fd-navigation__link.is-active.is-focus, .fd-navigation__link.is-active:focus, .fd-navigation__link:active, .fd-navigation__link:active.is-focus, .fd-navigation__link:active:focus {
    --fdNavigation_Link_Background: var(--sapList_Active_Background);
    --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Active);
    --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Active)
}

    .fd-navigation__link.is-active.is-focus, .fd-navigation__link.is-active:focus, .fd-navigation__link:active.is-focus, .fd-navigation__link:active:focus {
        outline: none;
        z-index: 5
    }

.fd-navigation__link.is-focus, .fd-navigation__link:focus {
    z-index: 5;
    --fdNavigation_Link_Border_Color: transparent;
    --fdNavigation_Link_Border_Bottom_Color: transparent;
    --fdNavigation_Link_Background: var(--sapList_Background);
    outline: var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);
    outline-offset: -.125rem
}

    .fd-navigation__link.is-focus.is-hover, .fd-navigation__link.is-focus:hover, .fd-navigation__link:focus.is-hover, .fd-navigation__link:focus:hover {
        --fdNavigation_Link_Background: var(--sapList_Hover_Background);
        --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Hover);
        --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Hover)
    }

.fd-navigation__link:focus-visible {
    outline-offset: -.125rem
}

.fd-navigation__link.is-disabled, .fd-navigation__link:disabled, .fd-navigation__link[aria-disabled=true] {
    opacity: var(--sapContent_DisabledOpacity);
    pointer-events: none
}

.fd-navigation__item {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--fdNavigation_Link_Border_Radius);
    height: 100%;
    position: relative
}

    .fd-navigation__item:after, .fd-navigation__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator, .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator[dir=rtl], .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator, .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl], [dir=rtl] .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator, [dir=rtl] .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator {
        --fdNavigation_Link_Has_Child_Indicator_Icon: ""
    }

    .fd-navigation__item.is-expanded + .fd-navigation__list-container, .fd-navigation__item[aria-expanded=true] + .fd-navigation__list-container {
        --fdNavigation_List_Container_Display: flex
    }

    .fd-navigation__item.is-expanded + .fd-navigation__list--parent-items, .fd-navigation__item[aria-expanded=true] + .fd-navigation__list--parent-items {
        --fdNavigation_List_Parent_Items_Display: flex
    }

    .fd-navigation__item.is-selected, .fd-navigation__item[aria-selected=true] {
        --fdNavigation_Link_Selection_Indicator_Display: inline-block;
        --fdNavigation_Link_Background: var(--sapList_SelectionBackgroundColor);
        --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Selected);
        --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Selected)
    }

        .fd-navigation__item.is-selected .fd-navigation__link.is-focus, .fd-navigation__item.is-selected .fd-navigation__link:focus, .fd-navigation__item[aria-selected=true] .fd-navigation__link.is-focus, .fd-navigation__item[aria-selected=true] .fd-navigation__link:focus {
            z-index: 5;
            --fdNavigation_Link_Background: var(--sapList_SelectionBackgroundColor);
            --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Selected);
            --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Selected)
        }

        .fd-navigation__item.is-selected .fd-navigation__link.is-hover, .fd-navigation__item.is-selected .fd-navigation__link:hover, .fd-navigation__item[aria-selected=true] .fd-navigation__link.is-hover, .fd-navigation__item[aria-selected=true] .fd-navigation__link:hover {
            --fdNavigation_Link_Background: var(--sapList_Hover_SelectionBackground);
            --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Selected);
            --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Selected)
        }

.fd-navigation__item--child .fd-navigation__link {
    --fdNavigation_Link_Font_Family: var(--sapFontFamily);
    --fdNavigation_Link_Padding_Left: 2.5rem
}

.fd-navigation__item--group {
    display: var(--fdNavigation_Item_Group_Display)
}

    .fd-navigation__item--group .fd-navigation__link {
        --fdNavigation_Link_Text_Color: var(--sapContent_LabelColor);
        --fdNavigation_Link_Font_Family: var(--sapFontFamily);
        --fdNavigation_Link_Font_Size: var(--sapFontSize)
    }

.fd-navigation__item--title {
    height: auto;
    -webkit-margin-after: var(--fdNavigation_Item_Title_Margin_Bottom,0);
    display: var(--fdNavigation_Item_Title_Display);
    margin-block-end: var(--fdNavigation_Item_Title_Margin_Bottom,0)
}

    .fd-navigation__item--title .fd-navigation__text {
        font-weight: 700;
        --fdNavigation_Item_Title_Display: block
    }

    .fd-navigation__item--title .fd-navigation__icon[class*=sap-icon] {
        display: none
    }

.fd-navigation__item--menu.is-expanded, .fd-navigation__item--menu[aria-expanded=true] {
    --fdNavigation_Link_Background: var(--sapNavigation_Active_Background);
    --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Active);
    --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Active)
}

    .fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator, .fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator {
        --fdNavigation_Link_Has_Child_Indicator_Icon: ""
    }

        .fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator[dir=rtl], .fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl], [dir=rtl] .fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator, [dir=rtl] .fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator {
            --fdNavigation_Link_Has_Child_Indicator_Icon: ""
        }

.fd-navigation__item--menu.fd-navigation__item--child .fd-navigation__link {
    --fdNavigation_Link_Padding_Left: var(--fdNavigation_Link_Shift_Left)
}

.fd-navigation__item--with-expander .fd-navigation__link {
    --fdNavigation_Link_Padding_Right: calc(var(--fdNavigation_Controls_Width) + 1.3125rem)
}

.fd-navigation__item--with-expander .fd-navigation__has-children-indicator {
    --fdNavigation_Link_Has_Child_Indicator_Display: flex;
    cursor: pointer;
    position: absolute;
    right: var(--fdNavigation_Link_Has_Child_Indicator_Pos_Right,.375rem);
    z-index: 20
}

    .fd-navigation__item--with-expander .fd-navigation__has-children-indicator:after {
        background: var(--sapTextColor);
        content: "";
        display: var(--fdNavigation_Link_Has_Child_Indicator_Div_Display,inline-block);
        height: var(--sapElement_Condensed_Height);
        left: -.25rem;
        position: absolute;
        width: .0625rem
    }

.fd-navigation__item--with-expander.is-hover .fd-navigation__link, .fd-navigation__item--with-expander:hover .fd-navigation__link {
    --fdNavigation_Link_Background: var(--sapList_Hover_Background);
    --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Hover);
    --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Hover)
}

.fd-navigation__item--with-expander.is-active .fd-navigation__link, .fd-navigation__item--with-expander:active .fd-navigation__link {
    --fdNavigation_Link_Background: var(--sapList_Active_Background);
    --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Active);
    --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Active)
}

.fd-navigation__item--with-expander.is-selected.is-hover .fd-navigation__link, .fd-navigation__item--with-expander.is-selected:hover .fd-navigation__link, .fd-navigation__item--with-expander[aria-selected=true].is-hover .fd-navigation__link, .fd-navigation__item--with-expander[aria-selected=true]:hover .fd-navigation__link {
    --fdNavigation_Link_Background: var(--sapList_Hover_SelectionBackground)
}

.fd-navigation__item--create {
    --fdNavigation_Link_Text_Color: var(--sapButton_TextColor);
    --fdNavigation_Link_Icon_Color: var(--sapButton_TextColor)
}

    .fd-navigation__item--create .fd-navigation__link {
        border: var(--sapButton_BorderWidth) solid var(--fdNavigation_Quick_Create_Border_Color)
    }

        .fd-navigation__item--create .fd-navigation__link.is-active, .fd-navigation__item--create .fd-navigation__link:active {
            --fdNavigation_Quick_Create_Border_Color: var(--sapButton_Active_BorderColor);
            --fdNavigation_Link_Background: var(--sapButton_Active_Background)
        }

.fd-navigation__icon {
    height: var(--fdNavigation_Link_Icon_Size);
    max-height: var(--fdNavigation_Link_Icon_Size);
    max-width: var(--fdNavigation_Link_Icon_Size);
    min-height: var(--fdNavigation_Link_Icon_Size);
    min-width: var(--fdNavigation_Link_Icon_Size);
    width: var(--fdNavigation_Link_Icon_Size)
}

    .fd-navigation__icon [class*=sap-icon], .fd-navigation__icon[class*=sap-icon] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--fdNavigation_Link_Icon_Color);
        font-family: var(--sapFontBoldFamily);
        font-size: var(--fdNavigation_Link_Icon_Size)
    }

.fd-navigation__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdNavigation_Link_Text_Color);
    display: var(--fdNavigation_Item_Text_Display);
    font-family: var(--sapFontFamily);
    font-family: var(--fdNavigation_Link_Font_Family);
    font-size: var(--sapFontSize);
    font-size: var(--fdNavigation_Link_Font_Size);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: 1rem;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    vertical-align: baseline;
    white-space: nowrap;
    width: 100%
}

    .fd-navigation__text:after, .fd-navigation__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-navigation__selection-indicator {
    background: var(--sapList_SelectionBorderColor);
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: var(--fdNavigation_Link_Selection_Indicator_Display);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: 100%;
    left: 0;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    position: absolute;
    top: 0;
    width: .188rem
}

    .fd-navigation__selection-indicator:after, .fd-navigation__selection-indicator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-navigation__selection-indicator[dir=rtl], [dir=rtl] .fd-navigation__selection-indicator {
        left: auto;
        right: 0
    }

.fd-navigation__has-children-indicator {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--sapList_TextColor);
    display: var(--fdNavigation_Link_Has_Child_Indicator_Display);
    height: var(--fdNavigation_Controls_Height);
    max-height: var(--fdNavigation_Controls_Height);
    max-width: var(--fdNavigation_Controls_Width);
    min-height: var(--fdNavigation_Controls_Height);
    min-width: var(--fdNavigation_Controls_Width);
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: var(--fdNavigation_Controls_Width)
}

    .fd-navigation__has-children-indicator:after, .fd-navigation__has-children-indicator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-navigation__has-children-indicator:before {
        content: var(--fdNavigation_Link_Has_Child_Indicator_Icon);
        font-family: SAP-icons;
        font-size: 1rem
    }

[dir=rtl] .fd-navigation__has-children-indicator {
    --fdNavigation_Link_Has_Child_Indicator_Icon: ""
}

.fd-navigation__external-link-indicator {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--sapList_TextColor);
    display: var(--fdNavigation_Link_External_Link_Indicator_Display,flex);
    height: var(--fdNavigation_Controls_Height);
    max-height: var(--fdNavigation_Controls_Height);
    max-width: var(--fdNavigation_Controls_Width);
    min-height: var(--fdNavigation_Controls_Height);
    min-width: var(--fdNavigation_Controls_Width);
    width: var(--fdNavigation_Controls_Width)
}

    .fd-navigation__external-link-indicator:after, .fd-navigation__external-link-indicator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-navigation__external-link-indicator:before {
        content: var(--fdNavigation_Link_External_Link_Indicator_Icon);
        font-family: SAP-icons;
        font-size: 1rem
    }

    .fd-navigation__external-link-indicator[dir=rtl], [dir=rtl] .fd-navigation__external-link-indicator {
        --fdNavigation_Link_External_Link_Indicator_Icon: ""
    }

.fd-navigation__back-indicator {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--sapContent_LabelColor);
    height: .75rem;
    max-height: .75rem;
    max-width: .75rem;
    min-height: .75rem;
    min-width: .75rem;
    width: .75rem
}

    .fd-navigation__back-indicator:after, .fd-navigation__back-indicator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-navigation__back-indicator:before {
        content: var(--fdNavigation_Link_Back_Indicator_Icon);
        font-family: SAP-icons;
        font-size: .75rem
    }

    .fd-navigation__back-indicator[dir=rtl], [dir=rtl] .fd-navigation__back-indicator {
        --fdNavigation_Link_Back_Indicator_Icon: ""
    }

.fd-navigation--snapped .fd-navigation__container--bottom, .fd-navigation--snapped .fd-navigation__container--top {
    overflow: visible
}

.fd-navigation--snapped .fd-navigation__list-wrapper {
    padding-block: .5rem;
    padding-inline: .5rem
}

.fd-navigation--snapped .fd-navigation__list-container {
    background: var(--sapGroup_ContentBackground);
    border: none;
    border-radius: var(--sapPopover_BorderCornerRadius);
    -webkit-box-shadow: var(--sapContent_Shadow2);
    box-shadow: var(--sapContent_Shadow2)
}

    .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu {
        left: calc(100% + .1875rem);
        padding-block: .5rem;
        padding-inline: .5rem;
        position: absolute;
        top: 0
    }

        .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu[dir=rtl], [dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu {
            left: auto;
            right: calc(100% + .1875rem)
        }

        .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-wrapper {
            padding-block: 0;
            padding-inline: 0
        }

        .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list {
            --fdNavigation_Item_Spacing: 0.5rem;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator {
            --fdNavigation_Link_Has_Child_Indicator_Icon: ""
        }

[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item .fd-navigation__has-children-indicator {
    --fdNavigation_Link_Has_Child_Indicator_Icon: ""
}

.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu {
    left: calc(100% + .1875rem);
    margin-block: 0;
    margin-inline: 0;
    padding-block: .5rem;
    padding-inline: .5rem;
    top: calc(var(--fdNavigation_Link_Min_Height) - .5rem)
}

    .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu[dir=rtl], [dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu {
        left: auto;
        right: calc(100% + .1875rem)
    }

.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list--parent-items {
    --fdNavigation_List_Parent_Items_Display: flex
}

.fd-navigation--snapped .fd-navigation__item--group {
    --fdNavigation_Item_Group_Display: none
}

.fd-navigation--snapped .fd-navigation__item--child .fd-navigation__link {
    --fdNavigation_Link_Padding_Left: 1rem
}

.fd-navigation--snapped .fd-navigation__list--child-items {
    --fdNavigation_Item_Spacing: 0.5rem;
    height: auto
}

.fd-navigation--snapped .fd-navigation__item--title {
    --fdNavigation_Item_Title_Display: block;
    --fdNavigation_Item_Title_Margin_Bottom: 0.5rem
}

.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link, .fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link {
    --fdNavigation_Link_Background: var(--sapList_Active_Background);
    --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Active)
}

.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected .fd-navigation__link, .fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true] .fd-navigation__link, .fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected .fd-navigation__link, .fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true] .fd-navigation__link {
    --fdNavigation_Link_Selection_Indicator_Display: inline-block;
    --fdNavigation_Link_Background: var(--sapList_SelectionBackgroundColor);
    --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Selected)
}

.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected.is-hover .fd-navigation__link, .fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected:hover .fd-navigation__link, .fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true].is-hover .fd-navigation__link, .fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true]:hover .fd-navigation__link, .fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected.is-hover .fd-navigation__link, .fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected:hover .fd-navigation__link, .fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true].is-hover .fd-navigation__link, .fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true]:hover .fd-navigation__link {
    --fdNavigation_Link_Background: var(--sapList_Hover_SelectionBackground)
}

.fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link {
    --fdNavigation_Link_Spacing: 0
}

    .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link .fd-navigation__text {
        --fdNavigation_Item_Text_Display: none
    }

    .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link .fd-navigation__has-children-indicator {
        --fdNavigation_Controls_Width: 1rem;
        --fdNavigation_Link_Has_Child_Indicator_Icon: ""
    }

    .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link:has(.fd-navigation__external-link-indicator) {
        --fdNavigation_Link_Padding_Right: 0;
        --fdNavigation_Link_External_Link_Indicator_Display: none
    }

    .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link.is-focus, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link.is-hover, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link:focus, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link:hover {
        --fdNavigation_Link_Padding_Right: 1rem;
        --fdNavigation_Link_Spacing: 0.5rem;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content
    }

        .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link:focus:has(.fd-navigation__has-children-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) {
            --fdNavigation_Link_Padding_Right: 0.375rem
        }

            .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator {
                --fdNavigation_Controls_Width: 2.25rem
            }

        .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link.is-focus:has(.fd-navigation__external-link-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link.is-hover:has(.fd-navigation__external-link-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link:focus:has(.fd-navigation__external-link-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link:hover:has(.fd-navigation__external-link-indicator) {
            --fdNavigation_Link_Padding_Right: 0.375rem;
            --fdNavigation_Link_External_Link_Indicator_Display: flex
        }

        .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link.is-focus .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link.is-hover .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link:focus .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow) > .fd-navigation__link:hover .fd-navigation__text {
            --fdNavigation_Item_Text_Display: inline-block
        }

.fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander > .fd-navigation__link {
    --fdNavigation_Link_Padding_Right: 0
}

    .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander > .fd-navigation__link + .fd-navigation__has-children-indicator {
        --fdNavigation_Controls_Width: 1rem;
        --fdNavigation_Link_Has_Child_Indicator_Icon: "";
        --fdNavigation_Link_Has_Child_Indicator_Pos_Right: 0;
        --fdNavigation_Link_Has_Child_Indicator_Div_Display: none
    }

.fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

    .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover > .fd-navigation__link, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within > .fd-navigation__link, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover > .fd-navigation__link {
        --fdNavigation_Link_Spacing: 0.5rem;
        --fdNavigation_Link_Padding_Right: calc(var(--fdNavigation_Controls_Width) + 1.3125rem)
    }

        .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover > .fd-navigation__link .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within > .fd-navigation__link .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover > .fd-navigation__link .fd-navigation__text {
            --fdNavigation_Item_Text_Display: inline-block
        }

        .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover > .fd-navigation__link + .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within > .fd-navigation__link + .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover > .fd-navigation__link + .fd-navigation__has-children-indicator {
            --fdNavigation_Controls_Width: 2.25rem;
            --fdNavigation_Link_Has_Child_Indicator_Icon: "";
            --fdNavigation_Link_Has_Child_Indicator_Pos_Right: 0.375rem;
            --fdNavigation_Link_Has_Child_Indicator_Div_Display: inline-block
        }

.fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover > .fd-navigation__link, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within > .fd-navigation__link, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover > .fd-navigation__link, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover > .fd-navigation__link, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within > .fd-navigation__link, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover > .fd-navigation__link {
    --fdNavigation_Link_Spacing: 0;
    --fdNavigation_Link_Padding_Right: 0
}

    .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover > .fd-navigation__link .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within > .fd-navigation__link .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover > .fd-navigation__link .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover > .fd-navigation__link .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within > .fd-navigation__link .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover > .fd-navigation__link .fd-navigation__text {
        --fdNavigation_Item_Text_Display: none
    }

    .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover > .fd-navigation__link + .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within > .fd-navigation__link + .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover > .fd-navigation__link + .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover > .fd-navigation__link + .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within > .fd-navigation__link + .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover > .fd-navigation__link + .fd-navigation__has-children-indicator {
        --fdNavigation_Controls_Width: 1rem;
        --fdNavigation_Link_Has_Child_Indicator_Icon: "";
        --fdNavigation_Link_Has_Child_Indicator_Pos_Right: 0;
        --fdNavigation_Link_Has_Child_Indicator_Div_Display: none
    }

.fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link .fd-navigation__has-children-indicator {
    --fdNavigation_Controls_Width: 1rem;
    --fdNavigation_Link_Has_Child_Indicator_Icon: ""
}

.fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link.is-focus, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link.is-hover, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link:focus, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link:hover, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link.is-focus, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link.is-hover, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link:focus, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link:hover {
    --fdNavigation_Link_Padding_Right: 0
}

    .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link:focus:has(.fd-navigation__has-children-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link:hover:has(.fd-navigation__has-children-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link:focus:has(.fd-navigation__has-children-indicator), .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) {
        --fdNavigation_Link_Spacing: 0;
        --fdNavigation_Link_Padding_Right: 0
    }

        .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator {
            --fdNavigation_Controls_Width: 1rem
        }

    .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link.is-focus .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link.is-hover .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link:focus .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded > .fd-navigation__link:hover .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link.is-focus .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link.is-hover .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link:focus .fd-navigation__text, .fd-navigation--snapped .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true] > .fd-navigation__link:hover .fd-navigation__text {
        --fdNavigation_Item_Text_Display: none
    }

.fd-navigation.fd-navigation--vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: var(--sapList_Background);
    border-radius: var(--fdNavigation_Border_Radius);
    -webkit-box-shadow: var(--fdNavigation_Box_Shadow);
    box-shadow: var(--fdNavigation_Box_Shadow);
    height: var(--fdNavigation_Height);
    justify-content: space-between;
    min-width: 16rem;
    padding-block: var(--fdNavigation_Padding_Top) var(--fdNavigation_Padding_Bottom)
}

    .fd-navigation.fd-navigation--vertical.fd-navigation--popup {
        --fdNavigation_Height: auto;
        --fdNavigation_Padding_Top: 0.5rem;
        --fdNavigation_Border_Radius: 0.5rem;
        --fdNavigation_Box_Shadow: var(--sapNavigation_Shadow2)
    }

        .fd-navigation.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--bottom, .fd-navigation.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--top {
            --fdNavigation_Padding_X: 0.5rem
        }

    .fd-navigation.fd-navigation--vertical.fd-navigation--snapped {
        max-width: 4rem;
        min-width: 4rem;
        width: 4rem
    }

.fd-navigation.fd-navigation--horizontal {
    background: var(--sapNavigation_Background);
    height: var(--fdNavigation_Horizontal_Height);
    padding-block: calc((var(--fdNavigation_Horizontal_Height) - var(--fdNavigation_Link_Min_Height))*.5);
    padding-inline: 1.5rem;
    width: 100%
}

    .fd-navigation.fd-navigation--horizontal .fd-navigation__link {
        --fdNavigation_Link_Spacing: 0.5rem;
        --fdNavigation_Link_Padding_Right: 1rem
    }

        .fd-navigation.fd-navigation--horizontal .fd-navigation__link:has(.fd-navigation__has-children-indicator) {
            --fdNavigation_Link_Padding_Right: 0.375rem
        }

    .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] {
        --fdNavigation_Link_Background: var(--fdNavigation_Item_Selected_Background);
        --fdNavigation_Link_Selection_Indicator_Display: inline-block
    }

        .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-focus, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:focus, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-focus, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:focus {
            z-index: 5;
            --fdNavigation_Link_Background: var(--fdNavigation_Item_Selected_Background)
        }

        .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-hover, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:hover, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-hover, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:hover {
            --fdNavigation_Link_Background: var(--fdNavigation_Item_Selected_Background)
        }

        .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-expanded .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected[aria-expanded=true] .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-expanded .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true][aria-expanded=true] .fd-navigation__link {
            --fdNavigation_Link_Selection_Indicator_Display: inline-block;
            --fdNavigation_Link_Background: var(--fdNavigation_Item_Selected_Background)
        }

        .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-hover .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected:hover .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-hover .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]:hover .fd-navigation__link {
            --fdNavigation_Link_Background: var(--sapList_Hover_SelectionBackground)
        }

    .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link.is-hover:before, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:hover:before, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:before, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:before {
        --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color)
    }

    .fd-navigation.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items) {
        --fdNavigation_Item_Spacing: 0.75rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .fd-navigation.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items) .fd-navigation__has-children-indicator {
            --fdNavigation_Link_Has_Child_Indicator_Icon: ""
        }

    .fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--spacer {
        height: .75rem;
        width: 100%
    }

    .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu) {
        --fdPopover_Offset: calc(100% + 0.3875rem);
        background: var(--sapGroup_ContentBackground);
        border: none;
        border-radius: .75rem;
        -webkit-box-shadow: var(--sapMenu_Shadow2);
        box-shadow: var(--sapMenu_Shadow2);
        padding-block: .05rem;
        padding-inline: .05rem
    }

        .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu {
            -webkit-box-shadow: var(--sapMenu_Shadow1);
            box-shadow: var(--sapMenu_Shadow1);
            padding-block: .5rem;
            padding-inline: .5rem;
            position: absolute;
            right: -.5rem;
            top: calc(100% + .3875rem)
        }

            .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu[dir=rtl], [dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu {
                left: -.5rem;
                right: auto
            }

            .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-wrapper {
                padding-block: 0;
                padding-inline: 0
            }

            .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list {
                --fdNavigation_Item_Spacing: 0.25rem;
                -webkit-box-shadow: none;
                box-shadow: none
            }

            .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator, .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator {
                --fdNavigation_Link_Has_Child_Indicator_Icon: ""
            }

[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator, [dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator {
    --fdNavigation_Link_Has_Child_Indicator_Icon: ""
}

.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.fd-navigation__item--overflow .fd-navigation__has-children-indicator {
    display: none
}

.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child) > .fd-navigation__link.is-hover, .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child) > .fd-navigation__link:hover {
    width: 100%
}

    .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child) > .fd-navigation__link.is-hover .fd-navigation__text, .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item > .fd-navigation__item:not(.fd-navigation__item--child) > .fd-navigation__link:hover .fd-navigation__text {
        --fdNavigation_Item_Text_Display: inline-block
    }

.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu {
    -webkit-box-shadow: var(--sapMenu_Shadow1);
    box-shadow: var(--sapMenu_Shadow1);
    left: calc(-100% - .1875rem);
    margin-block: 0;
    margin-inline: 0;
    padding-block: .5rem;
    padding-inline: .5rem;
    top: calc(var(--fdNavigation_Link_Min_Height) - .5rem)
}

    .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu[dir=rtl], [dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu {
        left: auto;
        right: calc(-100% - .1875rem)
    }

.fd-navigation.fd-navigation--horizontal .fd-navigation__list-wrapper {
    padding-block: .7rem;
    padding-inline: .7rem
}

.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link {
    --fdNavigation_Link_Background: var(--sapMenu_Active_Background);
    --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Active);
    --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Active)
}

    .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link.is-focus, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:focus, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link.is-focus, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:focus {
        z-index: 5;
        --fdNavigation_Link_Background: var(--sapMenu_Active_Background);
        --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Active);
        --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Active)
    }

.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true] .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true] .fd-navigation__link {
    --fdNavigation_Link_Selection_Indicator_Display: inline-block;
    --fdNavigation_Link_Background: var(--fdNavigation_Item_Selected_Background);
    --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Selected);
    --fdNavigation_Link_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Selected)
}

.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected.is-hover .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected:hover .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true].is-hover .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true]:hover .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected.is-hover .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected:hover .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true].is-hover .fd-navigation__link, .fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true]:hover .fd-navigation__link {
    --fdNavigation_Link_Background: var(--sapList_Hover_SelectionBackground)
}

.fd-navigation.fd-navigation--horizontal .fd-navigation__item.fd-navigation__item--with-expander .fd-navigation__link {
    --fdNavigation_Link_Padding_Right: calc(1.6875rem + var(--fdNavigation_Controls_Width))
}

.fd-navigation.fd-navigation--horizontal .fd-navigation__item--child:not(.fd-navigation__item--submenu-child) .fd-navigation__link {
    --fdNavigation_Link_Padding_Left: var(--fdNavigation_Link_Shift_Left)
}

.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander {
    border: none;
    margin-block: 0;
    margin-inline: .0625rem;
    outline-offset: -.0625rem;
    -webkit-transition: var(--fdNavigation_Link_Transition);
    transition: var(--fdNavigation_Link_Transition);
    --fdButton_Nested_Border_Radius: var(--fdNavigation_Link_Border_Radius)
}

    .fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:after {
        border-bottom: .0625rem solid var(--fdNavigation_Expander_Border_Color);
        border: .0625rem solid var(--fdNavigation_Expander_Border_Color);
        border-bottom-color: var(--fdNavigation_Expander_Border_Bottom_Color);
        content: "";
        inset: 0 0 0 0;
        position: absolute
    }

    .fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-hover, .fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:hover {
        --fdButton_Nested_Background: var(--sapList_Hover_Background);
        --fdNavigation_Expander_Border_Color: var(--fdNavigation_Link_Border_Color_Hover);
        --fdNavigation_Expander_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Hover)
    }

    .fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active, .fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active {
        --fdButton_Nested_Background: var(--sapList_Active_Background);
        --fdNavigation_Expander_Border_Color: var(--fdNavigation_Link_Border_Color_Active);
        --fdNavigation_Expander_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Active)
    }

        .fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active.is-focus, .fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active:focus, .fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active.is-focus, .fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active:focus {
            z-index: 5;
            --fdNavigation_Expander_Border_Color: var(--fdNavigation_Link_Border_Color_Active);
            --fdNavigation_Expander_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Active)
        }

        .fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active:focus {
            --fdButton_Nested_Border_Radius: var(--fdNavigation_Link_Border_Radius)
        }

.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander.is-expanded .fd-navigation__expander, .fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander[aria-expanded=true] .fd-navigation__expander {
    --fdButton_Nested_Background: var(--fdNavigation_Item_Selected_Background);
    --fdNavigation_Link_Border_Color: var(--fdNavigation_Link_Border_Color_Selected);
    --fdNavigation_Expander_Border_Color: var(--fdNavigation_Link_Border_Color_Selected);
    --fdNavigation_Expander_Border_Bottom_Color: var(--fdNavigation_Link_Border_Color_Selected)
}

.fd-navigation.fd-navigation--horizontal .fd-navigation__list {
    --fdNavigation_Item_Spacing: 0.5rem
}

.fd-navigation[class*=-compact], [class*=-compact] .fd-navigation:not([class*=-cozy]) {
    --fdNavigation_Link_Min_Height: 2rem;
    --fdNavigation_Controls_Width: 2rem;
    --fdNavigation_Controls_Height: 1.5625rem
}

.fd-notification {
    --fdNotification_Content_Gap: 0.75rem;
    --fdNotification_Actions_Offset: -0.25rem;
    --fdNotification_Title_Font_Weight: normal;
    --fdNotification_Title_Line_Height: 1.25rem;
    --fdNotification_Title_One_Button_Offset: 2rem;
    --fdNotification_Title_Two_Buttons_Offset: 4.375rem;
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    --fdNotification_Background: var(--sapList_Background);
    --fdNotification_Title_Color: var(--sapList_TextColor);
    --fdNotification_Paragraph_Color: var(--sapList_TextColor);
    --fdNotification_Separator_Color: var(--sapContent_LabelColor);
    --fdNotification_Footer_Content_Color: var(--sapContent_LabelColor);
    --fdNotification_Border_Block_End_Color: var(--sapList_BorderColor);
    --fdNotification_Border_Block_Start_Color: var(--fdNotification_Border_Top_Color);
    --fdNotification_Border_Inline_Color: var(--fdNotification_Border_Left_Right_Color);
    background: var(--fdNotification_Background);
    border-block-end-color: var(--fdNotification_Border_Block_End_Color);
    border-block-start-color: var(--fdNotification_Border_Block_Start_Color);
    border-inline-color: var(--fdNotification_Border_Inline_Color);
    border-radius: var(--fdNotification_Border_Radius);
    border-style: solid;
    border-width: var(--sapList_BorderWidth);
    cursor: pointer
}

    .fd-notification:after, .fd-notification:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-notification.is-hover, .fd-notification:hover {
        --fdNotification_Background: var(--fdNotification_Background_Hover)
    }

    .fd-notification.is-active, .fd-notification:active {
        --fdNotification_Background: var(--fdNotification_Background_Active);
        --fdNotification_Title_Color: var(--fdNotification_Title_Color_Active);
        --fdNotification_Paragraph_Color: var(--fdNotification_Paragraph_Color_Active);
        --fdNotification_Footer_Content_Color: var(--fdNotification_Footer_Content_Color_Active);
        --fdNotification_Separator_Color: var(--fdNotification_Separator_Color_Active);
        --fdNotification_Border_Inline_Color: var(--fdNotification_Border_Inline_Color_Active);
        --fdNotification_Border_Block_Start_Color: var(--fdNotification_Border_Block_Start_Color_Active);
        --fdNotification_Border_Block_End_Color: var(--fdNotification_Border_Block_End_Color_Active)
    }

    .fd-notification.is-selected, .fd-notification[aria-selected=true] {
        --fdNotification_Background: var(--fdNotification_Background_Selected);
        --fdNotification_Border_Inline_Color: var(--fdNotification_Border_Left_Right_Color_Selected);
        --fdNotification_Border_Block_Start_Color: var(--fdNotification_Border_Top_Color_Selected);
        --fdNotification_Border_Block_End_Color: var(--fdNotification_Border_Block_End_Color_Selected)
    }

        .fd-notification.is-selected.is-hover, .fd-notification.is-selected:hover, .fd-notification[aria-selected=true].is-hover, .fd-notification[aria-selected=true]:hover {
            --fdNotification_Background: var(--fdNotification_Background_Selected_Hover)
        }

    .fd-notification.is-focus, .fd-notification:focus {
        outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
        outline-offset: -.25rem;
        z-index: 5
    }

    .fd-notification:has(.fd-notification__actions):has(button) .fd-notification__title {
        -webkit-padding-end: var(--fdNotification_Title_One_Button_Offset);
        padding-inline-end: var(--fdNotification_Title_One_Button_Offset)
    }

    .fd-notification:has(.fd-notification__actions):has(button+button) .fd-notification__title {
        -webkit-padding-end: var(--fdNotification_Title_Two_Buttons_Offset);
        padding-inline-end: var(--fdNotification_Title_Two_Buttons_Offset)
    }

.fd-notification__body {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    padding-block: 1rem;
    padding-inline: 1rem;
    position: relative
}

    .fd-notification__body:after, .fd-notification__body:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification__content {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--fdNotification_Content_Gap);
    width: 100%
}

    .fd-notification__content:after, .fd-notification__content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification__header {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .25rem;
    width: 100%
}

    .fd-notification__header:after, .fd-notification__header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-notification__header > [class*=sap-icon] {
        -webkit-padding-before: .125rem;
        padding-block-start: .125rem
    }

.fd-notification__actions {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .125rem;
    padding-block: .5rem 0;
    padding-inline: .25rem .5rem;
    position: absolute;
    top: 0
}

    .fd-notification__actions:after, .fd-notification__actions:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-notification__actions[dir=rtl], [dir=rtl] .fd-notification__actions {
        left: 0;
        right: auto
    }

.fd-notification__title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: -webkit-box;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-flex: 1;
    color: var(--sapList_TextColor);
    -ms-flex: 1;
    flex: 1;
    font-size: var(--sapFontHeader6Size);
    font-weight: var(--fdNotification_Title_Font_Weight);
    line-height: var(--fdNotification_Title_Line_Height);
    max-height: calc(var(--fdNotification_Title_Line_Height)*2)
}

    .fd-notification__title:after, .fd-notification__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification__title--unread {
    --fdNotification_Title_Font_Weight: bold
}

.fd-notification__paragraph {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: -webkit-box;
    font-family: var(--sapFontFamily);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--sapList_TextColor);
    font-size: var(--sapFontSize);
    max-height: 2.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

    .fd-notification__paragraph:after, .fd-notification__paragraph:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification__footer {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .fd-notification__footer:after, .fd-notification__footer:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification__footer-content {
    color: var(--sapContent_LabelColor);
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-notification__footer-content:only-child {
        max-width: 100%
    }

.fd-notification__separator {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    margin-inline: .5rem;
    padding-block: 0;
    padding-inline: 0
}

    .fd-notification__separator:after, .fd-notification__separator:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-notification__separator:before {
        content: "·"
    }

.fd-notification__message-strip-container {
    padding-block: 1rem 0;
    padding-inline: 1rem .5rem
}

    .fd-notification__message-strip-container:empty {
        padding-block: 0;
        padding-inline: 0
    }

    .fd-notification__message-strip-container:has(.fd-has-display-none) {
        padding-block: 0;
        padding-inline: 0
    }

.fd-notification .fd-notification__link {
    -webkit-margin-start: 1rem;
    margin-inline-start: 1rem
}

.fd-notification-message-strip {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: .5rem;
    padding-inline: 0;
    padding-inline: .5rem
}

    .fd-notification-message-strip:after, .fd-notification-message-strip:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification-list {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    list-style: none;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-notification-list:after, .fd-notification-list:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification-group {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    list-style: none;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-notification-group:after, .fd-notification-group:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification-group__wrapper {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-notification-group__wrapper:after, .fd-notification-group__wrapper:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification-group__header {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--sapList_GroupHeaderBackground);
    cursor: pointer;
    gap: .75rem;
    height: var(--sapElement_LineHeight);
    margin-block: var(--fdNotification_Group_Header_Margin_Block);
    padding-inline: .5rem;
    -webkit-border-after: var(--sapList_BorderWidth) solid var(--fdNotification_Group_Header_Border_Bottom_Color);
    border-block-end: var(--sapList_BorderWidth) solid var(--fdNotification_Group_Header_Border_Bottom_Color)
}

    .fd-notification-group__header:after, .fd-notification-group__header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-notification-group__header.is-focus, .fd-notification-group__header:focus {
        outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
        outline-offset: -.25rem;
        z-index: 5
    }

.fd-notification-group__header-arrow {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    margin-inline: .5rem
}

    .fd-notification-group__header-arrow:after, .fd-notification-group__header-arrow:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-notification-group__header-arrow [class*=sap-icon] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--sapContent_IconColor);
        height: 1rem;
        max-height: 1rem;
        max-width: 1rem;
        min-height: 1rem;
        min-width: 1rem;
        width: 1rem
    }

.fd-notification-group__header-title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdNotification_Group_Header_Title_Color);
    font-family: var(--sapFontFamily);
    font-family: var(--sapFontHeaderFamily);
    font-size: var(--sapFontSize);
    font-size: var(--fdNotification_Group_Header_Title_Font_Size);
    font-weight: 400;
    font-weight: var(--fdNotification_Group_Header_Title_Font_Weight);
    forced-color-adjust: none;
    line-height: normal;
    line-height: 2rem;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-notification-group__header-title:after, .fd-notification-group__header-title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification-group__list {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--fdNotification_Group_List_Gap);
    list-style: none;
    margin-block: var(--fdNotification_Group_List_Margin_Block);
    margin-inline: var(--fdNotification_Group_List_Margin_Inline)
}

    .fd-notification-group__list:after, .fd-notification-group__list:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification-group__growing-item {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    --fdNotification_Background: var(--sapList_Background);
    --fdNotification_Title_Color: var(--sapList_TextColor);
    --fdNotification_Paragraph_Color: var(--sapList_TextColor);
    --fdNotification_Separator_Color: var(--sapContent_LabelColor);
    --fdNotification_Footer_Content_Color: var(--sapContent_LabelColor);
    --fdNotification_Border_Block_End_Color: var(--sapList_BorderColor);
    --fdNotification_Border_Block_Start_Color: var(--fdNotification_Border_Top_Color);
    --fdNotification_Border_Inline_Color: var(--fdNotification_Border_Left_Right_Color);
    background: var(--fdNotification_Background);
    border-block-end-color: var(--fdNotification_Border_Block_End_Color);
    border-block-start-color: var(--fdNotification_Border_Block_Start_Color);
    border-inline-color: var(--fdNotification_Border_Inline_Color);
    border-radius: var(--fdNotification_Border_Radius);
    border-style: solid;
    border-width: var(--sapList_BorderWidth);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-inline: var(--fdNotification_Growing_Item_Margin_Inline);
    padding-block: 1rem;
    padding-inline: 1rem;
    -webkit-margin-after: var(--fdNotification_Growing_Item_Margin_Block_End);
    margin-block-end: var(--fdNotification_Growing_Item_Margin_Block_End)
}

    .fd-notification-group__growing-item:after, .fd-notification-group__growing-item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-notification-group__growing-item.is-hover, .fd-notification-group__growing-item:hover {
        --fdNotification_Background: var(--fdNotification_Background_Hover)
    }

    .fd-notification-group__growing-item.is-active, .fd-notification-group__growing-item:active {
        --fdNotification_Background: var(--fdNotification_Background_Active);
        --fdNotification_Title_Color: var(--fdNotification_Title_Color_Active);
        --fdNotification_Paragraph_Color: var(--fdNotification_Paragraph_Color_Active);
        --fdNotification_Footer_Content_Color: var(--fdNotification_Footer_Content_Color_Active);
        --fdNotification_Separator_Color: var(--fdNotification_Separator_Color_Active);
        --fdNotification_Border_Inline_Color: var(--fdNotification_Border_Inline_Color_Active);
        --fdNotification_Border_Block_Start_Color: var(--fdNotification_Border_Block_Start_Color_Active);
        --fdNotification_Border_Block_End_Color: var(--fdNotification_Border_Block_End_Color_Active)
    }

    .fd-notification-group__growing-item.is-selected, .fd-notification-group__growing-item[aria-selected=true] {
        --fdNotification_Background: var(--fdNotification_Background_Selected);
        --fdNotification_Border_Inline_Color: var(--fdNotification_Border_Left_Right_Color_Selected);
        --fdNotification_Border_Block_Start_Color: var(--fdNotification_Border_Top_Color_Selected);
        --fdNotification_Border_Block_End_Color: var(--fdNotification_Border_Block_End_Color_Selected)
    }

        .fd-notification-group__growing-item.is-selected.is-hover, .fd-notification-group__growing-item.is-selected:hover, .fd-notification-group__growing-item[aria-selected=true].is-hover, .fd-notification-group__growing-item[aria-selected=true]:hover {
            --fdNotification_Background: var(--fdNotification_Background_Selected_Hover)
        }

    .fd-notification-group__growing-item.is-focus, .fd-notification-group__growing-item:focus {
        outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
        outline-offset: -.25rem;
        z-index: 5
    }

.fd-notification-group__growing-item-title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdNotification_Growing_Item_Title_Color);
    font-family: var(--sapFontFamily);
    font-family: var(--fdNotification_Growing_Item_Title_Font_Family);
    font-size: var(--sapFontSize);
    font-size: var(--fdNotification_Growing_Item_Title_Font_Size);
    font-weight: 400;
    font-weight: var(--fdNotification_Growing_Item_Title_Font_Weight);
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-notification-group__growing-item-title:after, .fd-notification-group__growing-item-title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification-group__growing-item-subtitle {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-notification-group__growing-item-subtitle:after, .fd-notification-group__growing-item-subtitle:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-notification-popover {
    --fdNotification_Popover_Width: 27rem;
    --fdNotification_Popover_Max_Width: 27rem;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-height: 40rem;
    max-width: var(--fdNotification_Popover_Max_Width);
    overflow-y: scroll;
    padding-block: 0;
    padding-inline: 0;
    width: var(--fdNotification_Popover_Width)
}

    .fd-notification-popover:after, .fd-notification-popover:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

@media (width <= 599px) {
    .fd-notification-popover {
        --fdNotification_Popover_Width: auto;
        --fdNotification_Popover_Max_Width: 25rem
    }
}

.fd-notification-banner {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    top: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    -webkit-margin-end: 2rem;
    margin-inline-end: 2rem;
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem;
    max-width: var(--fdNotification_Popover_Max_Width,26rem)
}

    .fd-notification-banner:after, .fd-notification-banner:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-notification-banner[dir=rtl], [dir=rtl] .fd-notification-banner {
        left: 0;
        right: auto
    }

    .fd-notification-banner .fd-notification {
        -webkit-box-shadow: var(--sapContent_Shadow2);
        box-shadow: var(--sapContent_Shadow2);
        width: 100%
    }

@media (width <= 599px) {
    .fd-notification-banner .fd-notification {
        --fdNotification_Popover_Max_Width: 24rem
    }
}

.fd-notification[class*=-compact], [class*=-compact] .fd-notification:not([class*=-cozy]) {
    --fdNotification_Content_Gap: 0.5rem;
    --fdNotification_Title_Offset: 4rem;
    --fdNotification_Title_One_Button_Offset: 2.75rem;
    --fdNotification_Title_Two_Buttons_Offset: 4.875rem
}

.fd-numeric-content {
    border: 0;
    -webkit-box-sizing: border-box;
    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: 3rem;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    width: 100%
}

    .fd-numeric-content:after, .fd-numeric-content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-numeric-content__kpi-container, .fd-numeric-content__launch-icon-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
    -webkit-padding-before: .125rem;
    padding-block-start: .125rem;
    -webkit-margin-end: .375rem;
    margin-inline-end: .375rem
}

    .fd-numeric-content__kpi-container:after, .fd-numeric-content__kpi-container:before, .fd-numeric-content__launch-icon-container:after, .fd-numeric-content__launch-icon-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-numeric-content__kpi-container:first-child:last-child, .fd-numeric-content__launch-icon-container:first-child:last-child {
        margin-block: 0;
        margin-inline: 0
    }

.fd-numeric-content__launch-icon-container {
    max-width: 1.75rem;
    min-width: 1.75rem;
    width: 1.75rem
}

.fd-numeric-content__scale-container {
    border: 0;
    -webkit-box-sizing: border-box;
    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: 100%;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-block: .5rem .375rem;
    padding-inline: 0
}

    .fd-numeric-content__scale-container:after, .fd-numeric-content__scale-container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-numeric-content__scale-container:first-child:last-child {
        margin-block: 0;
        margin-inline: 0
    }

.fd-numeric-content__launch-icon [class*=sap-icon], .fd-numeric-content__launch-icon[class*=sap-icon] {
    background: inherit;
    border-radius: inherit;
    color: inherit;
    color: var(--sapTile_IconColor);
    font-size: inherit;
    font-size: 1.75rem;
    line-height: 1;
    line-height: normal
}

.fd-numeric-content__kpi {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapNeutralTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: 2.25rem;
    font-weight: 400;
    font-weight: lighter;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-numeric-content__kpi:after, .fd-numeric-content__kpi:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-numeric-content__kpi--positive {
    color: var(--sapPositiveTextColor)
}

.fd-numeric-content__kpi--critical {
    color: var(--sapCriticalTextColor)
}

.fd-numeric-content__kpi--negative {
    color: var(--sapNegativeTextColor)
}

.fd-numeric-content__kpi--informative {
    color: var(--sapInformativeTextColor)
}

.fd-numeric-content__scale {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .fd-numeric-content__scale:after, .fd-numeric-content__scale:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-numeric-content__scale-arrow [class*=sap-icon], .fd-numeric-content__scale-arrow[class*=sap-icon] {
    background: inherit;
    border-radius: inherit;
    color: inherit;
    color: var(--sapNeutralTextColor);
    font-size: inherit;
    font-size: .875rem;
    line-height: 1;
    line-height: normal
}

.fd-numeric-content__scale-text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapNeutralTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: .875rem;
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-numeric-content__scale-text:after, .fd-numeric-content__scale-text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon], .fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon], .fd-numeric-content__scale--positive .fd-numeric-content__scale-text {
    color: var(--sapPositiveTextColor)
}

.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon], .fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon], .fd-numeric-content__scale--critical .fd-numeric-content__scale-text {
    color: var(--sapCriticalTextColor)
}

.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon], .fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon], .fd-numeric-content__scale--negative .fd-numeric-content__scale-text {
    color: var(--sapNegativeTextColor)
}

.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon], .fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon], .fd-numeric-content__scale--informative .fd-numeric-content__scale-text {
    color: var(--sapInformativeTextColor)
}

.fd-numeric-content--m {
    height: 2.5rem
}

    .fd-numeric-content--m .fd-numeric-content__kpi-container, .fd-numeric-content--m .fd-numeric-content__launch-icon-container {
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

    .fd-numeric-content--m .fd-numeric-content__launch-icon-container {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .fd-numeric-content--m .fd-numeric-content__scale-container {
        padding-block: .375rem .188rem
    }

    .fd-numeric-content--m .fd-numeric-content__kpi {
        font-size: 2rem
    }

.fd-numeric-content--s {
    height: 2.25rem
}

    .fd-numeric-content--s .fd-numeric-content__kpi-container, .fd-numeric-content--s .fd-numeric-content__launch-icon-container {
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

    .fd-numeric-content--s .fd-numeric-content__scale-container {
        padding-block: 0 .313rem
    }

    .fd-numeric-content--s .fd-numeric-content__kpi {
        font-size: 1.75rem
    }

.fd-numeric-content--small-tile {
    height: 2.375rem
}

    .fd-numeric-content--small-tile .fd-numeric-content__kpi-container, .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container {
        -webkit-padding-before: .5rem;
        padding-block-start: .5rem;
        -webkit-margin-end: .375rem;
        margin-inline-end: .375rem
    }

    .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container {
        max-width: 1.5rem;
        min-width: 1.5rem;
        width: 1.5rem
    }

    .fd-numeric-content--small-tile .fd-numeric-content__scale-container {
        padding-block: .25rem
    }

    .fd-numeric-content--small-tile .fd-numeric-content__kpi, .fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon], .fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon] {
        font-size: 1.5rem
    }

        .fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl], [dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi {
            direction: ltr;
            text-align: right
        }

    .fd-numeric-content--small-tile.fd-numeric-content--m {
        height: 2.375rem
    }

        .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container, .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container {
            -webkit-padding-before: .5rem;
            padding-block-start: .5rem;
            -webkit-margin-end: .375rem;
            margin-inline-end: .375rem
        }

        .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container {
            max-width: 1.5rem;
            min-width: 1.5rem;
            width: 1.5rem
        }

        .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container {
            padding-block: .25rem
        }

        .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi, .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon], .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon] {
            font-size: 1.5rem
        }

            .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl], [dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi {
                direction: ltr;
                text-align: right
            }

        .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end
        }

    .fd-numeric-content--small-tile.fd-numeric-content--s {
        height: 2.375rem
    }

        .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container, .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container {
            -webkit-padding-before: .5rem;
            padding-block-start: .5rem;
            -webkit-margin-end: .375rem;
            margin-inline-end: .375rem
        }

        .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container {
            max-width: 1.5rem;
            min-width: 1.5rem;
            width: 1.5rem
        }

        .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container {
            padding-block: .25rem
        }

        .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi, .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon], .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon] {
            font-size: 1.5rem
        }

            .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl], [dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi {
                direction: ltr;
                text-align: right
            }

        .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container {
            -webkit-padding-before: 0;
            padding-block-start: 0
        }

.fd-object-attribute {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    display: block;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-object-attribute:after, .fd-object-attribute:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-attribute--link {
    color: var(--sapLinkColor);
    cursor: pointer;
    text-decoration: none
}

    .fd-object-attribute--link:visited {
        color: var(--sapLink_Visited_Color)
    }

    .fd-object-attribute--link.is-hover, .fd-object-attribute--link:hover {
        color: var(--sapLink_Hover_Color);
        text-decoration: underline
    }

    .fd-object-attribute--link.is-focus, .fd-object-attribute--link:focus {
        outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
        outline-offset: -.0625rem;
        z-index: 5
    }

    .fd-object-attribute--link.is-disabled, .fd-object-attribute--link:disabled, .fd-object-attribute--link[aria-disabled=true] {
        opacity: var(--sapContent_DisabledOpacity);
        pointer-events: none
    }

.fd-object-identifier .fd-object-identifier__link {
    font-size: inherit;
    font-weight: inherit
}

.fd-object-identifier__title {
    border: 0;
    -webkit-box-sizing: border-box;
    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: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-object-identifier__title:after, .fd-object-identifier__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-identifier__title--bold {
    font-weight: 700
}

.fd-object-identifier__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    margin-top: .5rem;
    padding-block: 0;
    padding-inline: 0
}

    .fd-object-identifier__text:after, .fd-object-identifier__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-list, .fd-object-identifier--medium .fd-object-identifier__title {
    font-size: var(--sapFontSize)
}

.fd-list {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    list-style: none;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    position: relative;
    width: 100%
}

    .fd-list:after, .fd-list:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-list__footer, .fd-list__group-header, .fd-list__item {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-block: 0;
    padding-inline: .9375rem
}

    .fd-list__footer:after, .fd-list__footer:before, .fd-list__group-header:after, .fd-list__group-header:before, .fd-list__item:after, .fd-list__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-list__item {
    background: var(--fdList_Item_Background_Color);
    border-bottom: var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);
    height: var(--fdList_Item_Height);
    position: relative
}

    .fd-list__item.is-focus, .fd-list__item:focus {
        outline: none;
        pointer-events: all
    }

        .fd-list__item.is-focus:before, .fd-list__item:focus:before {
            border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
            content: "";
            display: block;
            inset: .125rem;
            bottom: .0625rem;
            pointer-events: none;
            position: absolute
        }

        .fd-list__item.is-focus.is-active:before, .fd-list__item.is-focus:active:before, .fd-list__item:focus.is-active:before, .fd-list__item:focus:active:before {
            border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)
        }

    .fd-list__item .fd-avatar:first-child {
        -webkit-margin-end: .75rem;
        margin-inline-end: .75rem
    }

.fd-list__item--unread .fd-list__title {
    font-weight: 700
}

.fd-list__item--no-data .fd-list__title {
    text-align: center
}

.fd-list__item--interactive, .fd-list__item--interractive {
    cursor: pointer
}

    .fd-list__item--interactive.is-hover, .fd-list__item--interactive:hover, .fd-list__item--interractive.is-hover, .fd-list__item--interractive:hover {
        --fdList_Item_Background_Color: var(--sapList_Hover_Background);
        --fdList_Item_Text_Color: var(--sapList_TextColor);
        --fdList_Item_Border_Color: var(--sapList_BorderColor)
    }

    .fd-list__item--interactive.is-selected, .fd-list__item--interactive[aria-selected=true], .fd-list__item--interractive.is-selected, .fd-list__item--interractive[aria-selected=true] {
        --fdList_Item_Background_Color: var(--sapList_SelectionBackgroundColor);
        --fdList_Item_Text_Color: var(--sapList_TextColor);
        --fdList_Item_Border_Color: var(--sapList_SelectionBorderColor)
    }

        .fd-list__item--interactive.is-selected .fd-list__link, .fd-list__item--interactive[aria-selected=true] .fd-list__link, .fd-list__item--interractive.is-selected .fd-list__link, .fd-list__item--interractive[aria-selected=true] .fd-list__link {
            background: inherit
        }

            .fd-list__item--interactive.is-selected .fd-list__link.is-active, .fd-list__item--interactive.is-selected .fd-list__link:active, .fd-list__item--interactive[aria-selected=true] .fd-list__link.is-active, .fd-list__item--interactive[aria-selected=true] .fd-list__link:active, .fd-list__item--interractive.is-selected .fd-list__link.is-active, .fd-list__item--interractive.is-selected .fd-list__link:active, .fd-list__item--interractive[aria-selected=true] .fd-list__link.is-active, .fd-list__item--interractive[aria-selected=true] .fd-list__link:active {
                --fdList_Item_Background_Color: var(--sapList_Active_Background)
            }

        .fd-list__item--interactive.is-selected.is-hover, .fd-list__item--interactive.is-selected:hover, .fd-list__item--interactive[aria-selected=true].is-hover, .fd-list__item--interactive[aria-selected=true]:hover, .fd-list__item--interractive.is-selected.is-hover, .fd-list__item--interractive.is-selected:hover, .fd-list__item--interractive[aria-selected=true].is-hover, .fd-list__item--interractive[aria-selected=true]:hover {
            --fdList_Item_Background_Color: var(--sapList_Hover_SelectionBackground)
        }

    .fd-list__item--interactive.is-active, .fd-list__item--interactive.is-active.is-hover, .fd-list__item--interactive.is-active.is-selected, .fd-list__item--interactive.is-active.is-selected.is-hover, .fd-list__item--interactive.is-active.is-selected:hover, .fd-list__item--interactive.is-active:hover, .fd-list__item--interactive.is-active[aria-selected=true], .fd-list__item--interactive.is-active[aria-selected=true].is-hover, .fd-list__item--interactive.is-active[aria-selected=true]:hover, .fd-list__item--interactive:active, .fd-list__item--interactive:active.is-hover, .fd-list__item--interactive:active.is-selected, .fd-list__item--interactive:active.is-selected.is-hover, .fd-list__item--interactive:active.is-selected:hover, .fd-list__item--interactive:active:hover, .fd-list__item--interactive:active[aria-selected=true], .fd-list__item--interactive:active[aria-selected=true].is-hover, .fd-list__item--interactive:active[aria-selected=true]:hover, .fd-list__item--interractive.is-active, .fd-list__item--interractive.is-active.is-hover, .fd-list__item--interractive.is-active.is-selected, .fd-list__item--interractive.is-active.is-selected.is-hover, .fd-list__item--interractive.is-active.is-selected:hover, .fd-list__item--interractive.is-active:hover, .fd-list__item--interractive.is-active[aria-selected=true], .fd-list__item--interractive.is-active[aria-selected=true].is-hover, .fd-list__item--interractive.is-active[aria-selected=true]:hover, .fd-list__item--interractive:active, .fd-list__item--interractive:active.is-hover, .fd-list__item--interractive:active.is-selected, .fd-list__item--interractive:active.is-selected.is-hover, .fd-list__item--interractive:active.is-selected:hover, .fd-list__item--interractive:active:hover, .fd-list__item--interractive:active[aria-selected=true], .fd-list__item--interractive:active[aria-selected=true].is-hover, .fd-list__item--interractive:active[aria-selected=true]:hover {
        --fdList_Item_Background_Color: var(--sapList_Active_Background);
        --fdList_Item_Text_Color: var(--sapList_Active_TextColor);
        --fdList_Item_Border_Color: var(--sapList_Active_Background)
    }

        .fd-list__item--interactive.is-active, .fd-list__item--interactive.is-active .fd-list__byline, .fd-list__item--interactive.is-active .fd-list__byline-left, .fd-list__item--interactive.is-active .fd-list__byline-right, .fd-list__item--interactive.is-active .fd-list__byline-right--critical, .fd-list__item--interactive.is-active .fd-list__byline-right--informative, .fd-list__item--interactive.is-active .fd-list__byline-right--negative, .fd-list__item--interactive.is-active .fd-list__byline-right--neutral, .fd-list__item--interactive.is-active .fd-list__byline-right--positive, .fd-list__item--interactive.is-active .fd-list__content, .fd-list__item--interactive.is-active .fd-list__icon, .fd-list__item--interactive.is-active .fd-list__secondary, .fd-list__item--interactive.is-active .fd-list__thumbnail, .fd-list__item--interactive.is-active .fd-list__title, .fd-list__item--interactive.is-active.fd-list__link--navigation-indicator:after, .fd-list__item--interactive:active, .fd-list__item--interactive:active .fd-list__byline, .fd-list__item--interactive:active .fd-list__byline-left, .fd-list__item--interactive:active .fd-list__byline-right, .fd-list__item--interactive:active .fd-list__byline-right--critical, .fd-list__item--interactive:active .fd-list__byline-right--informative, .fd-list__item--interactive:active .fd-list__byline-right--negative, .fd-list__item--interactive:active .fd-list__byline-right--neutral, .fd-list__item--interactive:active .fd-list__byline-right--positive, .fd-list__item--interactive:active .fd-list__content, .fd-list__item--interactive:active .fd-list__icon, .fd-list__item--interactive:active .fd-list__secondary, .fd-list__item--interactive:active .fd-list__thumbnail, .fd-list__item--interactive:active .fd-list__title, .fd-list__item--interactive:active.fd-list__link--navigation-indicator:after, .fd-list__item--interractive.is-active, .fd-list__item--interractive.is-active .fd-list__byline, .fd-list__item--interractive.is-active .fd-list__byline-left, .fd-list__item--interractive.is-active .fd-list__byline-right, .fd-list__item--interractive.is-active .fd-list__byline-right--critical, .fd-list__item--interractive.is-active .fd-list__byline-right--informative, .fd-list__item--interractive.is-active .fd-list__byline-right--negative, .fd-list__item--interractive.is-active .fd-list__byline-right--neutral, .fd-list__item--interractive.is-active .fd-list__byline-right--positive, .fd-list__item--interractive.is-active .fd-list__content, .fd-list__item--interractive.is-active .fd-list__icon, .fd-list__item--interractive.is-active .fd-list__secondary, .fd-list__item--interractive.is-active .fd-list__thumbnail, .fd-list__item--interractive.is-active .fd-list__title, .fd-list__item--interractive.is-active.fd-list__link--navigation-indicator:after, .fd-list__item--interractive:active, .fd-list__item--interractive:active .fd-list__byline, .fd-list__item--interractive:active .fd-list__byline-left, .fd-list__item--interractive:active .fd-list__byline-right, .fd-list__item--interractive:active .fd-list__byline-right--critical, .fd-list__item--interractive:active .fd-list__byline-right--informative, .fd-list__item--interractive:active .fd-list__byline-right--negative, .fd-list__item--interractive:active .fd-list__byline-right--neutral, .fd-list__item--interractive:active .fd-list__byline-right--positive, .fd-list__item--interractive:active .fd-list__content, .fd-list__item--interractive:active .fd-list__icon, .fd-list__item--interractive:active .fd-list__secondary, .fd-list__item--interractive:active .fd-list__thumbnail, .fd-list__item--interractive:active .fd-list__title, .fd-list__item--interractive:active.fd-list__link--navigation-indicator:after {
            text-shadow: none
        }

.fd-list__item--action {
    border-bottom: var(--fdList_Item_Action_Border);
    font-size: var(--sapFontSize);
    padding-block: 0;
    padding-inline: 0;
    text-align: center;
    --fdList_Item_Height: var(--sapElement_LineHeight)
}

    .fd-list__item--action:first-child {
        border-top: var(--fdList_Item_Action_Border)
    }

    .fd-list__item--action .fd-list__title {
        background: transparent;
        border: var(--fdList_Item_Action_Button_Border);
        border-radius: var(--fdList_Item_Action_Button_Border_Radius);
        color: var(--sapButton_TextColor);
        cursor: pointer;
        height: var(--fdList_Item_Action_Button_Size);
        margin-block: var(--fdList_Item_Action_Button_Spacing);
        margin-inline: var(--fdList_Item_Action_Button_Spacing);
        padding-block: 0;
        padding-inline: .9375rem;
        pointer-events: all;
        width: 100%
    }

        .fd-list__item--action .fd-list__title.is-hover, .fd-list__item--action .fd-list__title:hover {
            --fdList_Item_Background_Color: var(--sapList_Hover_Background);
            --fdList_Item_Text_Color: var(--sapList_TextColor);
            --fdList_Item_Border_Color: var(--sapList_BorderColor)
        }

        .fd-list__item--action .fd-list__title.is-selected, .fd-list__item--action .fd-list__title[aria-selected=true] {
            --fdList_Item_Background_Color: var(--sapList_SelectionBackgroundColor);
            --fdList_Item_Text_Color: var(--sapList_TextColor);
            --fdList_Item_Border_Color: var(--sapList_SelectionBorderColor)
        }

            .fd-list__item--action .fd-list__title.is-selected .fd-list__link, .fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link {
                background: inherit
            }

                .fd-list__item--action .fd-list__title.is-selected .fd-list__link.is-active, .fd-list__item--action .fd-list__title.is-selected .fd-list__link:active, .fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link.is-active, .fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link:active {
                    --fdList_Item_Background_Color: var(--sapList_Active_Background)
                }

            .fd-list__item--action .fd-list__title.is-selected.is-hover, .fd-list__item--action .fd-list__title.is-selected:hover, .fd-list__item--action .fd-list__title[aria-selected=true].is-hover, .fd-list__item--action .fd-list__title[aria-selected=true]:hover {
                --fdList_Item_Background_Color: var(--sapList_Hover_SelectionBackground)
            }

        .fd-list__item--action .fd-list__title.is-active, .fd-list__item--action .fd-list__title.is-active.is-hover, .fd-list__item--action .fd-list__title.is-active.is-selected, .fd-list__item--action .fd-list__title.is-active.is-selected.is-hover, .fd-list__item--action .fd-list__title.is-active.is-selected:hover, .fd-list__item--action .fd-list__title.is-active:hover, .fd-list__item--action .fd-list__title.is-active[aria-selected=true], .fd-list__item--action .fd-list__title.is-active[aria-selected=true].is-hover, .fd-list__item--action .fd-list__title.is-active[aria-selected=true]:hover, .fd-list__item--action .fd-list__title:active, .fd-list__item--action .fd-list__title:active.is-hover, .fd-list__item--action .fd-list__title:active.is-selected, .fd-list__item--action .fd-list__title:active.is-selected.is-hover, .fd-list__item--action .fd-list__title:active.is-selected:hover, .fd-list__item--action .fd-list__title:active:hover, .fd-list__item--action .fd-list__title:active[aria-selected=true], .fd-list__item--action .fd-list__title:active[aria-selected=true].is-hover, .fd-list__item--action .fd-list__title:active[aria-selected=true]:hover {
            --fdList_Item_Background_Color: var(--sapList_Active_Background);
            --fdList_Item_Text_Color: var(--sapList_Active_TextColor);
            --fdList_Item_Border_Color: var(--sapList_Active_Background)
        }

            .fd-list__item--action .fd-list__title.is-active, .fd-list__item--action .fd-list__title.is-active .fd-list__byline, .fd-list__item--action .fd-list__title.is-active .fd-list__byline-left, .fd-list__item--action .fd-list__title.is-active .fd-list__byline-right, .fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--critical, .fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--informative, .fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--negative, .fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--neutral, .fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--positive, .fd-list__item--action .fd-list__title.is-active .fd-list__content, .fd-list__item--action .fd-list__title.is-active .fd-list__icon, .fd-list__item--action .fd-list__title.is-active .fd-list__secondary, .fd-list__item--action .fd-list__title.is-active .fd-list__thumbnail, .fd-list__item--action .fd-list__title.is-active .fd-list__title, .fd-list__item--action .fd-list__title.is-active.fd-list__link--navigation-indicator:after, .fd-list__item--action .fd-list__title:active, .fd-list__item--action .fd-list__title:active .fd-list__byline, .fd-list__item--action .fd-list__title:active .fd-list__byline-left, .fd-list__item--action .fd-list__title:active .fd-list__byline-right, .fd-list__item--action .fd-list__title:active .fd-list__byline-right--critical, .fd-list__item--action .fd-list__title:active .fd-list__byline-right--informative, .fd-list__item--action .fd-list__title:active .fd-list__byline-right--negative, .fd-list__item--action .fd-list__title:active .fd-list__byline-right--neutral, .fd-list__item--action .fd-list__title:active .fd-list__byline-right--positive, .fd-list__item--action .fd-list__title:active .fd-list__content, .fd-list__item--action .fd-list__title:active .fd-list__icon, .fd-list__item--action .fd-list__title:active .fd-list__secondary, .fd-list__item--action .fd-list__title:active .fd-list__thumbnail, .fd-list__item--action .fd-list__title:active .fd-list__title, .fd-list__item--action .fd-list__title:active.fd-list__link--navigation-indicator:after {
                text-shadow: none
            }

        .fd-list__item--action .fd-list__title.is-focus, .fd-list__item--action .fd-list__title:focus {
            outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
            outline-offset: -.125rem
        }

            .fd-list__item--action .fd-list__title.is-focus.is-active, .fd-list__item--action .fd-list__title.is-focus:active, .fd-list__item--action .fd-list__title:focus.is-active, .fd-list__item--action .fd-list__title:focus:active {
                outline-color: var(--fdList_Active_Outline_Color)
            }

        .fd-list__item--action .fd-list__title::-moz-focus-inner {
            border: 0
        }

.fd-list__item--growing {
    --fdList_Item_Height: var(--sapElement_LineHeight)
}

    .fd-list__item--growing .fd-list__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: .5rem
    }

    .fd-list__item--growing .fd-list__title-text {
        border: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: var(--sapTextColor);
        color: inherit;
        font-family: var(--sapFontFamily);
        font-size: var(--sapFontSize);
        font-weight: 400;
        font-weight: var(--fdList_Growing_Font_Weight);
        forced-color-adjust: none;
        line-height: normal;
        margin-block: 0;
        margin-inline: 0;
        overflow: hidden;
        padding-block: 0;
        padding-inline: 0;
        text-overflow: ellipsis;
        text-shadow: inherit;
        white-space: nowrap
    }

        .fd-list__item--growing .fd-list__title-text:after, .fd-list__item--growing .fd-list__title-text:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

.fd-list__item--inactive, .fd-list__item--inactive .fd-list__secondary, .fd-list__item--inactive .fd-list__title {
    pointer-events: none
}

.fd-list__item.is-selected, .fd-list__item[aria-selected=true] {
    --fdList_Item_Background_Color: var(--sapList_SelectionBackgroundColor);
    --fdList_Item_Text_Color: var(--sapList_TextColor);
    --fdList_Item_Border_Color: var(--sapList_SelectionBorderColor)
}

    .fd-list__item.is-selected .fd-list__link, .fd-list__item[aria-selected=true] .fd-list__link {
        background: inherit
    }

        .fd-list__item.is-selected .fd-list__link.is-active, .fd-list__item.is-selected .fd-list__link:active, .fd-list__item[aria-selected=true] .fd-list__link.is-active, .fd-list__item[aria-selected=true] .fd-list__link:active {
            --fdList_Item_Background_Color: var(--sapList_Active_Background)
        }

    .fd-list__item.is-selected.is-hover, .fd-list__item.is-selected:hover, .fd-list__item[aria-selected=true].is-hover, .fd-list__item[aria-selected=true]:hover {
        --fdList_Item_Background_Color: var(--sapList_Hover_SelectionBackground)
    }

.fd-list__secondary, .fd-list__title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--fdList_Item_Text_Color);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    pointer-events: none;
    pointer-events: all;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-list__secondary:after, .fd-list__secondary:before, .fd-list__title:after, .fd-list__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-list__title {
    -webkit-box-flex: 3;
    -ms-flex: 3 3 10%;
    flex: 3 3 10%;
    font-size: var(--fdList_Item_Text_Font_Size);
    min-height: var(--fdList_Item_Text_Font_Size)
}

    .fd-list__title:last-child:first-child {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .fd-list__title .fd-list__title-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fd-list__title ~ .fd-list__icon {
        -webkit-margin-end: -1rem;
        margin-inline-end: -1rem
    }

.fd-list__secondary {
    color: var(--fdList_Status_Text_Color);
    font-size: var(--sapFontSize);
    max-width: 40%;
    text-align: right;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem
}

.fd-list__secondary--positive {
    --fdList_Status_Text_Color: var(--sapPositiveTextColor)
}

.fd-list__secondary--critical {
    --fdList_Status_Text_Color: var(--sapCriticalTextColor)
}

.fd-list__secondary--negative {
    --fdList_Status_Text_Color: var(--sapNegativeTextColor)
}

.fd-list__secondary--informative {
    --fdList_Status_Text_Color: var(--sapInformativeTextColor)
}

.fd-list__secondary[dir=rtl], [dir=rtl] .fd-list__secondary {
    text-align: left
}

.fd-list__icon [class*=sap-icon], .fd-list__icon[class*=sap-icon] {
    background: inherit;
    border-radius: inherit;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: inherit;
    line-height: 1;
    pointer-events: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--sapContent_NonInteractiveIconColor);
    font-size: var(--fdList_Item_Icon_Font_Size);
    width: 2.75rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .fd-list__icon [class*=sap-icon]:first-child, .fd-list__icon[class*=sap-icon]:first-child {
        -webkit-margin-start: -1rem;
        margin-inline-start: -1rem
    }

.fd-list__link {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    --fdList_Item_Border_Color: transparent;
    background: var(--fdList_Item_Background_Color);
    border-bottom: var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);
    cursor: pointer;
    height: 100%;
    padding-block: 0;
    padding-inline: .9375rem;
    text-decoration: none;
    width: 100%
}

    .fd-list__link:after, .fd-list__link:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-list__link.is-focus, .fd-list__link:focus {
        outline: none;
        pointer-events: all
    }

        .fd-list__link.is-focus:before, .fd-list__link:focus:before {
            border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
            content: "";
            display: block;
            inset: .125rem;
            pointer-events: none;
            position: absolute
        }

        .fd-list__link.is-focus.is-active:before, .fd-list__link.is-focus:active:before, .fd-list__link:focus.is-active:before, .fd-list__link:focus:active:before {
            border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)
        }

    .fd-list__link.is-hover, .fd-list__link:hover {
        --fdList_Item_Background_Color: var(--sapList_Hover_Background);
        --fdList_Item_Text_Color: var(--sapList_TextColor);
        --fdList_Item_Border_Color: var(--sapList_BorderColor)
    }

    .fd-list__link.is-selected, .fd-list__link[aria-selected=true] {
        --fdList_Item_Background_Color: var(--sapList_SelectionBackgroundColor);
        --fdList_Item_Text_Color: var(--sapList_TextColor);
        --fdList_Item_Border_Color: var(--sapList_SelectionBorderColor)
    }

        .fd-list__link.is-selected .fd-list__link, .fd-list__link[aria-selected=true] .fd-list__link {
            background: inherit
        }

            .fd-list__link.is-selected .fd-list__link.is-active, .fd-list__link.is-selected .fd-list__link:active, .fd-list__link[aria-selected=true] .fd-list__link.is-active, .fd-list__link[aria-selected=true] .fd-list__link:active {
                --fdList_Item_Background_Color: var(--sapList_Active_Background)
            }

        .fd-list__link.is-selected.is-hover, .fd-list__link.is-selected:hover, .fd-list__link[aria-selected=true].is-hover, .fd-list__link[aria-selected=true]:hover {
            --fdList_Item_Background_Color: var(--sapList_Hover_SelectionBackground)
        }

    .fd-list__link.is-active, .fd-list__link.is-active.is-hover, .fd-list__link.is-active.is-selected, .fd-list__link.is-active.is-selected.is-hover, .fd-list__link.is-active.is-selected:hover, .fd-list__link.is-active:hover, .fd-list__link.is-active[aria-selected=true], .fd-list__link.is-active[aria-selected=true].is-hover, .fd-list__link.is-active[aria-selected=true]:hover, .fd-list__link:active, .fd-list__link:active.is-hover, .fd-list__link:active.is-selected, .fd-list__link:active.is-selected.is-hover, .fd-list__link:active.is-selected:hover, .fd-list__link:active:hover, .fd-list__link:active[aria-selected=true], .fd-list__link:active[aria-selected=true].is-hover, .fd-list__link:active[aria-selected=true]:hover {
        --fdList_Item_Background_Color: var(--sapList_Active_Background);
        --fdList_Item_Text_Color: var(--sapList_Active_TextColor);
        --fdList_Item_Border_Color: var(--sapList_Active_Background)
    }

        .fd-list__link.is-active, .fd-list__link.is-active .fd-list__byline, .fd-list__link.is-active .fd-list__byline-left, .fd-list__link.is-active .fd-list__byline-right, .fd-list__link.is-active .fd-list__byline-right--critical, .fd-list__link.is-active .fd-list__byline-right--informative, .fd-list__link.is-active .fd-list__byline-right--negative, .fd-list__link.is-active .fd-list__byline-right--neutral, .fd-list__link.is-active .fd-list__byline-right--positive, .fd-list__link.is-active .fd-list__content, .fd-list__link.is-active .fd-list__icon, .fd-list__link.is-active .fd-list__secondary, .fd-list__link.is-active .fd-list__thumbnail, .fd-list__link.is-active .fd-list__title, .fd-list__link.is-active.fd-list__link--navigation-indicator:after, .fd-list__link:active, .fd-list__link:active .fd-list__byline, .fd-list__link:active .fd-list__byline-left, .fd-list__link:active .fd-list__byline-right, .fd-list__link:active .fd-list__byline-right--critical, .fd-list__link:active .fd-list__byline-right--informative, .fd-list__link:active .fd-list__byline-right--negative, .fd-list__link:active .fd-list__byline-right--neutral, .fd-list__link:active .fd-list__byline-right--positive, .fd-list__link:active .fd-list__content, .fd-list__link:active .fd-list__icon, .fd-list__link:active .fd-list__secondary, .fd-list__link:active .fd-list__thumbnail, .fd-list__link:active .fd-list__title, .fd-list__link:active.fd-list__link--navigation-indicator:after {
            text-shadow: none
        }

.fd-list__group-header {
    background: var(--sapList_GroupHeaderBackground);
    border-bottom: var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);
    height: var(--sapElement_LineHeight);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

    .fd-list__group-header .fd-list__title {
        color: var(--sapList_TableGroupHeaderTextColor);
        font-family: var(--sapFontHeaderFamily);
        font-size: var(--sapFontHeader6Size);
        font-weight: 700;
        line-height: 2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.fd-list__footer {
    background: var(--sapList_FooterBackground);
    color: var(--sapList_FooterTextColor);
    font-size: var(--sapFontSize);
    height: 2rem
}

.fd-list__footer--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.fd-list__footer--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.fd-list__bold {
    font-weight: 700
}

.fd-list__message {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: 2rem;
    left: 0;
    line-height: normal;
    line-height: 2rem;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    position: absolute;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 100%;
    -webkit-padding-start: .5rem;
    background-color: var(--fdList_Message_Background_Color);
    font-size: var(--sapFontSmallSize);
    padding-inline-start: .5rem
}

    .fd-list__message:after, .fd-list__message:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-list__message--error {
    --fdList_Message_Background_Color: var(--sapErrorBackground)
}

.fd-list__message--warning {
    --fdList_Message_Background_Color: var(--sapWarningBackground)
}

.fd-list__message--success {
    --fdList_Message_Background_Color: var(--sapSuccessBackground)
}

.fd-list__message--information {
    --fdList_Message_Background_Color: var(--sapInformationBackground)
}

.fd-list .fd-list__button {
    -webkit-margin-start: var(--fdList_Button_Spacing);
    margin-inline-start: var(--fdList_Button_Spacing);
    -ms-flex-item-align: center;
    align-self: center
}

.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view), .fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view), [class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view), [class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) {
    --fdList_Item_Icon_Font_Size: 1rem;
    --fdList_Item_Text_Font_Size: var(--sapFontSize);
    --fdList_Item_Height: var(--sapElement_Compact_LineHeight)
}

    .fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing, .fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing, [class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing, [class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing {
        --fdList_Item_Height: var(--sapElement_LineHeight)
    }

    .fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action, .fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action, [class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action, [class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action {
        --fdList_Item_Height: var(--sapElement_Compact_LineHeight)
    }

        .fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title, .fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title, [class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title, [class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title {
            height: var(--fdList_Item_Action_Button_Size_Compact)
        }

.fd-list--no-border .fd-list__group-header, .fd-list--no-border .fd-list__item {
    border-bottom: 0;
    border-top: 0
}

    .fd-list--no-border .fd-list__item.is-selected, .fd-list--no-border .fd-list__item[aria-selected=true] {
        border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)
    }

.fd-list--has-message {
    -webkit-padding-before: 2rem;
    padding-block-start: 2rem
}

.fd-list__infinite-scroll {
    outline: none;
    overflow: scroll
}

.fd-list--dropdown.is-focus, .fd-list--dropdown:focus {
    outline: none;
    z-index: 5
}

.fd-list--dropdown .fd-list__item:not(.fd-list__group-header) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: auto;
    min-height: 2.5rem;
    padding-block: 0;
    padding-inline: .9375rem
}

    .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):hover {
        --fdList_Item_Background_Color: var(--sapList_Hover_Background);
        --fdList_Item_Text_Color: var(--sapList_TextColor);
        --fdList_Item_Border_Color: var(--sapList_BorderColor)
    }

    .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] {
        --fdList_Item_Background_Color: var(--sapList_SelectionBackgroundColor);
        --fdList_Item_Text_Color: var(--sapList_TextColor);
        --fdList_Item_Border_Color: var(--sapList_SelectionBorderColor)
    }

        .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link {
            background: inherit
        }

            .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link.is-active, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link:active, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link.is-active, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link:active {
                --fdList_Item_Background_Color: var(--sapList_Active_Background)
            }

        .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected.is-hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected:hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true].is-hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true]:hover {
            --fdList_Item_Background_Color: var(--sapList_Hover_SelectionBackground)
        }

    .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected.is-hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected:hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active:hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true], .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true].is-hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true]:hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected.is-hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected:hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active:hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true], .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true].is-hover, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true]:hover {
        --fdList_Item_Background_Color: var(--sapList_Active_Background);
        --fdList_Item_Text_Color: var(--sapList_Active_TextColor);
        --fdList_Item_Border_Color: var(--sapList_Active_Background)
    }

        .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-left, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--critical, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--informative, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--negative, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--neutral, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--positive, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__content, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__icon, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__secondary, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__thumbnail, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__title, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.fd-list__link--navigation-indicator:after, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-left, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--critical, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--informative, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--negative, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--neutral, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--positive, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__content, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__icon, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__secondary, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__thumbnail, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__title, .fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.fd-list__link--navigation-indicator:after {
            text-shadow: none
        }

.fd-list--dropdown[class*=-compact] .fd-list__item:not(.fd-list__group-header), .fd-list--dropdown[class*=-condensed] .fd-list__item:not(.fd-list__group-header), [class*=-compact] .fd-list--dropdown:not([class*=-cozy]) .fd-list__item:not(.fd-list__group-header), [class*=-condensed] .fd-list--dropdown:not([class*=-cozy]) .fd-list__item:not(.fd-list__group-header) {
    height: auto;
    min-height: 2rem;
    padding-block: 0;
    padding-inline: .9375rem
}

.fd-list--multi-input .fd-list__item {
    cursor: pointer;
    height: auto;
    padding-block: 0;
    padding-inline: 0 1rem
}

    .fd-list--multi-input .fd-list__item.is-hover, .fd-list--multi-input .fd-list__item:hover {
        --fdList_Item_Background_Color: var(--sapList_Hover_Background);
        --fdList_Item_Text_Color: var(--sapList_TextColor);
        --fdList_Item_Border_Color: var(--sapList_BorderColor)
    }

    .fd-list--multi-input .fd-list__item.is-selected, .fd-list--multi-input .fd-list__item[aria-selected=true] {
        --fdList_Item_Background_Color: var(--sapList_SelectionBackgroundColor);
        --fdList_Item_Text_Color: var(--sapList_TextColor);
        --fdList_Item_Border_Color: var(--sapList_SelectionBorderColor)
    }

        .fd-list--multi-input .fd-list__item.is-selected .fd-list__link, .fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link {
            background: inherit
        }

            .fd-list--multi-input .fd-list__item.is-selected .fd-list__link.is-active, .fd-list--multi-input .fd-list__item.is-selected .fd-list__link:active, .fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link.is-active, .fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link:active {
                --fdList_Item_Background_Color: var(--sapList_Active_Background)
            }

        .fd-list--multi-input .fd-list__item.is-selected.is-hover, .fd-list--multi-input .fd-list__item.is-selected:hover, .fd-list--multi-input .fd-list__item[aria-selected=true].is-hover, .fd-list--multi-input .fd-list__item[aria-selected=true]:hover {
            --fdList_Item_Background_Color: var(--sapList_Hover_SelectionBackground)
        }

    .fd-list--multi-input .fd-list__item.is-active, .fd-list--multi-input .fd-list__item.is-active.is-hover, .fd-list--multi-input .fd-list__item.is-active.is-selected, .fd-list--multi-input .fd-list__item.is-active.is-selected.is-hover, .fd-list--multi-input .fd-list__item.is-active.is-selected:hover, .fd-list--multi-input .fd-list__item.is-active:hover, .fd-list--multi-input .fd-list__item.is-active[aria-selected=true], .fd-list--multi-input .fd-list__item.is-active[aria-selected=true].is-hover, .fd-list--multi-input .fd-list__item.is-active[aria-selected=true]:hover, .fd-list--multi-input .fd-list__item:active, .fd-list--multi-input .fd-list__item:active.is-hover, .fd-list--multi-input .fd-list__item:active.is-selected, .fd-list--multi-input .fd-list__item:active.is-selected.is-hover, .fd-list--multi-input .fd-list__item:active.is-selected:hover, .fd-list--multi-input .fd-list__item:active:hover, .fd-list--multi-input .fd-list__item:active[aria-selected=true], .fd-list--multi-input .fd-list__item:active[aria-selected=true].is-hover, .fd-list--multi-input .fd-list__item:active[aria-selected=true]:hover {
        --fdList_Item_Background_Color: var(--sapList_Active_Background);
        --fdList_Item_Text_Color: var(--sapList_Active_TextColor);
        --fdList_Item_Border_Color: var(--sapList_Active_Background)
    }

        .fd-list--multi-input .fd-list__item.is-active, .fd-list--multi-input .fd-list__item.is-active .fd-list__byline, .fd-list--multi-input .fd-list__item.is-active .fd-list__byline-left, .fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right, .fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--critical, .fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--informative, .fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--negative, .fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--neutral, .fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--positive, .fd-list--multi-input .fd-list__item.is-active .fd-list__content, .fd-list--multi-input .fd-list__item.is-active .fd-list__icon, .fd-list--multi-input .fd-list__item.is-active .fd-list__secondary, .fd-list--multi-input .fd-list__item.is-active .fd-list__thumbnail, .fd-list--multi-input .fd-list__item.is-active .fd-list__title, .fd-list--multi-input .fd-list__item.is-active.fd-list__link--navigation-indicator:after, .fd-list--multi-input .fd-list__item:active, .fd-list--multi-input .fd-list__item:active .fd-list__byline, .fd-list--multi-input .fd-list__item:active .fd-list__byline-left, .fd-list--multi-input .fd-list__item:active .fd-list__byline-right, .fd-list--multi-input .fd-list__item:active .fd-list__byline-right--critical, .fd-list--multi-input .fd-list__item:active .fd-list__byline-right--informative, .fd-list--multi-input .fd-list__item:active .fd-list__byline-right--negative, .fd-list--multi-input .fd-list__item:active .fd-list__byline-right--neutral, .fd-list--multi-input .fd-list__item:active .fd-list__byline-right--positive, .fd-list--multi-input .fd-list__item:active .fd-list__content, .fd-list--multi-input .fd-list__item:active .fd-list__icon, .fd-list--multi-input .fd-list__item:active .fd-list__secondary, .fd-list--multi-input .fd-list__item:active .fd-list__thumbnail, .fd-list--multi-input .fd-list__item:active .fd-list__title, .fd-list--multi-input .fd-list__item:active.fd-list__link--navigation-indicator:after {
            text-shadow: none
        }

.fd-list--multi-input .fd-list__label {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: inherit;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    position: relative;
    text-overflow: ellipsis;
    width: 100%;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

    .fd-list--multi-input .fd-list__label:after, .fd-list--multi-input .fd-list__label:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-list--multi-input .fd-list__label:before {
        margin-block: -.1875rem -.1875rem
    }

.fd-list--multi-input .fd-list__input.is-focus, .fd-list--multi-input .fd-list__input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 5
}

    .fd-list--multi-input .fd-list__input.is-focus + .fd-list__label:after, .fd-list--multi-input .fd-list__input:focus + .fd-list__label:after {
        inset: .0625rem .0625rem .0625rem .0625rem
    }

.fd-list--multi-input .fd-list__footer {
    height: auto;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    background-color: var(--sapList_Background);
    justify-content: flex-end;
    line-height: 1rem
}

.fd-list--multi-input .fd-list__footer, .fd-list--multi-input .fd-list__label {
    padding-block: .75rem;
    padding-inline: .9375rem
}

.fd-list--multi-input[class*=-compact] .fd-list__item, .fd-list--multi-input[class*=-condensed] .fd-list__item, [class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__item, [class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__item {
    height: auto;
    padding-block: 0;
    padding-inline: 0
}

.fd-list--multi-input[class*=-compact] .fd-list__label:before, .fd-list--multi-input[class*=-condensed] .fd-list__label:before, [class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label:before, [class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label:before {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    margin-top: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.fd-list--multi-input[class*=-compact] .fd-list__footer, .fd-list--multi-input[class*=-compact] .fd-list__label, .fd-list--multi-input[class*=-condensed] .fd-list__footer, .fd-list--multi-input[class*=-condensed] .fd-list__label, [class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__footer, [class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label, [class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__footer, [class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label {
    padding-block: .5rem;
    padding-inline: .9375rem
}

.fd-list--dropdown, .fd-list--multi-input {
    display: block;
    max-width: 40rem;
    min-width: 5rem
}

    .fd-list--dropdown .fd-list__item, .fd-list--multi-input .fd-list__item {
        border: none;
        cursor: pointer
    }

        .fd-list--dropdown .fd-list__item.is-selected, .fd-list--dropdown .fd-list__item[aria-selected=true], .fd-list--multi-input .fd-list__item.is-selected, .fd-list--multi-input .fd-list__item[aria-selected=true] {
            border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)
        }

    .fd-list--dropdown .fd-list__secondary, .fd-list--dropdown .fd-list__title, .fd-list--multi-input .fd-list__secondary, .fd-list--multi-input .fd-list__title {
        font-size: var(--sapFontSize);
        white-space: normal;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        width: auto
    }

    .fd-list--dropdown .fd-list__secondary--no-wrap, .fd-list--dropdown .fd-list__title--no-wrap, .fd-list--multi-input .fd-list__secondary--no-wrap, .fd-list--multi-input .fd-list__title--no-wrap {
        white-space: nowrap
    }

    .fd-list--dropdown .fd-list__secondary, .fd-list--multi-input .fd-list__secondary {
        display: block
    }

    .fd-list--dropdown .fd-list__title, .fd-list--multi-input .fd-list__title {
        max-width: 24rem
    }

        .fd-list--dropdown .fd-list__title:first-child:last-child, .fd-list--multi-input .fd-list__title:first-child:last-child {
            max-width: 40rem
        }

    .fd-list--dropdown .fd-list__secondary, .fd-list--multi-input .fd-list__secondary {
        max-width: 16rem
    }

    .fd-list--dropdown.fd-list--mobile, .fd-list--multi-input.fd-list--mobile {
        max-width: 100%
    }

    .fd-list--dropdown .fd-list__icon, .fd-list--multi-input .fd-list__icon {
        line-height: 1rem
    }

    .fd-list--dropdown.fd-list--large-dropdown, .fd-list--multi-input.fd-list--large-dropdown {
        max-width: 62rem
    }

        .fd-list--dropdown.fd-list--large-dropdown .fd-list__title, .fd-list--multi-input.fd-list--large-dropdown .fd-list__title {
            max-width: 37.2rem
        }

            .fd-list--dropdown.fd-list--large-dropdown .fd-list__title:first-child:last-child, .fd-list--multi-input.fd-list--large-dropdown .fd-list__title:first-child:last-child {
                max-width: 62rem
            }

        .fd-list--dropdown.fd-list--large-dropdown .fd-list__secondary, .fd-list--multi-input.fd-list--large-dropdown .fd-list__secondary {
            max-width: 24.8rem
        }

        .fd-list--dropdown.fd-list--large-dropdown.fd-list--mobile, .fd-list--multi-input.fd-list--large-dropdown.fd-list--mobile {
            max-width: 100%
        }

.fd-list--subline .fd-list__item {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 4.5rem;
    padding-block: .5rem;
    padding-inline: 1rem
}

.fd-list--subline .fd-list__content, .fd-list--subline .fd-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.fd-list--subline .fd-list__content {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: .25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
}

    .fd-list--subline .fd-list__content:after, .fd-list--subline .fd-list__content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-list--subline .fd-list__title {
    color: var(--sapList_TextColor);
    font-family: var(--sapFontBoldFamily)
}

.fd-list--subline .fd-list__subline, .fd-list--subline .fd-list__title {
    font-size: var(--sapFontSize);
    font-style: normal;
    line-height: normal;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.fd-list--subline .fd-list__subline {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-weight: 400;
    forced-color-adjust: none;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-list--subline .fd-list__subline:after, .fd-list--subline .fd-list__subline:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-list--subline .fd-list__active-indicator {
    color: var(--sapContent_NonInteractiveIconColor)
}

.fd-list--subline .fd-avatar:first-child {
    margin-inline: 0
}

.fd-list--message-view {
    --fdListNavigationIndicatorFontSize: 0.75rem;
    --fdList_Item_Height: calc(2.75rem + var(--sapList_BorderWidth));
    --fdList_Message_View_Item_Byline_Height: calc(3.325rem + var(--sapList_BorderWidth));
    --fdList_Message_View_Title_Size: var(--sapFontHeader5Size)
}

    .fd-list--message-view .fd-list__item {
        height: auto
    }

    .fd-list--message-view .fd-list__item--byline {
        --fdList_Item_Height: var(--fdList_Message_View_Item_Byline_Height)
    }

    .fd-list--message-view .fd-list__content {
        border: 0;
        -webkit-box-sizing: border-box;
        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;
        line-height: normal;
        margin-block: 0;
        margin-inline: 0;
        padding-block: 0;
        padding-inline: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        overflow: hidden;
        pointer-events: none;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .fd-list--message-view .fd-list__content:after, .fd-list--message-view .fd-list__content:before {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
            font-size: inherit
        }

    .fd-list--message-view .fd-list__title {
        color: var(--sapGroup_TitleTextColor);
        font-family: var(--sapFontHeaderFamily);
        font-size: var(--fdList_Message_View_Title_Size);
        font-weight: var(--sapFontHeaderWeight,normal);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .fd-list--message-view .fd-list__subtitle {
        -webkit-padding-before: .25rem;
        color: var(--sapContent_LabelColor);
        font-family: var(--sapFontFamily);
        font-size: var(--sapFontSize);
        overflow: hidden;
        padding-block-start: .25rem;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .fd-list--message-view .fd-list__link {
        padding-block: .5rem
    }

        .fd-list--message-view .fd-list__link.is-active .fd-list__subtitle, .fd-list--message-view .fd-list__link.is-active .fd-list__title, .fd-list--message-view .fd-list__link.is-active .fd-object-status .fd-object-status__icon, .fd-list--message-view .fd-list__link:active .fd-list__subtitle, .fd-list--message-view .fd-list__link:active .fd-list__title, .fd-list--message-view .fd-list__link:active .fd-object-status .fd-object-status__icon {
            color: var(--sapList_Active_TextColor)
        }

    .fd-list--message-view[class*=-compact], .fd-list--message-view[class*=-condensed], [class*=-compact] .fd-list--message-view:not([class*=-cozy]), [class*=-condensed] .fd-list--message-view:not([class*=-cozy]) {
        --fdList_Message_View_Item_Height: calc(2rem + var(--sapList_BorderWidth));
        --fdList_Message_View_Title_Size: var(--sapFontHeader6Size);
        --fdList_Message_View_Item_Byline_Height: calc(3.25rem + var(--sapList_BorderWidth))
    }

.fd-list--navigation .fd-list__item--link {
    padding-block: 0;
    padding-inline: 0
}

.fd-list--navigation.fd-icon-tab-bar__list .fd-list__link {
    gap: .25rem
}

.fd-list--navigation .fd-list__link {
    padding-inline: var(--fdList_Navigation_Link_Padding_Left,.9375rem) var(--fdList_Navigation_Link_Padding_Right,.9375rem)
}

.fd-list--navigation.fd-list--unread-indicator {
    --fdList_Navigation_Link_Padding_Left: 2.125rem;
    --fdList_Navigation_Link_Padding_Right: 0.9375rem
}

.fd-list--navigation.fd-list--navigation-indication {
    --fdList_Navigation_Link_Padding_Left: 0.9375rem;
    --fdList_Navigation_Link_Padding_Right: 0
}

.fd-list--navigation.fd-list--selection {
    --fdList_Navigation_Link_Padding_Left: 2.75rem;
    --fdList_Navigation_Link_Padding_Right: 0.9375rem
}

    .fd-list--navigation.fd-list--selection .fd-list__item--link {
        padding-block: 0;
        padding-inline: 0
    }

    .fd-list--navigation.fd-list--selection.fd-list--navigation-indication {
        --fdList_Navigation_Link_Padding_Left: 2.75rem;
        --fdList_Navigation_Link_Padding_Right: 0
    }

        .fd-list--navigation.fd-list--selection.fd-list--navigation-indication .fd-list__item--link {
            padding-block: 0;
            padding-inline: 0
        }

.fd-list--navigation.fd-list--byline, .fd-list--navigation.fd-list--byline.fd-list--compact {
    --fdList_Navigation_Link_Padding_Left: 1rem;
    --fdList_Navigation_Link_Padding_Right: 1rem
}

    .fd-list--navigation.fd-list--byline .fd-list__item--link, .fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__item--link {
        padding-block: 0;
        padding-inline: 0
    }

    .fd-list--navigation.fd-list--byline .fd-list__link, .fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__link {
        padding-block: .9375rem
    }

    .fd-list--navigation.fd-list--byline.fd-list--compact.fd-list--unread-indicator, .fd-list--navigation.fd-list--byline.fd-list--unread-indicator {
        --fdList_Navigation_Link_Padding_Left: 2.125rem;
        --fdList_Navigation_Link_Padding_Right: 1rem
    }

    .fd-list--navigation.fd-list--byline.fd-list--navigation-indication {
        --fdList_Navigation_Link_Padding_Left: 0.9375rem;
        --fdList_Navigation_Link_Padding_Right: 0
    }

    .fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link .fd-list__link {
        padding-block: .5rem
    }

    .fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child {
        -webkit-padding-before: 0;
        padding-block-start: 0
    }

        .fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link {
            -webkit-padding-before: 1rem;
            padding-block-start: 1rem
        }

        .fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after {
            -webkit-margin-after: .5rem;
            margin-block-end: .5rem
        }

    .fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child {
        -webkit-padding-after: 0;
        padding-block-end: 0
    }

        .fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link {
            -webkit-padding-after: 1rem;
            padding-block-end: 1rem
        }

        .fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after {
            margin-top: .25rem
        }

    .fd-list--navigation.fd-list--byline.fd-list--selection {
        --fdList_Navigation_Link_Padding_Left: 2.75rem;
        --fdList_Navigation_Link_Padding_Right: 1rem
    }

        .fd-list--navigation.fd-list--byline.fd-list--selection .fd-list__item--link {
            padding-block: 0;
            padding-inline: 0
        }

        .fd-list--navigation.fd-list--byline.fd-list--selection[class*=-compact], .fd-list--navigation.fd-list--byline.fd-list--selection[class*=-condensed], [class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]), [class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]) {
            --fdList_Navigation_Link_Padding_Left: 2.75rem;
            --fdList_Navigation_Link_Padding_Right: 1rem
        }

            .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link, .fd-list--navigation.fd-list--byline.fd-list--selection[class*=-compact] .fd-list__item--link, .fd-list--navigation.fd-list--byline.fd-list--selection[class*=-condensed] .fd-list__item--link, [class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]) .fd-list__item--link, [class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]) .fd-list__item--link {
                padding-block: 0;
                padding-inline: 0
            }

                .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link .fd-list__link {
                    padding-block: .5rem
                }

                .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child {
                    -webkit-padding-before: 0;
                    padding-block-start: 0
                }

                    .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link {
                        -webkit-padding-before: 1rem;
                        padding-block-start: 1rem
                    }

                    .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after {
                        -webkit-margin-after: .5rem;
                        margin-block-end: .5rem
                    }

                .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child {
                    -webkit-padding-after: 0;
                    padding-block-end: 0
                }

                    .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link {
                        -webkit-padding-after: 1rem;
                        padding-block-end: 1rem
                    }

                    .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after {
                        margin-top: .25rem
                    }

        .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication {
            --fdList_Navigation_Link_Padding_Left: 2.75rem;
            --fdList_Navigation_Link_Padding_Right: 0
        }

            .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication .fd-list__item--link {
                padding-block: 0;
                padding-inline: 0
            }

            .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication[class*=-compact], .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication[class*=-condensed], [class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication:not([class*=-cozy]), [class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication:not([class*=-cozy]) {
                --fdList_Navigation_Link_Padding_Left: 2.75rem;
                --fdList_Navigation_Link_Padding_Right: 0
            }

            .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link .fd-list__link {
                padding-block: .5rem
            }

            .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child {
                -webkit-padding-before: 0;
                padding-block-start: 0
            }

                .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child .fd-list__link {
                    -webkit-padding-before: 1rem;
                    padding-block-start: 1rem
                }

                .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after {
                    -webkit-margin-after: .5rem;
                    margin-block-end: .5rem
                }

            .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child {
                -webkit-padding-after: 0;
                padding-block-end: 0
            }

                .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child .fd-list__link {
                    -webkit-padding-after: 1rem;
                    padding-block-end: 1rem
                }

                .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after {
                    margin-top: .25rem
                }

.fd-list--navigation.fd-list--navigation-object {
    --fdList_Navigation_Link_Padding_Left: 1rem;
    --fdList_Navigation_Link_Padding_Right: 1rem
}

    .fd-list--navigation.fd-list--navigation-object .fd-list__item--link, .fd-list--navigation.fd-list--navigation-object[dir=rtl] .fd-list__item--link, [dir=rtl] .fd-list--navigation.fd-list--navigation-object .fd-list__item--link {
        padding-block: 0;
        padding-inline: 0
    }

    .fd-list--navigation.fd-list--navigation-object .fd-list__link {
        padding-block: 1rem
    }

.fd-list--navigation-indication .fd-list:after {
    content: "";
    min-width: 1.5rem
}

.fd-list--navigation-indication fd-list__item.fd-list__item--link {
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

    .fd-list--navigation-indication fd-list__item.fd-list__item--link:after {
        content: none
    }

.fd-list--navigation-indication .fd-list__link:after {
    content: "";
    min-width: 2.5rem
}

.fd-list--navigation-indication .fd-list__link--navigation-indicator:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--sapContent_NonInteractiveIconColor);
    content: "\e1ed";
    font-family: SAP-icons;
    font-size: var(--fdListNavigationIndicatorFontSize,var(--sapFontLargeSize));
    height: 100%;
    text-decoration: none;
    text-transform: none
}

.fd-list--navigation-indication .fd-list__link--navigation-indicator[dir=rtl]:after, [dir=rtl] .fd-list--navigation-indication .fd-list__link--navigation-indicator:after {
    content: "\e1ee"
}

.fd-list--navigation-indication .fd-list__icon:last-child, .fd-list--navigation-indication .fd-list__icon[dir=rtl]:last-child, [dir=rtl] .fd-list--navigation-indication .fd-list__icon:last-child {
    margin-block: 0;
    margin-inline: 0
}

.fd-list--navigation-indication .is-navigated {
    -webkit-box-shadow: inset -.1875rem 0 0 0 var(--sapList_SelectionBorderColor);
    box-shadow: inset -.1875rem 0 0 0 var(--sapList_SelectionBorderColor)
}

    .fd-list--navigation-indication .is-navigated[dir=rtl], [dir=rtl] .fd-list--navigation-indication .is-navigated {
        -webkit-box-shadow: inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor);
        box-shadow: inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor)
    }

.fd-list--selection .fd-list__item {
    cursor: pointer;
    padding-inline: 2.75rem .9375rem
}

    .fd-list--selection .fd-list__item.is-hover, .fd-list--selection .fd-list__item:hover {
        --fdList_Item_Background_Color: var(--sapList_Hover_Background)
    }

    .fd-list--selection .fd-list__item.is-selected, .fd-list--selection .fd-list__item[aria-selected=true] {
        --fdList_Item_Background_Color: var(--sapList_SelectionBackgroundColor);
        --fdList_Item_Text_Color: var(--sapList_TextColor);
        --fdList_Item_Border_Color: var(--sapList_SelectionBorderColor)
    }

        .fd-list--selection .fd-list__item.is-selected .fd-list__link, .fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link {
            background: inherit
        }

            .fd-list--selection .fd-list__item.is-selected .fd-list__link.is-active, .fd-list--selection .fd-list__item.is-selected .fd-list__link:active, .fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link.is-active, .fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link:active {
                --fdList_Item_Background_Color: var(--sapList_Active_Background)
            }

        .fd-list--selection .fd-list__item.is-selected.is-hover, .fd-list--selection .fd-list__item.is-selected:hover, .fd-list--selection .fd-list__item[aria-selected=true].is-hover, .fd-list--selection .fd-list__item[aria-selected=true]:hover {
            --fdList_Item_Background_Color: var(--sapList_Hover_SelectionBackground)
        }

.fd-list--selection .fd-list__form-item {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 5
}

    .fd-list--selection .fd-list__form-item[dir=rtl], [dir=rtl] .fd-list--selection .fd-list__form-item {
        left: auto;
        right: 0
    }

.fd-list--selection[class*=-compact] .fd-list__form-item, .fd-list--selection[class*=-condensed] .fd-list__form-item, [class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item, [class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item {
    left: .375rem
}

    .fd-list--selection[class*=-compact] .fd-list__form-item[dir=rtl], .fd-list--selection[class*=-condensed] .fd-list__form-item[dir=rtl], [class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item[dir=rtl], [class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item[dir=rtl], [dir=rtl] .fd-list--selection[class*=-compact] .fd-list__form-item, [dir=rtl] .fd-list--selection[class*=-condensed] .fd-list__form-item, [dir=rtl] [class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item, [dir=rtl] [class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item {
        left: auto;
        right: .375rem
    }

.fd-list--selection.fd-list--byline .fd-list__item {
    padding-inline: 2.75rem 1rem
}

.fd-list--selection.fd-list--byline .fd-list__form-item {
    top: .3125rem
}

.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item, .fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item, [class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item, [class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item {
    padding-inline: 2.75rem 1rem
}

.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item, .fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item, [class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item, [class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item {
    left: .375rem;
    top: .5rem
}

    .fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item[dir=rtl], .fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item[dir=rtl], [class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item[dir=rtl], [class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item[dir=rtl], [dir=rtl] .fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item, [dir=rtl] .fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item, [dir=rtl] [class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item, [dir=rtl] [class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item {
        left: auto;
        right: .375rem
    }

.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item {
    padding-block: .5rem;
    padding-inline: 2.75rem 1rem
}

    .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:first-child {
        -webkit-padding-before: .9375rem;
        padding-block-start: .9375rem
    }

    .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:last-child {
        -webkit-padding-after: .9375rem;
        padding-block-end: .9375rem
    }

    .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item, .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item {
        top: 0
    }

        .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item label, .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item label {
            -webkit-padding-before: .5rem;
            padding-block-start: .5rem
        }

            .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item label:after, .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item label:after {
                top: .375rem
            }

.fd-list--selection.fd-list--selection-row .fd-list__item {
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem
}

.fd-list__item-counter {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-margin-start: 1rem;
    color: var(--sapContent_MarkerTextColor);
    margin-inline-start: 1rem
}

    .fd-list__item-counter:after, .fd-list__item-counter:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-list .fd-object-list__item {
    padding-block: 1rem;
    --fdList_Item_Height: 100%
}

    .fd-object-list .fd-object-list__item .fd-list__link.is-active .fd-avatar, .fd-object-list .fd-object-list__item .fd-list__link.is-active .fd-object-identifier__title, .fd-object-list .fd-object-list__item .fd-list__link.is-active .fd-object-list__intro, .fd-object-list .fd-object-list__item .fd-list__link.is-active .fd-object-list__object-attribute, .fd-object-list .fd-object-list__item .fd-list__link.is-active .fd-object-marker__icon, .fd-object-list .fd-object-list__item .fd-list__link.is-active .fd-object-marker__text, .fd-object-list .fd-object-list__item .fd-list__link.is-active .fd-object-number__text, .fd-object-list .fd-object-list__item .fd-list__link.is-active .fd-object-number__unit, .fd-object-list .fd-object-list__item .fd-list__link.is-active .fd-object-status__icon, .fd-object-list .fd-object-list__item .fd-list__link.is-active .fd-object-status__text, .fd-object-list .fd-object-list__item .fd-list__link:active .fd-avatar, .fd-object-list .fd-object-list__item .fd-list__link:active .fd-object-identifier__title, .fd-object-list .fd-object-list__item .fd-list__link:active .fd-object-list__intro, .fd-object-list .fd-object-list__item .fd-list__link:active .fd-object-list__object-attribute, .fd-object-list .fd-object-list__item .fd-list__link:active .fd-object-marker__icon, .fd-object-list .fd-object-list__item .fd-list__link:active .fd-object-marker__text, .fd-object-list .fd-object-list__item .fd-list__link:active .fd-object-number__text, .fd-object-list .fd-object-list__item .fd-list__link:active .fd-object-number__unit, .fd-object-list .fd-object-list__item .fd-list__link:active .fd-object-status__icon, .fd-object-list .fd-object-list__item .fd-list__link:active .fd-object-status__text {
        color: var(--sapList_Active_TextColor);
        text-shadow: none
    }

.fd-object-list__intro {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-width: 100%;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    -webkit-padding-after: .75rem;
    color: var(--sapContent_LabelColor);
    padding-block-end: .75rem
}

    .fd-object-list__intro:after, .fd-object-list__intro:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-list__container {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%
}

    .fd-object-list__container:after, .fd-object-list__container:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-list__header {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .fd-object-list__header:after, .fd-object-list__header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-list__header-left {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    text-align: left;
    width: 60%
}

    .fd-object-list__header-left:after, .fd-object-list__header-left:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-object-list__header-left[dir=rtl], [dir=rtl] .fd-object-list__header-left {
        text-align: right
    }

.fd-object-list__header-right {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    text-align: right;
    width: calc(40% - 1rem);
    -webkit-margin-start: 1rem;
    margin-inline-start: 1rem
}

    .fd-object-list__header-right:after, .fd-object-list__header-right:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-object-list__header-right[dir=rtl], [dir=rtl] .fd-object-list__header-right {
        text-align: left
    }

.fd-object-list__row {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    -webkit-padding-before: .5rem;
    padding-block-start: .5rem
}

    .fd-object-list__row:after, .fd-object-list__row:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-list__row-left, .fd-object-list__row-right {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    width: 50%
}

    .fd-object-list__row-left:after, .fd-object-list__row-left:before, .fd-object-list__row-right:after, .fd-object-list__row-right:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-object-list__row-left:only-child, .fd-object-list__row-right:only-child {
        width: 100%
    }

.fd-object-list__row-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .fd-object-list__row-right .fd-object-status__text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.fd-object-list__content {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    margin-top: .25rem;
    padding-block: 0;
    padding-inline: 0
}

    .fd-object-list__content:after, .fd-object-list__content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-list__object-number .fd-object-number__text {
    display: block;
    font-size: var(--fdObject_List_Number_Font_Size)
}

    .fd-object-list__object-number .fd-object-number__text:after {
        content: none
    }

.fd-object-list__object-identifier .fd-object-identifier__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--sapGroup_TitleTextColor);
    font-size: var(--fdObject_List_Title_Font_Size);
    font-weight: var(--fdObject_List_Title_Font_Weight);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.fd-object-list__object-attribute {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .fd-object-list__object-attribute:after, .fd-object-list__object-attribute:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-marker {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: 1rem;
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: 1;
    margin-block: 0;
    margin-inline: 0;
    max-width: 100%;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .fd-object-marker:after, .fd-object-marker:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-marker--link {
    color: var(--sapLinkColor);
    cursor: pointer;
    display: var(--fdLink_Display,inline-block);
    text-shadow: var(--sapContent_TextShadow);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: inherit;
    -webkit-text-decoration: var(--fdLink_Text_Decoration,none);
    text-decoration: var(--fdLink_Text_Decoration,none);
    -webkit-transition: all .125s ease-in;
    transition: all .125s ease-in
}

.fd-object-marker--link--emphasized {
    font-family: var(--sapFontBoldFamily)
}

.fd-object-marker--link:visited {
    color: var(--sapLink_Visited_Color)
}

.fd-object-marker--link.is-hover, .fd-object-marker--link:hover {
    color: var(--sapLink_Hover_Color)
}

.fd-object-marker--link.is-focus, .fd-object-marker--link:focus {
    background-color: var(--fdLink_Focus_Background);
    border-radius: var(--fdLink_Focus_Border_Radius);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--fdLink_Text_Focus_Color);
    outline: var(--fdLink_Hover_Outline_Color) var(--fdLink_Hover_Outline_Style) var(--fdLink_Hover_Outline_Width);
    outline-offset: var(--fdLink_Hover_Outline_Offset);
    text-shadow: var(--fdLink_Focus_Text_Shadow)
}

.fd-object-marker--link.is-active, .fd-object-marker--link:active {
    color: var(--sapLink_Active_Color)
}

    .fd-object-marker--link.is-active.is-focus, .fd-object-marker--link.is-active:focus, .fd-object-marker--link:active.is-focus, .fd-object-marker--link:active:focus {
        background-color: transparent;
        z-index: 5
    }

.fd-object-marker--link--inverted {
    text-shadow: none
}

    .fd-object-marker--link--inverted, .fd-object-marker--link--inverted.is-hover, .fd-object-marker--link--inverted:hover {
        color: var(--sapLink_InvertedColor)
    }

        .fd-object-marker--link--inverted.is-focus, .fd-object-marker--link--inverted:focus {
            outline-color: var(--sapContent_ContrastFocusColor);
            z-index: 5
        }

.fd-object-marker--link--subtle {
    color: var(--sapLink_SubtleColor)
}

.fd-object-marker--link.is-disabled, .fd-object-marker--link:disabled, .fd-object-marker--link[aria-disabled=true] {
    color: var(--sapLinkColor);
    opacity: var(--sapContent_DisabledOpacity);
    pointer-events: none
}

.fd-object-marker--link > img {
    vertical-align: bottom
}

.fd-object-marker--link .fd-object-marker__text, .fd-object-marker--link__content {
    -webkit-text-decoration: var(--fdLink_Text_Content_Decoration,none);
    text-decoration: var(--fdLink_Text_Content_Decoration,none)
}

.fd-object-marker--link.is-hover, .fd-object-marker--link:hover {
    --fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Hover,none);
    --fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Hover,none)
}

.fd-object-marker--link.is-focus, .fd-object-marker--link:focus {
    z-index: 5;
    --fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Focus,none);
    --fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Focus,none)
}

.fd-object-marker--link.is-active, .fd-object-marker--link:active {
    --fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Active,none);
    --fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Active,none)
}

.fd-object-marker--link.is-disabled, .fd-object-marker--link:disabled, .fd-object-marker--link[aria-disabled=true] {
    --fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Disabled,none);
    --fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Disabled,none)
}

.fd-object-marker--link--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-object-marker--link--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-object-marker__icon [class*=sap-icon], .fd-object-marker__icon[class*=sap-icon] {
    background: inherit;
    border-radius: inherit;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: inherit;
    line-height: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    line-height: normal;
    -webkit-padding-end: .25rem;
    color: var(--sapContent_MarkerIconColor);
    padding-inline-end: .25rem
}

    .fd-object-marker__icon [class*=sap-icon]:first-child:last-child, .fd-object-marker__icon[class*=sap-icon]:first-child:last-child {
        padding-inline: 0
    }

.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapContent_LabelColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    word-break: break-word
}

    .fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text:after, .fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-marker + .fd-object-marker {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.fd-object-number {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: var(--sapNeutralTextColor);
    display: inline-block;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-width: 100%;
    padding-block: 0;
    padding-inline: 0;
    text-shadow: var(--sapContent_TextShadow)
}

    .fd-object-number:after, .fd-object-number:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-number__text, .fd-object-number__unit {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: inline-block;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    line-height: 1;
    margin-block: 0;
    margin-inline: 0;
    max-width: 100%;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

    .fd-object-number__text:after, .fd-object-number__text:before, .fd-object-number__unit:after, .fd-object-number__unit:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-object-number__text:after {
        content: " "
    }

.fd-object-number__text--bold {
    font-weight: 700
}

.fd-object-number__unit {
    font-family: var(--sapFontLightFamily)
}

.fd-object-number--positive .fd-object-number__text, .fd-object-number--positive .fd-object-number__unit {
    color: var(--sapPositiveTextColor)
}

.fd-object-number--critical .fd-object-number__text, .fd-object-number--critical .fd-object-number__unit {
    color: var(--sapCriticalTextColor)
}

.fd-object-number--negative .fd-object-number__text, .fd-object-number--negative .fd-object-number__unit {
    color: var(--sapNegativeTextColor)
}

.fd-object-number--informative .fd-object-number__text, .fd-object-number--informative .fd-object-number__unit {
    color: var(--sapInformativeTextColor)
}

.fd-object-number--large .fd-object-number__text, .fd-object-number--large .fd-object-number__unit {
    font-family: var(--sapFontLightFamily);
    font-size: 1.5rem
}

.fd-object-status {
    --fdObjectStatus_Decoration: none;
    --fdObjectStatus_Underline: transparent;
    --fdObjectStatus_Text_Decoration: var(--fdObjectStatus_TextDecoration_Regular);
    --fdObjectStatus_Icon_Font_Size: 1rem;
    --fdObjectStatus_Icon_Color: var(--sapNeutralElementColor);
    --fdObjectStatus_Text_Font_Family: var(--sapFontFamily);
    --fdObjectStatus_Text_Font_Size: var(--sapFontSize);
    --fdObjectStatus_Text_Color: var(--sapNeutralTextColor);
    --fdObjectStatus_Height: 1rem;
    --fdObjectStatus_Text_Shadow: var(--sapContent_TextShadow);
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--fdObjectStatus_Text_Color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--fdObjectStatus_Text_Font_Family);
    font-size: var(--fdObjectStatus_Text_Font_Size);
    gap: .25rem;
    height: var(--fdObjectStatus_Height);
    line-height: var(--fdObjectStatus_Height);
    max-height: var(--fdObjectStatus_Height);
    max-width: 100%;
    position: relative;
    text-shadow: var(--fdObjectStatus_Text_Shadow);
    word-break: break-word
}

    .fd-object-status:after, .fd-object-status:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-status__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    color: inherit;
    font-family: var(--sapFontFamily);
    font-family: inherit;
    font-size: var(--sapFontSize);
    font-size: inherit;
    font-weight: 400;
    font-weight: inherit;
    forced-color-adjust: none;
    line-height: normal;
    line-height: var(--fdObjectStatus_Height);
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    word-break: inherit
}

    .fd-object-status__text:after, .fd-object-status__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-object-status__icon [class*=sap-icon], .fd-object-status__icon[class*=sap-icon] {
    background: inherit;
    border-radius: inherit;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: inherit;
    line-height: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--fdObjectStatus_Icon_Color);
    font-size: var(--fdObjectStatus_Icon_Font_Size);
    line-height: var(--fdObjectStatus_Height)
}

.fd-object-status.fd-object-status--positive {
    --fdObjectStatus_Text_Color: var(--fdElementTextColor,var(--sapPositiveTextColor));
    --fdObjectStatus_Icon_Color: var(--fdElementIconColor,var(--sapPositiveElementColor))
}

    .fd-object-status.fd-object-status--positive:visited {
        --fdObjectStatus_Text_Color:;
        --fdObjectStatus_Icon_Color:
    }

    .fd-object-status.fd-object-status--positive.is-focus, .fd-object-status.fd-object-status--positive:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--positive.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--positive:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Positive_Color_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Positive_IconColor_Focus)
        }

.fd-object-status.fd-object-status--critical {
    --fdObjectStatus_Text_Color: var(--fdElementTextColor,var(--sapCriticalTextColor));
    --fdObjectStatus_Icon_Color: var(--fdElementIconColor,var(--sapCriticalElementColor))
}

    .fd-object-status.fd-object-status--critical:visited {
        --fdObjectStatus_Text_Color:;
        --fdObjectStatus_Icon_Color:
    }

    .fd-object-status.fd-object-status--critical.is-focus, .fd-object-status.fd-object-status--critical:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--critical.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--critical:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Critical_Color_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Critical_IconColor_Focus)
        }

.fd-object-status.fd-object-status--negative {
    --fdObjectStatus_Text_Color: var(--fdElementTextColor,var(--sapNegativeTextColor));
    --fdObjectStatus_Icon_Color: var(--fdElementIconColor,var(--sapNegativeElementColor))
}

    .fd-object-status.fd-object-status--negative:visited {
        --fdObjectStatus_Text_Color:;
        --fdObjectStatus_Icon_Color:
    }

    .fd-object-status.fd-object-status--negative.is-focus, .fd-object-status.fd-object-status--negative:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--negative.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--negative:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Negative_Color_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Negative_IconColor_Focus)
        }

.fd-object-status.fd-object-status--informative {
    --fdObjectStatus_Text_Color: var(--fdElementTextColor,var(--sapInformativeTextColor));
    --fdObjectStatus_Icon_Color: var(--fdElementIconColor,var(--sapInformativeElementColor))
}

    .fd-object-status.fd-object-status--informative:visited {
        --fdObjectStatus_Text_Color:;
        --fdObjectStatus_Icon_Color:
    }

    .fd-object-status.fd-object-status--informative.is-focus, .fd-object-status.fd-object-status--informative:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--informative.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--informative:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Informative_Color_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Informative_IconColor_Focus)
        }

.fd-object-status.fd-object-status--neutral {
    --fdObjectStatus_Text_Color: var(--fdElementTextColor,var(--sapNeutralTextColor));
    --fdObjectStatus_Icon_Color: var(--fdElementIconColor,var(--sapNeutralElementColor))
}

    .fd-object-status.fd-object-status--neutral:visited {
        --fdObjectStatus_Text_Color:;
        --fdObjectStatus_Icon_Color:
    }

    .fd-object-status.fd-object-status--neutral.is-focus, .fd-object-status.fd-object-status--neutral:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--neutral.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--neutral:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Neutral_Color_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Neutral_IconColor_Focus)
        }

.fd-object-status.fd-object-status--indication-1, .fd-object-status.fd-object-status--indication-1:visited {
    --fdObjectStatus_Text_Color: var(--sapIndicationColor_1);
    --fdObjectStatus_Icon_Color: var(--sapIndicationColor_1)
}

    .fd-object-status.fd-object-status--indication-1.is-focus, .fd-object-status.fd-object-status--indication-1:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--indication-1.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--indication-1:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Accent_Color_1_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Accent_Color_1_Focus)
        }

.fd-object-status.fd-object-status--indication-2, .fd-object-status.fd-object-status--indication-2:visited {
    --fdObjectStatus_Text_Color: var(--sapIndicationColor_2);
    --fdObjectStatus_Icon_Color: var(--sapIndicationColor_2)
}

    .fd-object-status.fd-object-status--indication-2.is-focus, .fd-object-status.fd-object-status--indication-2:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--indication-2.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--indication-2:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Accent_Color_2_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Accent_Color_2_Focus)
        }

.fd-object-status.fd-object-status--indication-3, .fd-object-status.fd-object-status--indication-3:visited {
    --fdObjectStatus_Text_Color: var(--sapIndicationColor_3);
    --fdObjectStatus_Icon_Color: var(--sapIndicationColor_3)
}

    .fd-object-status.fd-object-status--indication-3.is-focus, .fd-object-status.fd-object-status--indication-3:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--indication-3.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--indication-3:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Accent_Color_3_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Accent_Color_3_Focus)
        }

.fd-object-status.fd-object-status--indication-4, .fd-object-status.fd-object-status--indication-4:visited {
    --fdObjectStatus_Text_Color: var(--sapIndicationColor_4);
    --fdObjectStatus_Icon_Color: var(--sapIndicationColor_4)
}

    .fd-object-status.fd-object-status--indication-4.is-focus, .fd-object-status.fd-object-status--indication-4:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--indication-4.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--indication-4:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Accent_Color_4_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Accent_Color_4_Focus)
        }

.fd-object-status.fd-object-status--indication-5, .fd-object-status.fd-object-status--indication-5:visited {
    --fdObjectStatus_Text_Color: var(--sapIndicationColor_5);
    --fdObjectStatus_Icon_Color: var(--sapIndicationColor_5)
}

    .fd-object-status.fd-object-status--indication-5.is-focus, .fd-object-status.fd-object-status--indication-5:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--indication-5.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--indication-5:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Accent_Color_5_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Accent_Color_5_Focus)
        }

.fd-object-status.fd-object-status--indication-6, .fd-object-status.fd-object-status--indication-6:visited {
    --fdObjectStatus_Text_Color: var(--sapIndicationColor_6);
    --fdObjectStatus_Icon_Color: var(--sapIndicationColor_6)
}

    .fd-object-status.fd-object-status--indication-6.is-focus, .fd-object-status.fd-object-status--indication-6:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--indication-6.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--indication-6:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Accent_Color_6_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Accent_Color_6_Focus)
        }

.fd-object-status.fd-object-status--indication-7, .fd-object-status.fd-object-status--indication-7:visited {
    --fdObjectStatus_Text_Color: var(--sapIndicationColor_7);
    --fdObjectStatus_Icon_Color: var(--sapIndicationColor_7)
}

    .fd-object-status.fd-object-status--indication-7.is-focus, .fd-object-status.fd-object-status--indication-7:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--indication-7.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--indication-7:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Accent_Color_7_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Accent_Color_7_Focus)
        }

.fd-object-status.fd-object-status--indication-8, .fd-object-status.fd-object-status--indication-8:visited {
    --fdObjectStatus_Text_Color: var(--sapIndicationColor_8);
    --fdObjectStatus_Icon_Color: var(--sapIndicationColor_8)
}

    .fd-object-status.fd-object-status--indication-8.is-focus, .fd-object-status.fd-object-status--indication-8:focus {
        z-index: 5
    }

        .fd-object-status.fd-object-status--indication-8.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status.fd-object-status--indication-8:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Accent_Color_8_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Accent_Color_8_Focus)
        }

.fd-object-status--link {
    cursor: pointer;
    -webkit-text-decoration: var(--fdObjectStatus_Decoration);
    text-decoration: var(--fdObjectStatus_Decoration)
}

    .fd-object-status--link .fd-object-status__text {
        -webkit-text-decoration: var(--fdObjectStatus_Text_Decoration);
        text-decoration: var(--fdObjectStatus_Text_Decoration)
    }

    .fd-object-status--link.is-visited, .fd-object-status--link:visited {
        --fdObjectStatus_Text_Decoration: var(--fdObjectStatus_TextDecoration_Visited)
    }

    .fd-object-status--link.is-hover, .fd-object-status--link:hover {
        --fdObjectStatus_Text_Decoration: var(--fdObjectStatus_TextDecoration_Hover)
    }

    .fd-object-status--link.is-active, .fd-object-status--link:active {
        --fdObjectStatus_Text_Decoration: var(--fdObjectStatus_TextDecoration_Down)
    }

    .fd-object-status--link.is-focus, .fd-object-status--link:focus {
        z-index: 5
    }

        .fd-object-status--link.is-focus:not(:active):not(.fd-object-status--inverted), .fd-object-status--link:focus:not(:active):not(.fd-object-status--inverted) {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Neutral_Color_Focus);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Neutral_IconColor_Focus);
            --fdObjectStatus_Text_Decoration: var(--fdObjectStatus_TextDecoration_Focus);
            background: var(--fdObjectStatus_Focus_Background);
            border-radius: var(--fdObjectStatus_Focus_Border_Radius);
            outline: var(--fdObjectStatus_Focus_Outline);
            text-shadow: none
        }

.fd-object-status--large {
    --fdObjectStatus_Text_Font_Size: 1.5rem;
    --fdObjectStatus_Height: 1.5rem;
    --fdObjectStatus_Icon_Font_Size: 1.5rem;
    --fdObjectStatus_Text_Font_Family: var(--sapFontLightFamily)
}

.fd-object-status--inverted {
    --fdObjectStatus_Text_Shadow: none;
    --fdObjectStatus_Icon_Font_Size: 0.75rem;
    --fdObjectStatus_Text_Font_Size: var(--sapFontSmallSize);
    --fdObjectStatus_Text_Font_Family: var(--sapFontBoldFamily);
    background-color: var(--fdObjectStatus_Background_Color,transparent);
    border-color: var(--fdObjectStatus_Border_Color,initial);
    border-radius: var(--fdObjectStatus_Inverted_Border_Radius);
    border-style: solid;
    border-width: var(--fdObjectStatus_Inverted_Border_Width);
    max-height: none;
    min-height: var(--fdObjectStatus_Inverted_Line_Height);
    min-width: var(--fdObjectStatus_Inverted_Min_Width);
    overflow: hidden;
    padding-block: var(--fdObjectStatus_Inverted_Padding_Block);
    padding-inline: var(--fdObjectStatus_Inverted_Padding_Inline);
    position: relative;
    --fdObjectStatus_Text_Color: var(--fdObjectStatus_Inverted_Neutral_Color_Regular);
    --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Inverted_Neutral_Color_Regular);
    --fdObjectStatus_Background_Color: var(--fdObjectStatus_Inverted_Neutral_Background_Regular);
    --fdObjectStatus_Border_Color: var(--fdObjectStatus_Inverted_Neutral_Border_Color_Regular)
}

    .fd-object-status--inverted .fd-object-status__icon, .fd-object-status--inverted .fd-object-status__text {
        line-height: 1rem
    }

    .fd-object-status--inverted:before {
        background: var(--fdObjectStatus_Underline);
        bottom: 0;
        content: "";
        height: var(--fdObjectStatus_Inverted_Underline_Width);
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .fd-object-status--inverted:active, .fd-object-status--inverted:hover, .fd-object-status--inverted:visited {
        --fdObjectStatus_Text_Color: var(--fdObjectStatus_Inverted_Neutral_Color_Regular);
        --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Inverted_Neutral_Color_Regular);
        --fdObjectStatus_Background_Color: var(--fdObjectStatus_Inverted_Neutral_Background_Regular)
    }

    .fd-object-status--inverted.fd-object-status--positive {
        --fdObjectStatus_Text_Color: var(--sapButton_Success_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapButton_Success_TextColor);
        --fdObjectStatus_Background_Color: var(--sapButton_Success_Background);
        --fdObjectStatus_Border_Color: var(--sapButton_Success_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--positive:active, .fd-object-status--inverted.fd-object-status--positive:hover, .fd-object-status--inverted.fd-object-status--positive:visited {
            --fdObjectStatus_Text_Color: var(--sapButton_Success_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapButton_Success_TextColor);
            --fdObjectStatus_Background_Color: var(--sapButton_Success_Background)
        }

    .fd-object-status--inverted.fd-object-status--critical {
        --fdObjectStatus_Text_Color: var(--sapButton_Critical_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapButton_Critical_TextColor);
        --fdObjectStatus_Background_Color: var(--sapButton_Critical_Background);
        --fdObjectStatus_Border_Color: var(--sapButton_Critical_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--critical:active, .fd-object-status--inverted.fd-object-status--critical:hover, .fd-object-status--inverted.fd-object-status--critical:visited {
            --fdObjectStatus_Text_Color: var(--sapButton_Critical_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapButton_Critical_TextColor);
            --fdObjectStatus_Background_Color: var(--sapButton_Critical_Background)
        }

    .fd-object-status--inverted.fd-object-status--negative {
        --fdObjectStatus_Text_Color: var(--sapButton_Negative_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapButton_Negative_TextColor);
        --fdObjectStatus_Background_Color: var(--sapButton_Negative_Background);
        --fdObjectStatus_Border_Color: var(--sapButton_Negative_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--negative:active, .fd-object-status--inverted.fd-object-status--negative:hover, .fd-object-status--inverted.fd-object-status--negative:visited {
            --fdObjectStatus_Text_Color: var(--sapButton_Negative_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapButton_Negative_TextColor);
            --fdObjectStatus_Background_Color: var(--sapButton_Negative_Background)
        }

    .fd-object-status--inverted.fd-object-status--informative {
        --fdObjectStatus_Text_Color: var(--sapButton_Information_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapButton_Information_TextColor);
        --fdObjectStatus_Background_Color: var(--sapButton_Information_Background);
        --fdObjectStatus_Border_Color: var(--sapButton_Information_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--informative:active, .fd-object-status--inverted.fd-object-status--informative:hover, .fd-object-status--inverted.fd-object-status--informative:visited {
            --fdObjectStatus_Text_Color: var(--sapButton_Information_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapButton_Information_TextColor);
            --fdObjectStatus_Background_Color: var(--sapButton_Information_Background)
        }

    .fd-object-status--inverted.fd-object-status--indication-1 {
        --fdObjectStatus_Text_Color: var(--sapIndicationColor_1_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapIndicationColor_1_TextColor);
        --fdObjectStatus_Background_Color: var(--sapIndicationColor_1_Background);
        --fdObjectStatus_Border_Color: var(--sapIndicationColor_1_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--indication-1:active, .fd-object-status--inverted.fd-object-status--indication-1:hover, .fd-object-status--inverted.fd-object-status--indication-1:visited {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_1_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_1_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_1_Background)
        }

    .fd-object-status--inverted.fd-object-status--indication-2 {
        --fdObjectStatus_Text_Color: var(--sapIndicationColor_2_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapIndicationColor_2_TextColor);
        --fdObjectStatus_Background_Color: var(--sapIndicationColor_2_Background);
        --fdObjectStatus_Border_Color: var(--sapIndicationColor_2_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--indication-2:active, .fd-object-status--inverted.fd-object-status--indication-2:hover, .fd-object-status--inverted.fd-object-status--indication-2:visited {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_2_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_2_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_2_Background)
        }

    .fd-object-status--inverted.fd-object-status--indication-3 {
        --fdObjectStatus_Text_Color: var(--sapIndicationColor_3_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapIndicationColor_3_TextColor);
        --fdObjectStatus_Background_Color: var(--sapIndicationColor_3_Background);
        --fdObjectStatus_Border_Color: var(--sapIndicationColor_3_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--indication-3:active, .fd-object-status--inverted.fd-object-status--indication-3:hover, .fd-object-status--inverted.fd-object-status--indication-3:visited {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_3_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_3_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_3_Background)
        }

    .fd-object-status--inverted.fd-object-status--indication-4 {
        --fdObjectStatus_Text_Color: var(--sapIndicationColor_4_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapIndicationColor_4_TextColor);
        --fdObjectStatus_Background_Color: var(--sapIndicationColor_4_Background);
        --fdObjectStatus_Border_Color: var(--sapIndicationColor_4_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--indication-4:active, .fd-object-status--inverted.fd-object-status--indication-4:hover, .fd-object-status--inverted.fd-object-status--indication-4:visited {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_4_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_4_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_4_Background)
        }

    .fd-object-status--inverted.fd-object-status--indication-5 {
        --fdObjectStatus_Text_Color: var(--sapIndicationColor_5_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapIndicationColor_5_TextColor);
        --fdObjectStatus_Background_Color: var(--sapIndicationColor_5_Background);
        --fdObjectStatus_Border_Color: var(--sapIndicationColor_5_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--indication-5:active, .fd-object-status--inverted.fd-object-status--indication-5:hover, .fd-object-status--inverted.fd-object-status--indication-5:visited {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_5_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_5_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_5_Background)
        }

    .fd-object-status--inverted.fd-object-status--indication-6 {
        --fdObjectStatus_Text_Color: var(--sapIndicationColor_6_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapIndicationColor_6_TextColor);
        --fdObjectStatus_Background_Color: var(--sapIndicationColor_6_Background);
        --fdObjectStatus_Border_Color: var(--sapIndicationColor_6_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--indication-6:active, .fd-object-status--inverted.fd-object-status--indication-6:hover, .fd-object-status--inverted.fd-object-status--indication-6:visited {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_6_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_6_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_6_Background)
        }

    .fd-object-status--inverted.fd-object-status--indication-7 {
        --fdObjectStatus_Text_Color: var(--sapIndicationColor_7_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapIndicationColor_7_TextColor);
        --fdObjectStatus_Background_Color: var(--sapIndicationColor_7_Background);
        --fdObjectStatus_Border_Color: var(--sapIndicationColor_7_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--indication-7:active, .fd-object-status--inverted.fd-object-status--indication-7:hover, .fd-object-status--inverted.fd-object-status--indication-7:visited {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_7_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_7_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_7_Background)
        }

    .fd-object-status--inverted.fd-object-status--indication-8 {
        --fdObjectStatus_Text_Color: var(--sapIndicationColor_8_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapIndicationColor_8_TextColor);
        --fdObjectStatus_Background_Color: var(--sapIndicationColor_8_Background);
        --fdObjectStatus_Border_Color: var(--sapIndicationColor_8_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--indication-8:active, .fd-object-status--inverted.fd-object-status--indication-8:hover, .fd-object-status--inverted.fd-object-status--indication-8:visited {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_8_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_8_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_8_Background)
        }

    .fd-object-status--inverted.fd-object-status--indication-9 {
        --fdObjectStatus_Text_Color: var(--sapIndicationColor_9_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapIndicationColor_9_TextColor);
        --fdObjectStatus_Background_Color: var(--sapIndicationColor_9_Background);
        --fdObjectStatus_Border_Color: var(--sapIndicationColor_9_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--indication-9:active, .fd-object-status--inverted.fd-object-status--indication-9:hover, .fd-object-status--inverted.fd-object-status--indication-9:visited {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_9_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_9_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_9_Background)
        }

    .fd-object-status--inverted.fd-object-status--indication-10 {
        --fdObjectStatus_Text_Color: var(--sapIndicationColor_10_TextColor);
        --fdObjectStatus_Icon_Color: var(--sapIndicationColor_10_TextColor);
        --fdObjectStatus_Background_Color: var(--sapIndicationColor_10_Background);
        --fdObjectStatus_Border_Color: var(--sapIndicationColor_10_BorderColor)
    }

        .fd-object-status--inverted.fd-object-status--indication-10:active, .fd-object-status--inverted.fd-object-status--indication-10:hover, .fd-object-status--inverted.fd-object-status--indication-10:visited {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_10_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_10_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_10_Background)
        }

    .fd-object-status--inverted.fd-object-status--indication-1b {
        --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_1b);
        --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_1b);
        --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_1b);
        --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_1b)
    }

        .fd-object-status--inverted.fd-object-status--indication-1b:active, .fd-object-status--inverted.fd-object-status--indication-1b:hover, .fd-object-status--inverted.fd-object-status--indication-1b:visited {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_1b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_1b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_1b)
        }

        .fd-object-status--inverted.fd-object-status--indication-1b .fd-object-status__icon, .fd-object-status--inverted.fd-object-status--indication-1b .fd-object-status__text {
            text-shadow: var(--fdObjectStatus_Text_Shadow_Indication_Color)
        }

    .fd-object-status--inverted.fd-object-status--indication-2b {
        --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_2b);
        --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_2b);
        --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_2b);
        --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_2b)
    }

        .fd-object-status--inverted.fd-object-status--indication-2b:active, .fd-object-status--inverted.fd-object-status--indication-2b:hover, .fd-object-status--inverted.fd-object-status--indication-2b:visited {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_2b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_2b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_2b)
        }

        .fd-object-status--inverted.fd-object-status--indication-2b .fd-object-status__icon, .fd-object-status--inverted.fd-object-status--indication-2b .fd-object-status__text {
            text-shadow: var(--fdObjectStatus_Text_Shadow_Indication_Color)
        }

    .fd-object-status--inverted.fd-object-status--indication-3b {
        --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_3b);
        --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_3b);
        --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_3b);
        --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_3b)
    }

        .fd-object-status--inverted.fd-object-status--indication-3b:active, .fd-object-status--inverted.fd-object-status--indication-3b:hover, .fd-object-status--inverted.fd-object-status--indication-3b:visited {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_3b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_3b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_3b)
        }

        .fd-object-status--inverted.fd-object-status--indication-3b .fd-object-status__icon, .fd-object-status--inverted.fd-object-status--indication-3b .fd-object-status__text {
            text-shadow: var(--fdObjectStatus_Text_Shadow_Indication_Color)
        }

    .fd-object-status--inverted.fd-object-status--indication-4b {
        --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_4b);
        --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_4b);
        --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_4b);
        --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_4b)
    }

        .fd-object-status--inverted.fd-object-status--indication-4b:active, .fd-object-status--inverted.fd-object-status--indication-4b:hover, .fd-object-status--inverted.fd-object-status--indication-4b:visited {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_4b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_4b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_4b)
        }

        .fd-object-status--inverted.fd-object-status--indication-4b .fd-object-status__icon, .fd-object-status--inverted.fd-object-status--indication-4b .fd-object-status__text {
            text-shadow: var(--fdObjectStatus_Text_Shadow_Indication_Color)
        }

    .fd-object-status--inverted.fd-object-status--indication-5b {
        --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_5b);
        --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_5b);
        --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_5b);
        --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_5b)
    }

        .fd-object-status--inverted.fd-object-status--indication-5b:active, .fd-object-status--inverted.fd-object-status--indication-5b:hover, .fd-object-status--inverted.fd-object-status--indication-5b:visited {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_5b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_5b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_5b)
        }

        .fd-object-status--inverted.fd-object-status--indication-5b .fd-object-status__icon, .fd-object-status--inverted.fd-object-status--indication-5b .fd-object-status__text {
            text-shadow: var(--fdObjectStatus_Text_Shadow_Indication_Color)
        }

    .fd-object-status--inverted.fd-object-status--indication-6b {
        --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_6b);
        --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_6b);
        --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_6b);
        --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_6b)
    }

        .fd-object-status--inverted.fd-object-status--indication-6b:active, .fd-object-status--inverted.fd-object-status--indication-6b:hover, .fd-object-status--inverted.fd-object-status--indication-6b:visited {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_6b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_6b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_6b)
        }

        .fd-object-status--inverted.fd-object-status--indication-6b .fd-object-status__icon, .fd-object-status--inverted.fd-object-status--indication-6b .fd-object-status__text {
            text-shadow: var(--fdObjectStatus_Text_Shadow_Indication_Color)
        }

    .fd-object-status--inverted.fd-object-status--indication-7b {
        --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_7b);
        --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_7b);
        --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_7b);
        --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_7b)
    }

        .fd-object-status--inverted.fd-object-status--indication-7b:active, .fd-object-status--inverted.fd-object-status--indication-7b:hover, .fd-object-status--inverted.fd-object-status--indication-7b:visited {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_7b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_7b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_7b)
        }

        .fd-object-status--inverted.fd-object-status--indication-7b .fd-object-status__icon, .fd-object-status--inverted.fd-object-status--indication-7b .fd-object-status__text {
            text-shadow: var(--fdObjectStatus_Text_Shadow_Indication_Color)
        }

    .fd-object-status--inverted.fd-object-status--indication-8b {
        --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_8b);
        --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_8b);
        --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_8b);
        --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_8b)
    }

        .fd-object-status--inverted.fd-object-status--indication-8b:active, .fd-object-status--inverted.fd-object-status--indication-8b:hover, .fd-object-status--inverted.fd-object-status--indication-8b:visited {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_8b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_8b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_8b)
        }

        .fd-object-status--inverted.fd-object-status--indication-8b .fd-object-status__icon, .fd-object-status--inverted.fd-object-status--indication-8b .fd-object-status__text {
            text-shadow: var(--fdObjectStatus_Text_Shadow_Indication_Color)
        }

    .fd-object-status--inverted.fd-object-status--indication-9b {
        --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_9b);
        --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_9b);
        --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_9b);
        --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_9b)
    }

        .fd-object-status--inverted.fd-object-status--indication-9b:active, .fd-object-status--inverted.fd-object-status--indication-9b:hover, .fd-object-status--inverted.fd-object-status--indication-9b:visited {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_9b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_9b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_9b)
        }

        .fd-object-status--inverted.fd-object-status--indication-9b .fd-object-status__icon, .fd-object-status--inverted.fd-object-status--indication-9b .fd-object-status__text {
            text-shadow: var(--fdObjectStatus_Text_Shadow_Indication_Color)
        }

    .fd-object-status--inverted.fd-object-status--indication-10b {
        --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_10b);
        --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_10b);
        --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_10b);
        --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_10b)
    }

        .fd-object-status--inverted.fd-object-status--indication-10b:active, .fd-object-status--inverted.fd-object-status--indication-10b:hover, .fd-object-status--inverted.fd-object-status--indication-10b:visited {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_10b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_10b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_10b)
        }

        .fd-object-status--inverted.fd-object-status--indication-10b .fd-object-status__icon, .fd-object-status--inverted.fd-object-status--indication-10b .fd-object-status__text {
            text-shadow: var(--fdObjectStatus_Text_Shadow_Indication_Color)
        }

    .fd-object-status--inverted.fd-object-status--large {
        --fdObjectStatus_Text_Font_Size: 1.25rem;
        --fdObjectStatus_Icon_Font_Size: 1.5rem;
        --fdObjectStatus_Height: 1.5rem;
        --fdObjectStatus_Text_Font_Family: var(--fdObjectStatus_Inverted_Large_Font_Family);
        height: auto;
        max-height: none;
        min-width: 1.75rem;
        -ms-flex-item-align: center;
        align-self: center;
        padding-block: .0625rem;
        padding-inline: .25rem
    }

        .fd-object-status--inverted.fd-object-status--large .fd-object-status__icon, .fd-object-status--inverted.fd-object-status--large .fd-object-status__text {
            line-height: var(--fdObjectStatus_Height)
        }

    .fd-object-status--inverted.fd-object-status--link {
        cursor: pointer;
        --fdObjectStatus_Text_Decoration: none;
        --fdObjectStatus_Text_Color: var(--fdObjectStatus_Inverted_Neutral_Color_Regular);
        --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Inverted_Neutral_Color_Regular);
        --fdObjectStatus_Background_Color: var(--fdObjectStatus_Inverted_Neutral_Background_Regular);
        --fdObjectStatus_Border_Color: var(--fdObjectStatus_Inverted_Neutral_Border_Color_Regular)
    }

        .fd-object-status--inverted.fd-object-status--link:active .fd-object-status__text, .fd-object-status--inverted.fd-object-status--link:hover .fd-object-status__text, .fd-object-status--inverted.fd-object-status--link:visited .fd-object-status__text {
            --fdObjectStatus_Text_Decoration: none
        }

        .fd-object-status--inverted.fd-object-status--link:visited {
            --fdObjectStatus_Text_Color: var(--sapTextColor);
            --fdObjectStatus_Icon_Color: var(--sapTextColor);
            --fdObjectStatus_Background_Color: var(--sapNeutralBackground);
            --fdObjectStatus_Border_Color: var(--sapNeutralBorderColor)
        }

        .fd-object-status--inverted.fd-object-status--link.is-focus, .fd-object-status--inverted.fd-object-status--link:focus {
            border-color: var(--sapContent_FocusColor);
            -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
            box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
            outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
            outline-offset: -.125rem;
            z-index: 5
        }

        .fd-object-status--inverted.fd-object-status--link.is-hover, .fd-object-status--inverted.fd-object-status--link:hover {
            --fdObjectStatus_Text_Color: var(--sapButton_Neutral_Hover_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapButton_Neutral_Hover_TextColor);
            --fdObjectStatus_Background_Color: var(--sapButton_Neutral_Hover_Background);
            --fdObjectStatus_Border_Color: var(--sapButton_Neutral_Hover_BorderColor)
        }

        .fd-object-status--inverted.fd-object-status--link.is-active, .fd-object-status--inverted.fd-object-status--link:active {
            --fdObjectStatus_Text_Color: var(--sapButton_Active_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapButton_Active_TextColor);
            --fdObjectStatus_Background_Color: var(--sapButton_Neutral_Active_Background);
            --fdObjectStatus_Border_Color: var(--sapButton_Neutral_Active_BorderColor)
        }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--positive {
            --fdObjectStatus_Text_Color: var(--sapButton_Success_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapButton_Success_TextColor);
            --fdObjectStatus_Background_Color: var(--sapButton_Success_Background);
            --fdObjectStatus_Border_Color: var(--sapButton_Success_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:visited {
                --fdObjectStatus_Text_Color: var(--sapButton_Critical_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapButton_Critical_TextColor);
                --fdObjectStatus_Background_Color: var(--sapButton_Success_Background);
                --fdObjectStatus_Border_Color: var(--sapButton_Success_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:hover {
                --fdObjectStatus_Text_Color: var(--sapButton_Success_Hover_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapButton_Success_Hover_TextColor);
                --fdObjectStatus_Background_Color: var(--sapButton_Success_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapButton_Success_Hover_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:active {
                --fdObjectStatus_Text_Color: var(--sapButton_Accept_Selected_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapButton_Accept_Selected_TextColor);
                --fdObjectStatus_Background_Color: var(--sapButton_Success_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapButton_Success_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--critical, .fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:visited {
            --fdObjectStatus_Text_Color: var(--sapButton_Critical_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapButton_Critical_TextColor);
            --fdObjectStatus_Background_Color: var(--sapButton_Critical_Background);
            --fdObjectStatus_Border_Color: var(--sapButton_Critical_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:hover {
                --fdObjectStatus_Text_Color: var(--sapButton_Critical_Hover_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapButton_Critical_Hover_TextColor);
                --fdObjectStatus_Background_Color: var(--sapButton_Critical_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapButton_Critical_Hover_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:active {
                --fdObjectStatus_Text_Color: var(--sapButton_Attention_Selected_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapButton_Attention_Selected_TextColor);
                --fdObjectStatus_Background_Color: var(--sapButton_Critical_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapButton_Critical_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--negative {
            --fdObjectStatus_Text_Color: var(--sapButton_Negative_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapButton_Negative_TextColor);
            --fdObjectStatus_Background_Color: var(--sapButton_Negative_Background);
            --fdObjectStatus_Border_Color: var(--sapButton_Negative_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:visited {
                --fdObjectStatus_Text_Color: var(--sapButton_Negative_Background);
                --fdObjectStatus_Icon_Color: var(--sapButton_Negative_Background);
                --fdObjectStatus_Background_Color: var(--sapButton_Negative_TextColor);
                --fdObjectStatus_Border_Color:
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:hover {
                --fdObjectStatus_Text_Color: var(--sapButton_Negative_Hover_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapButton_Negative_Hover_TextColor);
                --fdObjectStatus_Background_Color: var(--sapButton_Negative_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapButton_Negative_Hover_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:active {
                --fdObjectStatus_Text_Color: var(--sapButton_Reject_Selected_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapButton_Reject_Selected_TextColor);
                --fdObjectStatus_Background_Color: var(--sapButton_Negative_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapButton_Negative_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--informative, .fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:visited {
            --fdObjectStatus_Text_Color: var(--sapButton_Information_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapButton_Information_TextColor);
            --fdObjectStatus_Background_Color: var(--sapButton_Information_Background);
            --fdObjectStatus_Border_Color: var(--sapButton_Information_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:hover {
                --fdObjectStatus_Text_Color: var(--sapButton_Information_Hover_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapButton_Information_Hover_TextColor);
                --fdObjectStatus_Background_Color: var(--sapButton_Information_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapButton_Information_Hover_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:active {
                --fdObjectStatus_Text_Color: var(--sapButton_Selected_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapButton_Selected_TextColor);
                --fdObjectStatus_Background_Color: var(--sapButton_Information_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapButton_Information_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1 {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_1_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_1_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_1_Background);
            --fdObjectStatus_Border_Color: var(--sapIndicationColor_1_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_1_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_1_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_1);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_1_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:hover {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_1_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_1_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_1_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_1_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:active {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Active_Text_Indication_Color_1);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_1_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_1_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2 {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_2_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_2_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_2_Background);
            --fdObjectStatus_Border_Color: var(--sapIndicationColor_2_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_2_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_2_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_2);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_2_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:hover {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_2_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_2_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_2_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_2_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:active {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Active_Text_Indication_Color_2);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_2_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_2_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3 {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_3_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_3_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_3_Background);
            --fdObjectStatus_Border_Color: var(--sapIndicationColor_3_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_3_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_3_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_3);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_3_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:hover {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_3_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_3_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_3_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_3_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:active {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Active_Text_Indication_Color_3);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_3_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_3_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4 {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_4_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_4_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_4_Background);
            --fdObjectStatus_Border_Color: var(--sapIndicationColor_4_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_4_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_4_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_4);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_4_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:hover {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_4_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_4_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_4_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_4_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:active {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Active_Text_Indication_Color_4);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_4_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_4_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5 {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_5_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_5_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_5_Background);
            --fdObjectStatus_Border_Color: var(--sapIndicationColor_5_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_5_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_5_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_5);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_5_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:hover {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_5_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_5_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_5_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_5_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:active {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Active_Text_Indication_Color_5);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_5_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_5_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6 {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_6_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_6_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_6_Background);
            --fdObjectStatus_Border_Color: var(--sapIndicationColor_6_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_6_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_6_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_6);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_6_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:hover {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_6_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_6_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_6_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_6_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:active {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Active_Text_Indication_Color_6);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_6_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_6_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7 {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_7_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_7_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_7_Background);
            --fdObjectStatus_Border_Color: var(--sapIndicationColor_7_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_7_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_7_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_7);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_7_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:hover {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_7_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_7_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_7_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_7_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:active {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Active_Text_Indication_Color_7);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_7_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_7_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8 {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_8_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_8_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_8_Background);
            --fdObjectStatus_Border_Color: var(--sapIndicationColor_8_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_8_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_8_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_8);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_8_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:hover {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_8_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_8_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_8_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_8_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:active {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Active_Text_Indication_Color_8);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_8_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_8_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9 {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_9_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_9_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_9_Background);
            --fdObjectStatus_Border_Color: var(--sapIndicationColor_9_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_9_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_9_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_9);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_9_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9:hover {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_9_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_9_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_9_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_9_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9:active {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Active_Text_Indication_Color_9);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_9_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_9_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10 {
            --fdObjectStatus_Text_Color: var(--sapIndicationColor_10_TextColor);
            --fdObjectStatus_Icon_Color: var(--sapIndicationColor_10_TextColor);
            --fdObjectStatus_Background_Color: var(--sapIndicationColor_10_Background);
            --fdObjectStatus_Border_Color: var(--sapIndicationColor_10_BorderColor)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_10_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_10_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_10);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_10_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10:hover {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_10_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_10_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_10_Hover_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_10_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10:active {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Active_Text_Indication_Color_10);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_10_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_10_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_1b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_1b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_1b);
            --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_1b)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_1_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_1_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_1_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_1_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b:hover {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_1b);
                --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_1b);
                --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Hover_Indication_Color_1b);
                --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_1b)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b:active {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_1_Active_TextColor);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_1_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_1_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_2b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_2b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_2b);
            --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_2b)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_2_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_2_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_2_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_2_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b:hover {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_2b);
                --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_2b);
                --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Hover_Indication_Color_2b);
                --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_2b)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b:active {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_2_Active_TextColor);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_2_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_2_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_3b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_3b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_3b);
            --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_3b)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_3_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_3_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_3_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_3_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b:hover {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_3b);
                --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_3b);
                --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Hover_Indication_Color_3b);
                --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_3b)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b:active {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_3_Active_TextColor);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_3_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_3_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_4b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_4b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_4b);
            --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_4b)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_4_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_4_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_4_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_4_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b:hover {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_4b);
                --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_4b);
                --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Hover_Indication_Color_4b);
                --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_4b)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b:active {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_4_Active_TextColor);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_4_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_4_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_5b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_5b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_5b);
            --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_5b)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_5_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_5_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_5_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_5_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b:hover {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_5b);
                --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_5b);
                --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Hover_Indication_Color_5b);
                --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_5b)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b:active {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_5_Active_TextColor);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_5_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_5_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_6b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_6b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_6b);
            --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_6b)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_6_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_6_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_6_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_6_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b:hover {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_6b);
                --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_6b);
                --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Hover_Indication_Color_6b);
                --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_6b)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b:active {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_6_Active_TextColor);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_6_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_6_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_7b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_7b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_7b);
            --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_7b)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_7_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_7_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_7_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_7_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b:hover {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_7b);
                --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_7b);
                --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Hover_Indication_Color_7b);
                --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_7b)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b:active {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_7_Active_TextColor);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_7_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_7_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_8b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_8b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_8b);
            --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_8b)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_8_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_8_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_8_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_8_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b:hover {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_8b);
                --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_8b);
                --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Hover_Indication_Color_8b);
                --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_8b)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b:active {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_8_Active_TextColor);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_8_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_8_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_9b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_9b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_9b);
            --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_9b)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_9_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_9_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_9_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_9_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b:hover {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_9b);
                --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_9b);
                --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Hover_Indication_Color_9b);
                --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_9b)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b:active {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_9_Active_TextColor);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_9_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_9_Active_BorderColor)
            }

        .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b {
            --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_10b);
            --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_10b);
            --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Indication_Color_10b);
            --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_10b)
        }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b:visited {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_10_Active_TextColor);
                --fdObjectStatus_Icon_Color: var(--sapIndicationColor_10_Active_TextColor);
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_10_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_10_Active_BorderColor)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b.is-focus, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b:focus {
                border-color: var(--sapContent_FocusColor);
                -webkit-box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                box-shadow: var(--fdObjectStatus_Inverted_Box_Shadow);
                outline: var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);
                outline-offset: -.125rem;
                z-index: 5
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b.is-hover, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b:hover {
                --fdObjectStatus_Text_Color: var(--fdObjectStatus_Text_Indication_Color_10b);
                --fdObjectStatus_Icon_Color: var(--fdObjectStatus_Text_Indication_Color_10b);
                --fdObjectStatus_Background_Color: var(--fdObjectStatus_Background_Hover_Indication_Color_10b);
                --fdObjectStatus_Border_Color: var(--fdObjectStatus_Border_Indication_Color_10b)
            }

            .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b.is-active, .fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b:active {
                --fdObjectStatus_Text_Color: var(--sapIndicationColor_10_Active_TextColor);
                --fdObjectStatus_Icon_Color:;
                --fdObjectStatus_Background_Color: var(--sapIndicationColor_10_Active_Background);
                --fdObjectStatus_Border_Color: var(--sapIndicationColor_10_Active_BorderColor)
            }

.fd-object-status--truncate .fd-object-status__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fd-off-screen {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: .0625rem;
    left: -625rem;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    position: absolute;
    top: auto;
    width: .0625rem
}

    .fd-off-screen:after, .fd-off-screen:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-padding {
    padding-block: 1rem;
    padding-inline: 1rem
}

.fd-padding-begin-end--tiny {
    padding-inline: .5rem
}

.fd-padding-begin-end--sm {
    padding-inline: 1rem
}

.fd-padding-begin-end--md {
    padding-inline: 2rem
}

.fd-padding-begin-end--lg {
    padding-inline: 3rem
}

.fd-padding--none {
    padding-block: 0;
    padding-inline: 0
}

.fd-padding-responsive--sm {
    padding-block: 0;
    padding-inline: 1rem
}

.fd-padding-responsive--lg, .fd-padding-responsive--md {
    padding-block: 0;
    padding-inline: 2rem
}

.fd-padding-responsive--xl {
    padding-block: 0;
    padding-inline: 3rem
}

.fd-page-footer {
    background: var(--sapBaseColor);
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-block: 1.5rem 2rem;
    padding-inline: 0;
    position: relative
}

    .fd-page-footer:after, .fd-page-footer:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-page-footer__logo {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    height: 1.5rem;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    width: 3rem
}

    .fd-page-footer__logo:after, .fd-page-footer__logo:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-page-footer__row {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    width: 70%;
    word-break: break-all
}

    .fd-page-footer__row:after, .fd-page-footer__row:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-page-footer__row .fd-page-footer__row-item {
        -webkit-margin-end: 1.5rem;
        margin-inline-end: 1.5rem
    }

    .fd-page-footer__row .fd-page-footer__row-image {
        display: block
    }

    .fd-page-footer__row:not(:first-child) {
        -webkit-padding-before: .25rem;
        padding-block-start: .25rem
    }

.fd-page-footer__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: absolute;
    text-align: right;
    width: 30%
}

    .fd-page-footer__text:after, .fd-page-footer__text:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-page-footer__text[dir=rtl], [dir=rtl] .fd-page-footer__text {
        text-align: left
    }

.fd-page-footer--xl {
    padding-inline: 3rem
}

    .fd-page-footer--xl .fd-page-footer__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-padding-before: .75rem;
        padding-block-start: .75rem
    }

.fd-page-footer--lg {
    padding-inline: 2rem
}

    .fd-page-footer--lg .fd-page-footer__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-padding-before: .75rem;
        padding-block-start: .75rem
    }

.fd-page-footer--md {
    padding-inline: 1rem
}

    .fd-page-footer--md .fd-page-footer__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-padding-before: .75rem;
        padding-block-start: .75rem
    }

.fd-page-footer--sm {
    padding-inline: .5rem
}

    .fd-page-footer--sm .fd-page-footer__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-padding-before: .75rem;
        padding-block-start: .75rem
    }

@media (width <= 768px) {
    .fd-page-footer .fd-page-footer__row {
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        width: 100%
    }

        .fd-page-footer .fd-page-footer__row:not(:first-child) {
            -webkit-padding-before: 0;
            padding-block-start: 0
        }

    .fd-page-footer .fd-page-footer__row-item {
        -webkit-padding-before: .25rem;
        padding-block-start: .25rem
    }

    .fd-page-footer .fd-page-footer__text {
        text-align: left;
        width: 90%;
        -webkit-padding-before: .75rem;
        padding-block-start: .75rem
    }

    .fd-page-footer .fd-page-footer__container {
        display: inline-block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }
}

.fd-page {
    --fdPage_Background: var(--sapBackgroundColor);
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: var(--fdPage_Background);
    -ms-flex-direction: column;
    flex-direction: column
}

    .fd-page:after, .fd-page:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-page__content {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-page__content:after, .fd-page__content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-page__content--s {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    padding-inline: 1rem
}

    .fd-page__content--s:after, .fd-page__content--s:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-page__content--m_l {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    padding-inline: 2rem
}

    .fd-page__content--m_l:after, .fd-page__content--m_l:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-page__content--xl {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    padding-inline: 3rem
}

    .fd-page__content--xl:after, .fd-page__content--xl:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-page--solid {
    --fdPage_Background: var(--sapBackgroundColor)
}

.fd-page--list {
    --fdPage_Background: var(--fdPage_List_Background)
}

.fd-page--transparent {
    --fdPage_Background: var(--fdPage_Transparent_Background)
}

.fd-page--home.fd-page__content--S {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    padding-inline: .5rem
}

    .fd-page--home.fd-page__content--S:after, .fd-page--home.fd-page__content--S:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-pagination {
    --fdPaginationMoreWidth: var(--fdPagination_Placeholder_Dots_Width);
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-inline: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    height: 2.75rem;
    justify-content: space-between;
    padding-block: 0;
    padding-inline: 1rem;
    width: 100%
}

    .fd-pagination:after, .fd-pagination:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-pagination__per-page {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .fd-pagination__per-page:after, .fd-pagination__per-page:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-pagination__nav {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--fdPagination_Elements_Spacing);
    margin-inline: auto
}

    .fd-pagination__nav:after, .fd-pagination__nav:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-pagination__more {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-pagination__more:after, .fd-pagination__more:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-pagination__more:before {
        content: "...";
        display: block;
        text-align: center;
        width: var(--fdPaginationMoreWidth)
    }

    .fd-pagination__more[class*=-compact], .fd-pagination__more[class*=-condensed], [class*=-compact] .fd-pagination__more:not([class*=-cozy]), [class*=-condensed] .fd-pagination__more:not([class*=-cozy]) {
        --fdPaginationMoreWidth: var(--fdPagination_Placeholder_Dots_Width_Compact)
    }

.fd-pagination .fd-pagination__input {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    min-width: 2.5rem;
    text-align: center;
    width: auto
}

    .fd-pagination .fd-pagination__input::-webkit-inner-spin-button, .fd-pagination .fd-pagination__input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none;
        margin-block: 0;
        margin-inline: 0
    }

.fd-pagination .fd-pagination__label, .fd-pagination .fd-pagination__per-page-label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    align-self: center
}

.fd-pagination .fd-pagination__label {
    display: none
}

.fd-pagination .fd-pagination__total-label {
    margin-block: 0;
    margin-inline: 0
}

.fd-pagination .fd-pagination__link.is-focus, .fd-pagination .fd-pagination__link:focus {
    outline: none;
    z-index: 5
}

    .fd-pagination .fd-pagination__link.is-focus:after, .fd-pagination .fd-pagination__link:focus:after {
        border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
        border-radius: var(--fdButton_Focus_Border_Radius);
        content: "";
        display: block;
        inset: var(--fdButton_Outline_Offset) var(--fdButton_Outline_Offset) var(--fdButton_Outline_Offset) var(--fdButton_Outline_Offset);
        position: absolute
    }

    .fd-pagination .fd-pagination__link.is-focus.fd-button--toggled:after, .fd-pagination .fd-pagination__link.is-focus.is-selected:after, .fd-pagination .fd-pagination__link:focus.fd-button--toggled:after, .fd-pagination .fd-pagination__link:focus.is-selected:after {
        border-color: var(--fdButton_Outline_Contrast)
    }

.fd-pagination .fd-pagination__link.is-active {
    display: none
}

.fd-pagination .fd-pagination__button [class*=sap-icon][dir=rtl], [dir=rtl] .fd-pagination .fd-pagination__button [class*=sap-icon] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fd-pagination .fd-pagination__button--mobile {
    display: none
}

.fd-pagination .fd-pagination__button.is-disabled, .fd-pagination .fd-pagination__button:disabled, .fd-pagination .fd-pagination__button[aria-disabled=true] {
    pointer-events: none
}

.fd-pagination--short .fd-pagination__link.is-active, .fd-pagination--short .fd-pagination__link:active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fd-pagination--short .fd-pagination__input {
    display: none
}

.fd-pagination--mobile .fd-pagination__per-page + .fd-pagination__nav {
    margin-inline: auto 0
}

.fd-pagination--mobile .fd-pagination__link, .fd-pagination--mobile .fd-pagination__more, .fd-pagination--mobile .fd-pagination__per-page-label, .fd-pagination--mobile .fd-pagination__total {
    display: none
}

.fd-pagination--mobile .fd-pagination__button--mobile, .fd-pagination--mobile .fd-pagination__input, .fd-pagination--mobile .fd-pagination__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fd-pagination--mobile .fd-pagination__link.is-active, .fd-pagination--mobile .fd-pagination__link:active {
    display: none
}

@media (width <= 599px) {
    .fd-pagination .fd-pagination__per-page + .fd-pagination__nav {
        margin-inline: auto 0
    }

    .fd-pagination .fd-pagination__link, .fd-pagination .fd-pagination__more, .fd-pagination .fd-pagination__per-page-label, .fd-pagination .fd-pagination__total {
        display: none
    }

    .fd-pagination .fd-pagination__button--mobile, .fd-pagination .fd-pagination__input, .fd-pagination .fd-pagination__label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .fd-pagination .fd-pagination__link.is-active, .fd-pagination .fd-pagination__link:active {
        display: none
    }
}

@media (width >= 600px) and (width <= 1023px) {
    .fd-pagination .fd-pagination__per-page + .fd-pagination__nav {
        margin-inline: auto 0
    }

    .fd-pagination .fd-pagination__link, .fd-pagination .fd-pagination__more, .fd-pagination .fd-pagination__per-page-label, .fd-pagination .fd-pagination__total {
        display: none
    }

    .fd-pagination .fd-pagination__button--mobile, .fd-pagination .fd-pagination__input, .fd-pagination .fd-pagination__label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .fd-pagination .fd-pagination__link.is-active, .fd-pagination .fd-pagination__link:active {
        display: none
    }
}

.fd-panel {
    --fdPanel_Header_Width: 100%;
    --fdPanel_Header_Height: 2.75rem;
    --fdPanel_Flex_Direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--fdPanel_Flex_Direction);
    flex-direction: var(--fdPanel_Flex_Direction)
}

.fd-panel, .fd-panel__content, .fd-panel__expand, .fd-panel__header, .fd-panel__title {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-panel:after, .fd-panel:before, .fd-panel__content:after, .fd-panel__content:before, .fd-panel__expand:after, .fd-panel__expand:before, .fd-panel__header:after, .fd-panel__header:before, .fd-panel__title:after, .fd-panel__title:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-panel:not(:last-child) {
        -webkit-margin-after: var(--fdPanel_Margin_Bottom);
        margin-block-end: var(--fdPanel_Margin_Bottom)
    }

.fd-panel__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--sapGroup_TitleBackground);
    border-bottom: var(--sapGroup_TitleBorderWidth) solid var(--fdPanel_Header_Border_Color,var(--sapGroup_TitleBorderColor));
    border-radius: var(--fdPanel_Header_Border_Top_Left_Radius,var(--fdPanel_Border_Radius)) var(--fdPanel_Header_Border_Top_Right_Radius,var(--fdPanel_Border_Radius)) var(--fdPanel_Header_Border_Bottom_Right_Radius,0) var(--fdPanel_Header_Border_Bottom_Left_Radius,0);
    height: var(--fdPanel_Header_Height);
    min-height: var(--fdPanel_Header_Height);
    min-width: var(--fdPanel_Header_Width);
    overflow: hidden;
    padding-inline: var(--fdPanel_Header_Padding_Inline_Start,0) var(--fdPanel_Header_Padding_Inline_End,.5rem);
    position: var(--fdPanel_Header_Position,relative);
    top: var(--fdPanel_Header_Position_Top,unset);
    width: var(--fdPanel_Header_Width)
}

    .fd-panel__header:has(.fd-panel__button[aria-expanded=false]) {
        --fdPanel_Header_Border_Bottom_Left_Radius: var(--fdPanel_Border_Radius);
        --fdPanel_Header_Border_Bottom_Right_Radius: var(--fdPanel_Border_Radius)
    }

    .fd-panel__header:has(.fd-toolbar) {
        --fdPanel_Header_Padding_Inline_End: 0
    }

    .fd-panel__header:not(:has(.fd-panel__button)) {
        --fdPanel_Header_Padding_Inline_Start: 1rem
    }

.fd-panel__title {
    color: var(--sapGroup_TitleTextColor);
    font-family: var(--sapFontHeaderFamily);
    font-size: var(--sapGroup_Title_FontSize);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: var(--fdPanel_Title_Font_Size);
    max-width: 100%;
    width: 100%
}

.fd-panel__content {
    background: var(--fdPanel_Content_Background_Color);
    border-bottom: .0625rem solid var(--fdPanel_Content_Border_Bottom_Color);
    border-radius: var(--fdPanel_Content_Border_Top_Left_Radius,0) var(--fdPanel_Content_Border_Top_Right_Radius,0) var(--fdPanel_Content_Border_Bottom_Right_Radius,var(--fdPanel_Border_Radius)) var(--fdPanel_Content_Border_Bottom_Left_Radius,var(--fdPanel_Border_Radius));
    overflow: auto;
    padding-block: var(--fdPanel_Content_Padding_Block,.625rem);
    padding-inline: var(--fdPanel_Content_Padding_Inline,1rem);
    scrollbar-color: var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)
}

    .fd-panel__content.is-focus, .fd-panel__content:focus {
        outline: none;
        z-index: 5
    }

    .fd-panel__content::-webkit-scrollbar {
        height: var(--fdScrollbar_Dimension);
        width: var(--fdScrollbar_Dimension)
    }

    .fd-panel__content::-webkit-scrollbar-corner, .fd-panel__content::-webkit-scrollbar-track {
        background-color: var(--fdScrollbar_Track_Color)
    }

    .fd-panel__content::-webkit-scrollbar-thumb {
        background-color: transparent;
        border: var(--fdScrollbar_Thumb_Offset) solid transparent;
        border-radius: calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));
        -webkit-box-shadow: inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);
        box-shadow: inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)
    }

        .fd-panel__content::-webkit-scrollbar-thumb:active, .fd-panel__content::-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-panel__content::-webkit-scrollbar-corner, .fd-panel__content::-webkit-scrollbar-track {
        border-radius: 0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0
    }

    .fd-panel__content[dir=rtl]::-webkit-scrollbar-corner, .fd-panel__content[dir=rtl]::-webkit-scrollbar-track, [dir=rtl] .fd-panel__content::-webkit-scrollbar-corner, [dir=rtl] .fd-panel__content::-webkit-scrollbar-track {
        border-radius: var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)
    }

    .fd-panel__content[aria-hidden=true] {
        display: none
    }

.fd-panel__content--no-padding {
    --fdPanel_Content_Padding_Inline: 0;
    --fdPanel_Content_Padding_Block: 0
}

.fd-panel__expand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--fdPanel_Header_Height);
    min-height: var(--fdPanel_Header_Height);
    width: 2.75rem
}

.fd-panel__button {
    font-size: 1rem
}

    .fd-panel__button[dir=rtl] .sap-icon--slim-arrow-right, [dir=rtl] .fd-panel__button .sap-icon--slim-arrow-right {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.fd-panel--fixed {
    --fdPanel_Header_Padding_Inline_Start: 1rem
}

.fd-panel--sticky {
    --fdPanel_Header_Position: sticky;
    --fdPanel_Header_Position_Top: 0
}

.fd-panel--borderless {
    --fdPanel_Header_Border_Color: transparent
}

.fd-panel--transparent {
    --fdPanel_Content_Background_Color: transparent
}

.fd-panel[class*=-compact], .fd-panel[class*=-condensed], [class*=-compact] .fd-panel:not([class*=-cozy]), [class*=-condensed] .fd-panel:not([class*=-cozy]) {
    --fdPanel_Header_Height: 2.5rem
}

body.fd-overlay-active:before {
    background: var(--fdModal_BackgroundColor);
    content: "";
    height: 100vh;
    left: 0;
    pointer-events: all;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999
}

.fd-popover {
    --fdPopover_Display: inline-block;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    display: var(--fdPopover_Display);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    max-width: 100%;
    padding-block: 0;
    padding-inline: 0;
    position: relative
}

    .fd-popover:after, .fd-popover:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-popover__modal {
    position: relative;
    z-index: 1000
}

.fd-popover__control {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    cursor: pointer;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    position: relative
}

    .fd-popover__control:after, .fd-popover__control:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-popover__control:focus-visible {
        outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)
    }

    .fd-popover__control.is-expanded > *, .fd-popover__control[aria-expanded=true] > * {
        -webkit-margin-after: 0;
        margin-block-end: 0
    }

    .fd-popover__control.is-expanded + .fd-popover__body--input-message-group, .fd-popover__control[aria-expanded=true] + .fd-popover__body--input-message-group {
        margin-top: 0
    }

    .fd-popover__control.is-disabled, .fd-popover__control:disabled, .fd-popover__control[aria-disabled=true] {
        pointer-events: none
    }

.fd-popover__wrapper {
    border-radius: var(--fdPopover_Body_Border_Radius);
    overflow: auto;
    position: relative;
    scrollbar-color: var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)
}

    .fd-popover__wrapper.is-focus, .fd-popover__wrapper:focus {
        outline: none;
        z-index: 5
    }

    .fd-popover__wrapper::-webkit-scrollbar {
        height: var(--fdScrollbar_Dimension);
        width: var(--fdScrollbar_Dimension)
    }

    .fd-popover__wrapper::-webkit-scrollbar-corner, .fd-popover__wrapper::-webkit-scrollbar-track {
        background-color: var(--fdScrollbar_Track_Color)
    }

    .fd-popover__wrapper::-webkit-scrollbar-thumb {
        background-color: transparent;
        border: var(--fdScrollbar_Thumb_Offset) solid transparent;
        border-radius: calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));
        -webkit-box-shadow: inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);
        box-shadow: inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)
    }

        .fd-popover__wrapper::-webkit-scrollbar-thumb:active, .fd-popover__wrapper::-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-popover__wrapper::-webkit-scrollbar-corner, .fd-popover__wrapper::-webkit-scrollbar-track {
        border-radius: 0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0
    }

    .fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-corner, .fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-track, [dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-corner, [dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-track {
        border-radius: var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)
    }

.fd-popover__wrapper--visible {
    overflow: visible !important
}

.fd-popover__body {
    --fdPopover_Offset: 100%;
    --fdPopover_Center_Offset: 50%;
    --fdPopover_Arrow_Size: 0.5rem;
    --fdPopover_Body_Border_Radius: var(--fdPopover_Border_Radius);
    --fdPopover_Body_Box_Shadow: var(--sapContent_Shadow2);
    --fdPopover_Body_Box_Shadow_No_Arrow: var(--sapContent_Shadow1);
    --fdIcon_Button_Height: 2.25rem;
    --fdIcon_Button_Width: 2.25rem;
    --fdPopover_Resize_Handle_Position_Top: auto;
    --fdPopover_Resize_Handle_Position_Right: 0;
    --fdPopover_Resize_Handle_Position_Bottom: 0;
    --fdPopover_Resize_Handle_Position_Left: auto;
    --fdPopover_Resize_Handle_Rotate_Angle: 0;
    --fdPopover_Resize_Handle_Cursor: se-resize;
    --fdPopover_Resize_Handle_Justify: flex-end;
    --fdPopover_Resize_Handle_Transform_Scale: 1;
    background: var(--sapGroup_ContentBackground);
    border: 0;
    border-radius: var(--fdPopover_Body_Border_Radius);
    -webkit-box-shadow: var(--fdPopover_Body_Box_Shadow);
    box-shadow: var(--fdPopover_Body_Box_Shadow);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    opacity: 1;
    padding-block: 0;
    padding-inline: 0;
    position: absolute;
    top: calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size));
    -webkit-transition: all .125s;
    transition: all .125s;
    visibility: visible;
    white-space: nowrap;
    z-index: 1000
}

    .fd-popover__body:after, .fd-popover__body:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        content: "";
        font-size: inherit;
        position: absolute
    }

    .fd-popover__body:before {
        border-bottom: calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);
        border-left: calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;
        border-right: calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;
        top: calc(var(--fdPopover_Arrow_Size)*-1 + var(--fdPopover_Border_Width));
        z-index: 1002
    }

    .fd-popover__body:after, .fd-popover__body:before {
        border-top: none;
        display: inline-block;
        height: 0;
        width: 0
    }

    .fd-popover__body:after {
        border-bottom: var(--fdPopover_Arrow_Size) solid var(--fdPopover_Border_Color);
        border-left: var(--fdPopover_Arrow_Size) solid transparent;
        border-right: var(--fdPopover_Arrow_Size) solid transparent;
        top: calc(var(--fdPopover_Arrow_Size)*-1);
        z-index: 1001
    }

    .fd-popover__body > :not(.fd-popover__wrapper) {
        overflow: hidden
    }

    .fd-popover__body-header > :first-child, .fd-popover__body > :first-child {
        border-top-left-radius: var(--fdPopover_Border_Radius);
        border-top-right-radius: var(--fdPopover_Border_Radius)
    }

    .fd-popover__body-footer > :last-child, .fd-popover__body > :last-child {
        border-bottom-left-radius: var(--fdPopover_Border_Radius);
        border-bottom-right-radius: var(--fdPopover_Border_Radius)
    }

    .fd-popover__body .fd-menu {
        width: 100%
    }

    .fd-popover__body[class*=-compact], .fd-popover__body[class*=-condensed], [class*=-compact] .fd-popover__body:not([class*=-cozy]), [class*=-condensed] .fd-popover__body:not([class*=-cozy]) {
        --fdIcon_Button_Height: 1.625rem;
        --fdIcon_Button_Width: 2rem
    }

.fd-popover__body--no-arrow {
    -webkit-box-shadow: var(--fdPopover_Body_Box_Shadow_No_Arrow);
    box-shadow: var(--fdPopover_Body_Box_Shadow_No_Arrow);
    top: var(--fdPopover_Offset)
}

    .fd-popover__body--no-arrow:after, .fd-popover__body--no-arrow:before {
        display: none
    }

.fd-popover__body, .fd-popover__body--left {
    left: 0
}

    .fd-popover__body--left[dir=rtl], .fd-popover__body[dir=rtl], [dir=rtl] .fd-popover__body, [dir=rtl] .fd-popover__body--left {
        left: auto;
        right: 0
    }

    .fd-popover__body--left:before, .fd-popover__body:before {
        left: calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))
    }

    .fd-popover__body--left:after, .fd-popover__body:after {
        left: calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))
    }

    .fd-popover__body--left[dir=rtl]:before, .fd-popover__body[dir=rtl]:before, [dir=rtl] .fd-popover__body--left:before, [dir=rtl] .fd-popover__body:before {
        left: auto;
        right: calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))
    }

    .fd-popover__body--left[dir=rtl]:after, .fd-popover__body[dir=rtl]:after, [dir=rtl] .fd-popover__body--left:after, [dir=rtl] .fd-popover__body:after {
        left: auto;
        right: calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))
    }

.fd-popover__body--center {
    left: var(--fdPopover_Center_Offset);
    -webkit-transform: translateX(calc(var(--fdPopover_Center_Offset)*-1));
    transform: translateX(calc(var(--fdPopover_Center_Offset)*-1))
}

    .fd-popover__body--center[dir=rtl], [dir=rtl] .fd-popover__body--center {
        left: auto;
        right: var(--fdPopover_Center_Offset);
        -webkit-transform: translateX(var(--fdPopover_Center_Offset));
        transform: translateX(var(--fdPopover_Center_Offset))
    }

.fd-popover__body--right {
    left: auto;
    right: 0
}

    .fd-popover__body--right[dir=rtl], [dir=rtl] .fd-popover__body--right {
        left: auto;
        left: 0;
        right: auto
    }

    .fd-popover__body--right:before {
        left: auto;
        right: calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))
    }

    .fd-popover__body--right:after {
        left: auto;
        right: calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))
    }

    .fd-popover__body--right[dir=rtl]:before, [dir=rtl] .fd-popover__body--right:before {
        left: calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));
        right: auto
    }

    .fd-popover__body--right[dir=rtl]:after, [dir=rtl] .fd-popover__body--right:after {
        left: calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width));
        right: auto
    }

.fd-popover__body--before {
    left: auto !important;
    right: var(--fdPopover_Offset) !important;
    top: 0
}

.fd-popover__body--after {
    left: var(--fdPopover_Offset) !important;
    right: auto !important;
    top: 0
}

.fd-popover__body--middle {
    top: var(--fdPopover_Center_Offset);
    -webkit-transform: translateY(calc(var(--fdPopover_Center_Offset)*-1));
    transform: translateY(calc(var(--fdPopover_Center_Offset)*-1))
}

.fd-popover__body--bottom {
    bottom: 0;
    top: auto
}

.fd-popover__body--above {
    bottom: var(--fdPopover_Offset);
    top: auto
}

.fd-popover__body--arrow-bottom {
    bottom: calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size)) !important
}

    .fd-popover__body--arrow-bottom:before {
        border-bottom: none;
        border-left: calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;
        border-right: calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;
        border-top: calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);
        display: inline-block;
        height: 0;
        top: 100%;
        width: 0
    }

    .fd-popover__body--arrow-bottom:after {
        border-bottom: none;
        border-left: var(--fdPopover_Arrow_Size) solid transparent;
        border-right: var(--fdPopover_Arrow_Size) solid transparent;
        border-top: var(--fdPopover_Arrow_Size) solid var(--fdPopover_Border_Color);
        display: inline-block;
        height: 0;
        top: 100%;
        width: 0
    }

.fd-popover__body--arrow-left {
    left: calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size)) !important
}

    .fd-popover__body--arrow-left:before {
        border-bottom: calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;
        border-right: calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);
        border-top: calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;
        top: calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))
    }

    .fd-popover__body--arrow-left:after, .fd-popover__body--arrow-left:before {
        border-left: none;
        display: inline-block;
        height: 0;
        left: auto !important;
        right: 100% !important;
        width: 0
    }

    .fd-popover__body--arrow-left:after {
        border-bottom: var(--fdPopover_Arrow_Size) solid transparent;
        border-right: var(--fdPopover_Arrow_Size) solid var(--fdPopover_Border_Color);
        border-top: var(--fdPopover_Arrow_Size) solid transparent;
        top: calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))
    }

.fd-popover__body--arrow-right {
    right: calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size)) !important
}

    .fd-popover__body--arrow-right:before {
        border-bottom: calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;
        border-left: calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);
        border-top: calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;
        top: calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))
    }

    .fd-popover__body--arrow-right:after, .fd-popover__body--arrow-right:before {
        border-right: none;
        display: inline-block;
        height: 0;
        left: 100% !important;
        right: auto !important;
        width: 0
    }

    .fd-popover__body--arrow-right:after {
        border-bottom: var(--fdPopover_Arrow_Size) solid transparent;
        border-left: var(--fdPopover_Arrow_Size) solid var(--fdPopover_Border_Color);
        border-top: var(--fdPopover_Arrow_Size) solid transparent;
        top: calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))
    }

.fd-popover__body--arrow-x-center:after, .fd-popover__body--arrow-x-center:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fd-popover__body--arrow-x-center[dir=rtl]:after, .fd-popover__body--arrow-x-center[dir=rtl]:before, [dir=rtl] .fd-popover__body--arrow-x-center:after, [dir=rtl] .fd-popover__body--arrow-x-center:before {
    left: auto;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.fd-popover__body--arrow-x-end:before {
    left: auto;
    right: calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))
}

.fd-popover__body--arrow-x-end:after {
    left: auto;
    right: calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))
}

.fd-popover__body--arrow-x-end[dir=rtl]:before, [dir=rtl] .fd-popover__body--arrow-x-end:before {
    left: calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));
    right: auto
}

.fd-popover__body--arrow-x-end[dir=rtl]:after, [dir=rtl] .fd-popover__body--arrow-x-end:after {
    left: calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width));
    right: auto
}

.fd-popover__body--arrow-y-center:after, .fd-popover__body--arrow-y-center:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fd-popover__body--arrow-y-bottom:before, .fd-popover__body--arrow-y-end:before {
    bottom: calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));
    top: auto
}

.fd-popover__body--arrow-y-bottom:after, .fd-popover__body--arrow-y-end:after {
    bottom: calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width));
    top: auto
}

.fd-popover__body--dropdown {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.fd-popover__body--dropdown-fill {
    display: block;
    max-width: 40rem;
    width: calc(100% - var(--sapGroup_BorderWidth)*2)
}

.fd-popover__body--static {
    position: relative;
    --fdPopover_Offset: 0%;
    --fdPopover_Center_Offset: 0%
}

.fd-popover__body.is-hidden, .fd-popover__body[aria-hidden=true] {
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.fd-popover__body .fd-popover__body--hidden {
    display: none
}

.fd-popover__body--input-message-group {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.fd-popover__body--inline-help {
    font-size: var(--sapFontSmallSize);
    padding-block: .75rem;
    padding-inline: .75rem
}

.fd-popover__body--inline-help-icon {
    --fdIcon_Button_Height: 1.375rem;
    --fdIcon_Button_Width: 1.375rem
}

.fd-popover__body.fd-popover__body--resizable[dir=rtl], [dir=rtl] .fd-popover__body.fd-popover__body--resizable {
    --fdPopover_Resize_Handle_Position_Right: auto;
    --fdPopover_Resize_Handle_Position_Left: 0;
    --fdPopover_Resize_Handle_Cursor: sw-resize;
    --fdPopover_Resize_Handle_Transform_Scale: -1;
    --fdPopover_Resize_Handle_Justify: flex-start
}

.fd-popover__body.fd-popover__body--resizable.fd-popover__body--right {
    --fdPopover_Resize_Handle_Position_Left: 0;
    --fdPopover_Resize_Handle_Position_Right: auto;
    --fdPopover_Resize_Handle_Cursor: sw-resize;
    --fdPopover_Resize_Handle_Transform_Scale: -1
}

    .fd-popover__body.fd-popover__body--resizable.fd-popover__body--right[dir=rtl], [dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--right {
        --fdPopover_Resize_Handle_Position_Right: 0;
        --fdPopover_Resize_Handle_Position_Left: auto;
        --fdPopover_Resize_Handle_Cursor: se-resize;
        --fdPopover_Resize_Handle_Transform_Scale: 1
    }

.fd-popover__body.fd-popover__body--resizable.fd-popover__body--above {
    --fdPopover_Resize_Handle_Position_Top: 0;
    --fdPopover_Resize_Handle_Position_Bottom: auto;
    --fdPopover_Resize_Handle_Position_Right: 0;
    --fdPopover_Resize_Handle_Position_Left: auto;
    --fdPopover_Resize_Handle_Cursor: ne-resize;
    --fdPopover_Resize_Handle_Rotate_Angle: -90deg;
    --fdPopover_Resize_Handle_Transform_Scale: 1
}

    .fd-popover__body.fd-popover__body--resizable.fd-popover__body--above[dir=rtl], [dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--above {
        --fdPopover_Resize_Handle_Position_Right: auto;
        --fdPopover_Resize_Handle_Position_Left: 0;
        --fdPopover_Resize_Handle_Cursor: nw-resize;
        --fdPopover_Resize_Handle_Transform_Scale: 1;
        --fdPopover_Resize_Handle_Rotate_Angle: 180deg
    }

    .fd-popover__body.fd-popover__body--resizable.fd-popover__body--above.fd-popover__body--right {
        --fdPopover_Resize_Handle_Position_Right: auto;
        --fdPopover_Resize_Handle_Position_Left: 0;
        --fdPopover_Resize_Handle_Rotate_Angle: 180deg;
        --fdPopover_Resize_Handle_Cursor: nw-resize;
        --fdPopover_Resize_Handle_Transform_Scale: 1
    }

        .fd-popover__body.fd-popover__body--resizable.fd-popover__body--above.fd-popover__body--right[dir=rtl], [dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--above.fd-popover__body--right {
            --fdPopover_Resize_Handle_Position_Right: 0;
            --fdPopover_Resize_Handle_Position_Left: auto;
            --fdPopover_Resize_Handle_Rotate_Angle: -90deg;
            --fdPopover_Resize_Handle_Cursor: ne-resize
        }

.fd-popover__body.fd-popover__body--resizable.fd-popover__body--after {
    --fdPopover_Resize_Handle_Position_Top: auto;
    --fdPopover_Resize_Handle_Position_Bottom: 0;
    --fdPopover_Resize_Handle_Position_Right: 0;
    --fdPopover_Resize_Handle_Position_Left: auto;
    --fdPopover_Resize_Handle_Cursor: se-resize
}

    .fd-popover__body.fd-popover__body--resizable.fd-popover__body--after[dir=rtl], [dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--after {
        --fdPopover_Resize_Handle_Rotate_Angle: -90deg
    }

    .fd-popover__body.fd-popover__body--resizable.fd-popover__body--after.fd-popover__body--bottom {
        --fdPopover_Resize_Handle_Position_Top: 0;
        --fdPopover_Resize_Handle_Position_Bottom: auto;
        --fdPopover_Resize_Handle_Position_Right: 0;
        --fdPopover_Resize_Handle_Position_Left: auto;
        --fdPopover_Resize_Handle_Cursor: ne-resize;
        --fdPopover_Resize_Handle_Rotate_Angle: -90deg;
        --fdPopover_Resize_Handle_Transform_Scale: 1
    }

.fd-popover__body.fd-popover__body--resizable.fd-popover__body--before {
    --fdPopover_Resize_Handle_Position_Top: auto;
    --fdPopover_Resize_Handle_Position_Bottom: 0;
    --fdPopover_Resize_Handle_Position_Right: auto;
    --fdPopover_Resize_Handle_Position_Left: 0;
    --fdPopover_Resize_Handle_Cursor: sw-resize;
    --fdPopover_Resize_Handle_Rotate_Angle: 0;
    --fdPopover_Resize_Handle_Transform_Scale: -1
}

    .fd-popover__body.fd-popover__body--resizable.fd-popover__body--before.fd-popover__body--bottom, .fd-popover__body.fd-popover__body--resizable.fd-popover__body--before.fd-popover__body--middle {
        --fdPopover_Resize_Handle_Position_Top: 0;
        --fdPopover_Resize_Handle_Position_Bottom: auto;
        --fdPopover_Resize_Handle_Rotate_Angle: 90deg;
        --fdPopover_Resize_Handle_Cursor: nw-resize
    }

.fd-popover__resize-handle {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    color: var(--sapButton_Lite_TextColor);
    cursor: var(--fdPopover_Resize_Handle_Cursor);
    font-size: 1rem;
    inset: var(--fdPopover_Resize_Handle_Position_Top) var(--fdPopover_Resize_Handle_Position_Right) var(--fdPopover_Resize_Handle_Position_Bottom) var(--fdPopover_Resize_Handle_Position_Left);
    justify-content: flex-end;
    line-height: 1rem;
    overflow: hidden;
    padding-block: .125rem;
    padding-inline: .125rem;
    position: absolute;
    -webkit-transform: rotate(var(--fdPopover_Resize_Handle_Rotate_Angle));
    transform: rotate(var(--fdPopover_Resize_Handle_Rotate_Angle))
}

    .fd-popover__resize-handle:after, .fd-popover__resize-handle:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-popover__resize-handle:after {
        content: "\e24f";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: SAP-icons;
        height: 1rem;
        max-height: 1rem;
        max-width: 1rem;
        min-height: 1rem;
        min-width: 1rem;
        text-align: center;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        width: 1rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: var(--fdPopover_Resize_Handle_Justify);
        -ms-flex-pack: var(--fdPopover_Resize_Handle_Justify);
        color: inherit;
        justify-content: var(--fdPopover_Resize_Handle_Justify);
        -webkit-transform: scaleX(var(--fdPopover_Resize_Handle_Transform_Scale));
        transform: scaleX(var(--fdPopover_Resize_Handle_Transform_Scale))
    }

.fd-popover--slider {
    --fdPopover_Display: block
}

.fd-popover--input-message-group .fd-popover__body, .fd-popover--input-message-group .fd-popover__body--no-arrow {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.fd-popover--full-width {
    width: 100%
}

.fd-popover--btp .fd-popover__body {
    --fdPopover_Arrow_Size: 0.375rem;
    --fdPopover_Body_Border_Radius: 0.75rem;
    --fdPopover_Body_Box_Shadow: var(--sapMenu_Shadow2);
    border: none;
    top: calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size) - .1875rem)
}

.fd-popover--btp .fd-popover__body--padding {
    padding-block: .75rem;
    padding-inline: .75rem
}

.fd-popover--btp .fd-popover__body-header {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-popover--btp .fd-popover__body-header:after, .fd-popover--btp .fd-popover__body-header:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-popover--btp .fd-popover__body-content {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-block: .75rem;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-popover--btp .fd-popover__body-content:after, .fd-popover--btp .fd-popover__body-content:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-popover--btp .fd-popover__body-content:only-child {
        margin-block: 0;
        margin-inline: 0
    }

.fd-popover--btp .fd-popover__body-footer {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .1875rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-block: .375rem;
    padding-inline: 0
}

    .fd-popover--btp .fd-popover__body-footer:after, .fd-popover--btp .fd-popover__body-footer:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-popover--btp .fd-popover__body-footer--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.drag-placeholder {
    opacity: .3;
    position: absolute
}

.fd-product-switch {
    --fdProduct_Switch_Item_Border_Color: transparent;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    font-weight: 400;
    forced-color-adjust: none;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0
}

    .fd-product-switch:after, .fd-product-switch:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-product-switch__list {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
    width: 46.5rem
}

    .fd-product-switch__list:after, .fd-product-switch__list:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fd-product-switch__item {
    border: 0;
    -webkit-box-sizing: border-box;
    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;
    line-height: normal;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 7rem;
    max-width: 11.25rem;
    text-align: center;
    -webkit-box-flex: 1;
    background-color: var(--sapList_Background);
    border: .125rem solid var(--fdProduct_Switch_Item_Border_Color);
    border-radius: var(--sapElement_BorderCornerRadius);
    -webkit-box-shadow: var(--fdProductSwitch_Shadow);
    box-shadow: var(--fdProductSwitch_Shadow);
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    padding-block: .5rem;
    padding-inline: .5rem
}

    .fd-product-switch__item:after, .fd-product-switch__item:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fd-product-switch__item .fd-product-switch__title:not(:last-child) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .fd-product-switch__item .fd-product-switch__title:after, .fd-product-switch__item .fd-product-switch__title:before {
        background-color: var(--sapList_Background)
    }

    .fd-product-switch__item.is-hover, .fd-product-switch__item:hover {
        background-color: var(--sapList_Hover_Background);
        cursor: pointer
    }

        .fd-product-switch__item.is-hover .fd-product-switch__title:after, .fd-product-switch__item.is-hover .fd-product-switch__title:before, .fd-product-switch__item:hover .fd-product-switch__title:after, .fd-product-switch__item:hover .fd-product-switch__title:before {
            background-color: var(--sapList_Hover_Background)
        }

    .fd-product-switch__item.is-active, .fd-product-switch__item:active {
        --fdProduct_Switch_Item_Border_Color: var(--sapList_Active_Background);
        background-color: var(--sapList_Active_Background)
    }

        .fd-product-switch__item.is-active.is-focus, .fd-product-switch__item.is-active:focus, .fd-product-switch__item:active.is-focus, .fd-product-switch__item:active:focus {
            outline: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
            outline-color: var(--sapContent_ContrastFocusColor);
            outline-offset: -.1875rem
        }

        .fd-product-switch__item.is-active .fd-product-switch__icon [class*=sap-icon], .fd-product-switch__item.is-active .fd-product-switch__icon[class*=sap-icon], .fd-product-switch__item.is-active .fd-product-switch__subtitle, .fd-product-switch__item.is-active .fd-product-switch__title, .fd-product-switch__item:active .fd-product-switch__icon [class*=sap-icon], .fd-product-switch__item:active .fd-product-switch__icon[class*=sap-icon], .fd-product-switch__item:active .fd-product-switch__subtitle, .fd-product-switch__item:active .fd-product-switch__title {
            color: var(--sapList_Active_TextColor)
        }

            .fd-product-switch__item.is-active .fd-product-switch__title:after, .fd-product-switch__item.is-active .fd-product-switch__title:before, .fd-product-switch__item.is-active.is-hover .fd-product-switch__title:after, .fd-product-switch__item.is-active.is-hover .fd-product-switch__title:before, .fd-product-switch__item.is-active:hover .fd-product-switch__title:after, .fd-product-switch__item.is-active:hover .fd-product-switch__title:before, .fd-product-switch__item:active .fd-product-switch__title:after, .fd-product-switch__item:active .fd-product-switch__title:before, .fd-product-switch__item:active.is-hover .fd-product-switch__title:after, .fd-product-switch__item:active.is-hover .fd-product-switch__title:before, .fd-product-switch__item:active:hover .fd-product-switch__title:after, .fd-product-switch__item:active:hover .fd-product-s