.boombox{background:#000;border:2px solid #fff;padding:2rem;border-radius:20px;position:relative;width:90vw;max-width:600px;aspect-ratio:1 / 1;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);gap:.5rem;box-shadow:0 0 30px #fff3;font-family:monospace}#svgContainer{height:75vh;display:none}svg{height:100%;width:100%}#embedContainer{display:block;position:relative;width:100%;height:100%;max-width:500px;max-height:500px;margin:auto;margin:2rem auto;background:#000;padding:1rem;border:2px solid #96df00;border-radius:12px;box-shadow:0 0 10px #96df00}#embedContainer iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px}#Track_Info_Text{width:100%;border:2px solid red;z-index:1000;v-align:center;overflow:hidden;white-space:nowrap;box-sizing:border-box;color:#fff}#Track_Info_Text:after{content:attr(data-text);display:inline-block;padding-left:100%;animation:scroll-left 10s linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.speaker{grid-row:2 / 5;border:2px solid white;border-radius:50%;background:radial-gradient(circle,#555 10%,#000 90%)}.left-speaker{grid-column:1 / 3}.right-speaker{grid-column:4 / 6}.screen{grid-column:2 / 5;grid-row:1 / 2;text-align:center;font-size:1rem;padding:.25rem;background:#111;border:2px solid #fff}.controls{grid-column:2 / 5;grid-row:5 / 6;display:flex;justify-content:space-around;align-items:center}.control-button{background:#fff;color:#000;padding:.5rem;border-radius:50%;cursor:pointer;width:40px;height:40px;text-align:center;font-weight:700}.dials{grid-column:1 / 6;grid-row:6 / 7;display:flex;justify-content:space-around}.dial{width:60px;height:60px;background:#333;border:2px solid white;border-radius:50%}.smile{position:absolute;width:80%;height:20px;border-bottom:5px solid white;border-radius:0 0 100% 100%;bottom:20px;left:10%}.label{position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:2rem;font-weight:700;color:#fff}.visualizer{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;gap:2px}.bar{width:5px;height:20px;background:#fff;animation:pulse 1s infinite ease-in-out}#status.status-blink{animation:blink 1.2s step-start infinite}@keyframes pulse{0%,to{height:10px}50%{height:40px}}@keyframes blink{50%{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/boombox.css.map */