.dbsj-fab{position:fixed;right:20px;bottom:20px;z-index:1500;width:68px;height:68px;padding:0;border:0;background:none;cursor:pointer;perspective:300px}.dbsj-coin{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 0 rgba(0,0,0,.6));animation:dbsj-flip 4.5s ease-in-out infinite}.dbsj-fab.is-playing:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:3px solid #3dff3d;animation:dbsj-ring 1.2s ease-out infinite;pointer-events:none}@keyframes dbsj-flip{0%,55%{transform:rotateY(0)}80%,to{transform:rotateY(360deg)}}@keyframes dbsj-ring{0%{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}.dbsj{--jb-green: #3dff3d;--jb-pale: #d8e7ae;--jb-dark: #002117;--jb-mid: #283631;--jb-amber: #cfa67f;position:fixed;right:100px;bottom:20px;z-index:1600;width:min(380px,calc(100vw - 24px));display:none;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.25;letter-spacing:0;color:var(--jb-pale);user-select:none;-webkit-user-select:none;border:2px solid var(--jb-green);box-shadow:0 0 0 2px #000,0 0 22px #3dff3d59,6px 8px 0 2px #0009}.dbsj.is-open{display:block}.dbsj *{box-sizing:border-box}.jb-title{display:flex;align-items:center;gap:6px;padding:5px 6px;background:#000;border-bottom:2px solid var(--jb-green);cursor:grab;touch-action:none}.jb-title:active{cursor:grabbing}.jb-name{flex:none;color:var(--jb-green);font-weight:700;font-size:13px;text-shadow:0 0 6px rgba(61,255,61,.7);white-space:nowrap}.jb-grip{flex:1;height:8px;min-width:8px;background:repeating-linear-gradient(var(--jb-green) 0 1px,transparent 1px 3px);opacity:.55}.jb-tb{flex:none;width:22px;height:20px;padding:0;background:var(--jb-dark);color:var(--jb-pale);border:1px solid var(--jb-green);font:700 13px/1 Courier New,monospace;cursor:pointer}.jb-tb:hover{background:var(--jb-green);color:#000}.jb-body{padding:10px;background:radial-gradient(circle at 50% 0%,rgba(61,255,61,.14),transparent 60%),linear-gradient(#00170f,#000)}.jb-screen{padding:8px 10px 6px;background:#000000d9;border:1px solid var(--jb-green);box-shadow:inset 0 0 14px #3dff3d26}.jb-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.jb-state{color:var(--jb-amber);font-weight:700;font-size:12px}.dbsj.is-playing .jb-state{color:var(--jb-green)}.jb-time{color:var(--jb-green);font-weight:700;font-size:22px;text-shadow:0 0 8px rgba(61,255,61,.7)}.dbsj.is-paused .jb-time{animation:jb-blink 1s steps(1) infinite}@keyframes jb-blink{50%{opacity:.2}}.jb-marq{overflow:hidden;white-space:nowrap;margin:6px 0;color:#fff;font-weight:700;font-size:14px}.jb-mtext{display:inline-block}.jb-marq.is-long .jb-mtext{padding-left:100%;animation:jb-scroll 12s linear infinite}@keyframes jb-scroll{to{transform:translate(-100%)}}.jb-vis{display:block;width:100%;height:56px}.jb-lab{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px;color:var(--jb-pale)}.jb-lab span{flex:none;min-width:34px}.jb-seekwrap{margin:10px 0 8px}.dbsj input[type=range]{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:12px;margin:0;background:linear-gradient(var(--jb-green),var(--jb-green)) 0 0 / var(--p, 0%) 100% no-repeat,#000;border:1px solid var(--jb-pale);cursor:pointer}.dbsj input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:20px;background:var(--jb-pale);border:2px solid #000;box-shadow:0 0 6px var(--jb-green)}.dbsj input[type=range]::-moz-range-thumb{width:12px;height:18px;border-radius:0;background:var(--jb-pale);border:2px solid #000}.jb-ctl{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.jb-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0 5px;background:#002117eb;color:var(--jb-pale);border:1px solid var(--jb-pale);font:700 11px/1 Courier New,monospace;cursor:pointer}.jb-btn svg{width:18px;height:14px;fill:currentColor}.jb-btn:hover{background:var(--jb-mid);color:#fff;border-color:var(--jb-green);box-shadow:0 0 8px #3dff3d80}.jb-btn:active{transform:translateY(1px)}.jb-btn.is-on{background:var(--jb-green);color:#000;border-color:var(--jb-green)}.jb-row2{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.jb-volwrap{flex:1 1 120px}.jb-tog{padding:5px 6px;background:#002117eb;color:var(--jb-pale);border:1px solid var(--jb-pale);font:700 11px/1 Courier New,monospace;cursor:pointer}.jb-tog:hover{border-color:var(--jb-green);color:#fff}.jb-tog.is-on{background:var(--jb-green);color:#000;border-color:var(--jb-green)}.jb-pl{display:none;list-style:none;margin:10px 0 0;padding:0;max-height:190px;overflow-y:auto;background:#002117f2;border:1px solid var(--jb-green);font:700 13px/1.3 Arial,Helvetica,sans-serif;scrollbar-color:var(--jb-green) #000}.dbsj.pl-on .jb-pl{display:block}.jb-pl li{display:flex;gap:6px;padding:5px 8px;color:var(--jb-pale);cursor:pointer;white-space:nowrap;border-bottom:1px solid rgba(216,231,174,.12)}.jb-pl li .t{flex:1;overflow:hidden;text-overflow:ellipsis}.jb-pl li .n,.jb-pl li .d{flex:none;color:var(--jb-amber)}.jb-pl li:hover{background:var(--jb-mid);color:#fff}.jb-pl li.is-cur{background:var(--jb-green);color:#000}.jb-pl li.is-cur .n,.jb-pl li.is-cur .d{color:#000}@media screen and (max-width:749px){.dbsj-fab{width:58px;height:58px;right:12px;bottom:12px}.dbsj{right:12px;bottom:82px}.jb-pl{max-height:150px}}@media(prefers-reduced-motion:reduce){.dbsj-coin,.dbsj-fab.is-playing:after,.dbsj.is-paused .jb-time,.jb-marq.is-long .jb-mtext{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/dbs-jukebox.css.map */