@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap);:root{--color-primary:#cd364e;--color-light:#3f3f3f;--color-medium:#2f2f2f;--color-dark:#1f1f1f;--color-text:#d1d1d1}html{font-size:62.5%}*{box-sizing:border-box;margin:0;padding:0}body{background:#3f3f3f;background:var(--color-light);color:#d1d1d1;color:var(--color-text);font-family:"Open Sans",Helvetica,sans-serif;font-weight:400;font-size:1.6rem;width:100vw;height:100vh}#root{width:100%;height:100%}.container-main{justify-content:space-between}.container-content,.container-main{display:flex;width:100%;height:100%}.container-content{flex-direction:column;padding:1rem;flex-grow:0}.container-search{flex:0 0 250px;padding:1rem;margin:1rem 0 1rem 1rem;overflow:hidden}.container-search,nav{background:#1f1f1f;background:var(--color-dark);border-radius:5px}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;height:70px;width:100%}.logo-wrapper{background:linear-gradient(90deg,#1f1f1f,88%,#cd364e);background:linear-gradient(90deg,var(--color-dark),88%,var(--color-primary));margin-left:1rem;width:300px;padding:.5rem 1rem;-webkit-clip-path:polygon(0 0,100% 0,100% 5%,50% 100%,0 100%,0 0);clip-path:polygon(0 0,100% 0,100% 5%,50% 100%,0 100%,0 0)}.logo-image{width:150px}.menu-profile{display:flex;align-items:center;list-style:none;padding:1rem 2rem}.menu-profile li{padding:0 .8rem;cursor:pointer}.menu-profile li:hover{color:#cd364e;color:var(--color-primary)}.search-tool{display:flex;flex-direction:column;justify-content:center;margin:4.5rem 0}.search-tool h3{text-transform:uppercase}.search-form{position:relative}.search-tool input[type=text]{display:block;background:#3f3f3f;background:var(--color-light);color:#d1d1d1;color:var(--color-text);font-size:1.6rem;outline:none;border-radius:2px;border:none;margin:1rem 0;padding:1rem .5rem;width:100%}.search-tool .checkbox-label{display:block;position:relative;padding-left:25px;text-transform:uppercase;font-weight:600;font-size:1.3rem}.search-tool .checkbox-label input{position:absolute;cursor:pointer;opacity:0;width:0;height:0}.search-tool .checkbox-label .checkbox{position:absolute;left:0;top:1px;background:#3f3f3f;background:var(--color-light);height:15px;width:15px;border-radius:50%}.search-tool .checkbox-label:hover .checkbox{background:#2f2f2f;background:var(--color-medium)}.checkbox-label input:checked+.checkbox:after{content:"";position:absolute;top:2px;left:2px;height:5px;width:10px;border-left:2px solid #d1d1d1;border-left:2px solid var(--color-text);border-bottom:2px solid #d1d1d1;border-bottom:2px solid var(--color-text);transform:rotate(-45deg)}.search-suggestions{background:#1f1f1f;background:var(--color-dark);height:500px;width:120%;padding-left:2rem;margin-top:3rem;overflow-y:scroll;overflow-x:hidden}.suggestion{display:block;width:50%}.suggestion h3{margin-bottom:1 rem}.suggestion ul{list-style:none;margin-bottom:1.5rem}.suggestion-item{cursor:pointer}.suggestion-item:hover{color:#cd364e;color:var(--color-primary)}.content-main{border-radius:5px;overflow:hidden;flex:auto;flex-direction:column;padding:1rem}.content-filter,.content-main{background:#1f1f1f;background:var(--color-dark);display:flex}.content-filter{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 .5rem 1rem}.content-filter h3{text-transform:uppercase;font-size:1.6rem}.content-filter-list{list-style:none;display:flex;justify-content:space-between}.content-filter li{margin-left:.8rem;position:relative;font-size:1.4rem;text-transform:uppercase;cursor:pointer}.filter-active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;border-bottom:1px solid #cd364e;border-bottom:1px solid var(--color-primary)}.content-separator{color:#3f3f3f;color:var(--color-light);width:100%;margin:0 auto}.content-results{padding:1rem 0;width:110%;flex-grow:1;overflow-y:scroll}.content-result{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;margin-bottom:1rem;height:70px;width:90%}.content-description{text-align:left;flex-shrink:0;width:150px;margin-right:2rem}.content-waveform-container{position:relative;height:100%;width:auto;flex-grow:1}.content-waveform{z-index:1}.content-waveform,.content-waveform-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.content-waveform-overlay{z-index:2;-webkit-filter:brightness(.5) sepia(1) saturate(10000%) hue-rotate(30deg);filter:brightness(.5) sepia(1) saturate(10000%) hue-rotate(30deg)}.content-tags{margin-left:2rem;flex-shrink:0;width:100px;text-align:left;font-size:1.3rem}.content-player{flex-shrink:0;position:relative;height:70px;width:100%;padding-top:1rem;padding-left:2rem;display:flex;align-items:center}.content-player-button{margin-right:1rem}.content-player-button i{color:#d1d1d1;color:var(--color-text);cursor:pointer;margin:0 .4rem}#audio-stop{color:#3f3f3f;color:var(--color-light)}
/*# sourceMappingURL=main.85d8b8cc.chunk.css.map */