.z-flex-bar{position:relative;display:flex;max-width:100%;vertical-align:top;border-radius:var(--z-border-radius);overflow:hidden}.z-flex-bar.z-round{border-radius:99em}.z-flex-bar>.z-nav{width:var(--z-plain-size);flex:0 0 auto;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{position:relative;height:auto;flex:0 1 100%;z-index:1;--z-scrollbar-size:2px;--z-scrollbar-padding:2px}.z-flex-bar-scroller .z-scrollcontent.z-flex-bar-content{display:inline-flex;border-radius:inherit}.z-flex-bar-scroller.z-scrollable-left>.z-scrollarea{mask-image:linear-gradient(90deg,transparent,rgb(0,0,0) 1em);-webkit-mask-image:linear-gradient(90deg,transparent,rgb(0,0,0) 1em)}.z-flex-bar-scroller.z-scrollable-right>.z-scrollarea{mask-image:linear-gradient(270deg,transparent,rgb(0,0,0) 1em);-webkit-mask-image:linear-gradient(270deg,transparent,rgb(0,0,0) 1em)}.z-flex-bar-scroller.z-scrollable-left.z-scrollable-right>.z-scrollarea{mask-image:linear-gradient(270deg,transparent,black 1em,black calc(100% - 1em),transparent);-webkit-mask-image:linear-gradient(270deg,transparent,black 1em,black calc(100% - 1em),transparent)}.z-flex-bar-scroller>.z-scrollbar .z-thumb{opacity:.3}.z-flex-bar-content{display:flex;align-items:center}.z-flex-bar-content>*{flex:1 0 0;border-radius: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}