hifi-player.hifi{--hifi-accent: 70, 227, 179;--hifi-metal-light: #4a4e55;--hifi-metal-dark: #1b1d20;--hifi-lcd: #0c1411;--hifi-radius: 14px;position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:600;font-family:var(--font-body-family, sans-serif);color:#e8eaed;-webkit-user-select:none;user-select:none}hifi-player.hifi.hifi--ready{display:block}.hifi__standby,.hifi--collapsed .hifi__deck{display:none}.hifi--collapsed .hifi__standby{display:inline-flex;align-items:center;gap:.55rem;margin-left:auto;padding:.6rem .95rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;cursor:pointer;color:inherit;font:inherit;letter-spacing:.18em;font-size:.72rem;font-weight:700;background:linear-gradient(180deg,#ffffff1a,#00000059),linear-gradient(145deg,var(--hifi-metal-light),var(--hifi-metal-dark));box-shadow:inset 0 1px #ffffff2e,0 6px 18px #00000073}.hifi__standby-led{width:8px;height:8px;border-radius:50%;background:rgb(var(--hifi-accent));box-shadow:0 0 8px rgb(var(--hifi-accent));animation:hifi-pulse 2s ease-in-out infinite}.hifi__standby-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.hifi__standby-eq span{width:3px;height:40%;background:rgb(var(--hifi-accent));border-radius:1px;opacity:.85;animation:hifi-eq .9s ease-in-out infinite}.hifi__standby-eq span:nth-child(2){animation-delay:.25s}.hifi__standby-eq span:nth-child(3){animation-delay:.5s}@property --hifi-glint{syntax: "<number>"; inherits: false; initial-value: 0;}.hifi__deck{--hifi-gutter: 34px;--hifi-logo-w: 150px;--hifi-logo-left: 8px;position:relative;width:calc(400px + var(--hifi-gutter));max-width:calc(100vw - 2rem);padding:.85rem .95rem .95rem calc(.95rem + var(--hifi-gutter));border-radius:var(--hifi-radius);border:1px solid rgba(0,0,0,.6);background-image:linear-gradient(108deg,transparent 30%,rgba(255,255,255,calc(var(--hifi-glint) * .05)) 37%,rgba(255,255,255,calc(var(--hifi-glint) * .18)) 44%,rgba(255,253,246,var(--hifi-glint)) 48%,rgba(255,255,255,calc(var(--hifi-glint) * .22)) 52%,rgba(255,255,255,calc(var(--hifi-glint) * .42)) 58%,rgba(255,255,255,calc(var(--hifi-glint) * .1)) 65%,transparent 76%),linear-gradient(180deg,#ffffff2e,#fff0 38%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 5px),radial-gradient(130% 120% at 50% 28%,transparent 52%,rgba(0,0,0,.34)),linear-gradient(150deg,#5b616b,#3c4047 20%,#565b64 38%,#2c2f34 58%,#474b53 76%,#202327 92%,#16181b);background-size:300% 100%,auto,auto,auto,auto;background-position:170% 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat,no-repeat,no-repeat;box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff0a,inset 0 -1px #00000080,0 12px 30px #00000080;animation:hifi-gleam 6s linear infinite}@keyframes hifi-gleam{0%{background-position:170% 0,0 0,0 0,0 0,0 0;--hifi-glint: 0}2%{--hifi-glint: .12}7%{--hifi-glint: .34}12%{--hifi-glint: .14}14%{background-position:-70% 0,0 0,0 0,0 0,0 0;--hifi-glint: 0}to{background-position:-70% 0,0 0,0 0,0 0,0 0;--hifi-glint: 0}}.hifi__brand-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.hifi__brand{display:inline-flex;align-items:center;padding-left:calc(var(--hifi-logo-left) + var(--hifi-logo-w) + .5rem - (.95rem + var(--hifi-gutter)));font-size:.7rem;font-weight:700;letter-spacing:.22em;color:#c8ccd2;text-shadow:0 1px 0 rgba(0,0,0,.6)}.hifi__brand em{font-style:normal;font-weight:500;font-size:.72rem;color:#fff;letter-spacing:.18em}.hifi__logo{position:absolute;top:1.15rem;left:var(--hifi-logo-left);width:var(--hifi-logo-w);height:auto;pointer-events:none;opacity:.9;filter:brightness(.92) drop-shadow(0 1px 1px rgba(0,0,0,.55))}.hifi__power{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,.55);background:radial-gradient(circle at 35% 30%,#ffffff59,#0006 70%),linear-gradient(145deg,var(--hifi-metal-light),var(--hifi-metal-dark));box-shadow:inset 0 1px #ffffff40,0 2px 4px #00000080}.hifi__power-led{width:7px;height:7px;border-radius:50%;background:rgb(var(--hifi-accent));box-shadow:0 0 7px rgb(var(--hifi-accent))}.hifi--playing .hifi__power-led{animation:hifi-pulse 2s ease-in-out infinite}.hifi__body{display:grid;grid-template-columns:1fr auto;gap:.7rem;align-items:stretch}.hifi__display{height:82px;padding:.6rem .7rem 0;border-radius:8px;background:radial-gradient(120% 140% at 50% 0%,rgba(var(--hifi-accent),.08),transparent 60%),var(--hifi-lcd);border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 0 12px #000c,inset 0 0 2px rgba(var(--hifi-accent),.25);font-variant-numeric:tabular-nums}.hifi__nowplaying{display:flex;align-items:center;gap:.35rem;font-size:.58rem;letter-spacing:.2em;color:rgba(var(--hifi-accent),.7)}.hifi__nowplaying-dot{width:6px;height:6px;border-radius:50%;background:rgb(var(--hifi-accent));box-shadow:0 0 6px rgb(var(--hifi-accent))}.hifi__track{margin:.3rem 0 .5rem;overflow:hidden}.hifi__title{display:block;font-size:.92rem;font-weight:600;color:rgb(var(--hifi-accent));text-shadow:0 0 8px rgba(var(--hifi-accent),.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hifi__artist{display:block;font-size:.72rem;color:rgba(var(--hifi-accent),.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hifi__scrub-row{display:flex;align-items:center;gap:.5rem}.hifi__time{font-size:.6rem;color:rgba(var(--hifi-accent),.65);min-width:2.4ch}.hifi__time--total{text-align:right}.hifi__scrubber,.hifi__volume{-webkit-appearance:none;appearance:none;width:100%;height:14px;margin:0;background:transparent;cursor:pointer}.hifi__scrubber{--hifi-progress: 0%}.hifi__scrubber::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,rgb(var(--hifi-accent)) var(--hifi-progress),rgba(255,255,255,.12) var(--hifi-progress))}.hifi__scrubber::-moz-range-track{height:4px;border-radius:2px;background:#ffffff1f}.hifi__scrubber::-moz-range-progress{height:4px;border-radius:2px;background:rgb(var(--hifi-accent))}.hifi__scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;width:12px;height:12px;border-radius:50%;background:#f2f4f6;box-shadow:0 0 6px rgba(var(--hifi-accent),.8);border:none}.hifi__scrubber::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#f2f4f6;box-shadow:0 0 6px rgba(var(--hifi-accent),.8)}.hifi__vu{display:flex;gap:.5rem;height:100%;align-items:stretch}.hifi__meter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%}.hifi__meter-face{position:relative;width:80px;height:80px;flex:none;border-radius:8px 8px 5px 5px;overflow:hidden;background:radial-gradient(130% 140% at 50% 120%,#fff3d4,#f0e2b8 55%,#d8c79c);border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 0 14px #ffc45a59,inset 0 2px 5px #0006}.hifi__meter-scale{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hifi__scale-arc{stroke:#0006;stroke-width:1;vector-effect:non-scaling-stroke}.hifi__scale-ticks line{stroke:#00000073;stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke}.hifi__scale-peak{stroke:#c82828b3;stroke-width:2.4;stroke-linecap:round;vector-effect:non-scaling-stroke}.hifi__meter-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 45%)}.hifi__meter-needle{position:absolute;left:50%;bottom:2px;z-index:1;transform-origin:bottom center;transform:translate(-50%) rotate(var(--vu-angle, -45deg));width:2px;height:54%;background:linear-gradient(to top,#b71c1c,#5a0d0d);border-radius:1px;transition:transform 80ms linear}.hifi__meter-needle:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:50%;background:#2a2a2a}.hifi__meter-label{font-size:.55rem;letter-spacing:.15em;color:#c8ccd2}.hifi__controls{display:flex;align-items:center;gap:.75rem;margin-top:.8rem}.hifi__play{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;margin-left:calc(-1 * var(--hifi-gutter));padding:0;border-radius:50%;cursor:pointer;color:#11201b;border:1px solid rgba(0,0,0,.5);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.45),transparent 60%),rgb(var(--hifi-accent));box-shadow:inset 0 1px #ffffff80,0 4px 10px #00000080,0 0 14px rgba(var(--hifi-accent),.5)}.hifi__play:active{transform:translateY(1px)}.hifi__icon{width:22px;height:22px;fill:currentColor}.hifi__icon--pause,.hifi--playing .hifi__icon--play{display:none}.hifi--playing .hifi__icon--pause{display:block}.hifi__volume-group{display:flex;align-items:center;gap:.5rem;margin-left:auto}.hifi__mute{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;background:none;cursor:pointer;color:#c8ccd2}.hifi__mute .hifi__icon{width:20px;height:20px}.hifi--muted .hifi__mute{color:#6c7077}.hifi--muted .hifi__icon-wave{opacity:0}.hifi__knob{position:relative;width:44px;height:44px;flex:none}.hifi__knob-dial{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.4),transparent 55%),conic-gradient(from 90deg,#3c4046,#23262a,#3c4046);border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 1px #ffffff4d,inset 0 -2px 4px #0009,0 2px 5px #00000080;transform:rotate(var(--vol-angle, 0deg));transition:transform 60ms linear}.hifi__knob-indicator{position:absolute;top:4px;left:50%;transform:translate(-50%);width:3px;height:12px;border-radius:2px;background:rgb(var(--hifi-accent));box-shadow:0 0 6px rgb(var(--hifi-accent))}.hifi__volume{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:grab}.hifi__volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px}.hifi__volume::-moz-range-thumb{width:12px;height:12px;border:none}.hifi__deck :focus-visible,.hifi__standby:focus-visible{outline:2px solid rgb(var(--hifi-accent));outline-offset:2px}@keyframes hifi-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes hifi-eq{0%,to{height:30%}50%{height:100%}}@media screen and (max-width:600px){hifi-player.hifi{left:max(.6rem,env(safe-area-inset-left));right:max(.6rem,env(safe-area-inset-right));bottom:max(.6rem,env(safe-area-inset-bottom))}.hifi__deck{width:100%;max-width:none}.hifi--collapsed{text-align:right}.hifi__meter-face{width:62px;height:62px}}@media(prefers-reduced-motion:reduce){.hifi__standby-led,.hifi__standby-eq span,.hifi--playing .hifi__power-led{animation:none}.hifi__meter-needle,.hifi__knob-dial,.hifi__play{transition:none}.hifi__deck{animation:none;background-position:45% 0,0 0,0 0,0 0,0 0;--hifi-glint: .22}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hifi-player.css.map */