@font-face{font-family:Inter;src:url(/assets/Inter-Cl4AQHp9.ttf)}:root{--color1: #c93b76;--color2: #212936;--color3: #3d5562;--color4: #e5e7eb;--color5: #121826a6;font-family:Inter,"system-ui",sans-serif}body{background-image:url(/assets/bg-BZwTlXMC.jpg);background-repeat:no-repeat;background-size:100vw 100vh;height:100vh;width:100vw;margin:0;display:grid;place-items:center}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{height:40px}main{scale:1.1;height:460px;width:300px;background-color:var(--color5);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px}#top{width:100%;height:290px;border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden}#top>div{height:240px;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:24px}#cover{height:auto;width:auto;height:100%;width:100%}#title{color:var(--color4);font-size:14px;font-weight:500;height:auto}#artist{color:var(--color3);font-size:12px}#time-wrapper{height:40px;width:100%;display:flex;flex-direction:column;gap:4px}#time-wrapper>div{position:relative;display:flex;width:100%}#time-wrapper p{font-size:10px;color:var(--color3)}#total-time{position:absolute;right:0}#time{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;width:100%;background:var(--color4);border-radius:16px}#time::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color3);border-radius:16px;height:12px;width:12px}#controls{height:60px;width:100%;display:flex;justify-content:center;align-items:center;gap:12px}#controls button{height:48px;width:48px;border-radius:50%;border:0;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}#controls img{height:30px}#controls>#play{background-color:var(--color1)}.available{filter:brightness(500%)}@media (height <= 520px){body{display:grid;place-items:start center}main{scale:.8;margin-top:-40px}}