@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/music-player/assets/inter-cyrillic-ext-wght-normal-B2xhLi22.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/music-player/assets/inter-cyrillic-wght-normal-CMZtQduZ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/music-player/assets/inter-greek-ext-wght-normal-CGAr0uHJ.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/music-player/assets/inter-greek-wght-normal-CaVNZxsx.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/music-player/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/music-player/assets/inter-latin-ext-wght-normal-CFHvXkgd.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/music-player/assets/inter-latin-wght-normal-C2S99t-D.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/music-player/assets/inter-cyrillic-ext-400-normal-Dc4VJyIJ.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-cyrillic-ext-400-normal-BPnxn4xp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/music-player/assets/inter-cyrillic-400-normal-BLGc9T1a.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-cyrillic-400-normal-ZzOtrSSW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/music-player/assets/inter-greek-ext-400-normal-Bput3-QP.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-greek-ext-400-normal-DCpCPQOf.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/music-player/assets/inter-greek-400-normal-DxZsaF_h.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-greek-400-normal-BZzXV7-1.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/music-player/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-vietnamese-400-normal-BUNmGMP1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/music-player/assets/inter-latin-ext-400-normal-hnt3BR84.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-latin-ext-400-normal-C1t-h-pH.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/music-player/assets/inter-latin-400-normal-BOOGhInR.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-latin-400-normal-gitzw0hO.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/music-player/assets/inter-cyrillic-ext-600-normal-CaqZN2hq.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-cyrillic-ext-600-normal-Bt9VVOA-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/music-player/assets/inter-cyrillic-600-normal-BGBWG807.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-cyrillic-600-normal-BuzJQFbW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/music-player/assets/inter-greek-ext-600-normal-Cnui8OiR.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-greek-ext-600-normal-C9WLioJ8.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/music-player/assets/inter-greek-600-normal-Dhlb-90d.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-greek-600-normal-CwicyhtI.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/music-player/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-vietnamese-600-normal-Cm6aH8_k.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/music-player/assets/inter-latin-ext-600-normal-BnYJhD27.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-latin-ext-600-normal-CAF0vJDd.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/music-player/assets/inter-latin-600-normal-D273HNI0.woff2) format("woff2"),url(/dev-challenges/music-player/assets/inter-latin-600-normal-B5cFAncS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--song-title-fs: 1.125rem;--author-fs: .875rem;--progress-label-fs: .75rem;--primary: #c93b76;--primary-transparent: #c93b7628;--card-bg: #121826a6;--text: #e5e7eb;--text-secondary: #4d5562;--shadow-primary: 0 0 4px 4px var(--primary-transparent)}@supports (font-variation-settings: normal){:root{font-family:Inter Variable,sans-serif}}*,*:before,*:after{box-sizing:border-box}body{display:flex;align-items:center;justify-content:center;margin:0 auto;min-width:320px;max-width:1280px;min-height:100vh;min-height:100svh;background-color:#3d2e4d;background-image:url(/dev-challenges/music-player/bg.jpg);padding:2rem;color:#000}@media(max-width:767px){body{padding:1rem}}.player-card{max-width:350px;margin:0 auto;padding:1.25rem 1.25rem 1.75rem;border-radius:18px;background-color:var(--card-bg)}.player-card__cover{margin:0}.player-card__cover img{width:100%;border-radius:18px}.player-card__info{margin-top:1rem;text-align:center}.player-card__info *{margin:0}.player-card__title{color:var(--text);font-size:var(--song-title-fs)}.player-card__author{margin-top:.25rem;color:var(--text-secondary);font-size:var(--author-fs)}.player-card__progress{margin-top:1.5rem;--progress-gap: 8px;--progress-font-size: var(--progress-label-fs);--progress-text: var(--text-secondary);--progress-bg: var(--text);--progress-track-bg: var(--primary);--progress-thumb: var(--primary);--progress-thumb-shadow: var(--shadow-primary);--progress-thumb-size: 12px;--progress-thumb-visibility: hidden;--progress-height: 4px}.player-card__progress .progress__bar:hover{--progress-thumb-visibility: visible}.player-card__controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:2.25rem}.player-card__control{background-color:transparent;border:none;padding:0;outline:none;transition:transform .15s ease-in-out;cursor:pointer}.player-card__control:hover,.player-card__control:focus{transform:scale(1.1)}.player-card__control:hover:not(#control-play-pause),.player-card__control:focus:not(#control-play-pause){transform:scale(1.15)}.player-card__control svg{pointer-events:none}#control-play-pause{display:flex;align-items:center;justify-content:center;width:50px;height:50px;box-shadow:var(--shadow-primary);background-color:var(--primary);border:none;border-radius:50%;color:var(--text);--_pause-icon-display: none}#control-play-pause[data-status=playing]{--_play-icon-display: none;--_pause-icon-display: initial}#control-play-pause[data-status=stop]{--_pause-icon-display: none}#play-icon{display:var(--_play-icon-display)}#pause-icon{display:var(--_pause-icon-display)}#control-prev,#control-next{color:var(--text-secondary)}.progress{display:flex;flex-direction:column;gap:var(--progress-gap, 4px);color:var(--progress-text);font-size:var(--progress-font-size);font-weight:var(--progress-font-weight)}.progress__marks{display:flex;justify-content:space-between}.progress__bar{-webkit-appearance:none;appearance:none;width:100%;height:var(--progress-height, 8px);margin:0;background:linear-gradient(to right,var(--progress-track-bg) var(--progress-value, 0%),var(--progress-bg) var(--progress-value, 0%));border-radius:var(--progress-radius, 8px);outline:none;cursor:pointer}.progress__bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:var(--progress-thumb-size, 16px);width:var(--progress-thumb-size, 16px);background-color:var(--progress-thumb);border-radius:50%;border:1px solid var(--progress-thumb-border, var(--progress-thumb));box-shadow:var(--progress-thumb-shadow);visibility:var(--progress-thumb-visibility)}.progress__bar::-moz-range-thumb{height:var(--progress-thumb-size, 16px);width:var(--progress-thumb-size, 16px);background-color:var(--progress-thumb);border-radius:50%;border:1px solid var(--progress-thumb-border, var(--progress-thumb));box-shadow:var(--progress-thumb-shadow);visibility:var(--progress-thumb-visibility)}