.lfj-fm{--fm-accent: var(--lfj-room-fm, #d9857f);--fm-accent-dim: #8a4a45;position:relative;display:flex;flex-direction:column;gap:calc(var(--px) * 5);padding:calc(var(--px) * 5) calc(var(--px) * 3) calc(var(--px) * 8);overflow:hidden;flex-shrink:0}.lfj-fm-notes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.lfj-fm-note{position:absolute;font-family:var(--font-pixel);color:var(--fm-accent);opacity:.35;animation:lfj-fm-note-drift 7s linear infinite}.lfj-fm-note:nth-child(1){left:6%;top:100%;font-size:12px;animation-delay:0s}.lfj-fm-note:nth-child(2){left:22%;top:100%;font-size:8px;animation-delay:1.4s;opacity:.25}.lfj-fm-note:nth-child(3){left:48%;top:100%;font-size:14px;animation-delay:2.6s}.lfj-fm-note:nth-child(4){left:68%;top:100%;font-size:9px;animation-delay:.8s;opacity:.2}.lfj-fm-note:nth-child(5){left:84%;top:100%;font-size:11px;animation-delay:3.6s}.lfj-fm-note:nth-child(6){left:36%;top:100%;font-size:8px;animation-delay:5s;opacity:.2}@keyframes lfj-fm-note-drift{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.35}90%{opacity:.2}to{transform:translateY(-620px) rotate(18deg);opacity:0}}@media(prefers-reduced-motion:reduce){.lfj-fm-note{animation:none;opacity:.15}}.lfj-fm>*{position:relative;z-index:1}.lfj-fm-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 2)}.lfj-fm-freq{font-family:var(--font-pixel);font-size:clamp(26px,8vw,38px);color:var(--fm-accent);text-shadow:3px 3px 0 var(--lfj-screen-ink);line-height:1;padding-top:calc(var(--px) * 2)}.lfj-fm-fm-suffix{font-size:.4em;vertical-align:super;color:var(--lfj-screen-ink)}.lfj-fm-station{font-family:var(--font-pixel);font-size:12px;letter-spacing:.05em;color:var(--lfj-screen-ink);margin:0}.lfj-fm-onair{display:flex;align-items:center;gap:calc(var(--px) * 1.5);font-family:var(--font-pixel);font-size:8px;letter-spacing:.1em;color:var(--fm-accent);background:var(--fm-accent-dim);border:2px solid var(--lfj-screen-ink);padding:calc(var(--px) * 1) calc(var(--px) * 2.5)}.lfj-fm-onair-dot{width:6px;height:6px;border-radius:50%;background:var(--fm-accent);animation:lfj-notify-blink 1.2s steps(1) infinite}.lfj-fm-onair-label{color:var(--lfj-screen-bg)}.lfj-fm-genre{font-family:var(--font-pixel);font-size:7px;color:var(--fm-accent-dim);letter-spacing:.04em}.lfj-fm-live-row{display:flex;align-items:center;gap:calc(var(--px) * 2);font-family:var(--font-pixel);font-size:7px;color:var(--lfj-screen-dim)}.lfj-fm-live-dot{width:7px;height:7px;background:var(--lfj-accent-red);display:inline-block;animation:lfj-notify-blink 1.2s steps(1) infinite}.lfj-fm-now{background:var(--lfj-screen-bg);border:3px solid var(--lfj-screen-ink);box-shadow:calc(var(--px) * 1) calc(var(--px) * 1) 0 0 var(--lfj-screen-ink);padding:calc(var(--px) * 3);display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 2)}.lfj-fm-eq{display:flex;align-items:flex-end;gap:3px;height:26px}.lfj-fm-eq span{width:5px;height:40%;background:var(--fm-accent);border:1px solid var(--lfj-screen-ink);transform-origin:bottom}.lfj-fm-eq.audio-reactive span{transition:height .08s linear}.lfj-fm-eq:not(.audio-reactive) span{animation:fmEqPlay 1.1s ease-in-out infinite}.lfj-fm-eq:not(.audio-reactive) span:nth-child(2){animation-delay:.15s}.lfj-fm-eq:not(.audio-reactive) span:nth-child(3){animation-delay:.3s}@keyframes fmEqPlay{0%,to{height:25%}50%{height:90%}}.lfj-fm-np-text{text-align:center}.lfj-fm-np-track{font-family:var(--font-pixel);font-size:10px;color:var(--lfj-screen-ink);line-height:1.6;word-break:break-word}.lfj-fm-np-artist{font-family:var(--font-pixel);font-size:8px;color:var(--lfj-screen-dim);margin-top:4px}.lfj-fm-progress{width:100%;height:16px;border:2px solid var(--lfj-screen-ink);background:#fff;cursor:pointer;position:relative}.lfj-fm-progress-fill{height:100%;width:0%;background:var(--fm-accent);position:relative}.lfj-fm-progress.is-scrubbing .lfj-fm-progress-fill{background:var(--lfj-accent-red)}.lfj-fm-progress-handle{position:absolute;top:50%;right:-7px;width:14px;height:14px;transform:translateY(-50%);background:var(--lfj-screen-ink);border:2px solid var(--lfj-screen-bg);box-shadow:0 0 0 1px var(--lfj-screen-ink);pointer-events:none}.lfj-fm-progress:hover .lfj-fm-progress-handle,.lfj-fm-progress.is-scrubbing .lfj-fm-progress-handle{width:18px;height:18px;right:-9px;background:var(--fm-accent)}.lfj-fm-progress.is-scrubbing .lfj-fm-progress-handle{background:var(--lfj-accent-red)}.lfj-fm-times{display:flex;justify-content:space-between;width:100%;font-family:var(--font-pixel);font-size:7px;color:var(--lfj-screen-dim)}.lfj-fm-transport{display:flex;align-items:center;gap:calc(var(--px) * 2)}.lfj-fm-icon-btn,.lfj-fm-play-btn{font-family:var(--font-pixel);background:var(--lfj-screen-bg);border:2px solid var(--lfj-screen-ink);color:var(--lfj-screen-ink);cursor:pointer;padding:calc(var(--px) * 1.5)}.lfj-fm-icon-btn{font-size:9px}.lfj-fm-icon-btn.active,.lfj-fm-icon-btn.open{background:var(--fm-accent);color:var(--lfj-screen-bg)}.lfj-fm-play-btn{font-size:14px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--fm-accent);color:var(--lfj-screen-bg)}.lfj-fm-play-btn.playing{background:var(--lfj-screen-ink)}.lfj-fm-play-btn svg{width:18px;height:18px}.lfj-fm-vol-row{display:flex;align-items:center;gap:calc(var(--px) * 2);width:100%;font-family:var(--font-pixel);font-size:7px;color:var(--lfj-screen-dim)}.lfj-fm-vol-btn{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--lfj-screen-bg);border:2px solid var(--lfj-screen-ink);color:var(--lfj-screen-ink);cursor:pointer;padding:0}.lfj-fm-vol-btn:hover{background:var(--fm-accent)}.lfj-fm-vol-icon{position:relative;width:10px;height:8px;background:currentColor;clip-path:polygon(0% 30%,35% 30%,65% 0%,65% 100%,35% 70%,0% 70%)}.lfj-fm-vol-icon:before,.lfj-fm-vol-icon:after{content:"";position:absolute;right:-4px;border:1.5px solid currentColor;border-left:none;border-radius:0 6px 6px 0;opacity:.85}.lfj-fm-vol-icon:before{width:4px;height:6px;top:1px}.lfj-fm-vol-icon:after{width:6px;height:10px;top:-1px;opacity:.5}.lfj-fm-vol-btn.is-muted .lfj-fm-vol-icon:before,.lfj-fm-vol-btn.is-muted .lfj-fm-vol-icon:after{display:none}.lfj-fm-vol-btn.is-muted .lfj-fm-vol-icon{opacity:.5}.lfj-fm-vol-slider{flex:1;appearance:none;-webkit-appearance:none;height:10px;background:#fff;border:2px solid var(--lfj-screen-ink);cursor:pointer;outline:none}.lfj-fm-vol-slider::-webkit-slider-runnable-track{height:6px;background:transparent}.lfj-fm-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--fm-accent);border:2px solid var(--lfj-screen-ink);cursor:pointer;margin-top:-1px}.lfj-fm-vol-slider::-moz-range-track{height:6px;background:transparent;border:none}.lfj-fm-vol-slider::-moz-range-thumb{width:12px;height:12px;background:var(--fm-accent);border:2px solid var(--lfj-screen-ink);border-radius:0;cursor:pointer}.lfj-fm-vis-wrap{width:100%;height:2px}.lfj-fm-source-row{display:flex;gap:calc(var(--px) * 2);flex-wrap:wrap}.lfj-fm-source-switch{display:flex;border:2px solid var(--lfj-screen-ink)}.lfj-fm-source-switch button{font-family:var(--font-pixel);font-size:7px;padding:calc(var(--px) * 1.5) calc(var(--px) * 2);background:var(--lfj-screen-bg);border:none;border-right:2px solid var(--lfj-screen-ink);color:var(--lfj-screen-ink);cursor:pointer}.lfj-fm-source-switch button:last-child{border-right:none}.lfj-fm-source-switch button.active{background:var(--fm-accent);color:var(--lfj-screen-bg)}.lfj-fm-search{flex:1;min-width:140px;font-family:var(--font-pixel);font-size:8px;padding:calc(var(--px) * 1.5) calc(var(--px) * 2);border:2px solid var(--lfj-screen-ink);background:#fff;color:var(--lfj-screen-ink)}.lfj-fm-toggle-btn{width:100%;font-family:var(--font-pixel);font-size:9px;letter-spacing:.05em;padding:calc(var(--px) * 2);background:var(--lfj-screen-ink);color:var(--lfj-screen-bg);border:none;cursor:pointer;text-align:left;display:flex;justify-content:space-between}.lfj-fm-toggle-btn.open,.lfj-fm-toggle-btn#fm-studio-btn.open{background:var(--fm-accent)}#fm-queue-count{color:var(--fm-accent)}.lfj-fm-toggle-btn.open #fm-queue-count{color:var(--lfj-screen-ink)}.lfj-fm-queue-panel,.lfj-fm-studio-panel{max-height:0;overflow:hidden;border:0 solid var(--lfj-screen-ink);transition:max-height .25s steps(6)}.lfj-fm-queue-panel.open,.lfj-fm-studio-panel.open{max-height:900px;border-width:0 2px 2px 2px;padding:calc(var(--px) * 2)}.lfj-fm-queue-list{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto}.lfj-fm-queue-list .fm-queue-item{font-family:var(--font-pixel);font-size:7px;padding:calc(var(--px) * 1.5);background:var(--lfj-screen-bg);border:1px solid var(--lfj-screen-dim);cursor:pointer;color:var(--lfj-screen-ink)}.lfj-fm-queue-list .fm-queue-item.now-playing{background:var(--fm-accent);color:var(--lfj-screen-bg);border-color:var(--lfj-screen-ink)}.lfj-fm-empty{font-family:var(--font-pixel);font-size:8px;color:var(--lfj-screen-dim);text-align:center;padding:calc(var(--px) * 2)}.lfj-fm-studio-row{display:flex;align-items:center;gap:calc(var(--px) * 2);margin-bottom:calc(var(--px) * 2);font-family:var(--font-pixel);font-size:7px}.lfj-fm-studio-row label{width:44px;flex-shrink:0}.lfj-fm-studio-row input[type=range]{flex:1;accent-color:var(--fm-accent)}.lfj-fm-studio-row button{font-family:var(--font-pixel);width:22px;height:22px;border:2px solid var(--lfj-screen-ink);background:var(--lfj-screen-bg);cursor:pointer}.lfj-fm-presets{display:flex;flex-wrap:wrap;gap:calc(var(--px) * 1.5);margin:calc(var(--px) * 2) 0}.fm-preset-btn{font-family:var(--font-pixel);font-size:6px;padding:calc(var(--px) * 1.5) calc(var(--px) * 2);border:2px solid var(--lfj-screen-ink);background:var(--lfj-screen-bg);color:var(--lfj-screen-ink);cursor:pointer}.fm-preset-btn.active{background:var(--fm-accent);color:var(--lfj-screen-bg)}.lfj-fm-status{font-family:var(--font-pixel);font-size:7px;color:var(--lfj-screen-dim);min-height:12px;margin:calc(var(--px) * 1) 0}.fm-status-dot{display:inline-block;width:5px;height:5px;background:var(--fm-accent);margin-right:4px}.lfj-fm-studio-actions{display:flex;gap:calc(var(--px) * 2)}.lfj-fm-studio-actions button{font-family:var(--font-pixel);font-size:7px;padding:calc(var(--px) * 1.5) calc(var(--px) * 2);border:2px solid var(--lfj-screen-ink);background:var(--lfj-screen-bg);cursor:pointer}#fm-studio-reset{color:var(--lfj-accent-red);border-color:var(--lfj-accent-red)}.lfj-fm-share-row{display:flex;flex-wrap:wrap;gap:calc(var(--px) * 2);justify-content:center}.lfj-fm-share-row button{font-family:var(--font-pixel);font-size:7px;padding:calc(var(--px) * 1.5) calc(var(--px) * 2);border:2px solid var(--lfj-screen-ink);background:var(--lfj-screen-bg);cursor:pointer}.lfj-fm-embed-code{position:absolute;left:-9999px}.lfj-fm-error{font-family:var(--font-pixel);font-size:8px;color:var(--lfj-accent-red);text-align:center}.lfj-fm-submit{border:3px dashed var(--fm-accent);padding:calc(var(--px) * 3);display:flex;flex-direction:column;gap:calc(var(--px) * 2)}.lfj-fm-submit h2{font-family:var(--font-pixel);font-size:11px;color:var(--lfj-screen-ink);margin:0}.lfj-fm-submit p{font-family:var(--font-pixel);font-size:7px;color:var(--lfj-screen-dim);line-height:1.8;margin:0}.lfj-fm-submit input,.lfj-fm-submit textarea{font-family:var(--font-pixel);font-size:8px;padding:calc(var(--px) * 2);border:2px solid var(--lfj-screen-ink);background:#fff;color:var(--lfj-screen-ink);width:100%;box-sizing:border-box}.lfj-fm-submit textarea{resize:vertical;min-height:60px}.lfj-fm-submit label{font-family:var(--font-pixel);font-size:7px;color:var(--lfj-screen-ink);display:block;margin-bottom:4px}.lfj-fm-submit-field{display:flex;flex-direction:column}.lfj-fm-submit-btn{font-family:var(--font-pixel);font-size:9px;padding:calc(var(--px) * 2) calc(var(--px) * 3);background:var(--fm-accent);color:var(--lfj-screen-bg);border:2px solid var(--lfj-screen-ink);cursor:pointer;align-self:flex-start}.lfj-fm-submit-note{font-family:var(--font-pixel);font-size:6px;color:var(--lfj-screen-dim)}body.fm-dj-mode .lfj-console-screen{background:#16130f}body.fm-dj-mode .lfj-fm-now,body.fm-dj-mode .lfj-fm-source-switch,body.fm-dj-mode .lfj-fm-search,body.fm-dj-mode .fm-preset-btn,body.fm-dj-mode .lfj-fm-icon-btn,body.fm-dj-mode .lfj-fm-studio-row button,body.fm-dj-mode .lfj-fm-studio-actions button,body.fm-dj-mode .lfj-fm-share-row button,body.fm-dj-mode .lfj-fm-queue-list .fm-queue-item{background:#241d16;color:var(--fm-accent);border-color:var(--fm-accent)}body.fm-dj-mode .lfj-fm-station,body.fm-dj-mode .lfj-fm-np-track{color:#f2e6d8}body.fm-dj-mode .lfj-fm-progress{background:#241d16;border-color:var(--fm-accent)}body.fm-dj-mode .lfj-fm-toggle-btn{background:var(--fm-accent);color:#16130f}body.fm-dj-mode .lfj-back-to-menu{background:#241d16;color:var(--fm-accent);border-color:var(--fm-accent)}@media(max-width:380px){.lfj-fm{padding:calc(var(--px) * 4) calc(var(--px) * 2) calc(var(--px) * 8)}.lfj-fm-transport{gap:calc(var(--px) * 1.5)}}.lfj-fm-widget{display:flex;align-items:center;gap:calc(var(--px) * 2);background:var(--lfj-screen-bg);border:3px solid var(--lfj-screen-ink);box-shadow:calc(var(--px) * 1) calc(var(--px) * 1) 0 0 var(--lfj-screen-ink);padding:calc(var(--px) * 2) calc(var(--px) * 3);margin:calc(var(--px) * 4) auto;max-width:320px}.lfj-fm-widget-play{width:36px;height:36px;border-radius:50%;border:2px solid var(--lfj-screen-ink);background:var(--lfj-room-fm);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.lfj-fm-widget-play.playing{background:var(--lfj-screen-ink)}.lfj-fm-widget-play svg{width:14px;height:14px}.lfj-fm-widget-text{flex:1;min-width:0}.lfj-fm-widget-track{font-family:var(--font-pixel);font-size:8px;color:var(--lfj-screen-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lfj-fm-widget-artist{font-family:var(--font-pixel);font-size:7px;color:var(--lfj-screen-dim);margin-top:3px}.lfj-fm-widget-bar{height:4px;background:#fff;border:1px solid var(--lfj-screen-ink);margin-top:4px}.lfj-fm-widget-fill{height:100%;width:0%;background:var(--lfj-room-fm)}.lfj-fm-widget-vis{width:8px;height:8px;flex-shrink:0;background:var(--lfj-screen-dim)}.lfj-fm-widget-vis.playing{background:var(--fm-accent);animation:lfj-notify-blink .6s steps(1) infinite}
/*# sourceMappingURL=/cdn/shop/t/101/assets/lfj-fm.css.map */