:root{--mobile-bottom-nav-height: 58px}html.mobile-bottom-nav-visible #main-outlet{padding-bottom:calc(var(--mobile-bottom-nav-height) + 15px)}html.mobile-bottom-nav-visible .with-topic-progress{bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom) + var(--composer-height, 0px))}html.mobile-bottom-nav-visible .posts-filtered-notice{bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom))}html.mobile-bottom-nav-hide-on-composer.composer-open .mobile-bottom-nav{transform:translateY(100%)}html.mobile-bottom-nav-hide-on-composer.composer-open #main-outlet{padding-bottom:0}.mobile-bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right));display:flex;justify-content:space-evenly;align-items:stretch;background-color:rgba(var(--secondary-rgb), 0.86);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-top:1px solid rgba(var(--primary-rgb), 0.08);box-shadow:0 -6px 20px -10px rgba(var(--primary-rgb), 0.25);z-index:900;transition:transform .2s ease}@media(prefers-reduced-motion: reduce){.mobile-bottom-nav{transition:none}}.mobile-bottom-nav__tab{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2em;padding:.3em .02em;color:var(--primary-medium);text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mobile-bottom-nav__tab:hover,.mobile-bottom-nav__tab:visited,.mobile-bottom-nav__tab:focus{color:var(--primary-medium);text-decoration:none}.mobile-bottom-nav__tab:active .mobile-bottom-nav__icon{transform:scale(0.9)}.mobile-bottom-nav__tab .d-icon{width:1.25rem;height:1.25rem;color:var(--primary-medium);transition:color .2s ease}.mobile-bottom-nav__tab--active{color:var(--tertiary)}.mobile-bottom-nav__tab--active .d-icon{color:#fff}.mobile-bottom-nav__tab--active .mobile-bottom-nav__icon{background-color:var(--tertiary);box-shadow:0 2px 6px -1px rgba(var(--tertiary-rgb), 0.45)}.mobile-bottom-nav__tab--active .mobile-bottom-nav__label{font-weight:700}.mobile-bottom-nav__icon{position:relative;display:flex;align-items:center;justify-content:center;width:2.375rem;height:2.375rem;border-radius:.6875rem;background-color:rgba(0,0,0,0);transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease}@media(prefers-reduced-motion: reduce){.mobile-bottom-nav__icon{transition:background-color .2s ease,box-shadow .2s ease}}.mobile-bottom-nav__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1;letter-spacing:normal}.mobile-bottom-nav__badge{position:absolute;top:-0.15em;right:.1em;display:flex;align-items:center;justify-content:center;min-width:1.2em;height:1.2em;padding:0 .3em;border-radius:999px;background-color:var(--danger);color:#fff;font-size:var(--font-down-3);font-weight:700;line-height:1;box-shadow:0 0 0 2px rgba(var(--secondary-rgb), 0.86)}
/*# sourceMappingURL=common_theme_5_badb3a1d2a67422f4c445259ee209b1d0a717b84.css.map?__ws=loksewa.net */