:root {
    --nb-search-icon-font-size: 25px;
    --nb-search-icon-height: var(--nb-search-icon-font-size);
}

.nb-search-icon{
    cursor: pointer;
    display: inline-block;
}

.nb-search-icon .nb-icon{
    display: block;
    font-size: var(--nb-search-icon-font-size);
    height: var(--nb-search-icon-height);
    line-height: 1;
}

.nb-search-icon .nb-icon.nb-search-close{
    position: absolute;
    right: 10px;
    top: 12px;
}

body.open-search .nb-search-icon{
    position: static;
}

.nb-search-icon .nb-search-input-wrapper{
    position: absolute;
    right: 0;
    top: -10px;
    width: 300px;
    display: none;
}

body.open-search .nb-search-icon .nb-search-input-wrapper{
    display: block;
}