1 line
No EOL
8.2 KiB
CSS
1 line
No EOL
8.2 KiB
CSS
.mainDrawer{padding-top:calc(1em + env(safe-area-inset-top,0));padding-inline-start:1em;padding-inline-start:calc(1em + env(safe-area-inset-left,0));padding-inline-end:1em;display:flex;flex-direction:column;overscroll-behavior-y:contain;position:fixed;top:0;left:0;inset-inline-start:0;inset-inline-end:initial;bottom:0;contain:strict;z-index:1099;width:33.15ch;width:clamp(33.15ch,30%,45.5ch);transform:translateX(-100%);box-sizing:border-box;will-change:transform,width;scrollbar-gutter:stable;transition:width 340ms ease-out,transform 340ms ease-out}.mainDrawer-rtl{transform:translateX(100%);padding-inline-start:calc(1em + env(safe-area-inset-right,0))}.mainDrawer.scrollY{overflow-y:overlay}@media all and (pointer:fine){.mainDrawer{width:16.5em;width:calc(16.5em + env(safe-area-inset-left,0))}.mainDrawer-rtl{width:calc(16.5em + env(safe-area-inset-right,0))}.mainDrawerScrollSlider-autofont{font-size:96%}}@media not all and (pointer:fine){.mainDrawer:not(.drawer-docked){width:min(80%,35.5ch)}}.drawer-open{box-shadow:.14em 0 .84em rgba(0,0,0,.1);transform:none}.mainDrawer-tv{width:22%;padding-inline-start:1.5ch!important;padding-inline-end:1.5ch;top:3vh;bottom:3vh;left:calc(3.5vh + env(safe-area-inset-left,0));inset-inline-start:calc(3.5vh + env(safe-area-inset-left,0));inset-inline-end:initial;box-shadow:inset 0 0 0 .07em rgba(0,0,0,.2),0 .56em 2.8em rgba(0,0,0,.55);border-radius:1em}.drawer-opening{transform:translateX(-100%)}.drawer-opening.mainDrawer-rtl{transform:translateX(100%)}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;inset-inline-start:0;inset-inline-end:0;background-color:#000;opacity:0;z-index:1098;will-change:opacity;contain:strict;animation:drawer-backdrop-fadein .38s ease-out normal both;overflow:hidden;overscroll-behavior:contain}.drawer-backdrop-tv{background-color:transparent}.drawer-backdrop-fadeout{animation:drawer-backdrop-fadeout .38s ease-out normal both}@keyframes drawer-backdrop-fadein{from{opacity:0}to{opacity:.3}}@keyframes drawer-backdrop-fadeout{from{opacity:.3}to{opacity:0}}.navDrawerCollapseSection{margin:0 0 .25em!important}.navDrawerCollapseButton{margin:.75em 0 0!important;border:0!important;padding:.25em 0!important}.navDrawerCollapseButton.emby-collapsible-button-collapsed::after{display:none}.navDrawerCollapseContent{border:0!important;padding:0 1em!important;margin:0 -1em!important;user-select:none}.navMenuOption{display:flex;align-items:center;text-decoration:none;color:inherit;vertical-align:middle;flex-shrink:0;font-weight:400!important;margin:0!important;user-select:none}.navMenuOption-listItem-content{padding-inline-start:.7em!important}.navMenuOption-listItem-content-reduceleftpadding{padding-inline-start:.25em!important}.navMenuOption .listItem-border-offset::after{left:1.9em;right:0;inset-inline-start:1.9em;inset-inline-end:0;margin-inline-start:1.35em}.navMenuOption.emby-button-focusscale:focus{transform:scale(1.025)}.navMenuOption-selected .listItem-content::before{position:absolute;content:" ";top:0;left:0;right:0;bottom:0;border-radius:.6em}.navMenuOption:hover .listItem-content::before{left:0;right:0}.navDrawerLogo{width:100%;background-size:contain;margin-top:0!important;margin-bottom:0!important;margin-inline-start:.2em!important;margin-inline-end:0!important;flex-grow:0}.navDrawerLogo-tv{margin-inline-start:.5em!important}.navDrawerHeader{margin:.75em 0;position:relative}.navDrawerHeader-tv{margin-top:.5em}.btnNavDrawerLogo{margin:0!important;padding:0!important}.btnPinNavDrawer{font-size:80%!important;margin:0 -.35em 0 0!important}.btnPinNavDrawer-iconpin{transform:rotate(180deg)}@media all and (pointer:fine){.btnPinNavDrawer-hovershow{visibility:hidden}.navDrawerHeader:hover .btnPinNavDrawer{visibility:visible}.mainDrawer:focus-within .btnPinNavDrawer{visibility:visible}}@media not all and (pointer:fine){.btnToggleNavDrawer{display:none!important}}.navMenuOptionIcon{margin-inline-end:.7em;flex-shrink:0;font-size:1.7em}.navMenuOptionText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navMenuHeader{margin:0;display:flex;align-items:center;flex-shrink:0;flex-wrap:wrap;padding-inline-start:.2em!important}.navMenuHeader-tv{margin:.75em 0 .15em}.navMenuHeader-settings{margin:1.75em 0 .25em;padding-inline-start:.25em!important}.navMenuHeader-settings.navMenuHeader-tv{margin-top:1.25em;margin-bottom:.15em;padding-inline-start:0!important}.navMenuHeader-first{margin-top:.25em!important}.navMenuHeader-first.navMenuHeader-tv{margin-top:0!important}.navDrawerCollapseIcon{inset-inline-end:0!important}.navDrawerListItemImageContainer{width:1.9em!important;height:1.9em!important}.navDrawerListItemImageContainer-tv{border-radius:100em;background-color:transparent!important}.navDrawerListItemImageContainer-transparent{background-color:transparent!important}.navDrawerListItemBody{padding:.19em .5em!important}@media all and (pointer:fine){.navDrawerListItemBody{padding-inline-start:.25em!important}}.settingsMenuListItemBody{min-height:2.1em}.navDrawerListItemBody-tv{min-height:initial;padding:.19em .5em!important}.settingsMenuListItemBody-extrapadding{padding:.34em .65em!important}@media all and (pointer:fine){.navDrawerListItemIcon{font-size:120%}}.navDrawerListItemIcon-tv{font-size:120%}@media all and (pointer:fine){.mainDrawer .navDrawerListItemBody{min-height:2.1em}}.mainDrawer:not(.drawer-docked) .navDrawerItemsSection{display:none!important}@media all and (min-width:60em){.mainDrawer-mini{padding-inline-start:1.2ch;padding-inline-end:1.2ch;padding-top:5em;border-inline-end:0!important;--theme-text-color-alpha:.85!important;width:10ch}.mainDrawer-mini.darkContentContainer{--theme-text-color-alpha:.85}.mainDrawer-mini .navDrawerHeader{margin:0!important;padding:.75em 0;height:4em;box-sizing:border-box}.mainDrawer-mini .navDrawerListItemBody{padding:0!important;visibility:hidden}.mainDrawer-mini .navMenuHeader,.mainDrawer-mini .navDrawerCollapseButton,.mainDrawer-mini .navDrawerItemsSection{display:none!important}.mainDrawer-mini .navDrawerHeader,.mainDrawer-mini .navDrawerListItemBody,.mainDrawer-mini .navDrawerItemsSection{display:none!important}.mainDrawer-mini .navDrawerListItemImageContainer{width:6.39ch!important;height:2.8em!important}.mainDrawer-mini .navDrawerListItemImageContainer-padded{box-sizing:border-box;padding:0 .8em}.mainDrawer-mini .navDrawerListItemImageContainer-padded .listItemImage{border-radius:100em}.mainDrawer-mini .listItem{box-sizing:border-box;width:100%}.mainDrawer-mini .listItem-content{padding:0 .42em!important;box-sizing:border-box;min-width:100%;width:auto}.mainDrawer-mini .listItemBody{flex-grow:0}.listItem[data-id=btnExpandMiniDrawer]{margin-top:-3.5em!important}.mainDrawer:not(.mainDrawer-mini) .listItem[data-id=btnExpandMiniDrawer]{display:none!important}}@media not all and (min-width:60em){.btnPinNavDrawer{display:none!important}.listItem[data-id=btnExpandMiniDrawer]{display:none!important}}.navDrawerItemsContainer{container-name:initial!important;container-type:initial!important}.navDrawerItemsContainer-shaded{border-radius:.6em;padding:.25em .75em}@media all and (pointer:fine){.navDrawerItemsContainer-shaded{background:0 0!important;border:var(--line-size) solid var(--line-background)}}@media not all and (pointer:fine){.navDrawerItemsContainer-shaded{padding:.25em;padding-inline-end:1em}}.navMenuOption-settings-hidelastborder:last-child .listItem-border::after{background:0 0}@media not all and (min-width:50em){.drawer-search{display:none!important}}.navDrawerSearchFieldContainer{margin:.5em 0;position:relative;display:flex;align-items:center}.navDrawerSearchFieldContainer-label{display:none!important}.navDrawerSearchIcon{position:absolute;font-size:160%;left:.35em;right:0;inset-inline-start:.25em;inset-inline-end:0;width:1.25em}.txtNavDrawerSearch{border-radius:.6em!important;padding-inline-start:2.25em!important}@media all and (pointer:fine){.drawer-docked:not(.mainDrawer-mini) .drawer-search{display:none!important}.mainDrawer-mini .navDrawerSearchFieldContainer,.mainDrawer:not(.drawer-docked) .navDrawerSearchFieldContainer{display:none!important}.drawer-docked:not(.mainDrawer-mini)~.page .searchFields{margin-bottom:0!important;padding-bottom:0!important}@media all and (min-width:60em){.drawer-docked:not(.mainDrawer-mini)~.page .searchInputContainer{display:none!important}}}@media not all and (pointer:fine){.navDrawerSearchFieldContainer{display:none!important}} |