._wrapper_j8gcw_1{width:100%;height:var(--footer-height);padding-inline:var(--footer-padding);border-top:1px solid rgba(249,247,247,.25);background:#112d4e;display:grid;align-items:center;justify-content:space-between;justify-items:center;grid-template-columns:150px 1fr 290px;grid-template-rows:1fr;gap:.5rem 1rem;grid-template-areas:"controls player features";--footer-player: calc( 100dvw - var(--footer-padding) * 2 - var(--footer-controls) - var(--footer-features) - var(--footer-gap) * 2 )}@media (width < 900px){._wrapper_j8gcw_1{--footer-player: calc(100dvw - var(--footer-padding) * 2);grid-template-columns:1fr 2fr;grid-template-rows:1fr 1fr;grid-template-areas:"player player" "controls features"}}@media (width < 500px){._wrapper_j8gcw_1{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"player" "controls" "features"}}._controls_j8gcw_36{grid-area:controls;display:flex;align-items:center;justify-content:space-between;width:150px}._features_j8gcw_44{grid-area:features;display:flex;align-items:center;justify-content:space-between;width:290px}._player_j8gcw_52{grid-area:player;width:100%;max-width:min(var(--footer-player),800px);display:flex;flex-direction:column;gap:.5rem}._trackbarWrapper_j8gcw_61{display:flex;align-items:center;gap:.5rem}._timer_j8gcw_67{font-size:.8rem}._trackbar_j8gcw_61{width:100%}._infos_j8gcw_75{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._infos_j8gcw_75 span{color:#3f72af;font-size:1.2rem;padding-inline:.2rem}._volume_j8gcw_86{appearance:none;width:100%;background:transparent}._volume_j8gcw_86:focus{outline:none}._volume_j8gcw_86::-webkit-slider-runnable-track{width:100%;height:17px;cursor:pointer;box-shadow:1px 1px 1px #3f72af;background:#3f72af;border-radius:50px;padding-inline:1px}._volume_j8gcw_86::-webkit-slider-thumb{width:16px;height:16px;border-radius:50px;background:#112d4e;border:2px solid #112d4e;cursor:pointer;-webkit-appearance:none;margin-top:1px}._volume_j8gcw_86:hover::-webkit-slider-thumb{background:#dbe2ef}._volume_j8gcw_86:focus::-webkit-slider-runnable-track{background:#3f72af}._volume_j8gcw_86::-moz-range-track{width:100%;height:17px;cursor:pointer;box-shadow:1px 1px 1px #3f72af;background:#3f72af;border-radius:50px;padding-inline:1px}._volume_j8gcw_86::-moz-range-thumb{width:16px;height:16px;border-radius:50px;background:#112d4e;cursor:pointer}._volume_j8gcw_86::-ms-track{width:100%;height:17px;cursor:pointer;background:transparent;color:transparent}._volume_j8gcw_86::-ms-fill-lower{background:#3f72af;border-radius:100px;box-shadow:1px 1px 1px #3f72af}._volume_j8gcw_86::-ms-fill-upper{background:#3f72af;border-radius:100px;box-shadow:1px 1px 1px #3f72af}._volume_j8gcw_86::-ms-thumb{margin-top:1px;width:16px;height:16px;border-radius:50px;background:#112d4e;cursor:pointer}._volume_j8gcw_86:focus::-ms-fill-lower{background:#3f72af}._volume_j8gcw_86:focus::-ms-fill-upper{background:#3f72af}._range_1uxoa_2{--percent: 0;--color-1: #3f72af;--color-2: #f9f7f7;appearance:none;background:transparent;border:none;margin:0;background:linear-gradient(90deg,var(--color-1) var(--percent),var(--color-2) var(--percent))}._range_1uxoa_2[type=range]::-webkit-slider-thumb{-webkit-appearance:none}._range_1uxoa_2::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}._range_1uxoa_2{width:100%;cursor:pointer;box-sizing:border-box;height:6px;border-radius:3px;background-color:#333}._range_1uxoa_2::-webkit-slider-thumb{width:12px;height:12px;background-color:#fff;border-radius:50%;box-shadow:0 0 6px 6px #0003;opacity:0}._range_1uxoa_2::-moz-range-thumb{width:12px;height:12px;margin-top:-3px;background-color:#fff;border-radius:50%;box-shadow:0 0 6px 6px #0003;opacity:0}._range_1uxoa_2:hover::-webkit-slider-thumb{opacity:1}._range_1uxoa_2:hover::-moz-range-thumb{opacity:1}._range_1uxoa_2:focus{outline:none}._range_1uxoa_2:focus::-webkit-slider-thumb{outline:-webkit-focus-ring-color auto 5px}._btn_11txr_1{all:unset;cursor:pointer;color:#dbe2ef}._btn_11txr_1:hover{color:#fff}._disabled_11txr_10,._btn_11txr_1:disabled,._btn_11txr_1[disabled]{color:#ffffff40;pointer-events:none}._wrapper_eezjs_1,._header_eezjs_2{display:grid;grid-template-columns:[index] 35px [cover] 50px [title] 2fr [artist] 1fr [album] 1fr [duration] 60px;grid-template-rows:min-content;grid-template-areas:"index cover title artist album duration";gap:0px 1em;align-items:center;line-height:3;padding-inline:1rem}@media (width < 1500px){._wrapper_eezjs_1,._header_eezjs_2{grid-template-columns:[index] 35px [cover] 50px [title] 2fr [artist] 1fr [duration] 60px;grid-template-areas:"index cover title artist duration"}._wrapper_eezjs_1 ._album_eezjs_18,._header_eezjs_2 ._album_eezjs_18{display:none}}@media (width < 1300px){._wrapper_eezjs_1,._header_eezjs_2{grid-template-columns:[index] 35px [cover] 50px [title] 1fr [duration] 60px;grid-template-areas:"index cover title duration"}._wrapper_eezjs_1 ._artist_eezjs_29,._header_eezjs_2 ._artist_eezjs_29{display:none}}._header_eezjs_2{border-bottom:1px solid #ccc}._wrapper_eezjs_1{border-radius:.25rem;padding-block:.25rem}._wrapper_eezjs_1._active_eezjs_43{background:hsla(0,0%,0%,.2);font-weight:600}._wrapper_eezjs_1:hover{background:hsla(0,0%,0%,.3);cursor:pointer}._index_eezjs_52{grid-area:index;width:3ch;text-align:right}._cover_eezjs_58{grid-area:cover;width:50px;display:flex;position:relative}._cover_eezjs_58 img{width:50px;height:50px}._cover_eezjs_58 ._playIcon_eezjs_68{all:unset;position:absolute;inset:0;width:100%;height:100%;display:grid;place-content:center;opacity:0;transition:opacity .3s}._cover_eezjs_58:after{position:absolute;display:block;content:"";background:hsla(0,0%,100%,.2);inset:0;width:100%;height:100%;cursor:pointer;opacity:0;transition:opacity .3s}._cover_eezjs_58._active_eezjs_43 ._playIcon_eezjs_68,._cover_eezjs_58._active_eezjs_43:after{opacity:1}._title_eezjs_95,._artist_eezjs_29,._album_eezjs_18{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._title_eezjs_95{grid-area:title}._artist_eezjs_29{grid-area:artist}._album_eezjs_18{grid-area:album}._duration_eezjs_115{grid-area:duration;width:7ch;text-align:center}._wrapper_bm72h_1{overflow:hidden auto;height:calc(100dvh - var(--footer-height));position:relative}._wrapper_tracklist_bm72h_7,._wrapper_playlist_bm72h_8{overflow-y:auto;width:100%;position:absolute;inset:0}._wrapper_playlist_bm72h_8{background-image:linear-gradient(45deg,#3f72af 0%,#112d4e 100%)}._wrapper_avqdg_1{height:100%;padding:2rem;box-shadow:2px 0 5px 1px #112d4e;display:flex;flex-direction:column;align-items:center}._logo_avqdg_10{display:flex;align-items:center;justify-content:center;gap:1rem;color:#f9f7f7}._logo_avqdg_10 ._icon_avqdg_17{animation:_rotate_avqdg_1 1.5s linear infinite;width:var(--size);height:var(--size)}._logo_avqdg_10:hover ._icon_avqdg_17{animation-play-state:paused}._logo_avqdg_10 ._title_avqdg_25{font-size:3rem}@keyframes _rotate_avqdg_1{to{transform:rotate(360deg)}}._track_avqdg_34{flex:1;display:flex;align-items:center;flex-direction:column;gap:1rem}._track_avqdg_34 ._cover_avqdg_41{margin-top:4rem;box-shadow:0 0 5px 2px #dbe2ef;border-radius:.5rem;overflow:hidden;width:300px;height:300px;position:relative}._track_avqdg_34 ._cover_avqdg_41 ._image_avqdg_50{width:100%;height:100%}._track_avqdg_34 ._cover_avqdg_41 ._playIcon_avqdg_54{all:unset;position:absolute;inset:0;width:100%;height:100%;display:grid;place-content:center;opacity:0;transition:opacity .3s}._track_avqdg_34 ._cover_avqdg_41:after{position:absolute;display:block;content:"";background:hsla(0,0%,100%,.2);inset:0;width:100%;height:100%;cursor:pointer;opacity:0;transition:opacity .3s}._track_avqdg_34 ._cover_avqdg_41:hover ._playIcon_avqdg_54,._track_avqdg_34 ._cover_avqdg_41:hover:after{opacity:1}._track_avqdg_34 ._infos_avqdg_80{text-align:center}._track_avqdg_34 ._infos_avqdg_80 ._title_avqdg_25{font-weight:700}._track_avqdg_34 ._infos_avqdg_80 ._artist_avqdg_86{font-size:.9rem}._btnPlaylist_avqdg_90{all:unset;padding:.5rem 1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;border-radius:.25rem;border:1px solid #112d4e;color:#112d4e;font-size:1.2rem;margin-inline:auto;cursor:pointer;width:200px;--color-1: #3f72af;--color-2: #f9f7f7;box-shadow:0 0 2px 1px #dbe2ef;background:linear-gradient(to bottom,var(--color-2) 5%,var(--color-1) 100%);background-color:var(--color-2)}._btnPlaylist_avqdg_90._active_avqdg_110{--color-1: #3f72af;--color-2: #112d4e;color:#f9f7f7}._btnPlaylist_avqdg_90:hover{background:linear-gradient(to bottom,var(--color-1) 5%,var(--color-2) 100%);background-color:var(--color-1)}._App_2m6t7_1{display:grid;grid-template-columns:[sidebar] 400px [main] 1fr;grid-template-rows:[content] 1fr [footer] var(--footer-height);grid-template-areas:"sidebar main" "footer footer";gap:0px 0px}@media (width < 900px){._App_2m6t7_1{grid-template-columns:[main] 1fr;grid-template-rows:[content] 1fr [footer] var(--footer-height);grid-template-areas:"main" "footer"}._App_2m6t7_1 ._sidebar_2m6t7_14{display:none}}._footer_2m6t7_19{grid-area:footer;box-shadow:0 0 1px 1px #fff;z-index:2}._sidebar_2m6t7_14{grid-area:sidebar;z-index:1}._main_2m6t7_30{grid-area:main}.playlist-enter-active,.playlist-exit-active{transition:transform .6s}.playlist-enter,.playlist-exit-to{transform:translate(100%)}.playlist-enter-to{transform:translate(0)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#dbe2ef}::-webkit-scrollbar-thumb{background:#3f72af;background:linear-gradient(180deg,#3f72af 0%,#112d4e 100%);border-radius:5px;border:1px solid #dbe2ef}::-webkit-scrollbar-thumb:hover{background:#112d4e}*{scrollbar-width:thin;scrollbar-color:#112d4e #dbe2ef}*,:before,:after{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden}body{font-family:Lato,sans-serif;color:#f9f7f7;overflow-x:hidden;background-image:linear-gradient(120deg,#112d4e 0%,#3f72af 100%);transition:background .1s}h1,h2,h3,h4,h5,h6{font-family:Anton,sans-serif}:root{--margin-main: 2rem;--footer-height: 80px;--footer-padding: 2rem;--footer-gap: 1rem;--footer-controls: 150px;--footer-features: 290px}@media (width < 900px){:root{--footer-height: 150px}}@media (width < 768px){:root{--margin-main: 0rem}}