@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,700;0,800;1,200;1,300;1,400;1,500;1,600&family=Open+Sans&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{margin:0;font-family:Nunito,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{padding:0;margin:0;list-style:none;border:0;outline:0;box-sizing:border-box;text-decoration:none}html,body{height:100%}#root{height:100%;overflow:hidden;display:flex}.scroll{z-index:9;position:fixed;bottom:0;right:20px;color:#86a095;font-size:40px;cursor:pointer}.copied{z-index:10;position:fixed;bottom:20px;right:20px;background:#86a095;color:#efefef;padding:15px 25px;border-radius:4px;font-size:16px;font-weight:600}.content{flex:1;overflow:hidden;background:#f8f8f8;min-width:270px}.content .navbar{display:flex;width:100%;height:50px;background-color:#86a095;color:#eee;padding:25px 0;align-items:center;justify-content:center;font-size:24px;font-weight:300}.content .navbar :link{text-decoration:none}.content .navbar :visited{text-decoration:none;color:#eee}.content .header{min-height:60px;border-bottom:1px solid #ccc;display:flex;position:sticky;justify-content:space-between;top:0;background:#fff;align-items:center}.content .header .search{flex:1;position:relative}.content .header .search .icon{position:absolute;top:0;left:0;width:60px;height:100%;display:flex;align-items:center;justify-content:center}.content .header .search .icon svg{width:20px;height:20px}.content .header .search input{width:100%;height:100%;font-size:16px;padding:0 20px 0 60px}.content .header .back-btn{background:transparent;height:45px;font-size:16px;display:flex;left:2px;align-items:center;align-self:self-start;margin-left:20px;color:#999}.content .header .back-btn svg{display:block;margin-right:10px}.content .header .download{padding-right:25px;display:flex;align-items:center}.content .header .download .actions{display:flex;margin-right:15px;align-items:center}.content .header .download .actions button{height:60px;width:auto;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#999;padding:7px}.content .header .download .actions button svg{height:30px;width:30px;color:#999;padding:4px}.content .header .download .actions select{margin-right:5px;height:30px;padding:0 15px;border:1px solid #ddd;background:#eee;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;cursor:pointer}.content .header .download .selected{font-size:14px;font-weight:500;color:#999;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer}.content .header .download .selected svg{display:block;margin-right:6px}.content .verses{display:flex;flex-grow:1;height:100%;width:100%;padding:12px;overflow-y:scroll;overflow-x:hidden}.content .verses .contains{display:"flex";flex-direction:"column";width:100%;overflow:hidden}.content .verses .verse{display:flex;flex-direction:column;align-items:start;justify-content:center;border:1px solid #ddd;background:#fff;padding:15px;margin:5px;overflow:hidden}.content .verses .verse span{cursor:pointer}.content .verses .verse h5{font-size:16px;margin-bottom:10px;font-weight:600;color:#514f4f;cursor:pointer}.content .verses .verse b{color:#514f4f}.content .verses .verse-colors{display:flex;flex-direction:row;gap:12px}.content .verses .verse-colors .copy{margin-left:2px;cursor:pointer}.content .verses .verse-colors .copy .svg{height:22px;width:22px;color:#86a095}.content .verses .verse.selected{border-color:#ff7070}.content .verses .verse.selected .verse-colors span{flex:1;text-indent:0}@media screen and (max-device-width: 480px){.header{display:flex;flex-direction:column}.header .download{width:100%;border-top:1px solid rgb(240,240,240);padding-left:5px;justify-content:center}.header .search{width:100%;display:flex;position:relative;padding:12px 0 10px 5px;align-items:center}.header .search .icon{position:absolute;width:60px;height:100%;color:#999}.header .search input{width:100%;height:100%;font-size:16px;padding-bottom:29px}}
