.topbar-item{--bg-color:var(--Light-Base-0);--radius:16px;border-radius:16px;place-items:center;min-height:40px;max-height:40px;transition:background-color .15s ease-out;display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.topbar-item:hover{background-color:var(--bg-color)}}.topbar-item__link{font-family:var(--main-font);letter-spacing:0;color:inherit;background-color:#0000;border:0;padding:0;font-family:inherit;font-size:16px;font-weight:500;line-height:24px}.topbar-item__link:not(:disabled){cursor:pointer}.topbar-item__link:focus-visible{border:none}.topbar-item__link{z-index:1;border-radius:var(--radius);color:var(--Light-Base-1000);white-space:nowrap;-webkit-user-select:none;user-select:none;place-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:inline-flex;position:relative}.topbar-item__icon{place-items:center;display:flex}.topbar-item__icon-svg{opacity:0;will-change:width, opacity;width:0;transition:width .15s ease-out,opacity .15s ease-out}.topbar-item__button{color:inherit;background-color:#0000;border:0;padding:0;font-family:inherit}.topbar-item__button:not(:disabled){cursor:pointer}.topbar-item__button:focus-visible{border:none}.topbar-item__button{z-index:1;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);place-items:center;padding:8px 8px 8px 4px;display:flex;position:relative}.topbar-item--active .topbar-item__icon-svg{opacity:1;width:32px}.topbar-item--show-icon .topbar-item__link{padding-top:4px;padding-bottom:4px;padding-left:4px}.topbar-item--show-button .topbar-item__link{padding-right:0}.topbar-item__counter{font-family:var(--title-font);letter-spacing:-.14px;background:var(--Light-Base-200);color:var(--Light-Base-600);border-radius:16px;padding:2px 6px;font-size:14px;font-weight:500;line-height:14px}.topbar-slider{--bg-color:var(--Light-Base-0);z-index:0;background-color:var(--bg-color);will-change:transform, width;border-radius:16px;height:40px;transition:width .15s ease-out,transform .15s ease-out;position:absolute;left:0;transform:translate(0,0)}.topbar-slider:after{content:"";background:var(--bg-color);will-change:transform;width:16px;height:8px;clip-path:path("M0 0 L16 0 L10.828 5.172 A4 4 0 0 1 5.172 5.172 Z");position:absolute;top:100%;left:50%;transform:translate(-50%)}.ui-topbar{padding-inline:16px;position:relative}@media screen and (width>=769px){.ui-topbar{padding:0}}.ui-topbar:before,.ui-topbar:after{content:"";z-index:2;pointer-events:none;width:96px;height:100%;position:absolute;top:0}.ui-topbar--with-left-overlay:before{background:linear-gradient(90deg, var(--Light-Base-100) 50.92%, #f1f1f100 100%);left:0}.ui-topbar--with-right-overlay:after{background:linear-gradient(270deg, var(--Light-Base-100) 50.92%, #f1f1f100 100%);right:0}.ui-topbar__button{z-index:3;margin-top:-4px;position:absolute;top:50%;transform:translateY(-50%)}.ui-topbar__button--left{left:0}.ui-topbar__button--right{right:0}.ui-topbar__button-icon--right{transform:rotate(180deg)}.ui-topbar__content::-webkit-scrollbar{appearance:none;background:0 0;width:0;height:0;display:none}.ui-topbar__content{height:48px;display:flex;position:relative;overflow-x:auto}
