body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b1218;font-family:Arial,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Arial,sans-serif}#root,.App,body,html{height:100%}body{-ms-scroll-chaining:none;overscroll-behavior:contain}.App{background:linear-gradient(168.74deg,#1e2a3c,#0c1013 115.54%);flex-direction:column;height:100%}.App,.Header{display:flex;width:100%}.Header{align-items:center;background:linear-gradient(272.06deg,#181e27 21.45%,#192436 63.98%);box-shadow:0 2px 4px rgba(0,0,0,.5);flex-direction:row;height:50px;z-index:1}.dropdown{height:100%;position:relative;width:50px}.dropdown--menu{background:linear-gradient(180deg,rgba(53,63,83,.99) .04%,rgba(36,46,63,.94));border-radius:13px;box-shadow:0 17px 40px #040c09;display:flex;flex-direction:column;left:7px;opacity:0;pointer-events:none;position:absolute;top:calc(100% + .25rem);-webkit-transform:translateY(-5px);transform:translateY(-5px);transition:opacity .1s ease-in-out,-webkit-transform 50ms ease-in-out;transition:opacity .1s ease-in-out,transform 50ms ease-in-out;transition:opacity .1s ease-in-out,transform 50ms ease-in-out,-webkit-transform 50ms ease-in-out;width:60px}.dropdown--menu:before{border-color:transparent #353f53 transparent transparent;border-style:solid;border-width:5px 7.5px 5px 0;content:"\A";left:12px;position:absolute;top:-8.5px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.dropdown--menu a{-webkit-tap-highlight-color:transparent;border-radius:13px;color:#f6fbfd;font-weight:600;padding:10px;text-decoration:none}.dropdown--menu a:hover{background:linear-gradient(180deg,rgba(90,101,124,.35),rgba(90,101,124,.252))}.dropdown--menu a:active{background:linear-gradient(180deg,rgba(81,91,112,.35),rgba(79,89,110,.252))}.dropdown.active>.header--filter+.dropdown--menu{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.header--filter{background-color:transparent;border:none;color:#333;height:100%;width:50px}.header--filter:hover{background:rgba(61,69,88,.2)}.header--filter:active{background:rgba(65,73,94,.5)}.search--container{display:flex;flex-direction:row;flex-grow:1;height:100%}.search{align-items:center;background:rgba(65,73,94,.5);border:none;border-radius:50px 0 0 50px;color:#f6fbfd;flex-grow:1;justify-content:center;margin:10px 0 10px 5px;padding:2px 15px}.search::-webkit-input-placeholder{color:#5c7b97}.search:-ms-input-placeholder{color:#5c7b97}.search::placeholder{color:#5c7b97}.search:focus::-webkit-input-placeholder{color:transparent}.search:focus:-ms-input-placeholder{color:transparent}.search:focus::placeholder{color:transparent}.search:focus{outline:none}.search--icon{background:rgba(65,73,94,.5);border-radius:0 50px 50px 0;margin:10px 5px 10px 0;padding-top:3px;width:30px}.header--menu{background-color:transparent;border:none;color:#333;height:100%;width:50px}.header--menu:hover{background:rgba(61,69,88,.2);color:#000}.header--menu:active{background:rgba(65,73,94,.5);color:#000}.expander--container{align-items:center;background:red;background:linear-gradient(120.73deg,#213149 -44.93%,#0b1218 350.89%);bottom:0;display:flex;flex-direction:column;justify-content:flex-start;position:absolute;width:100%}.expanded{height:calc(100% - 50px)}.not--expanded{height:60px}.sel--close,.sel--expander,.sel--play,sel--header{align-items:center;display:flex;justify-content:center}.sel--header{background:linear-gradient(115.83deg,#192436 19.42%,#18202a 144.36%);box-shadow:0 -2px 90px #000;display:flex;flex-direction:row;height:100%;max-height:60px;width:100%}.sel--close{background:transparent;border:none;color:#f6faff;height:100%;width:60px}.sel--close:hover{background:rgba(61,69,88,.2)}.sel--close:active{background:rgba(65,73,94,.5)}.sel--expander{flex-grow:1;height:100%}.sel--expander button{background:transparent;border:none;color:#f6faff;cursor:pointer;font-size:14px;font-weight:600;position:relative;-webkit-text-decoration-color:#b7c2cc;text-decoration-color:#b7c2cc;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.sel--expander button:before{border-color:transparent #f6faff transparent transparent;border-style:solid;border-width:5px 7.5px 5px 0;content:"\A";left:-13px;position:absolute;top:3px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sel--expander.exped button:before{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sel--play{background:#dc8642;border:none;color:#f6faff;font-size:20px;font-style:normal;font-weight:700;height:100%;text-shadow:0 1px 2px rgba(83,25,0,.2);width:80px}.sel--play:active{background:#f0944d}.sel--song--container{display:flex;flex-direction:column;flex-grow:1;height:60px;overflow-y:scroll;padding-top:5px;position:relative;width:100%}.exp--card{background:linear-gradient(92.2deg,#24334c 28.38%,#1b283a);box-shadow:0 1px 3px rgba(9,17,23,.75);color:#f6faff;display:flex;flex-direction:row;height:70px;margin:5px auto;width:100%}.exp--up--icon{align-items:center;background:linear-gradient(90deg,#1d2740 -4.29%,#25334d);display:flex;justify-content:center;width:40px}.exp--chord{border:none;height:100%}.exp--body{display:flex;flex-direction:column;flex-grow:1;height:100%}.exp--title{font-size:14px;line-height:.5pt;margin:10pt 5pt 7pt}.exp--line--one,.exp--line--two{color:#b7c2cc;font-size:10px;line-height:.2px;margin:5pt}.exp--save{border-radius:0 10px 10px 0;padding:13px 4px 13px 2px;position:relative;width:40px}.exp--input{height:0;opacity:0;width:0}.exp--icon{-webkit-tap-highlight-color:transparent;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:5px;transition:.4s}button.exp--up--icon{border-color:#41495e #1a2839 #1a2839 #41495e;border-radius:0 10px 10px 0;border-style:solid;border-width:1px 2px 2px 1px;margin:1px 0 0 1px}button.exp--up--icon:active{border-color:#1a2839 #41495e #41495e #1a2839;border-style:solid;border-width:2px 1px 1px 2px}.SongsContainer{background:transparent;border:none;color:#333;display:flex;flex-direction:column;height:100%;overflow-y:scroll}.song--results{background:linear-gradient(120.73deg,#213149 -44.93%,#0b1218 350.89%);border-radius:50px;box-shadow:0 1px 3px #091016;color:#5c7b97;display:flex;font-size:12px;font-weight:700;justify-content:space-around;margin:8px auto;max-height:30px;min-width:150px;padding:5px;width:30%}.song--card{background:linear-gradient(92.2deg,#24334c 28.38%,#1b283a);border-radius:10px;box-shadow:0 1px 3px rgba(9,17,23,.75);color:#f6faff;display:flex;flex-direction:row;height:70px;margin:5px auto;width:95%}.song--chord{background:linear-gradient(90deg,#1d2740 -4.29%,#25334d);border:none;border-radius:10px 0 0 10px;height:100%}.song--body{display:flex;flex-direction:column;flex-grow:1;height:100%}.song--title{font-size:14px;line-height:.5pt;margin:10pt 5pt 7pt}.song--line--one,.song--line--two{color:#b7c2cc;font-size:10px;line-height:.2px;margin:5pt}.song--save{border-radius:0 10px 10px 0;padding:13px 4px 13px 2px;position:relative;width:40px}.save--input{height:0;opacity:0;width:0}.save--icon{-webkit-tap-highlight-color:transparent;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:5px;transition:.4s}.filtersContainer{align-items:center;border:none;height:100%}.f--container,.filtersContainer{display:flex;flex-direction:column}.f--container{align-items:flex-start;background:linear-gradient(89.01deg,#242f42 1.7%,#19222f 98.3%);border-radius:10px;box-shadow:0 2px 4px rgba(9,17,23,.75);color:#f6faff;justify-content:flex-start;margin-top:10px;width:95%}.f--title{border-bottom:2px solid #1c2533;margin:5px;padding:5px;width:95%}.f--item{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin:7px 0;width:100%}.f--item button{background:rgba(46,56,75,.25);border:1px solid rgba(27,37,54,.5);border-radius:10px;box-shadow:0 1px 10px rgba(11,18,24,.25);box-sizing:border-box;color:#809db7;font-size:14px;font-weight:700;height:40px;width:40px}.f button:active,.f--item button:hover{background:#192232;border:1px solid rgba(27,37,54,.5);box-shadow:none;color:#eb9d50}.menu--header{background:linear-gradient(273.88deg,#171b20 -57.87%,#192437 104.76%);box-shadow:0 2px 4px rgba(0,0,0,.5);color:#f6faff;height:50px;justify-content:space-between;width:100%}.menu--back,.menu--header,.menu--user{align-items:center;display:flex;flex-direction:row}.menu--back,.menu--user{background:transparent;border:none;height:100%;justify-content:center;width:50px}.menu--back:hover,.menu--user:hover{background:rgba(61,69,88,.2)}.menu--back:active,.menu--user:active{background:rgba(65,73,94,.5)}.menu--userDisplay{font-size:12pt;font-weight:600}.key--container{align-items:flex-start;background:linear-gradient(89.01deg,#242f42 1.7%,#19222f 98.3%);border-radius:10px;box-shadow:0 2px 4px rgba(9,17,23,.75);color:#f6faff;display:flex;flex-direction:column;justify-content:flex-start;margin-top:10px;width:95%}.key--title{border-bottom:2px solid #1c2533;margin:5px;padding:5px;width:95%}.keys{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin:7px 0;width:100%}.keys button{background:rgba(46,56,75,.25);border:1px solid rgba(27,37,54,.5);border-radius:10px;box-shadow:0 1px 10px rgba(11,18,24,.25);box-sizing:border-box;color:#809db7;font-size:18px;font-weight:700;height:40px;width:40px}.keys button:active,.keys button:hover{background:#192232;border:1px solid rgba(27,37,54,.5);box-shadow:none;color:#eb9d50}.genre--container{align-items:flex-start;background-color:red;background:linear-gradient(89.01deg,#242f42 1.7%,#19222f 98.3%);border-radius:10px;box-shadow:0 2px 4px rgba(9,17,23,.75);color:#f6faff;display:flex;flex-direction:column;justify-content:flex-start;margin-top:10px;width:95%}.genre--title{border-bottom:2px solid #1c2533;margin:5px;padding:5px;width:95%}.genres{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin:7px 0 9px;width:100%}.genres button{background:rgba(46,56,75,.25);border:1px solid rgba(27,37,54,.5);border-radius:10px;box-shadow:0 1px 10px rgba(11,18,24,.25);box-sizing:border-box;color:#809db7;font-size:12px;font-weight:700;height:40px;padding:0 15px}.genres button:active,.genres button:hover{background:#192232;border:1px solid rgba(27,37,54,.5);box-shadow:none;color:#eb9d50}.theme--container{align-items:flex-start;background-color:red;background:linear-gradient(89.01deg,#242f42 1.7%,#19222f 98.3%);border-radius:10px;box-shadow:0 2px 4px rgba(9,17,23,.75);color:#f6faff;display:flex;flex-direction:column;justify-content:flex-start;margin-top:10px;width:95%}.theme--title{border-bottom:2px solid #1c2533;margin:5px;padding:5px;width:95%}.themes{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin:7px 0 9px;width:100%}.themes button{background:rgba(46,56,75,.25);border:1px solid rgba(27,37,54,.5);border-radius:10px;box-shadow:0 1px 10px rgba(11,18,24,.25);box-sizing:border-box;color:#809db7;font-size:12px;font-weight:700;height:40px;margin:3px 1px 3px 5px;padding:0 15px}.themes button:active,.themes button:hover{background:#192232;border:1px solid rgba(27,37,54,.5);box-shadow:none;color:#eb9d50}.actions--container{align-items:center;background-color:transparent;display:flex;flex-direction:row;height:45px;justify-content:space-around;margin-bottom:20px;width:100%}.actions--apply,.actions--reset{background:#252f40;border:none;border-radius:10px;box-shadow:0 1px 2px #091016;font-weight:600;height:100%;width:120px}.actions--reset{color:#ff5759}.actions--apply{color:#b2c8dd}.actions--apply:active,.actions--reset:active{background:#1f2735;box-shadow:none}.song--display--header{align-items:center;background:linear-gradient(273.88deg,#171b20 -57.87%,#192437 104.76%);box-shadow:0 2px 4px rgba(0,0,0,.5);color:#f6faff;display:flex;flex-direction:row;height:50px;justify-content:space-between;width:100%;z-index:1}.song--display--back,.song--display--edit{align-items:center;background:transparent;border:none;display:flex;flex-direction:row;height:100%;justify-content:center;width:50px}.song--display--back:active,.song--display--edit:active{background:rgba(65,73,94,.5)}.song--display--container{align-items:center;border:none;display:flex;flex-direction:column;height:100%}.song--display--body{background:#fff;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:scroll;width:100%}article{font-family:Poppins,sans-serif;margin:0 auto;padding:7px 0 0 10px;width:100%}article span.sep{color:#777;font-size:10px;font-weight:300;margin-left:5px}article h1{font-size:20px;font-weight:600;line-height:2em;margin:auto}article a,article h1,article p,article span{font-family:inherit}article p{font-size:18px;font-weight:500;line-height:2.8em;margin:7px auto auto 7px}#C:before{content:url(/static/media/c.f3049c93b84c5e3a4777.svg);width:20px}#Cz:before{content:url(/static/media/cz.f9de696906443f88949f.svg);width:20px}#D:before{content:url(/static/media/d.08b1128b4e58a1f8888f.svg);width:20px}#Dz:before{content:url(/static/media/dz.3f22388198ea91d8cb40.svg);width:20px}#E:before{content:url(/static/media/e.a2b5895e96d9d3ea8837.svg);width:20px}#F:before{content:url(/static/media/f.197aaa88e41b91f84ff7.svg);width:20px}#Fz:before{content:url(/static/media/fz.6fd99ca0889073a278b6.svg);width:20px}#G:before{content:url(/static/media/g.b5e6fb3e979c822a1a46.svg);width:20px}#Gz:before{content:url(/static/media/gz.667217a0d92f6ce8fe78.svg);width:20px}#A:before{content:url(/static/media/a.7d016d73fe95524738c7.svg);width:20px}#Az:before{content:url(/static/media/az.208b8113195072a7c6a3.svg);width:20px}#B:before{content:url(/static/media/b.997df1b253e284867908.svg);width:20px}#Cm:before{content:url(/static/media/cm.519dbc56eb0c242d5690.svg);width:20px}#Czm:before{content:url(/static/media/czm.23fec54692b7ab4d08fe.svg);width:20px}#Dm:before{content:url(/static/media/dm.7bdfed571e2747da0b17.svg);width:20px}#Dzm:before{content:url(/static/media/dzm.0eefa676802a2cf3ac09.svg);width:20px}#Em:before{content:url(/static/media/em.8026a31d41b0900f7cc4.svg);width:20px}#Fm:before{content:url(/static/media/fm.429131f766fe3adb948b.svg);width:20px}#Fzm:before{content:url(/static/media/fzm.e599bcd24ff4501695db.svg);width:20px}#Gm:before{content:url(/static/media/gm.6b5227ee4946e89fbc04.svg);width:20px}#Gzm:before{content:url(/static/media/gzm.5fa1e7666b9afa3e646b.svg);width:20px}#Am:before{content:url(/static/media/am.199e939af3af69fbdec5.svg);width:20px}#Azm:before{content:url(/static/media/azm.f3135288417ae8fa321b.svg);width:20px}#Bm:before{content:url(/static/media/bm.a897c5af0bd7b5dd407b.svg);width:20px}#C7:before{content:url(/static/media/c7.d3004252c0a8d70cd7b6.svg);width:20px}#Cz7:before{content:url(/static/media/cz7.0e649d2813f2786890df.svg);width:20px}#D7:before{content:url(/static/media/d7.bb3aaeccc72383ce4041.svg);width:20px}#Dz7:before{content:url(/static/media/dz7.73a039f91b975aa552f1.svg);width:20px}#E7:before{content:url(/static/media/e7.eb1713550c95b0be1f57.svg);width:20px}#F7:before{content:url(/static/media/f7.434a1e60680a49c441df.svg);width:20px}#Fz7:before{content:url(/static/media/fz7.16541872d58edad98bd5.svg);width:20px}#G7:before{content:url(/static/media/g7.d383b1b930c9a45dc61d.svg);width:20px}#Gz7:before{content:url(/static/media/gz7.f12d7e9d05d2d9e85b10.svg);width:20px}#A7:before{content:url(/static/media/a7.9c239193a295adb0c299.svg);width:20px}#Az7:before{content:url(/static/media/az7.eef2166209208f231bc0.svg);width:20px}#B7:before{content:url(/static/media/b7.e1236d5f81f21bbf48f8.svg);width:20px}#Db:before{content:url(/static/media/db.d169eefd104c6a4ef415.svg);width:20px}#Eb:before{content:url(/static/media/eb.4b488f73670450127051.svg);width:20px}#Gb:before{content:url(/static/media/gb.9e120a291662a5f80e19.svg);width:20px}#Ab:before{content:url(/static/media/ab.99263baefbd68f76014e.svg);width:20px}#Bb:before{content:url(/static/media/bb.93fe845d8fdbd394ad48.svg);width:20px}#Dbm:before{content:url(/static/media/dbm.fe1e9a2ad907092e58eb.svg);width:20px}#Ebm:before{content:url(/static/media/ebm.cc444fd3c823261e41ba.svg);width:20px}#Gbm:before{content:url(/static/media/gbm.54b9afdf889cc1ceb749.svg);width:20px}#Abm:before{content:url(/static/media/abm.a92484237e89bbed0ff5.svg);width:20px}#Bbm:before{content:url(/static/media/bbm.823d0c5c38bc11c35929.svg);width:20px}#Db7:before{content:url(/static/media/db7.fbe4a073e0f76ba22171.svg);width:20px}#Eb7:before{content:url(/static/media/eb7.5b6c9ac1e80663c32234.svg);width:20px}#Gb7:before{content:url(/static/media/gb7.416e856147c4a9b32584.svg);width:20px}#Ab7:before{content:url(/static/media/ab7.8e7effe968a5cde5289a.svg);width:20px}#Bb7:before{content:url(/static/media/bb7.8b4b87f9453d2053ad82.svg);width:20px}a.base--chord{color:inherit;position:relative;text-decoration:none}a.base--chord:before{left:2px;margin:auto;position:absolute;top:-27px;width:15px}
/*# sourceMappingURL=main.f52da269.css.map*/