#gr-sticky-player,#gr-sticky-player *,#gr-sticky-player *:before,#gr-sticky-player *:after{box-sizing:border-box}#gr-sticky-player{position:fixed;left:50%;bottom:22px;z-index:2;display:grid;grid-template-columns:220px minmax(360px,1fr) auto;align-items:center;gap:22px;width:min(940px,calc(100% - 48px));min-height:92px;padding:12px 18px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0d0d12eb;box-shadow:0 18px 55px #0000005c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translate(-50%,130%);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .35s ease}#gr-sticky-player.is-visible{transform:translate(-50%);opacity:1;pointer-events:auto}.gr-player-track{display:flex;align-items:center;gap:12px;min-width:0}.gr-player-cover-wrap{position:relative;flex:0 0 58px;width:58px;height:58px}.gr-player-cover{display:block;width:58px;height:58px;border-radius:50%;object-fit:cover;background:#0d0d12;box-shadow:0 10px 22px #00000073,0 0 0 1px #ffffff1c;animation:grCoverSpin 30s linear infinite;animation-play-state:paused;transform-origin:center}#gr-sticky-player.is-playing .gr-player-cover{animation-play-state:running}@keyframes grCoverSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gr-player-info{min-width:0;line-height:1.2}.gr-player-title{overflow:hidden;color:#fff;font-size:12px;font-weight:650;letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.gr-player-producer{margin-top:6px;color:#ffffff80;font-size:10px;font-weight:500;letter-spacing:.03em}.gr-player-center{display:grid;gap:9px;min-width:0}.gr-player-controls{display:flex;align-items:center;justify-content:center;gap:12px}.gr-player-toggle,.gr-player-nav-btn,.gr-player-volume-btn,.gr-player-queue-btn{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;line-height:0;transition:background .2s ease,color .2s ease,transform .2s ease}.gr-player-toggle{width:38px;height:38px;background:#fff;color:#0d0d12;box-shadow:0 0 18px #ffffff26}.gr-player-nav-btn{width:32px;height:32px;color:#ffffffb3}.gr-player-volume-btn,.gr-player-queue-btn{width:36px;height:36px;color:#ffffffbd}.gr-player-toggle:hover{transform:scale(1.05)}.gr-player-nav-btn:hover,.gr-player-volume-btn:hover,.gr-player-queue-btn:hover,.gr-player-queue-wrap.is-open .gr-player-queue-btn{background:#ffffff14;color:#fff}.gr-player-nav-btn:active,.gr-player-volume-btn:active,.gr-player-queue-btn:active{transform:scale(.95)}.gr-player-toggle svg{width:15px;height:15px}.gr-player-nav-btn svg{width:17px;height:17px}.gr-player-volume-btn svg{width:19px;height:19px}.gr-icon-pause,#gr-sticky-player.is-playing .gr-icon-play{display:none}#gr-sticky-player.is-playing .gr-icon-pause{display:inline-flex}.gr-player-progress-row{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:10px;min-width:0}.gr-player-time{color:#ffffff85;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}#gr-player-duration{text-align:right}.gr-player-progress{width:100%;height:4px;margin:0;padding:0;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;outline:none;cursor:pointer;background:linear-gradient(to right,#6d4aff 0%,#6d4aff var(--gr-progress, 0%),rgba(255,255,255,.14) var(--gr-progress, 0%),rgba(255,255,255,.14) 100%)}.gr-player-progress::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:transparent}.gr-player-progress::-webkit-slider-thumb{width:11px;height:11px;margin-top:-3.5px;appearance:none;-webkit-appearance:none;border:2px solid #6d4aff;border-radius:50%;background:#fff;box-shadow:0 0 12px #6d4aff80}.gr-player-progress::-moz-range-track{height:4px;border-radius:999px;background:transparent}.gr-player-progress::-moz-range-thumb{width:11px;height:11px;border:2px solid #6d4aff;border-radius:50%;background:#fff;box-shadow:0 0 12px #6d4aff80}.gr-player-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.gr-player-waveform-engine{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none}.gr-player-queue-wrap{position:relative;display:flex;align-items:center;justify-content:center}.gr-player-queue-btn{position:relative}.gr-player-queue-btn svg{width:18px;height:18px}.gr-player-queue-count{position:absolute;top:-4px;right:-5px;display:flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #0d0d12;border-radius:999px;background:#6d4aff;color:#fff;font-size:8px;font-weight:700;line-height:1}.gr-player-queue{position:absolute;right:0;bottom:calc(100% + 20px);z-index:50;width:340px;max-height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#101015;box-shadow:0 24px 60px #0000008c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateY(10px) scale(.98);transform-origin:bottom right;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.gr-player-queue-wrap.is-open .gr-player-queue{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}.gr-player-queue:after{content:"";position:absolute;right:12px;bottom:-6px;width:11px;height:11px;border-right:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11);background:#101015;transform:rotate(45deg)}.gr-player-queue-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:67px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#101015}.gr-player-queue-heading{min-width:0}.gr-player-queue-heading strong{display:block;color:#fff;font-size:14px;font-weight:600}.gr-player-queue-heading span{display:block;margin-top:3px;color:#ffffff73;font-size:10px}.gr-player-queue-close{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#ffffff8c;cursor:pointer}.gr-player-queue-close:hover{background:#ffffff12;color:#fff}.gr-player-queue-close svg{width:17px;height:17px}.gr-player-queue-list{max-height:350px;padding:7px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.gr-player-queue-list::-webkit-scrollbar{width:5px}.gr-player-queue-list::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff2e}.gr-player-queue-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:58px;padding:7px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .18s ease,transform .18s ease}.gr-player-queue-item:hover{background:#ffffff0e}.gr-player-queue-item.is-current{background:#6d4aff1f}.gr-player-queue-item.is-current:hover{background:#6d4aff2b}.gr-player-queue-item img{display:block;width:44px;height:44px;border-radius:8px;object-fit:cover;background:#19191f}.gr-player-queue-item-info{display:block;min-width:0}.gr-player-queue-item-info strong{display:block;overflow:hidden;color:#ffffffe6;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.gr-player-queue-item.is-current .gr-player-queue-item-info strong{color:#917cff}.gr-player-queue-item-info small{display:block;overflow:hidden;margin-top:3px;color:#ffffff6b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.gr-player-queue-item-position{padding-right:3px;color:#ffffff45;font-size:9px;font-weight:600}.gr-player-queue-empty{padding:35px 18px;color:#ffffff70;font-size:11px;text-align:center}.gr-player-volume-wrap{position:relative;display:flex;align-items:center;justify-content:center}.gr-player-volume-popup{position:absolute;left:50%;bottom:48px;display:flex;align-items:center;justify-content:center;width:44px;height:128px;padding:14px 0;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#0d0d12;transform:translate(-50%) translateY(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.gr-player-volume-wrap.is-open .gr-player-volume-popup{transform:translate(-50%) translateY(0);opacity:1;visibility:visible;pointer-events:auto}.gr-player-volume-popup:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);background:#0d0d12;transform:translate(-50%) rotate(45deg)}.gr-player-volume{width:100%;height:4px;appearance:none;-webkit-appearance:none;border-radius:999px;outline:none;cursor:pointer;background:linear-gradient(to right,#6d4aff 0%,#6d4aff var(--gr-progress, 100%),rgba(255,255,255,.18) var(--gr-progress, 100%),rgba(255,255,255,.18) 100%)}#gr-sticky-player .gr-player-volume-popup .gr-player-volume{width:96px;height:4px;margin:0;padding:0;transform:rotate(-90deg);transform-origin:center}.gr-player-volume::-webkit-slider-thumb{width:10px;height:10px;appearance:none;-webkit-appearance:none;border:0;border-radius:50%;background:#fff}.gr-player-volume::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff}body:has(#gr-sticky-player.is-visible){padding-bottom:125px}.gr-card-play .gr-card-pause-icon,.gr-card-play.is-playing .gr-card-play-icon{display:none}.gr-card-play.is-playing .gr-card-pause-icon{display:block}.gr-heart-filled{display:none}@media screen and (max-width:749px){#gr-sticky-player{left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"track actions" "center center";gap:12px 10px;width:auto;min-height:0;padding:12px 14px 14px;border-radius:20px;transform:translateY(130%)}#gr-sticky-player.is-visible{transform:translateY(0)}.gr-player-track{grid-area:track}.gr-player-cover-wrap{flex-basis:46px;width:46px;height:46px}.gr-player-cover{width:46px;height:46px}.gr-player-title{max-width:180px;font-size:11px}.gr-player-producer{margin-top:4px;font-size:9px}.gr-player-center{grid-area:center;gap:10px}.gr-player-controls{gap:16px}.gr-player-toggle{width:40px;height:40px}.gr-player-nav-btn{width:34px;height:34px}.gr-player-progress-row{grid-template-columns:32px minmax(0,1fr) 32px;gap:8px}.gr-player-actions{grid-area:actions;gap:5px}.gr-player-volume-wrap{display:none}.gr-player-queue-btn{width:36px;height:36px;background:#ffffff0d}.gr-player-queue{position:fixed;left:12px;right:12px;bottom:calc(158px + env(safe-area-inset-bottom,0px));z-index:100;width:auto;max-width:none;max-height:min(480px,calc(100dvh - 205px - env(safe-area-inset-bottom,0px)));margin:0;border-radius:20px;transform:translateY(14px) scale(.98);transform-origin:bottom center}.gr-player-queue-wrap.is-open .gr-player-queue{transform:translateY(0) scale(1)}.gr-player-queue:after{display:none}.gr-player-queue-list{max-height:min(375px,calc(100dvh - 295px - env(safe-area-inset-bottom,0px)))}body:has(#gr-sticky-player.is-visible){padding-bottom:calc(165px + env(safe-area-inset-bottom,0px))}}@media screen and (max-width:430px){#gr-sticky-player{left:9px;right:9px;padding-right:12px;padding-left:12px}.gr-player-title{max-width:145px}.gr-player-progress-row{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px}.gr-player-time{font-size:9px}.gr-player-queue{left:9px;right:9px;bottom:calc(154px + env(safe-area-inset-bottom,0px))}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/gr-sticky-player.css.map */