*{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}body{padding-top:10px;padding-bottom:100px;margin:0}button,input,span,label,a{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1{font-size:30px}.top{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);height:52px;font-size:25px;padding-left:30px;color:#fff;position:fixed;top:0;left:0;overflow:hidden;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#448aff;box-shadow:2px 2px 6px #0006;z-index:1}.top button,.top a{padding-right:60px;font-size:50px;background:transparent;border:none;color:#fff;margin:0}#search-view{padding-top:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-left:20px;padding-right:20px}#search-and-settings{display:flex;align-items:center}#search-and-settings #search-bar{padding:10px 14px;font-size:16px;width:250px;color:#555;background-image:none;border:1px solid #ccc;border-radius:4px;margin-right:20px}#search-and-settings .vue-icon{background:transparent;fill:#9e9e9e;border:0px}#search-and-settings .vue-icon:hover{fill:#5b5b5b}#category{font-size:20px;padding-bottom:6px;padding-top:30px;margin-left:-8px}#search-list{line-height:1.5;width:100%;max-width:380px}#search-list a{font-size:16px}.search-result-line{padding:5px 8px;color:#001367}.search-result-line:hover{padding:5px 8px;color:#415f9e}.hymn-top button:first-of-type{left:-50px}.hymn-top button:last-of-type{right:-50px}.hymn-view{padding-top:80px;line-height:1.42857143;display:flex;flex-direction:column;align-items:center;padding-left:10px;padding-right:10px}.hymn-view .hymn-top{display:flex;flex-direction:row;justify-content:center;position:relative}.hymn-view .hymn-top button{position:absolute;top:-30px;font-size:80px;color:#bdbdbd;background-color:transparent;border:none;padding:40px;margin:-40px;touch-action:manipulation}.hymn-view .hymn-top .hymn-intro{text-align:center;padding-bottom:25px;width:250px}.hymn-view .hymn-top .hymn-intro h3,.hymn-view .hymn-top .hymn-intro h4{font-size:18px;margin-bottom:0;margin-top:0}.hymn-view .hymn-mp3::-webkit-media-controls-panel{background-color:#acc9ff}.hymn-view .verses{max-width:450px;padding-top:15px;font-size:16px;position:relative;left:20px}.hymn-view .verses .hymn-verse{margin-bottom:15px}.hymn-view .verses .verse-one{margin-bottom:0}.hymn-view .verses .hymn-chorus{position:relative;left:10px;margin-bottom:15px;font-style:italic}.hymn-view .verses .remaining-verses{margin-top:0}.hymn-view .verses ol{padding-left:0;padding-top:0}.hymn-back-button{margin-top:15px;font-size:16px;background-color:#acc9ff;border:1px solid transparent;border-radius:.25rem;padding:6px 12px;line-height:1.5;box-shadow:2px 2px 6px #0006}.chords{white-space:pre;color:#00f;font-style:normal}.chords-capo{text-align:left;font-size:14px;color:gray}.uppercase{text-transform:uppercase}.bottom{height:80px;position:fixed;bottom:0;left:0;right:0;width:100%;overflow:visible;background-color:#448aff;box-shadow:0 -2px 6px #0006;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.bottom .button-parent{padding-bottom:30px;width:350px;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.bottom .button-parent button,.bottom .button-parent a{font-size:50px;background:transparent;border:none;color:#fff;margin:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:color .15s ease,transform .1s ease}.bottom .button-parent .arrow{font-size:60px}@media (hover: hover) and (pointer: fine){.bottom .button-parent button:hover,.bottom .button-parent a:hover{color:#415f9e}}.bottom .button-parent button:active,.bottom .button-parent a:active{color:#415f9e;transform:scale(.97)}#settings-view{line-height:1.42857143;padding-top:80px;display:flex;align-items:center;flex-direction:column;padding-left:15px;padding-right:15px}.settings-div{width:100%}.settings-div .settings-title{font-size:18px}.setting{height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:250px}.setting p{font-size:20px}hr.solid{border-top:1px solid #bbb;width:300px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}