.navigation-bar{width:calc(100% - 2rem);max-width:calc(800px - 2rem)}.navigation-bar-list{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;position:fixed;z-index:100;height:5.6rem;bottom:1.2rem;margin:0 auto;border-radius:8px;background-color:var(--yellow);left:1rem;right:1rem;padding:.8rem 0;text-align:center}.navigation-bar-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:calc(20% - .96rem);cursor:pointer}.navigation-bar-item-title{color:var(--black-800);font-size:.8rem;line-height:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navigation-bar-item-title.active{color:var(--dark-blue)}.navigation-bar .navigation-categories{width:calc(100% - 2rem);background-color:var(--dark-blue);box-shadow:0 -4px 4px 0 #000;border-top-left-radius:8px;border-top-right-radius:8px;opacity:0;visibility:hidden;position:fixed;bottom:5.8rem;transition:all .3s ease-in;z-index:99;padding-bottom:1rem}.navigation-bar .navigation-categories.active{transition-delay:.5s;opacity:1;visibility:visible}.navigation-bar .navigation-categories-header{padding:.8rem 1.2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--grey-200)}.navigation-bar .navigation-categories-header-title{font-weight:700;font-size:1.4rem;line-height:1.8rem}.navigation-bar .navigation-categories-header-button-close{cursor:pointer;width:1.6rem;height:1.6rem}.navigation-bar .navigation-categories-body{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.2rem;gap:1.2rem}@media only screen and (min-width:740px){.navigation-bar .navigation-categories-body{grid-template-columns:repeat(8,1fr)}}.navigation-bar .navigation-categories-body-item{padding:1.2rem 1rem;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;align-items:center;justify-content:center}.navigation-bar .navigation-categories-body-item-title{font-size:1rem;line-height:1.3rem;color:var(--grey-100);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.navigation-bar .navigation-search{width:calc(100% - 2rem);background-color:var(--dark-blue);box-shadow:0 -4px 4px 0 #000;border-top-left-radius:8px;border-top-right-radius:8px;opacity:0;visibility:hidden;position:fixed;bottom:5.8rem;transition:all .3s ease-in;z-index:99;display:flex;flex-direction:column;gap:.8rem;padding:1.2rem 1.2rem 2rem}.navigation-bar .navigation-search.active{opacity:1;visibility:visible}.navigation-bar .navigation-search-header{display:flex;align-items:center;gap:1rem}.navigation-bar .navigation-search-header-text-close{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1.2rem;line-height:1.5rem;color:var(--grey-200)}.navigation-bar .navigation-search-suggestion{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.navigation-bar .navigation-search-suggestion-item{padding:.2rem .8rem;background-color:var(--grey-100);border-radius:20px;min-height:1.8rem;color:var(--dark-blue);font-size:1rem;line-height:1.3rem;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navigation-bar .navigation-search .search-history-title{font-weight:700;font-size:1rem;line-height:1.3rem;color:var(--grey-200)}.navigation-bar .navigation-search .search-history-list{display:flex;flex-direction:column}.navigation-bar .navigation-search .search-history-item{cursor:pointer;padding:.4rem 1.2rem;display:flex;align-items:center;gap:.4rem}.navigation-bar .navigation-search .search-history-item-text{font-size:1.2rem;line-height:1.5rem;color:var(--grey-100)}.navigation-bar .navigation-search .navigation-search-box{flex:1 1;padding:1rem 6.2rem 1rem 4.4rem;position:relative;background-color:var(--foreground);border-radius:30px;min-height:3.6rem;display:flex;align-items:center}.navigation-bar .navigation-search .navigation-search-box .icon-search{position:absolute;top:50%;left:1.2rem;transform:translateY(-50%);cursor:pointer;display:flex}.navigation-bar .navigation-search .navigation-search-box .search-input{display:block;font-size:1.2rem;line-height:2rem;color:var(--black-400);width:100%;height:100%;border:0;outline:none;touch-action:manipulation;box-sizing:border-box;background:transparent}.navigation-bar .navigation-search .navigation-search-box .text-search{font-size:1.2rem;line-height:1.5rem;font-weight:700;color:var(--dark-blue);position:absolute;top:50%;right:.8rem;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navigation-bar .navigation-search .most-played-games.loading{height:0;padding-bottom:11.29rem}.navigation-bar .navigation-search .most-played-games .swiper-slide{width:9rem!important}.navigation-bar .navigation-search .most-played-games-title{font-weight:700;font-size:1rem;line-height:1.3rem;color:var(--grey-200);margin-bottom:.8rem}@media only screen and (min-width:1025px){.navigation-bar-list,.navigation-categories,.navigation-search{display:none}}@media only screen and (max-height:450px){.navigation-bar-list,.navigation-categories,.navigation-search{display:none}}