.st-media-player[data-media-type=audio]{height:100%;min-height:100%;display:flex;flex-direction:column;padding:0;background:transparent}.st-dm{--dm-silver-hi: #fbfbfd;--dm-silver: #d8d8de;--dm-silver-lo: #a6a6b0;--dm-edge: #7c7c88;--dm-ink: #2a2a33;--dm-pink: #ff2db5;--dm-cyan: #16d0ff;--dm-lime: #c4ff2a;--dm-lcd: #b9d6c4;--dm-lcd-ink: #14392a;--dm-font: "Tahoma", "Geneva", sans-serif;--dm-pixel: "VT323", monospace;flex:1 1 auto;width:100%;min-height:340px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 10px 8px;background:radial-gradient(ellipse at 25% 10%,rgba(150,110,220,.35),transparent 55%),radial-gradient(ellipse at 85% 95%,rgba(60,200,230,.3),transparent 55%),linear-gradient(160deg,#b9a7e6,#9fd8e6 70%);font-family:var(--dm-font);user-select:none;-webkit-user-select:none;overflow-y:auto}.st-dm__device{position:relative;width:100%;max-width:330px;flex:0 0 auto;border-radius:44% 44% 28% 28%/34% 34% 20% 20%;background:radial-gradient(circle at 42% 28%,var(--dm-silver-hi),var(--dm-silver) 52%,var(--dm-silver-lo) 100%);border:1px solid var(--dm-edge);box-shadow:inset 0 2px 3px #ffffffe6,inset 0 -6px 14px #0000002e,0 12px 26px #28144666;padding:10px 14px 20px;display:flex;flex-direction:column;align-items:center;gap:6px}.st-dm__brandrow{width:100%;display:flex;flex-direction:column;align-items:center;line-height:1;padding:0;margin-top:9px;margin-bottom:9px}.st-dm__brand{font-family:var(--dm-pixel);font-style:italic;font-size:13px;font-weight:700;letter-spacing:-.4px;color:#6b6794;mix-blend-mode:multiply;text-shadow:0 -1px 1px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.9);white-space:nowrap;transform:skew(-7deg) scaleX(.92);transform-origin:center}.st-dm__model{font-family:var(--dm-pixel);font-size:8px;letter-spacing:1.5px;color:#918dad;mix-blend-mode:multiply;text-shadow:0 1px 0 rgba(255,255,255,.8);margin-top:1px;transform:skew(-8deg);transform-origin:center}.st-dm__lid{position:relative;width:72%;max-width:240px;aspect-ratio:2 / 1;overflow:hidden;margin:0 0 -2px;align-self:center}.st-dm__cd{position:absolute;top:6px;left:50%;width:92%;aspect-ratio:1 / 1;height:auto;margin-left:-46%;border-radius:50%;background:#0c0c12;box-shadow:0 0 0 2px #00000080}.st-dm__cd-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;border-radius:50%}.st-dm__cd:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(255,255,255,.06) 0 2px,transparent 2px 4px);pointer-events:none}.st-dm__cd-hub{position:absolute;top:50%;left:50%;width:26%;height:26%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e8e8ee 0 38%,#1a1a22 40% 46%,#c8c8d0 48%);box-shadow:0 0 0 2px #0006;z-index:2}.st-dm__lcd{width:86%;position:relative;background:linear-gradient(to bottom,#c7e0d0,#aecdbb);border:2px solid;border-color:#5e7a6b #e2efe8 #e2efe8 #5e7a6b;border-radius:4px;padding:5px 9px 6px;font-family:var(--dm-pixel);color:var(--dm-lcd-ink);box-shadow:inset 0 2px 5px #00000052,inset 0 -1px #fff6;overflow:hidden}.st-dm__lcd:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(20,57,42,.07) 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,rgba(20,57,42,.05) 3px 4px)}.st-dm__lcd-top{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;font-size:16px;letter-spacing:1px}.st-dm__lcd-top .st-dm__lcd-track,.st-dm .st-dm__lcd-time.st-media-player__time{font-family:var(--dm-pixel);font-size:16px;letter-spacing:1px;color:var(--dm-lcd-ink);background:none;border:none;padding:0;margin:0;box-shadow:none;text-shadow:none;line-height:1}.st-dm__lcd-bottom{position:relative;z-index:1;margin-top:3px;padding-top:3px;border-top:1px solid rgba(20,57,42,.22);display:flex;align-items:center;gap:8px}.st-dm__lcd-marquee{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.st-dm__lcd-scroll{display:inline-block;font-size:15px;letter-spacing:1px;white-space:nowrap;animation:dm-marq 14s linear infinite}@keyframes dm-marq{0%{transform:translate(0)}to{transform:translate(-50%)}}.st-dm__lcd-sc{flex:0 0 auto;font-family:var(--dm-pixel);font-size:13px;letter-spacing:.5px;color:#0e5a37;text-decoration:none;border-left:1px solid rgba(20,57,42,.3);padding-left:8px}.st-dm__lcd-sc:hover{color:#b3007a}.st-dm__buttons{display:flex;align-items:center;gap:8px}.st-dm .st-dm__btn{min-width:38px;height:32px;padding:0 8px;border-radius:16px;background:radial-gradient(circle at 40% 30%,var(--dm-silver-hi),var(--dm-silver) 60%,var(--dm-silver-lo));border:1px solid var(--dm-edge);box-shadow:inset 0 1px 1px #ffffffe6,0 2px 3px #00000040;color:var(--dm-ink);font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.st-dm .st-dm__btn:active{box-shadow:inset 0 2px 4px #0000004d}.st-dm .st-dm__btn--play{background:radial-gradient(circle at 40% 30%,#ff8fd6,var(--dm-pink) 70%);color:#fff;border-color:#c01f86}.st-dm .st-media-player__progress-container{width:84%;height:6px;background:#2a2a33;border-radius:3px;border:1px solid var(--dm-edge);position:relative;cursor:pointer;overflow:hidden;margin:0}.st-dm .st-media-player__progress-bar{position:static;width:100%;height:100%;background:transparent;border:none;margin:0}.st-dm .st-media-player__progress-fill{position:absolute;inset:0 auto 0 0;height:100%;width:0%;background:linear-gradient(to right,var(--dm-cyan),var(--dm-pink))}.st-dm__vol{width:84%;display:flex;align-items:center;gap:8px}.st-dm__vol-icon{font-family:var(--dm-pixel);font-size:13px;color:var(--dm-ink)}.st-dm .st-dm__vol-slider{-webkit-appearance:none;appearance:none;flex:1 1 auto;height:5px;background:#2a2a33;border-radius:3px;cursor:pointer;margin:0}.st-dm .st-dm__vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 40% 30%,var(--dm-silver-hi),var(--dm-silver-lo));border:1px solid var(--dm-edge);cursor:grab}.st-dm .st-dm__vol-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--dm-silver);border:1px solid var(--dm-edge);cursor:grab}.st-dm__eject{flex:0 0 auto;display:inline-flex;align-items:center;font-family:var(--dm-pixel);font-size:13px;letter-spacing:.5px;color:#1a1a33;text-decoration:none;background:linear-gradient(to bottom,#eaeaf0,#c6c6cf);border:1px solid var(--dm-edge);border-radius:5px;padding:3px 9px;box-shadow:inset 0 1px 1px #ffffffe6,0 1px 2px #0003}.st-dm__eject:hover{color:#b3007a}.st-dm__shelf-wrap{width:100%;max-width:380px;flex:0 0 auto;margin-top:4px;padding-bottom:6px}.st-dm__shelf-label{font-family:var(--dm-pixel);font-size:14px;letter-spacing:1px;color:#2c2350;text-shadow:0 1px 0 rgba(255,255,255,.5);margin:0 2px 4px}.st-dm__shelf{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:thin}.st-dm__shelf::-webkit-scrollbar{height:8px}.st-dm__shelf::-webkit-scrollbar-thumb{background:var(--dm-pink);border-radius:4px}.st-dm__disc{flex:0 0 auto;background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;width:60px}.st-dm__disc-face{width:54px;height:54px;border-radius:50%;background-color:#3a3358;background-size:cover;background-position:center;position:relative;box-shadow:0 0 0 2px #ffffff80,0 4px 8px #00000059;transition:transform .12s,box-shadow .12s}.st-dm__disc-hub{position:absolute;top:50%;left:50%;width:26%;height:26%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 40%,#888 42%,#fff 60%);box-shadow:0 0 0 1.5px #0000004d}.st-dm__disc:hover .st-dm__disc-face{transform:translateY(-3px) scale(1.06);box-shadow:0 0 0 2px var(--dm-cyan),0 0 14px #16d0ff99}.st-dm__disc.is-loaded .st-dm__disc-face{box-shadow:0 0 0 2px var(--dm-pink),0 0 16px #ff2db5cc}.st-dm__disc-name{font-size:10px;line-height:1.15;text-align:center;color:#2c2350;width:100%;white-space:normal;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.st-dm__disc.is-loaded .st-dm__disc-name{color:#b3007a;font-weight:700}.st-dm__empty{color:#2c2350;font-size:12px;padding:12px 4px}.st-dm .st-media-player__audio{display:none}@media(max-width:360px){.st-dm__device{max-width:300px}.st-dm__brand{font-size:14px}.st-dm__disc,.st-dm__disc-face{width:56px}.st-dm__disc-face{height:56px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/media-player-boombox.css.map */