.sel-page-bar{padding:var(--f7-typography-padding-half) var(--f7-typography-padding) var(--f7-typography-padding);z-index:100;background:0 0;top:0}.sel-page-bar--transparent-bg{background:0 0!important}.sel-page-bar--fill-bg{background:var(--f7-page-bg-color)!important}.sel-page-bar__gradient-bg{pointer-events:none;z-index:0;background:linear-gradient(var(--f7-page-bg-color), var(--f7-page-bg-color), transparent);width:100%;height:100%;transition-property:transform;position:absolute;top:0;left:0}.sel-page-bar__background{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask:linear-gradient(#000,#000,#0000);mask:linear-gradient(#000,#000,#0000)}.sel-page-bar__wrapper{padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);justify-content:space-between;align-items:center;display:flex}.sel-page-bar__inner{align-items:center;gap:var(--f7-grid-gap);display:flex;position:relative}.sel-page-bar__divider{background-color:var(--f7-list-border-color);width:1px;height:36px;margin:0}.sel-page-bar__title{font-weight:700;font-size:var(--f7-block-title-medium-font-size);line-height:var(--f7-block-title-medium-line-height);margin:0}.sel-page-bar__right{z-index:100;align-items:center;gap:calc(var(--f7-grid-gap) / 2);display:flex}