#pn-player{position:fixed;bottom:16px;left:50%;transform:translate(-50%) translateY(calc(100% + 32px));z-index:9000;width:calc(100% - 32px);max-width:880px;background:#07070770;backdrop-filter:blur(10px) saturate(170%) brightness(.88);-webkit-backdrop-filter:blur(10px) saturate(170%) brightness(.88);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #00000080,inset 0 0 0 1px #ffffff0d,0 20px 56px #0009,0 6px 18px #00000061;overflow:hidden;transition:transform .55s cubic-bezier(.16,1,.3,1),border-radius .4s cubic-bezier(.16,1,.3,1),max-width .4s cubic-bezier(.16,1,.3,1),width .4s cubic-bezier(.16,1,.3,1),left .4s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-user-select:none}#pn-player.is-visible{transform:translate(-50%) translateY(0)}#pn-player.is-minimized{border-radius:999px;max-width:340px;width:calc(100% - 32px);overflow:visible}#pn-player.is-minimized .pn-waveform,#pn-player.is-minimized .pn-bar{display:none}#pn-player.is-minimized .pn-compact{display:flex}.pn-waveform{display:block;width:100%;height:44px;cursor:pointer;border-radius:20px 20px 0 0}.pn-waveform:hover{opacity:.8}.pn-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 18px 14px;gap:0}.pn-live-dot{width:5px;height:5px;border-radius:50%;background:#fff3;flex-shrink:0;transition:background .3s}#pn-player.is-playing .pn-live-dot{background:#fff;animation:pn-pulse 1.8s ease-in-out infinite}@keyframes pn-pulse{0%,to{box-shadow:0 0 #ffffff80}50%{box-shadow:0 0 0 5px #fff0}}.pn-info{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden}.pn-text{display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden}.pn-title-row{display:flex;align-items:baseline;gap:6px;min-width:0}.pn-side{font-family:BugrinoTrials-Regular,sans-serif;font-size:9px;letter-spacing:.2em;color:#fff6;text-transform:uppercase;flex-shrink:0;line-height:1}.pn-title{font-family:BugrinoTrials-Regular,sans-serif;font-size:11px;letter-spacing:.1em;color:#fff;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.pn-meta{font-family:BugrinoTrials-Regular,sans-serif;font-size:9px;letter-spacing:.07em;color:#ffffff52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.pn-controls{display:flex;align-items:center;gap:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px 18px}.pn-btn{background:none;border:none;padding:0;cursor:pointer;color:#ffffff59;display:flex;align-items:center;justify-content:center;transition:color .15s ease;line-height:1}.pn-btn:hover{color:#ffffffd9}.pn-btn--skip{width:26px;height:26px}.pn-btn--play{width:34px;height:34px;color:#ffffffd9;border:1px solid rgba(255,255,255,.22);border-radius:50%;flex-shrink:0;transition:color .15s ease,border-color .15s ease,background .15s ease}.pn-btn--play:hover{color:#fff;border-color:#ffffff8c;background:#ffffff12}.pn-btn--play .pn-icon{display:flex;align-items:center;justify-content:center}.pn-btn--play[data-state=playing] .pn-icon--play,.pn-btn--play[data-state=paused] .pn-icon--pause{display:none}.pn-right{display:flex;align-items:center;justify-content:flex-end;gap:16px}.pn-time{font-family:BugrinoTrials-Regular,sans-serif;font-size:10px;letter-spacing:.1em;color:#ffffff52;white-space:nowrap;flex-shrink:0;min-width:46px;text-align:right}.pn-pitch{display:flex;flex-direction:column;align-items:center;gap:4px}.pn-pitch-label{font-family:BugrinoTrials-Regular,sans-serif;font-size:9px;letter-spacing:.18em;color:#ffffff47;text-transform:uppercase}.pn-pitch-track{position:relative;width:90px;height:14px;display:flex;align-items:center}.pn-pitch-track:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:16px;background:#ffffff26;pointer-events:none}.pn-pitch-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(255,255,255,.08) 1px,transparent 1px) left/100% 100% no-repeat,linear-gradient(to left,rgba(255,255,255,.08) 1px,transparent 1px) right/100% 100% no-repeat;pointer-events:none}.pn-pitch-slider{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:#ffffff14;outline:none;cursor:ew-resize;border-radius:0}.pn-pitch-slider::-webkit-slider-thumb{-webkit-appearance:none;width:5px;height:20px;background:#ffffff8c;border-radius:2px;cursor:ew-resize;transition:background .12s}.pn-pitch-slider:hover::-webkit-slider-thumb,.pn-pitch-slider:active::-webkit-slider-thumb{background:#fff;box-shadow:0 0 6px #ffffff59}.pn-pitch-slider::-moz-range-thumb{width:5px;height:20px;background:#ffffff8c;border:none;border-radius:2px;cursor:ew-resize}.pn-pitch-rate{font-family:BugrinoTrials-Regular,sans-serif;font-size:9px;letter-spacing:.1em;color:#ffffff47;text-transform:uppercase;min-width:38px;text-align:center;transition:color .15s}.pn-btn--minimize{width:24px;height:24px;color:#ffffff47;border:1px solid rgba(255,255,255,.1);border-radius:50%;transition:color .15s,border-color .15s}.pn-btn--minimize:hover{color:#ffffffb3;border-color:#ffffff59}.pn-compact{display:none;align-items:center;gap:10px;padding:12px 16px;min-width:0}.pn-live-dot--compact{flex-shrink:0}.pn-compact-title{font-family:BugrinoTrials-Regular,sans-serif;font-size:10px;letter-spacing:.1em;color:#ffffffb3;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.pn-btn--play-compact{width:28px;height:28px;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:50%;flex-shrink:0}.pn-btn--play-compact:hover{color:#fff;border-color:#ffffff80}.pn-btn--expand{width:24px;height:24px;color:#ffffff47;border:1px solid rgba(255,255,255,.1);border-radius:50%;flex-shrink:0;transition:color .15s,border-color .15s}.pn-btn--expand:hover{color:#ffffffb3;border-color:#ffffff59}.pn-tracklist{margin:20px 0 24px;border-top:1px solid rgba(0,0,0,.12)}.pn-tracklist-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.08)}.pn-tracklist-item:hover{background:#ffffff08}.pn-track-trigger{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#ff440012;border:1px solid rgba(255,68,0,.3);cursor:pointer;color:#ff44008c;flex-shrink:0;transition:color .15s,border-color .15s,background .15s;padding:0}.pn-track-trigger svg{pointer-events:none}.pn-track-trigger .pn-icon--pause,.pn-track-trigger.is-playing .pn-icon--play{display:none}.pn-track-trigger.is-playing .pn-icon--pause{display:inline-flex}.pn-track-trigger:hover{color:#f40;border-color:#f40;background:#ff44001a}.pn-track-trigger.is-playing{color:#f40;border-color:#f40;background:#ff44001f}.pn-tracklist-side{font-family:BugrinoTrials-Regular,sans-serif;font-size:10px;letter-spacing:.12em;color:#00000059;text-transform:uppercase;width:26px;flex-shrink:0}.pn-tracklist-title{font-family:BugrinoTrials-Regular,sans-serif;font-size:12px;letter-spacing:.06em;color:#000000b3;text-transform:uppercase;flex:1;transition:color .15s}.pn-tracklist-item:hover .pn-tracklist-title{color:#f40}.pn-track-trigger.is-playing~.pn-tracklist-side{color:#f40}.pn-track-trigger.is-playing~.pn-tracklist-title{color:#f40}.pn-tracklist-duration{font-family:BugrinoTrials-Regular,sans-serif;font-size:10px;letter-spacing:.06em;color:#0000004d;flex-shrink:0}.pn-track-trigger.is-unavailable{color:#00000026;border-color:#00000014;background:transparent;cursor:default;pointer-events:none}.pn-no-preview-tag{font-family:BugrinoTrials-Regular,sans-serif;font-size:9px;letter-spacing:.08em;color:#00000040;text-transform:uppercase;flex-shrink:0;margin-left:auto}body.pn-active{padding-bottom:96px}.pn-btn--close{display:none;width:24px;height:24px;color:#ffffff59;border:1px solid rgba(255,255,255,.12);border-radius:50%;flex-shrink:0;transition:color .15s,border-color .15s}.pn-btn--close:hover{color:#fffc;border-color:#ffffff59}.pn-btn--close-compact{display:none}@media(max-width:749px){#pn-player{bottom:10px;width:calc(100% - 20px)}.pn-bar{grid-template-columns:1fr auto 1fr;padding:8px 14px 12px}.pn-right{display:flex;justify-content:flex-end}.pn-time,.pn-pitch,.pn-btn--minimize{display:none}.pn-btn--close,.pn-btn--close-compact{display:flex}.pn-waveform{height:30px}#pn-player.is-minimized{max-width:calc(100% - 20px)}body.pn-active{padding-bottom:76px}.pn-track-trigger,.pn-btn--close,.pn-btn--close-compact,.pn-btn--play-compact{width:36px;height:36px}.pn-btn--play{width:40px;height:40px}.pn-btn--skip{width:32px;height:32px}}@media(min-width:750px){#pn-player{cursor:grab}#pn-player.is-dragging{cursor:grabbing}#pn-player button{cursor:pointer}#pn-player input[type=range]{cursor:ew-resize}#pn-player canvas{cursor:pointer}#pn-player.pn-anchored-left,#pn-player.pn-anchored-right{transform:translateY(calc(100% + 32px))}#pn-player.pn-anchored-left.is-visible,#pn-player.pn-anchored-right.is-visible{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/paranoise-player.css.map */