.nav-bar_container{background-color:var(--primary-primary-500);display:flex;width:100%;height:64px;justify-content:space-between;align-items:flex-start;gap:25px;position:fixed;bottom:0;left:0;z-index:10;transition:all .3s ease-out;padding:0 16px 0 8px}
@media(min-width:1024px){.nav-bar_container{display:none}
}
.nav-bar_container a{text-decoration:none;width:100%}
.nav-bar_container a .nav-bar_option{display:flex;flex-direction:column;align-items:center;gap:6px}
.nav-bar_container a .nav-bar_option i{color:var(--Tertiary-Blue);font-size:24px}
.nav-bar_container a .nav-bar_option i.icon-youtube-live{color:var(--alerts-warning-alert-500)}
.nav-bar_container a .nav-bar_option p{color:var(--Tertiary-Blue);margin:0}
.nav-bar_container a .nav-bar_option .nav-bar_state{display:flex;width:100%;height:3px;flex-direction:column;justify-content:space-between;align-items:flex-start}
.nav-bar_container a .nav-bar_option.active .nav-bar_state,.nav-bar_container a .nav-bar_option:hover .nav-bar_state{background-color:var(--Tertiary-Blue)}
.nav-bar_container a .nav-bar_option.active i,.nav-bar_container a .nav-bar_option:hover i,.nav-bar_container a .nav-bar_option.active p,.nav-bar_container a .nav-bar_option:hover p{color:var(--Tertiary-Blue)}
.nav-bar_container a .nav-bar_option.active p,.nav-bar_container a .nav-bar_option:hover p{font-weight:600}