.z-flex-bar{vertical-align:top;border-radius:var(--z-border-radius);max-width:100%;display:flex;position:relative;overflow:hidden}.z-flex-bar.z-round{border-radius:99em}.z-flex-bar>.z-nav{width:var(--z-plain-size);flex:none;transition:transform .3s}.z-flex-bar>.z-nav[disabled]{transform:scale(.8)}.z-flex-bar>.z-nav .z-icon{font-size:1.5em}.z-flex-bar.z-overflow .z-flex-bar-content>*{flex:1 0 auto}.z-flex-bar-scroller{z-index:1;--z-scrollbar-size:2px;--z-scrollbar-padding:2px;flex:0 100%;height:auto;position:relative}.z-flex-bar-scroller .z-scrollcontent.z-flex-bar-content{border-radius:inherit;display:inline-flex}.z-flex-bar-scroller.z-scrollable-left>.z-scrollarea{-webkit-mask-image:linear-gradient(90deg,#0000,#000 1em);mask-image:linear-gradient(90deg,#0000,#000 1em)}.z-flex-bar-scroller.z-scrollable-right>.z-scrollarea{-webkit-mask-image:linear-gradient(270deg,#0000,#000 1em);mask-image:linear-gradient(270deg,#0000,#000 1em)}.z-flex-bar-scroller.z-scrollable-left.z-scrollable-right>.z-scrollarea{-webkit-mask-image:linear-gradient(270deg,#0000,#000 1em calc(100% - 1em),#0000);mask-image:linear-gradient(270deg,#0000,#000 1em calc(100% - 1em),#0000)}.z-flex-bar-scroller>.z-scrollbar .z-thumb{opacity:.3}.z-flex-bar-content{align-items:center;display:flex}.z-flex-bar-content>*{border-radius:0;flex:1 0 0}.z-flex-bar-content>:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.z-flex-bar-content>:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit}