.songbook-container{width:100%;height:100%;max-width:100%;overflow:hidden;padding:0;display:grid;grid-template-columns:320px 320px auto;grid-template-rows:56px auto;}.songbook-container>.left-sidebar{position:relative;display:flex;flex-direction:column;border-right:1px solid var(--border-soft);grid-row:span 2;overflow-y:auto;min-width:0;padding-bottom:12px;}.songbook-container>.left-sidebar>header{display:flex;padding:32px 12px;align-items:center;}.songbook-container>.left-sidebar>header>.username{flex:1;}.songbook-container>.left-sidebar>header>.username>label{font-family:"Open Sans",sans-serif;font-size:.75rem;color:var(--text-sec);}.songbook-container>.left-sidebar>header>.username>div{font-weight:bold;margin-top:-2px;word-break:break-all;}.songbook-container>.left-sidebar>header>.actions{vertical-align:middle;margin-left:12px;}.songbook-container>.left-sidebar>header.no-login{display:block;text-align:center;}.songbook-container>.left-sidebar>header.no-login>.btn{margin:4px auto;box-sizing:border-box;}.songbook-container>.left-sidebar>.dark-mode-switch-container{display:flex;flex-direction:row;margin-top:0;align-items:center;}.songbook-container>.left-sidebar>.dark-mode-switch-container:before,.songbook-container>.left-sidebar>.dark-mode-switch-container:after{content:"";background-color:var(--border-soft);height:1px;flex:1;margin:0 16px;}.songbook-container>.left-sidebar>label{display:block;font-size:.75rem;font-weight:bold;text-align:center;margin-bottom:16px;}.songbook-container>.left-sidebar>.destination{position:relative;display:block;margin:4px 12px;padding:8px;border-radius:8px;text-decoration:none;transition:border-color ease-in-out .15s;border:1px solid;flex-shrink:0;color:var(--text-pri);border-color:var(--border-soft);}.songbook-container>.left-sidebar>.destination:hover{border-color:var(--border-soft-hover);}.songbook-container>.left-sidebar>.destination>.mdi{margin-right:8px;margin-left:4px;}.songbook-container>.left-sidebar>.destination>.mdi.right{float:right;margin-left:8px;margin-right:0;}.songbook-container>.left-sidebar>.destination.active{border-color:transparent;background-color:var(--bg-accent-soft);color:var(--text-accent-pri);border-color:var(--border-accent-soft);}.songbook-container>.left-sidebar>.destination.active:hover{border-color:var(--border-accent);}.songbook-container>.left-sidebar>.destination+label{margin-top:24px;}.songbook-container>.left-sidebar>.destination>.mdi:first-child{position:absolute;left:8px;margin-left:0;}.songbook-container>.left-sidebar>.destination>.mdi:first-child+.name{display:inline-block;box-sizing:border-box;width:100%;padding-left:24px;}.songbook-container>.left-sidebar>.no-content{padding:16px;}.songbook-container>.left-sidebar>.pusher{flex:1;min-height:56px;}.songbook-container>.left-sidebar>footer{padding:12px;box-sizing:border-box;text-align:center;margin-top:16px;}.songbook-container>.left-sidebar>footer>.zoom-level-field{display:inline-block;margin:0 8px;vertical-align:middle;}.songbook-container>.left-sidebar>footer>.zoom-level-field>.mdi{margin-right:4px;color:var(--text-tet);}.songbook-container>.left-sidebar>footer>.zoom-level-field>.zoom-level{display:inline-block;min-width:50px;}.songbook-container>.left-sidebar>footer>.version>a{display:block;margin:auto;margin-top:8px;}.songbook-container>.songbook-name-panel{border-bottom:1px solid var(--border-soft);grid-column:span 2;padding:0 12px;display:flex;align-items:center;min-width:0;}.songbook-container>.songbook-name-panel>.btn-icon:first-child{margin-right:12px;}.songbook-container>.songbook-name-panel>.left-drawer-trigger{display:none;}.songbook-container>.songbook-name-panel>.right-drawer-trigger{display:none;}.songbook-container>.songbook-name-panel>.name{font-family:"Karma",serif;font-size:1.2rem;letter-spacing:-.4px;margin-top:8px;flex:1;line-height:1;text-overflow:ellipsis;padding:2px 0;overflow:hidden;white-space:nowrap;}.songbook-container>.songbook-name-panel>.name~.btn-icon{margin-left:4px;}.songbook-container>.song-list-panel{position:relative;display:flex;flex-direction:column;border-right:1px solid var(--border-soft);min-width:0;min-height:0;}.songbook-container>.song-list-panel>.search-bar,.songbook-container>.song-list-panel>.actions-bar{height:56px;line-height:56px;width:100%;}.songbook-container>.song-list-panel>.search-bar{position:relative;z-index:1;border-bottom:1px solid var(--border-soft);box-sizing:border-box;text-align:right;font-size:0;padding-right:12px;}.songbook-container>.song-list-panel>.search-bar>input{position:absolute;display:block;width:100%;height:100%;min-width:0;padding:0;padding-left:12px;padding-right:64px;font-family:"Open Sans",sans-serif;font-size:1rem;text-align:left;border:none;margin:0;box-sizing:border-box;background:none;color:var(--text-pri);}.songbook-container>.song-list-panel>.search-bar>input:focus{outline:2px solid var(--accent);}.songbook-container>.song-list-panel>.search-bar>.btn-toggle,.songbook-container>.song-list-panel>.search-bar>.btn-icon{display:inline-block;vertical-align:middle;margin-left:4px;outline:none;}.songbook-container>.song-list-panel>.content-search-mode-banner{font-size:.75rem;padding:12px;line-height:1.2;background-color:var(--bg-accent);color:var(--text-pri-on-accent);}.songbook-container>.song-list-panel>.actions-bar{border-top:1px solid var(--border-soft);text-align:right;font-size:0;padding:0 12px;box-sizing:border-box;}.songbook-container>.song-list-panel>.actions-bar>.btn-icon+.btn-icon{margin-left:4px;}.songbook-container>.song-list-panel>.actions-bar+.list-container{margin-bottom:56px;height:calc(100% - 112px);}.songbook-container>.song-list-panel>.list-container{position:relative;overflow-y:auto;height:100%;padding:12px 0;box-sizing:border-box;min-height:0;flex:1;}.songbook-container>.song-list-panel>.list-container>.no-content{margin-top:16px;}.songbook-container>.song-list-panel>.list-container>.song-list-item{display:flex;flex-direction:row;padding:12px 12px;line-height:1;align-items:center;text-decoration:none;transition:background-color ease-in-out .15s;color:var(--text-pri);}.songbook-container>.song-list-panel>.list-container>.song-list-item>.number{margin-right:8px;min-width:14px;text-align:right;font-size:.75rem;color:var(--text-sec);}.songbook-container>.song-list-panel>.list-container>.song-list-item>.mdi{font-size:.75rem;margin-right:8px;color:var(--text-sec);}.songbook-container>.song-list-panel>.list-container>.song-list-item>.mdi.accent{color:var(--text-accent-pri);}.songbook-container>.song-list-panel>.list-container>.song-list-item>.title{flex:1;min-width:0;}.songbook-container>.song-list-panel>.list-container>.song-list-item>.title~.mdi{margin-left:8px;margin-right:0;}.songbook-container>.song-list-panel>.list-container>.song-list-item.active{color:var(--text-accent-pri);background-color:var(--bg-accent-soft);}.songbook-container>.song-list-panel>.list-container>.song-list-item.active>.number,.songbook-container>.song-list-panel>.list-container>.song-list-item.active>.mdi{color:var(--text-accent-sec);}.songbook-container>.song-list-panel>.list-container>.song-list-item.active>.number.accent,.songbook-container>.song-list-panel>.list-container>.song-list-item.active>.mdi.accent{color:var(--text-accent-pri);}.songbook-container>.song-list-panel>.list-container>.song-list-item.active:hover{background-color:var(--bg-accent-soft-hover);}.songbook-container>.song-list-panel>.list-container>.song-list-item:hover{background-color:var(--bg-hover);}.songbook-container>.song-list-panel>.list-container>.song-list-item:focus{outline:2px solid var(--accent);}.songbook-container>.song-list-panel>.list-container>.song-list-item:not(.no-display)~.no-content{display:none;}.songbook-container>.active-song-panel{position:relative;min-width:0;padding-bottom:56px;min-height:0;}.songbook-container>.active-song-panel>.active-song{height:100%;overflow-y:scroll;padding:24px;box-sizing:border-box;}.songbook-container>.active-song-panel>.active-song>header{font-family:"Karma",serif;font-size:1.2rem;letter-spacing:-.4px;display:flex;align-items:center;margin-bottom:12px;}.songbook-container>.active-song-panel>.active-song>header span{flex:1;margin-top:4px;line-height:1.25;}.songbook-container>.active-song-panel>.active-song>header>.btn-icon{margin-left:8px;}.songbook-container>.active-song-panel>.active-song>.song-content{white-space:pre-line;line-height:1.35;}.songbook-container>.active-song-panel>.actions-bar{position:absolute;bottom:0;left:0;right:0;height:56px;padding:0 12px;border-top:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;}.songbook-container>.active-song-panel>.actions-bar .btn-icon+.btn-icon{margin-left:4px;}.songbook-container>.active-song-panel>.actions-bar>.left{position:absolute;left:12px;text-align:left;}.songbook-container>.active-song-panel>.actions-bar>.center{width:100%;text-align:center;}.songbook-container>.active-song-panel>.actions-bar>.right{position:absolute;right:12px;text-align:right;}.songbook-container>.drawer-scrim{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9;opacity:0;pointer-events:none;display:none;background-color:var(--bg-scrim);}.songbook-container>.drawer-scrim.loaded{display:block;transition:opacity ease-in-out .3s;}.songbook-container>.snackbar{position:fixed;display:flex;box-sizing:border-box;bottom:68px;right:12px;width:calc(100% - 24px);max-width:432px;line-height:1;padding:12px;align-items:center;border-radius:4px;transform:translateY(168px);opacity:0;transition:transform cubic-bezier(.4,0,1,1) .33s,opacity cubic-bezier(.4,0,1,1) .33s;background-color:var(--info-blue);color:var(--text-pri-on-accent);}.songbook-container>.snackbar>span{flex:1;}.songbook-container>.snackbar>.btn-icon{flex-shrink:0;color:var(--text-pri-on-accent);outline-color:#fff;margin-left:8px;}.songbook-container>.snackbar>.btn-icon:hover:not(.disabled):not(:disabled){border-color:var(--text-pri-on-accent);}.songbook-container>.snackbar>.btn-icon:active:not(.disabled):not(:disabled){color:var(--text-pri-on-accent);border-color:var(--text-pri-on-accent);}.songbook-container>.snackbar>.btn-icon.waves-effect .waves-ripple{background:var(--waves-on-accent);}.songbook-container>.snackbar.song-suggestion{text-decoration:none;}.songbook-container>.snackbar.song-suggestion>.content{flex:1;}.songbook-container>.snackbar.song-suggestion>.content>.pri{font-size:1rem;color:var(--text-pri-on-accent);}.songbook-container>.snackbar.song-suggestion>.content>.sec{margin-top:8px;font-size:.75rem;color:var(--text-sec-on-accent);}.songbook-container>.snackbar.in{transform:none;opacity:1;transition-timing-function:cubic-bezier(0,0,.2,1);}.songbook-container>.snackbar.in.subsequent{transition-delay:.33s;}.songbook-container>.snackbar.success{background-color:var(--bg-success-green);}.songbook-container>.snackbar.warning{background-color:var(--bg-warning-orange);}.songbook-container>.snackbar.error{background-color:var(--bg-error-red);}.songbook-container>.snackbar.info{background-color:var(--bg-info-blue);}.songbook-container>.snackbar.accent{background-color:var(--bg-accent);}@media only screen and (max-width:1120px){.songbook-container{grid-template-columns:320px auto;}.songbook-container>.left-sidebar{position:fixed;top:0;bottom:0;z-index:10;width:380px;max-width:calc(100% - 56px);display:none;transition:none;background-color:var(--bg-pri);left:0;transform:translateX(-100%);}.songbook-container>.left-sidebar.loaded{display:flex;transition:transform cubic-bezier(.4,0,1,1) .3s;}.songbook-container>.left-sidebar.in{transform:none;transition-timing-function:cubic-bezier(0,0,.2,1);}.songbook-container>.left-sidebar.in~.drawer-scrim{opacity:1;pointer-events:auto;}.songbook-container>.songbook-name-panel>.left-drawer-trigger{display:inline-block;}.songbook-container>.left-drawer-handle{display:block;}}@media only screen and (max-width:800px){.songbook-container{grid-template-columns:100%;}.songbook-container>.song-list-panel{position:fixed;top:0;bottom:0;z-index:10;width:380px;max-width:calc(100% - 56px);display:none;transition:none;background-color:var(--bg-pri);right:0;transform:translateX(100%);transition:.3s;border-left:1px solid var(--border-soft);border-right:none;}.songbook-container>.song-list-panel.loaded{display:flex;transition:transform cubic-bezier(.4,0,1,1) .3s;}.songbook-container>.song-list-panel.in{transform:none;transition-timing-function:cubic-bezier(0,0,.2,1);}.songbook-container>.song-list-panel.in~.drawer-scrim{opacity:1;pointer-events:auto;}.songbook-container>.song-list-panel ::-webkit-scrollbar{height:10px;width:16px;background-color:var(--scrollbar-track);}.songbook-container>.song-list-panel ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-accent);-webkit-border-radius:1ex;}.songbook-container>.song-list-panel ::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-accent-hover);}.songbook-container>.song-list-panel ::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-accent-pressed);}.songbook-container>.song-list-panel ::-webkit-scrollbar-corner{background-color:var(--scrollbar-thumb);}.songbook-container>.songbook-name-panel>.right-drawer-trigger{display:inline-block;}.songbook-container>.right-drawer-handle{display:block;}}