.mobile-top-nav[data-v-f40d34e5]{background-color:var(--color-bg);border-bottom:1px solid var(--color-border-light);height:50px;padding:0 12px;padding-top:var(--safe-area-top,0);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mobile-top-nav--transparent[data-v-f40d34e5]{background-color:#0000;border-bottom:none;position:absolute;top:0;left:0;right:0}.mobile-top-nav__back[data-v-f40d34e5]{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-top-nav__back[data-v-f40d34e5],.mobile-top-nav__placeholder[data-v-f40d34e5]{flex-shrink:0;width:40px;height:40px}.mobile-top-nav__title[data-v-f40d34e5]{color:var(--color-text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:16px;font-weight:600;overflow:hidden}.mobile-top-nav__right[data-v-f40d34e5]{flex-shrink:0;justify-content:flex-end;align-items:center;width:40px;display:flex}.mobile-top-nav__icon-btn[data-v-f40d34e5]{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:color .2s;display:flex;position:relative}.mobile-top-nav__icon-btn[data-v-f40d34e5]:hover{color:var(--color-primary)}.mobile-top-nav__badge[data-v-f40d34e5]{background-color:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-white);justify-content:center;align-items:center;min-width:16px;height:16px;font-size:10px;font-weight:600;display:flex;position:absolute;top:4px;right:4px}