._container_17chd_1{width:100%;max-width:900px;min-height:632px;border-radius:20px;background:var(--bg-music-player);box-shadow:0 0 20px #0000001a;overflow:hidden;display:flex;flex-direction:column;align-items:center;margin:16px auto}@media(max-width:768px){._container_17chd_1{max-width:720px;margin:12px auto;border-radius:16px}}@media(max-width:480px){._container_17chd_1{margin:8px auto;border-radius:14px}}:root{--bg-page: linear-gradient( 135deg, #3d008c 0%, #6b1b9a 25%, #8b4789 60%, #c084b8 100% );--bg-music-player: linear-gradient( 135deg, #e8d4f8 0%, #f5e6ff 30%, #e8d4f8 70%, #b8e8f5 100% );--state-text: #B5B7CC;--banner-text: #9B7BA8;--primary-color: #8b4789;--secondary-color: #c084b8}.button{will-change:transform,opacity;transform:translateZ(0)}*{backface-visibility:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;overflow:hidden;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;color:#fff;overflow-x:hidden}html{scroll-behavior:smooth;font-size:62.5%;background:var(--bg-page);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh}@media(max-width:480px){body{overflow:auto;height:auto;min-height:100vh;align-items:stretch;overflow-x:hidden}html{background-attachment:scroll;min-height:100dvh}}@media(max-width:768px){body{overflow:auto;min-height:100vh;overflow-x:hidden}}