.mainDrawer{padding:1em 1.1em 10vh;padding-top:-webkit-calc(1em + var(--window-inset-top));padding-top:calc(1em + var(--window-inset-top));display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overscroll-behavior-y:contain;position:fixed;top:0;left:0;bottom:0;bottom:var(--window-inset-bottom);contain:strict;z-index:1099;width:40%;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-box-sizing:border-box;box-sizing:border-box}.drawer-docked{width:30%;will-change:initial!important}.mainDrawer:not(.drawer-docked){-webkit-transition:-webkit-transform .33s cubic-bezier(0,0,.3,1);-o-transition:transform .33s cubic-bezier(0,0,.3,1);transition:transform .33s cubic-bezier(0,0,.3,1)}@media all and (min-width:60em){.mainDrawer{width:30%}}@media all and (min-width:80em){.mainDrawer{width:18.6em}}.drawer-open{-webkit-box-shadow:.14em 0 .84em rgba(0,0,0,.4);box-shadow:.14em 0 .84em rgba(0,0,0,.4);-webkit-transform:none;transform:none}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;bottom:var(--window-inset-bottom);background-color:#000;opacity:0;z-index:1098;will-change:opacity;contain:strict;-webkit-animation:drawer-backdrop-fadein .38s ease-in-out normal both;animation:drawer-backdrop-fadein .38s ease-in-out normal both;overflow:hidden;overscroll-behavior:contain}.drawer-backdrop-fadeout{-webkit-animation:drawer-backdrop-fadeout .38s ease-in-out normal both;animation:drawer-backdrop-fadeout .38s ease-in-out normal both}@-webkit-keyframes drawer-backdrop-fadein{from{opacity:0}to{opacity:.5}}@keyframes drawer-backdrop-fadein{from{opacity:0}to{opacity:.5}}@-webkit-keyframes drawer-backdrop-fadeout{from{opacity:.5}to{opacity:0}}@keyframes drawer-backdrop-fadeout{from{opacity:.5}to{opacity:0}}.navDrawerCollapseSection{margin:.9em 0 .3em!important}.navDrawerCollapseButton{margin:0!important;border:0!important;padding:.25em 0!important}.navDrawerCollapseContent{border:0!important;padding:0!important}.navMenuOption{display:-webkit-box!important;display:-webkit-flex!important;display:flex!important;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-decoration:none;color:inherit;vertical-align:middle;-webkit-flex-shrink:0;flex-shrink:0;font-weight:400!important;margin:0!important;padding:.52em 0 .52em .7em!important;-webkit-border-radius:.42em!important;border-radius:.42em!important}.navMenuOption.emby-button-focusscale:focus{-webkit-transform:scale(1.025);transform:scale(1.025)}.navMenuOption-selected{font-weight:700!important}.navDrawerLogo{width:100%;padding:.9em 0;background-position:.4em center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;margin:0!important;-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.navDrawerHeader{margin:1.25em 0 1.5em;position:relative}.btnPinNavDrawer{position:absolute!important;right:-.5em;font-size:84%!important;margin:0!important}.btnPinNavDrawer-iconpin{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.navMenuOptionIcon{margin-right:.7em;-webkit-flex-shrink:0;flex-shrink:0;font-size:1.7em}.navMenuOptionText{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.navMenuHeader{padding-left:.4em!important;margin:.75em 0 .25em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-wrap:wrap;flex-wrap:wrap}.navDrawerCollapseIcon{right:0!important}@media all and (pointer:fine) and (min-width:80em){.navDrawerCollapseIcon{right:initial!important;left:8.7em}}.mainDrawer-open-partial .navMenuOptionIcon{margin-right:0;font-size:2em}.mainDrawer-open-partial .navMenuHeader{padding:0 .5em;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin:.75em 0;font-size:inherit;text-align:center}.mainDrawer-open-partial .navMenuOption{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:1.1em .5em!important;font-size:78%}.mainDrawer-open-partial .navMenuOptionText{white-space:initial;display:none}.navDrawerListItem .listItemImageContainer{width:1.9em!important;height:1.9em!important;background-color:transparent!important}.navDrawerListItem .listItemBody{padding-top:0!important;padding-bottom:0!important;min-height:initial!important}.navDrawerListItemIcon{font-size:1.7em!important}