.player{position:fixed;right:0;bottom:0;left:0;z-index:60;display:block;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 -20px 60px -30px #000c;-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px);transform:translateY(110%);transition:transform .55s var(--ease-out)}.player.is-visible{transform:none}.player__progress-line{position:absolute;top:-1px;right:0;left:0;height:2px;background:var(--border)}.player__progress-line span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.player__inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;max-width:calc(var(--page-width) + var(--page-gutter) * 2);min-height:4.25rem;margin:0 auto;padding:.5rem var(--page-gutter)}.player__track{display:flex;align-items:center;gap:.75rem;min-width:0}.player__cover{position:relative;display:grid;place-items:center;flex-shrink:0;width:3rem;height:3rem;overflow:hidden;border-radius:10px;background:var(--surface-light);color:var(--muted)}.player__cover img{width:100%;height:100%;object-fit:cover}.player__cover img:not([hidden])+.player__cover-fallback{display:none}.player.is-playing .player__cover img{animation:cover-pulse 2.4s ease-in-out infinite}@keyframes cover-pulse{50%{transform:scale(1.06)}}.player__text{min-width:0}.player__title{display:block;overflow:hidden;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:.9375rem;line-height:1.25;text-overflow:ellipsis;text-transform:var(--heading-transform);white-space:nowrap}.player__title:hover{color:var(--accent-text)}.player__meta{overflow:hidden;color:var(--muted);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.player__center{display:flex;align-items:center;gap:.5rem;min-width:0}.player__controls{display:flex;align-items:center;gap:.25rem}.player__button{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;color:var(--text-soft);transition:color var(--duration) var(--ease-out),background-color var(--duration) var(--ease-out)}.player__button:hover{background:var(--surface-light);color:var(--text)}.player__button:disabled{opacity:.35;pointer-events:none}.player__button .icon{width:1.125rem;height:1.125rem}.player__button--prev{display:none}.player__toggle{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--text);color:var(--background);transition:transform var(--duration) var(--ease-out),background-color var(--duration) var(--ease-out)}.player__toggle:hover{transform:scale(1.06)}.player__toggle-icon,.player__spinner{grid-area:1 / 1}.player__toggle-icon{display:grid;place-items:center}.player__toggle-icon .icon{width:1.125rem;height:1.125rem}.player__toggle-icon--play .icon{transform:translate(1px)}.player__toggle-icon--pause,.player__spinner,.player.is-playing .player__toggle-icon--play{display:none}.player.is-playing .player__toggle-icon--pause{display:grid}.player.is-loading .player__toggle-icon{display:none}.player.is-loading .player__spinner{display:block}.player__timeline,.player__volume,.player__buy{display:none}.player__actions{display:flex;align-items:center;gap:.25rem}.player__time{color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums;text-align:center}.player__volume-icon{display:grid}.player__volume-icon--off,.player.is-muted .player__volume-icon--on{display:none}.player.is-muted .player__volume-icon--off{display:grid}@media screen and (min-width:750px){.player__button--prev{display:grid}.player__buy{display:inline-flex}}@media screen and (min-width:990px){.player__progress-line{display:none}.player__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr);gap:2rem;min-height:5.5rem}.player__cover{width:3.5rem;height:3.5rem;border-radius:12px}.player__center{flex-direction:column;align-items:stretch;gap:.125rem}.player__controls{justify-content:center}.player__timeline{display:grid;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;gap:.75rem}.player__actions{justify-content:flex-end;gap:.75rem}.player__volume{display:flex;align-items:center;gap:.25rem;width:8.5rem}}.waveform{position:relative;min-width:0;height:2.5rem}.waveform__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.waveform__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none}.waveform:has(.waveform__range:focus-visible){border-radius:6px;outline:2px solid var(--accent-text);outline-offset:4px}.player__waveform{height:2rem}waveform-player{display:flex}.inline-player{align-items:center;gap:1rem;padding:1rem 1.25rem 1rem 1rem;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);transition:border-color var(--duration) var(--ease-out),box-shadow .6s var(--ease-out)}.inline-player.is-active{border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 24px 70px -40px var(--accent-glow)}.inline-player__toggle{flex-shrink:0}.inline-player__body{flex:1;min-width:0}.inline-player__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.25rem;color:var(--muted);font-size:.6875rem;font-weight:var(--font-body-weight-bold);letter-spacing:.12em;text-transform:uppercase}.inline-player__label{display:inline-flex;align-items:center;gap:.375rem}.inline-player__label .icon{width:1rem;height:1rem;color:var(--accent-text)}.inline-player__time{font-variant-numeric:tabular-nums;letter-spacing:.02em}.inline-player__waveform{height:3.5rem}.inline-player--empty{display:flex;gap:.625rem;color:var(--muted);font-size:.875rem}.inline-player--empty .icon{color:var(--accent-text)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-player.css.map */