@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--tagsBackground:#3e32e4;--tagsText:#fff;--tagsBackgroundHoverActive:#6e65f1;--tagsTextHoverActive:#fff;--searchBackground:#18191f;--searchText:#fff;--searchPlaceHolder:#575a77;--playerBackground:#18191f;--titleColor:#fff;--timeColor:#fff;--progressSlider:#3e32e4;--progressUsed:#fff;--progressLeft:#151616;--bufferLoaded:#1f212b;--volumeSlider:#3e32e4;--volumeUsed:#fff;--volumeLeft:#151616;--playlistBackground:#18191f;--playlistText:#575a77;--playlistBackgroundHoverActive:#18191f;--playlistTextHoverActive:#fff}._wrapper_1rwm5_1{color:var(--primaryText);display:inline-block;height:auto;margin:20px auto;text-align:center;width:100%}._tag_x6957_1{background-color:#3e32e4;background-color:var(--tagsBackground);border-radius:10px;color:#fff;color:var(--tagsText);display:inline-grid;font-family:Varela Round,sans-serif;font-size:18px;height:40px;margin:5px;min-width:100px;padding:0 10px;place-items:center;transition:transform .2s}._active_x6957_31,._tag_x6957_1:hover{background-color:#6e65f1;background-color:var(--tagsBackgroundHoverActive);color:#fff;color:var(--tagsTextHoverActive)}._tag_x6957_1:hover{cursor:pointer;transform:scale(1.1)}._search_47p46_1{background-color:#18191f;background-color:var(--searchBackground);border:none;border-radius:10px;color:#fff;color:var(--searchText);font-family:Quicksand,sans-serif;font-size:18px;height:40px;margin:0 auto 10px;padding-left:20px;width:100%}._search_47p46_1::placeholder{color:#575a77;color:var(--searchPlaceHolder)}._wrapper_1sefb_1{background-color:#18191f;background-color:var(--playerBackground);border-radius:10px;font-family:Quicksand,sans-serif;overflow:auto;padding:0 40px}@media only screen and (max-width:600px){._wrapper_1sefb_1{padding:0 20px}}._wrapper_l8wb1_1{display:grid;grid-template-columns:auto 200px;margin:30px 0 20px}@media only screen and (max-width:800px){._wrapper_l8wb1_1{grid-template-columns:1fr}}._title_1ldbx_1{color:#fff;color:var(--titleColor);font-size:28px;text-align:left}@media only screen and (max-width:600px){._title_1ldbx_1{text-align:center;width:100%}}._time_ac0au_1{color:#fff;color:var(--timeColor);font-family:Varela Round,sans-serif;font-size:30px;text-align:right}@media only screen and (max-width:600px){._time_ac0au_1{text-align:center}}._container_1kekm_1{display:grid;margin-bottom:20px;place-items:center}._slider_1kekm_13{-webkit-appearance:none;border-radius:5px;height:4px;width:100%}._slider_1kekm_13::-webkit-slider-thumb{-webkit-appearance:none;background:#3e32e4;background:var(--progressSlider);border-radius:50%;cursor:pointer;height:25px;width:25px}._slider_1kekm_13::-moz-range-thumb{background:#3e32e4;background:var(--progressSlider);border-radius:50%;cursor:pointer;height:20px;width:20px}@media only screen and (max-width:600px){._container_1kekm_1{margin:40px 0}}._wrapper_1ssds_1{display:grid;grid-template-columns:auto 30%;margin-bottom:30px}@media only screen and (max-width:800px){._wrapper_1ssds_1{grid-template-columns:1fr}}._wrapper_exo6z_1{display:grid;grid-template-columns:repeat(5,auto);place-items:center}@media only screen and (max-width:600px){._wrapper_exo6z_1{grid-template-columns:repeat(3,auto)}}._loop_1v4pf_1{height:26px;transition:transform .2s;width:26px}._loop_1v4pf_1:hover{cursor:pointer;transform:scale(1.2)}@media only screen and (max-width:600px){._loop_1v4pf_1{display:none}}._previous_1mino_1{height:50px;transition:transform .2s;width:50px}._previous_1mino_1:hover{cursor:pointer;transform:scale(1.2)}._play_rfl62_1{height:60px;transition:transform .2s;width:60px}._play_rfl62_1:hover{cursor:pointer;transform:scale(1.2)}._pause_1talx_1{height:60px;transition:transform .2s;width:60px}._pause_1talx_1:hover{cursor:pointer;transform:scale(1.2)}._next_147p5_1{height:50px;transition:transform .2s;width:50px}._next_147p5_1:hover{cursor:pointer;transform:scale(1.2)}._shuffle_15ul3_1{height:26px;transition:transform .2s;width:26px}._shuffle_15ul3_1:hover{cursor:pointer;transform:scale(1.2)}@media only screen and (max-width:600px){._shuffle_15ul3_1{display:none}}._wrapper_1er3w_1{display:grid;min-height:60px;place-items:center}._slider_1er3w_13{-webkit-appearance:none;background:#3e32e4;background:var(--volumeSlider);border-radius:5px;height:3px;opacity:1;outline:none;transition:opacity .2s;width:70%}._slider_1er3w_13::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;cursor:pointer;height:20px;width:20px}._slider_1er3w_13::-webkit-slider-thumb,._slider_1er3w_13::-webkit-slider-thumb:hover{background:#3e32e4;background:var(--volumeSlider)}._slider_1er3w_13::-moz-range-thumb{background:#3e32e4;background:var(--volumeSlider);border-radius:50%;cursor:pointer;height:20px;width:20px}._wrapper_t5ihs_1{font-family:Quicksand,sans-serif;margin:20px auto;max-height:395px;min-height:120px;overflow-x:hidden;padding-right:10px}._wrapper_t5ihs_1::-webkit-scrollbar{width:5px}._wrapper_t5ihs_1::-webkit-scrollbar-track{border-radius:10px}._wrapper_t5ihs_1::-webkit-scrollbar-thumb{background:var(--primaryText);border-radius:10px}._item_1hfca_1{background-color:#18191f;background-color:var(--playlistBackground);border-radius:5px;color:#575a77;color:var(--playlistText);cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;margin:5px 0;padding:3px 0;text-align:center}._active_1hfca_25{font-family:Quicksand,sans-serif;font-size:18px}._active_1hfca_25,._item_1hfca_1:hover{color:#fff;color:var(--playlistTextHoverActive)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background-color:#004080;color:#fff;justify-content:space-between;padding:10px 20px}.header,.logo-section{align-items:center;display:flex}.logo{height:40px;margin-right:10px;width:40px}.company-name{color:#f58220}.company-name,.r -text{font-size:1.5rem;font-weight:700}.main-content{flex:1 1;padding:20px}.footer{background-color:#f58220;color:#fff;margin-top:auto;padding:10px;text-align:center}@media (max-width:768px){.header{flex-direction:column;text-align:center}.logo{height:30px;width:30px}.company-name{font-size:1rem}.school-text{font-size:.9rem;margin-top:5px}}@media (min-width:769px) and (max-width:1200px){.company-name{font-size:1.1rem}.school-text{font-size:1rem}}@media (min-width:1201px){.company-name{font-size:1.5rem}.school-text{font-size:1.2rem}}.pie-pagina{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.pie-pagina p{color:#fff;font-family:Roboto;font-size:16px;margin:0;text-align:center}._wrapper_t5ihs_1{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}._wrapper_t5ihs_1 p{height:40px;margin-left:12px;margin-right:12px;padding-top:8px;width:200px}
/*# sourceMappingURL=main.bccf2320.css.map*/