#root{max-width:3840px;min-height:100vh;margin:auto}:root{--GREY-COLOR: rgb(255,255,255, .6);--GREEN-COLOR: #1ed760;--FONT-FAMILY: "Gothic A1", "Montserrat", -apple-system, BlinkMacSystemFont, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;font-family:var(--FONT-FAMILY);line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background:linear-gradient(180deg,#1F1F1F .06%,#111 36%,#111 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}p.activeMenu{color:#fff}p{color:var(--GREY-COLOR)}section::-webkit-scrollbar{display:none}section{-ms-overflow-style:none;scrollbar-width:none}img.langImg{margin:auto 5px auto auto}@media screen and (max-width: 768px){img.langImg{margin-right:0}}.card:hover .playBtn{opacity:1;transform:translateY(6px)}.card:hover .playBtn:hover{transform:scale(1.05)}.card:not(:hover) .playBtn{opacity:0;transform:translateY(16px)}.playBtn{background-color:var(--GREEN-COLOR);width:48px;height:48px;border:none;border-radius:50%;color:#000;display:grid;place-content:center;font-size:16px;cursor:pointer}.playBtn:hover{background-color:#1fdf64}.cardPlayBtn{opacity:0;position:absolute;transition:all .45s;bottom:-6px;right:4px}.borderBottom{border-bottom:1px solid #2E2E2C}.colTitle{height:100%;display:flex;justify-content:start;align-items:center}.colTitle p{color:#fff;font-weight:400;font-size:12px}.col-xs{padding-right:15px;min-width:5%}@media screen and (max-width: 880px){.col-xs{min-width:8%}}@media screen and (max-width: 490px){.col-xs{min-width:10%}}.col-s{min-width:10%}.col-m{min-width:25%}@media screen and (max-width: 880px){.col-m{min-width:25%}}@media screen and (max-width: 490px){.col-m{display:none}}.col-date{min-width:16%}.col-l{min-width:44%}@media screen and (max-width: 880px){.col-l{min-width:57%}}@media screen and (max-width: 490px){.col-l{min-width:80%}}@media screen and (max-width: 880px){.hide_col{display:none}}.ListRow{width:100%;padding-inline:44px;min-height:40px;display:flex;flex-direction:row}@media screen and (max-width: 680px){.ListRow{padding-inline:16px}}.ListHeader{height:40px}p.greyColor{color:#b3b3b3}p.whiteRowText{color:#fff;font-weight:600}h6.player__title{font-size:13px;font-weight:400;color:#fff}.player__album{font-size:10px;font-weight:400;color:#b3b3b3;white-space:nowrap}img.player__image{width:56px;height:56px}@media screen and (max-width: 768px){div.hidePlayerElementForMobile,img.hidePlayerElementForMobile{display:none}}.hidePlayer{transform:scaleY(0)}.showPlayer{transform:scaleY(1)}.sideplayer{width:30%;max-width:30%;display:flex;align-items:center;padding-inline:16px}@media screen and (max-width: 768px){.sideplayer{width:100%;max-width:100%}}input[type=range]{-webkit-appearance:none;background:rgba(75,75,75,1);border-radius:5px;background-image:linear-gradient(#fff,#fff);background-size:100% 100%;background-repeat:no-repeat}input[type=range]:hover::-webkit-slider-thumb{opacity:1}input[type=range]::-webkit-slider-thumb{opacity:0;-webkit-appearance:none;height:10px;width:5px;border-radius:10px;background:#fff;cursor:pointer;box-shadow:0 0 2px #555;transition:all .2s ease-in-out}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}