@import "https://fonts.googleapis.com/css?family=Roboto+Mono:400,400i|Secular+One";@import "https://fonts.googleapis.com/icon?family=Material+Icons";:root{--primary-color:#eee;--secondary-color:#424242;--accent-color:#d32f2f;--Roboto-Mono:"Roboto Mono",sans-serif;--Secular-One:"Secular One",serif}body,html{-webkit-font-smoothing:antialiased;height:100%;overflow:hidden;position:relative;width:100%}body{-webkit-text-size-adjust:none;text-size-adjust:none;background-color:var(--primary-color);cursor:default;font:18px var(--Secular-One);margin:0}.display--none{display:none}.width--full{width:100%}.height--full{height:100%}.margin-top--4{margin-top:4px}.margin-top--8{margin-top:8px}.margin-top--12{margin-top:12px}.margin-top--24{margin-top:24px}.margin-bottom--8{margin-bottom:8px}.margin-bottom--12{margin-bottom:12px}.margin-bottom--16{margin-bottom:16px}.margin-bottom--32{margin-bottom:32px}.margin-bottom--48{margin-bottom:48px}.margin-left--6{margin-left:6px}.text--center{text-align:center}.white-space--pre-wrap{white-space:pre-wrap}.float--right{float:right}.vertical-align--top{vertical-align:top}h2{font:24px var(--Roboto-Mono);margin:0 0 12px}p{margin:0}a{color:inherit}input{outline:0}select{-webkit-appearance:unset;background-color:transparent;border:none;color:inherit;cursor:pointer;font:inherit;margin:0;outline:none;padding:0}#container{overflow:hidden}#container,#hymn-app,.app-page{height:100%;width:100%}#hymn-app{overflow:hidden}div,span{box-sizing:border-box;display:inline-block}.app-page{-webkit-overflow-scrolling:touch;background-color:var(--primary-color);box-shadow:0 2px 16px rgba(0,0,0,.8);color:var(--secondary-color);left:0;overflow-y:scroll;position:absolute;text-align:center;top:0;transition:.6s cubic-bezier(0,0,.2,1)}.app-page.hidden{top:110%;transition-timing-function:cubic-bezier(.4,0,1,1)}#search-page.app-page.hidden{display:none;top:0}.page-content{box-sizing:border-box;max-width:664px;padding:32px;text-align:left;width:100%}hr{background-color:var(--secondary-color);border:none;height:2px;margin:0 0 12px;width:100%}#container .hide{display:none}.clickable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clickable:not(.disabled){cursor:pointer;transition:.2s}.clickable:not(.disabled):hover{opacity:.8}.clickable.disabled{opacity:.4}.page-header{display:block}.page-bottom,.page-footer,.page-header{width:100%}.page-header.hidden{display:none}.subtitle-bar,.title-bar{width:100%}.subtitle-bar{display:block;height:26px;margin-bottom:18px;overflow:hidden;transition:.6s}.subtitle-bar.hidden{height:0;margin-bottom:0}.page-title{font:48px var(--Secular-One)}.page-subtitle{font:14px var(--Roboto-Mono)}.right-title{float:right}.page-close,.theme-button{cursor:pointer;margin:21px 0}.icon-tray{height:24px;text-align:right}.icon-tray i{margin-left:10px}.icon-tray.right-title{margin:23px 0}.icon-tray-left{height:24px;text-align:left}.icon-tray-left i{margin-right:10px}#home-page>.page-content{margin-bottom:56px;position:relative}.home-section{margin-bottom:16px;width:100%}.home-section-title{cursor:pointer;font:italic 24px var(--Roboto-Mono);margin-bottom:8px}#account-button,#hymnal-info{cursor:pointer;font:18px var(--Secular-One)}#account-button{float:right}#fab{background-color:var(--secondary-color);border-radius:28px;bottom:32px;box-shadow:0 2px 6px rgba(0,0,0,.8);box-sizing:border-box;color:var(--primary-color);cursor:pointer;height:56px;padding:16px;position:fixed;right:32px;transition:.4s;width:56px}#fab:hover{box-shadow:0 3px 10px rgba(0,0,0,.8)}.home-header{margin:60px 0}.home-header>.page-title{margin-bottom:-12px;position:relative}.home-header>.page-title>svg{content:"";display:inline-block;height:194px;left:calc(50% - 106px);opacity:.06;position:absolute;top:-70px;width:212px}.home-header>.page-title path{fill:var(--secondary-color)}.home-header>.page-subtitle{position:relative}.named-icon-button{margin:0 calc(12.5% - 37.5px);width:100px}.named-icon-button>i{margin-bottom:12px}.named-icon-button>span{width:100%}.account-icon{border:2px solid var(--secondary-color);border-radius:24px;height:24px;overflow:hidden;vertical-align:top;width:24px}.account-icon>img{height:100%;width:100%}.version-tag{font-size:14px;height:24px;margin:3px 0 1px;opacity:.4;vertical-align:top}.hymn-list{width:100%}.hymn-entry{cursor:pointer;font:18px var(--Secular-One);line-height:40px;width:100%}.hymn-entry-number{display:inline-block;margin-right:12px;text-align:right;vertical-align:top;width:32px}.hymn-entry-title{width:calc(100% - 76px)}.hymn-entry-favorite{float:right;margin-left:8px}.hymn-entry-favorite .material-icons{vertical-align:middle}.favorite{color:var(--secondary-color);cursor:pointer;opacity:.2}.favorite.active,.favorite.favorite-color{color:var(--accent-color)}.favorite.active{opacity:.8}#list-sort{color:var(--secondary-color);float:right;font:18px var(--Secular-One);text-align:right}#list-sort-select{-webkit-appearance:unset;background-color:transparent;border:none;color:inherit;font:inherit}#search-bar{width:calc(100% - 48px)}.search-bar-input{-webkit-appearance:unset;background-color:transparent;border:none;color:var(--secondary-color);font:italic 24px var(--Roboto-Mono);margin:18px 0;padding:0;width:100%}.search-bar-input::-webkit-input-placeholder{color:var(--secondary-color);opacity:.2}.search-bar-input::-moz-placeholder{color:var(--secondary-color);opacity:.2}.search-bar-input:-ms-input-placeholder{color:var(--secondary-color);opacity:.2}.search-bar-input:-moz-placeholder{color:var(--secondary-color);opacity:.2}.hymn-number{font:48px var(--Secular-One);width:120px}.hymn-number.long{width:200px}#hymn-name{font:18px var(--Roboto-Mono);width:100%}.hymn-lyrics{font:18px var(--Secular-One);line-height:40px;white-space:pre-line}.presentation-content{box-sizing:border-box;height:100%;padding:32px;text-align:left;width:100%}.presentation-content>.page-bottom{height:calc(100% - 96px)}.presentation-content>.page-footer{height:26px;text-align:left}.flickity-viewport{display:block}.flickity-button-icon{fill:var(--secondary-color)}.main-carousel{margin-left:-32px;width:calc(100% + 64px)}.carousel-cell{padding:0 32px}.splash-title{font:48px var(--Secular-One);width:100%}.splash-subtitle{font:18px var(--Roboto-Mono);width:100%}.presentation-content>.page-footer{text-align:right}.slide-char-view{font-size:18px;height:26px;opacity:.4;text-align:center;transition:.6s;width:26px}.slide-char-view.active{opacity:1}.flickity-button,.flickity-button:hover{background:transparent}.flickity-prev-next-button{height:24px;width:24px}.flickity-prev-next-button.previous{left:8px}.flickity-prev-next-button.next{right:8px}#signin-buttons{padding-top:100px;text-align:center;width:100%}#account-page .page-content{height:100%}#account-page .page-bottom{height:calc(100% - 70px)}.sign-in-message{font-size:24px}img.sign-in-provider-button{box-shadow:0 1px 2px rgba(0,0,0,.2);height:42px;transition:.6s;width:198px}img.sign-in-provider-button:hover{box-shadow:0 1px 4px rgba(0,0,0,.2)}.sign-in-provider-button-separator{margin:8px 10px;vertical-align:top}img.sign-in-provider-icon{height:42px;margin-left:10px;vertical-align:middle;width:42px}.snackbar{background-color:var(--secondary-color);bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.4);color:var(--primary-color);font:14px var(--Secular-One);left:50%;padding:14px 0;position:fixed;transform:translateX(-50%);transition:.6s;width:100%}.snackbar>.left{padding-left:24px}.snackbar>.right{float:right;padding:0 24px}.snackbar .link{cursor:pointer}.snackbar.hidden{bottom:-100px}.snackbar .link,.snackbar>.left{opacity:1;transition:opacity .6s .2s}.snackbar.hidden .link,.snackbar.hidden>.left{opacity:0}#settings-page{line-height:40px}#settings-page .theme-picker{height:28px;vertical-align:middle}.theme-picker .color-square{border-radius:4px;height:18px;margin:5px;opacity:.8;position:relative;transition:.2s;width:18px}.theme-picker .color-square:after{border:2px solid #000;border-radius:4px;box-sizing:border-box;content:"";height:18px;left:0;opacity:.1;position:absolute;top:0;transition:.2s;width:18px}.theme-picker .color-square.active,.theme-picker .color-square.active:after{border-radius:6px;height:24px;width:24px}.theme-picker .color-square.active{margin:2px}.theme-picker .theme-picker-divisor{background:var(--secondary-color);height:16px;margin:6px;opacity:.2;width:2px}.categories-list{font:18px var(--Secular-One);line-height:40px}.categories-list-item>span:first-child{margin-right:12px;text-align:right;vertical-align:top;width:32px}#categories-page .category-title{font:italic 18px var(--Roboto-Mono);margin:14px 0;text-align:center}.centered-div-outer{display:table;height:100%;width:100%}.centered-div-middle{display:table-cell;vertical-align:middle}.centered-div-inner{margin-left:auto;margin-right:auto;text-align:center;width:100%}@media screen and (min-width:664px){.page-content{margin-top:calc(50% - 332px)}}@media screen and (min-width:700px){.snackbar{min-width:288px;width:auto}}@media screen and (min-width:768px){.page-content{margin-top:52px}}@media screen and (max-width:600px){.page-header>.page-title{font-size:36px;margin:8px 0}.sign-in-provider-button-separator{margin:0 0 8px;width:100%}}@media not screen and (max-width:600px){.hymn-number{margin-left:calc(50% - 60px);text-align:center}.hymn-number.long{margin-left:calc(50% - 100px)}#hymn-name{text-align:center}}@media screen and (min-width:600px) and (max-width:800px) and (max-height:500px){.page-content{margin-top:0}.home-header{margin-bottom:24px;margin-top:0}.named-icon-button{margin:0 12px;width:auto}.named-icon-button>i{margin-bottom:0;vertical-align:top}.named-icon-button>span{margin-left:14px;width:auto}}@media screen and (min-width:600px){.named-icon-button{margin:0 22px}}@media screen and (min-width:600px) and (min-height:500px){.presentation-content .hymn-lyrics{font-size:24px}}
/*# sourceMappingURL=index.6e7984ec.css.map */