/* ====================================
VIDAPI TOGGLE MENU
==================================== */

/* TOP MENU BAR */

.vidapi-top-menu{
display:flex;
align-items:center;
background:#0d1a20;
border-bottom:1px solid #173239;
}

/* MENU BUTTONS */

.vidapi-top-menu button{
flex:1;
padding:2px 8px;        /* narrow menu height */
background:#0d1a20;
color:#ffffff;
border:none;
cursor:pointer;
font-weight:700;
font-size:13px;
line-height:1;
text-align:center;
transition:background .15s ease;
}

/* HOVER */

.vidapi-top-menu button:hover{
background:#173239;
}

/* ACTIVE TAB */

.vidapi-top-menu button.active{
background:#173239;
color:#ffffff;
}

/* KEYBOARD / TV REMOTE FOCUS */

.vidapi-top-menu button:focus{
outline:none;
background:#244c57;
}

/* CONTENT AREA */

.vidapi-panel{
display:none;
padding:14px;
background:#0d1a20;
}

.vidapi-panel.active{
display:block;
}