.navigation-container[data-v-9b1ce698]{align-items:flex-end;display:flex;gap:5px;min-width:570px}.navigation-container.christmas[data-v-9b1ce698]{align-items:center;background-color:var(--new-light-black);border-radius:8px;padding:10px}.navigation-container .nav-button-border[data-v-9b1ce698]{align-items:flex-end;display:flex;padding:1px;position:relative}.navigation-container .nav-button-border input[data-v-9b1ce698]{opacity:0;width:0}.navigation-container .nav-button-border .nav-button[data-v-9b1ce698]{align-items:center;background:transparent;border:none;border-top-left-radius:6px;border-top-right-radius:6px;color:var(--gray-white);cursor:pointer;display:flex;height:35px;justify-content:center;padding:0 20px;text-wrap:nowrap}.navigation-container .nav-button-border .nav-button[data-v-9b1ce698]:hover{background-color:var(--light-black)}.navigation-container .nav-button-border.active[data-v-9b1ce698]{background:linear-gradient(87deg,var(--dark-red) 25%,var(--primary-red) 50%,var(--dark-red) 75%);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px,15px 0)}.navigation-container .nav-button-border.active .nav-button[data-v-9b1ce698]{background-color:var(--dark-red);clip-path:inherit;color:var(--white)}.navigation-container.heroes-navigation[data-v-9b1ce698]{min-width:unset}@media screen and (max-width:600px){.navigation-container[data-v-9b1ce698]{max-width:100%;min-width:unset;overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:100%;-webkit-overflow-scrolling:touch;padding-right:20px;scrollbar-width:none}.navigation-container[data-v-9b1ce698]::-webkit-scrollbar{height:0}}