html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,menu,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.disabled{opacity:.3;pointer-events:none}button{background:none;border:none;padding:0;cursor:pointer;width:32px;height:32px}button svg{width:100%;height:100%;display:block;color:#777}button:active,button:hover{opacity:.7}a{text-decoration:none;color:#575757}.component-label,.dropdown select+span{font:12px Verdana,sans-serif;color:#959595;display:block}.dropdown{font-family:Verdana,sans-serif;flex:1}.dropdown select{height:30px;border:none;border-radius:3px;box-shadow:0 0 3px #c6c6c6;padding:0 10px;font-size:inherit;margin:0 0 5px;color:inherit;max-width:100%;overflow:hidden}.button-primary,.button-secondary{font-family:Verdana;font-size:inherit;height:38px;min-width:120px;width:auto;border-radius:9px;color:#fff;padding:0 15px}.button-primary{background:#2196F3}.danger{background:#CA4343!important}html,body,#app{height:100%}body{font:18px Tahoma,Arial;color:#575757;touch-action:pan-x pan-y}#app{max-width:500px;margin:auto;padding:20px;box-sizing:border-box}.cmp-widget-header{display:flex;justify-content:space-between;position:sticky;top:0;background:#fff;padding:10px 0 40px;z-index:1}.cmp-widget-header .download{position:relative}.cmp-widget-header .download svg{color:#2196f3}.cmp-widget-header .download-loading-icon{position:absolute;top:-9px;width:50px;height:50px;left:-9px;color:#2196f3}.cmp-widget-header .download-loading-icon path{stroke-width:1}.cmp-widget-header .user-logo{border-radius:50%;overflow:hidden;height:32px;margin:0 0 0 20px}.cmp-widget-header .user-logo img{width:100%;height:100%}.cmp-element-actions{min-width:85px;text-align:right}.cmp-element-actions .wrapper .action{margin:0 5px}.cmp-element-actions .wrapper .action.delete svg{color:#ca4343}.cmp-element-add-new{display:flex;justify-content:center;padding:20px 0}.cmp-element-add-new button{width:42px}.cmp-element-add-new button svg{color:#777}.cmp-element-ready-icon{margin:0 10px 0 0;vertical-align:middle}.cmp-element-ready-icon .wrapper .ready,.cmp-element-ready-icon .wrapper .not-ready{color:#2196f3}.cmp-element-loading{opacity:.5;animation:3s linear 0s infinite alternate fade-in-out;height:50vh;display:flex;justify-content:center;align-items:center;filter:grayscale(1)}@keyframes fade-in-out{0%{opacity:.5}to{opacity:0}}.cmp-widget-lists{padding:0 5px}.cmp-widget-lists ul li{display:flex;justify-content:space-between;align-items:center;min-height:35px}.cmp-widget-lists ul li .name-wrapper{display:flex;align-items:center;flex:1}.cmp-widget-lists ul li .name-wrapper input{font:inherit;color:inherit;border:none;border-bottom:1px solid #777777;border-radius:0;padding:0;width:calc(100% - 64px)}.cmp-widget-lists ul li .name-wrapper .show-wrapper{width:100%;display:inline-block}.cmp-widget-lists ul li .name-wrapper .show-wrapper a{width:90%;display:inline-block}.cmp-widget-lists ul li .name-wrapper .edit-wrapper,.cmp-widget-lists ul li .name-wrapper .new-wrapper{white-space:nowrap}.cmp-widget-lists ul li .name-wrapper .edit-wrapper input,.cmp-widget-lists ul li .name-wrapper .new-wrapper input{outline:none}.cmp-widget-lists ul li .name-wrapper .edit-wrapper input:focus,.cmp-widget-lists ul li .name-wrapper .edit-wrapper input:active,.cmp-widget-lists ul li .name-wrapper .new-wrapper input:focus,.cmp-widget-lists ul li .name-wrapper .new-wrapper input:active{border-bottom:1px solid #2196F3}.cmp-widget-lists ul li .name-wrapper .edit-wrapper button,.cmp-widget-lists ul li .name-wrapper .new-wrapper button{width:24px;height:24px;margin:0 10px;padding:1px}.cmp-widget-lists ul li .name-wrapper .edit-wrapper button.cancel-button svg,.cmp-widget-lists ul li .name-wrapper .new-wrapper button.cancel-button svg{color:#777}.cmp-widget-lists ul li .name-wrapper .edit-wrapper button.save-button svg,.cmp-widget-lists ul li .name-wrapper .new-wrapper button.save-button svg{color:green}.cmp-widget-lists ul li .name-wrapper svg{margin:0 10px 0 0}.cmp-widget-footer{height:50px;display:flex;align-items:center;justify-content:flex-end;color:gray}.cmp-widget-player{position:sticky;bottom:0;background:#fff}.cmp-widget-player .wrapper{display:flex;justify-content:center;align-items:center;padding:20px 0}.cmp-widget-player .wrapper .play-pause{width:64px;height:64px;margin:0 55px}.cmp-widget-player .wrapper .play-pause .playing-icon-wrapper{position:relative}.cmp-widget-player .wrapper .play-pause .playing-icon-wrapper .loading{position:absolute;top:0}.cmp-widget-list{padding:0 5px}.cmp-widget-list .active{background:lightblue}.cmp-widget-list .cmp-element-ready-icon,.cmp-widget-list h2{display:inline-block}.cmp-widget-list [data-is-dirty=true] .list-item-name{color:#7c0707}.cmp-widget-list h1{font-size:20px;margin:5px 0 15px 10px;text-decoration:underline}.cmp-widget-list ul li{padding:5px 10px}.cmp-widget-list ul li.active{background:rgba(238,238,238,.4901960784);padding:10px;border-radius:3px}.cmp-widget-list ul li.active .list-item-name{font-weight:700}.cmp-widget-list ul li>.wrapper{display:flex;justify-content:space-between;align-items:center}.cmp-widget-list ul li>.wrapper .add-reference-verse{height:16px;width:16px}.cmp-widget-list ul li>.wrapper .add-reference-verse path{fill:#016001}.cmp-widget-list ul li .show-verses{margin:10px 0 20px}.cmp-widget-list ul li .show-verses .verse-item{margin:10px 0}.cmp-widget-list ul li .verse-number{font-weight:700}.cmp-widget-list ul li .verse-references-show{width:16px;height:16px;padding:3px 5px;box-sizing:content-box}.cmp-widget-list ul li .verse-references-show.active{background:#eee}.cmp-widget-list ul li .verse-references-show.active path:last-child{fill:#000}.cmp-widget-list ul li .verse-references-show.active+*{display:flex;margin:20px 0 10px;flex-wrap:wrap}.cmp-widget-list ul li .verse-references{display:none}.cmp-widget-list ul li .verse-references .verse-reference{background:#eee;width:auto;height:32px;padding:5px;border-radius:4px;box-shadow:0 0 3px #999;margin:0 10px 10px 0}.cmp-widget-list .list-item-name{cursor:pointer}.cmp-widget-list .added{font-style:italic;opacity:.7}.cmp-widget-list-item-edit{padding:0 5px}.cmp-widget-list-item-edit h1{margin:0 0 40px}.cmp-widget-list-item-edit .row{display:flex;margin:15px 0}.cmp-widget-list-item-edit .dropdown{margin:0 10px 0 0;max-width:calc(50% - 10px)}.cmp-widget-list-item-edit .edit-verses{text-align:center}.cmp-widget-list-item-edit .edit-verses .edit-verse-wrapper{display:inline-block}.cmp-widget-list-item-edit .edit-verses .edit-verse-wrapper button{width:48px;height:48px;color:#777;font-size:inherit}.cmp-widget-list-item-edit .edit-verses .edit-verse-wrapper.selected{background:#2196F3}.cmp-widget-list-item-edit .edit-verses .edit-verse-wrapper.selected button{color:#fff}.cmp-widget-list-item-edit .show-verses{margin:30px 0}.cmp-widget-list-item-edit .show-verses .verse-item{margin:20px 0}.cmp-widget-list-item-edit .show-verses .verse-item .verse-number{font-weight:700;margin:0 10px 0 0}.cmp-widget-list-item-edit .toggle-verses{cursor:pointer;text-decoration:underline}.cmp-widget-list-item-edit .actions{text-align:right;padding:0 0 30px}.cmp-widget-list-item-edit .added{font-style:italic}.cmp-page-login{height:100%}.cmp-page-login .wrapper{height:100%;display:flex;flex-direction:column;align-items:center}.cmp-page-login .wrapper .logo-wrapper{flex:3;display:flex;justify-items:center}.cmp-page-login .wrapper .login-networks{flex:1}.cmp-page-login .wrapper .login-networks .login-button{width:200px;border-radius:3px;font-size:inherit;padding:7px 16px;margin:0 0 10px;color:#fff;cursor:pointer;display:flex;align-items:center;box-sizing:content-box}.cmp-page-login .wrapper .login-networks .login-button svg{margin:0 10px 0 0;width:16px;height:16px}.cmp-page-login .wrapper .login-networks .google{background:#CA4343}.cmp-page-login .wrapper .login-networks .facebook{background:#2196F3}.cmp-page-not-found{height:100%;font:21px Arial;display:flex;align-items:center;justify-content:center}.cmp-element-input-numbers .wrapper{display:flex;align-items:center}.cmp-element-input-numbers .wrapper button{width:24px;height:24px}.cmp-element-input-numbers .wrapper button svg{color:#2196f3}.cmp-element-input-numbers .wrapper .number{margin:0 10px;min-width:50px;text-align:center}.cmp-element-input-numbers .wrapper .component-label{margin:5px 0 0}.cmp-widget-settings{padding:0 5px}.cmp-widget-settings .cmp-component-input-numbers{margin:20px 0}.cmp-widget-settings .dropdown,.cmp-widget-settings .cmp-element-input-numbers{margin:0 0 30px}.cmp-widget-settings h3{font-size:21px;font-weight:700;margin:20px 0 40px}.cmp-widget-settings .actions{display:flex;justify-content:space-between;padding:20px 0}