/* CSS styles in this file are need for proper Baron work */
.search_wrapper {
    position: relative;
    overflow: hidden;
}
.scroller {
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    border: 0;
}
.scroller::-webkit-scrollbar { /* Preventing webkit bug of horizontal scrolling */
    width: 0;
}

.scroller__track {
    display: none; /* Invisible by default */
    position: absolute;
    right: 5px;
    top: 4px;
    bottom: 4px;
    width: 6px;
    border-radius: 6px;
    background: #e5e5e5;
    background: rgba(0, 0, 0, 0.1);
}
.baron .scroller__track {
    display: block; /* Visible when scrolling is possible */
}

.baron .scroller__bar {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.scroller__bar { /* The bar. You should define width, right and background */
    position: absolute;
    z-index: 1;
    right: 0;
    width: 6px;
    background: #898989;
    border-radius: 6px;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.scroller__bar_h {
    bottom: 2px;
    height: 8px;
}

.header__title {
    -moz-box-sizing: border-box;
    box-sizing: border-box; /* For padding and border, if exist */
    margin: 0;
    width: 100%;
    background: #999;

    /* pointer-events: none; /* IE9+ https://developer.mozilla.org/en-US/docs/CSS/pointer-events */
}
.header__title_state_fixed {
    position: absolute;
    z-index: 1; /* Removing flicker effect */
}