:root{--s-navbar-height:var(--s-content-height);--s-navbar-bg:var(--s-bg-color-container);--s-navbar-z-index:var(--s-z-index-secondary);--s-navbar-title-max-width:60%;--s-navbar-title-font-size:var(--s-font-size-lg);--s-navbar-title-color:var(--s-text-color-emphasis);--s-navbar-back-color:var(--s-text-color-secondary);--s-navbar-item-padding-x:var(--s-size-xs);--s-navbar-item-gap:var(--s-size-2xs);--s-navbar-item-font-size:var(--s-font-size-lg);--s-navbar-item-icon-size:var(--s-size-lg);--s-navbar-item-color:var(--s-color-primary);--s-navbar-item-opacity-active:var(--s-opacity-active);--s-navbar-start-gap:var(--s-size-2xs);--s-navbar-end-gap:var(--s-size-2xs)}.s-navbar{background:var(--s-navbar-bg)}.s-navbar--fixed{position:fixed;top:0;left:0;width:100%;z-index:var(--s-navbar-z-index)}.s-navbar__wrapper{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;height:var(--s-navbar-height)}.s-navbar__wrapper:is(.is-divider)::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:bottom center}.s-navbar__content{display:flex;align-items:center;justify-content:center;height:100%;flex:1;overflow:hidden}.s-navbar__title{display:block;width:100%;max-width:var(--s-navbar-title-max-width);font-size:var(--s-navbar-title-font-size);font-weight:var(--s-font-weight-bold);text-align:center;color:var(--s-navbar-title-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-navbar__start,.s-navbar__end{position:absolute;top:0;bottom:0;z-index:2;flex:none;align-items:stretch;height:100%}.s-navbar__start{inset-inline-start:0;padding-inline-start:var(--s-navbar-start-gap)}.s-navbar__end{inset-inline-end:0;padding-inline-end:var(--s-navbar-end-gap)}.s-navbar--custom .s-navbar__content{flex-direction:column;align-items:stretch}.s-navbar--flow .s-navbar__title{max-width:100%;text-align:start}.s-navbar--flow .s-navbar__start,.s-navbar--flow .s-navbar__end{position:relative}.s-navbar__item{display:inline-flex;align-items:center;justify-content:center;height:100%;gap:var(--s-navbar-item-gap);padding:0 var(--s-navbar-item-padding-x);font-size:var(--s-navbar-item-font-size);color:var(--s-navbar-item-color);cursor:pointer;line-height:1}.s-navbar__item:active{opacity:var(--s-navbar-item-opacity-active)}.s-navbar__item .s-navbar__item-icon{font-size:var(--s-navbar-item-icon-size)}.s-navbar__item:is(.is-back){color:var(--s-navbar-back-color)}:root[dir=rtl] .s-navbar__item:is(.is-back) .s-navbar__item-icon{transform:scaleX(-1)}.s-navbar--reverse{flex-direction:row-reverse}