@charset "utf-8";

.mobileNavigationBarPane-module-scss-module__aHMw5q__mobile-navigation-bar-pane { position: relative; }

.mobileNavigationBarPane-module-scss-module__aHMw5q__mobile-navigation-bar-pane-top-overflow::before { content: " "; opacity: 0; z-index: -1; background: linear-gradient(rgb(1, 1, 4), rgba(1, 1, 4, 0)); width: 100%; height: 64px; transition: 0.2s ease-in; position: absolute; top: 0px; left: 0px; right: 0px; }

.mobileNavigationBarPane-module-scss-module__aHMw5q__mobile-navigation-bar-pane-top-overflow-active::before { opacity: 1; z-index: 20; }

.mobileNavigationBarPane-module-scss-module__aHMw5q__mobile-navigation-bar-pane-bottom-overflow::after { content: " "; opacity: 0; z-index: -1; background: linear-gradient(rgba(1, 1, 4, 0), rgb(1, 1, 4)); width: 100%; height: 48px; transition: 0.2s ease-in; position: absolute; bottom: 70px; left: 0px; right: 0px; }

.mobileNavigationBarPane-module-scss-module__aHMw5q__mobile-navigation-bar-pane-bottom-overflow-active::after { opacity: 1; z-index: 20; }

.mobileNavigationBar-module-scss-module__8kPNPG__mobile-navigation-bar-anim-enter { opacity: 0; transform: scale(0.75, 0.85) translateY(150px); }

.mobileNavigationBar-module-scss-module__8kPNPG__mobile-navigation-bar-anim-enter-active { transition: opacity 0.2s ease-out, transform 0.2s ease-out; }

.mobileNavigationBar-module-scss-module__8kPNPG__mobile-navigation-bar-anim-enter-active, .mobileNavigationBar-module-scss-module__8kPNPG__mobile-navigation-bar-anim-enter-done, .mobileNavigationBar-module-scss-module__8kPNPG__mobile-navigation-bar-anim-exit { opacity: 1; transform: scale(1) translateY(0px); }

.mobileNavigationBar-module-scss-module__8kPNPG__mobile-navigation-bar-anim-exit-active { transition: opacity 0.3s ease-out, transform 0.3s ease-out; }

.mobileNavigationBar-module-scss-module__8kPNPG__mobile-navigation-bar-anim-exit-active, .mobileNavigationBar-module-scss-module__8kPNPG__mobile-navigation-bar-anim-exit-done { opacity: 0; transform: scale(0.75, 0.85) translateY(150px); }