#searchFieldInShell {
    height: 2.25rem;
    margin-top: 0.25rem;
    .sapMFlexBox {
        & > div:nth-child(1) {
            margin-right: 0.25rem;
        }
        & > div:nth-child(3) {
            margin-left: 0.25rem;
        }
        & > div:nth-child(4) {
            margin-left: 0.25rem;
            margin-right: 0.25rem;
        }
        background-color: @sapShell_InteractiveBackground;
        border-radius: 1.125rem;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .searchSelect.sapMSltIconOnly {
        width: 2rem !important;
    }
    .searchSelect {
        border-radius: 1.125rem;
        border-color: @sapUiShellInteractiveBorderColor;
        background: transparent;
        .sapMSltLabel {
            color: @sapUiShellTextColor;
        }
        .sapMSltArrow,
        .sapMSltIcon {
            border-radius: 1.125rem;
            color: @sapUiShellInteractiveTextColor;
        }
        &:hover {
            background: @sapShell_Hover_Background;
            .sapMSltArrow,
            .sapMSltIcon {
                background: @sapUiShellHoverBackground;
                &::before {
                    color: @sapUiShellTextColor;
                }
            }
        }
        &.sapMSltPressed {
            .sapMSltArrow,
            .sapMSltIcon {
                background: @sapUiShellActiveBackground;
                &::before {
                    color: @sapUiShellActiveTextColor;
                }
            }
        }
        &:focus {
            outline-color: contrast(
                @sapShellColor,
                @sapUiContentFocusColor,
                @sapUiContentContrastFocusColor,
                @sapContent_ContrastTextThreshold
            );
        }
    }
    .searchInput {
        .sapMInputBaseContentWrapper {
            background: transparent;
            border-color: @sapUiShellInteractiveBorderColor;
            border-radius: 1.125rem;
        }
        .sapMInputBaseContentWrapper:hover {
            background: @sapUiShellHoverBackground;
        }
        .sapMInputBaseInner {
            color: @sapUiShellTextColor;
        }
        .sapMInputBaseInner::placeholder {
            color: @sapUiShellInteractiveTextColor;
        }
        &.sapMFocus .sapMInputBaseContentWrapper {
            outline-color: contrast(
                @sapShellColor,
                @sapUiContentFocusColor,
                @sapUiContentContrastFocusColor,
                @sapContent_ContrastTextThreshold
            );
        }
    }
    /* magnifier and cancel button */
    .sapMBtn {
        .sapMBtnInner.sapMBtnDefault {
            border-radius: 1.125rem;
            background-color: transparent;
            border-color: transparent;
            color: @sapUiShellTextColor;
            .sapMBtnIcon {
                color: @sapUiShellInteractiveTextColor;
            }
        }
        &:not(.sapMBtnDisabled) {
            &:hover {
                .sapMBtnInner.sapMBtnDefault {
                    background-color: @sapUiShellHoverBackground;
                    border-color: @sapUiShellHoverBackground;
                    color: @sapUiShellTextColor;
                    box-shadow: @sapField_Hover_Shadow;
                    .sapMBtnIcon {
                        color: @sapUiShellInteractiveTextColor;
                    }
                }
            }
            .sapMBtnInner.sapMBtnDefault {
                &.sapMBtnActive {
                    background-color: @sapUiShellActiveBackground;
                    border-color: @sapUiShellActiveBackground;
                    color: @sapUiShellActiveTextColor;
                    .sapMBtnIcon {
                        color: @sapUiShellActiveTextColor;
                    }
                }
            }
        }
        &:focus {
            .sapMBtnDefault.sapMFocusable.sapMBtnInner {
                border-color: @sapUiContentFocusColor;
                border-width: 0.125rem;
                box-shadow: none;
            }
        }
        &:focus {
            .sapMBtnEmphasized.sapMFocusable {
                border-color: @sapUiContentFocusColor;
                border-width: 0.125rem;
            }
        }
    }
}

span#searchFieldInShell-button-inner {
    border-radius: 1.125rem;
}

.searchInput.sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper)::before {
    border-radius: 1.125rem;
}

#searchFieldInShell-button.sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
    border: none;
}

// start - fixes for modified horizon theme
.SearchFieldGroup .sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper) {
    box-shadow: none;
}
.SearchFieldGroup .sapMSlt {
    box-shadow: none;
}
#searchFieldInShell-select.sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState):not(
        .sapMSltExpanded
    ) {
    box-shadow: inset 0 0 0 0.125rem @sapUiContentFocusColor;
}

.sapUshellShellSearch {
    .sapMFlexBox:has(.searchInput:hover) {
        background: @sapField_Hover_BackgroundStyle !important;
        background-color: @sapShell_Hover_Background !important;
    }

    .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper)::before {
        border-color: transparent !important;
    }

    .sapMInputBase:not(.sapMFocus)
        .sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(
            .sapMInputBaseContentWrapperState
        ):not(.sapMInputBaseDisabledWrapper):hover {
        box-shadow: none !important;
    }

    .sapMFlexBox:has(.sapMFocus) {
        border: solid 2px @sapField_Active_BorderColor !important;
        // border-color: @sapField_Active_BorderColor !important;
    }

    #searchFieldInShell > .sapMFlexBox > div:not(.sapUiHiddenPlaceholder):has(.searchSelect)::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 1rem;
        background: @sapShell_InteractiveBorderColor;
        top: 0.5rem; //8px
        right: -2px;
    }

    .SearchFieldGroup > div {
        box-shadow: @sapField_Shadow;
        background: @sapField_BackgroundStyle;
        background-color: @sapShell_InteractiveBackground;
    }
}

.sapUiMedia-Std-Phone .sapUiSizeCozy {
    #searchFieldInShell > .sapMFlexBox > div:not(.sapUiHiddenPlaceholder):has(.searchSelect)::after {
        top: 0.875rem; //14px
    }

    #searchFieldInShell .searchInput .sapMInputBaseContentWrapper:hover {
        background: none;
    }
}

// end - fixes for modified horizon theme