/*!
 * Themeasy — Audio Player
 *
 * Custom chrome for the .tms-audio-player widget: cover art, track info with an
 * animated equalizer, a buffered-aware range scrubber with tabular time labels,
 * a transport row (prev / -15s / play / +15s / next / speed / mute) and an
 * optional playlist. Two skins reflow the same DOM through named grid areas —
 * card (cover beside a stacked column) and compact (one slim row that folds its
 * timeline onto a second line on small screens).
 *
 * Layering / degradation:
 * - The custom chrome is display:none until JS adds --enhanced (or the editor
 *   ships --static), and the native <audio controls> element is only clipped
 *   away once one of those classes is present — so with no JS the visitor gets
 *   a working native player plus playlist rows that link straight to the files.
 * - prefers-reduced-motion stops the equalizer and every transition; the player
 *   itself stays fully usable.
 *
 * Tokens consumed: --tms-primary-color, --tms-heading-color, --tms-body-color,
 * --tms-muted-color, --tms-border-color, --tms-surface-color,
 * --tms-button-text-color, --tms-font-size-sm, --tms-font-size-xs,
 * --tms-radius-md, --tms-radius-sm, --tms-transition-base (public --tms-* API).
 *
 * @author Themeasy
 * @link https://themeasy.co
 * @since 1.0.0
 */
.tms-audio-player{--tms-audio-player-gap:1rem;--tms-audio-player-cover-size:104px;--tms-audio-player-play-size:52px;--tms-audio-player-control-size:22px;--tms-audio-player-progress-height:6px;--tms-audio-player-thumb-size:14px;--tms-audio-player-progress:0%;--tms-audio-player-buffered:0%;--tms-audio-player-track-color:var(--tms-border-color,#e5e7eb);--tms-audio-player-buffered-color:var(--tms-muted-color,#9ca3af);--tms-audio-player-fill-color:var(--tms-primary-color,#2563eb);--tms-audio-player-handle-color:var(--tms-primary-color,#2563eb);--tms-audio-player-eq-color:var(--tms-primary-color,#2563eb);--tms-audio-player-divider-color:var(--tms-border-color,#e5e7eb);--tms-audio-player-duration:var(--tms-transition-base,.3s ease);--tms-audio-player-track-image:linear-gradient(to right, var(--tms-audio-player-fill-color) 0 var(--tms-audio-player-progress), transparent var(--tms-audio-player-progress)), linear-gradient(to right, var(--tms-audio-player-buffered-color) 0 var(--tms-audio-player-buffered), transparent var(--tms-audio-player-buffered));width:100%;max-width:100%;color:var(--tms-body-color,#4b5563);display:block;position:relative}.tms-audio-player--compact{--tms-audio-player-cover-size:48px;--tms-audio-player-play-size:42px;--tms-audio-player-control-size:18px}.tms-audio-player__native{width:100%;max-width:100%;display:block}.tms-audio-player--enhanced .tms-audio-player__native,.tms-audio-player--static .tms-audio-player__native{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tms-audio-player__ui{display:none}.tms-audio-player--enhanced .tms-audio-player__ui,.tms-audio-player--static .tms-audio-player__ui{display:grid}.tms-audio-player__ui{column-gap:var(--tms-audio-player-gap);row-gap:calc(var(--tms-audio-player-gap) * .55);align-items:center}.tms-audio-player--card .tms-audio-player__ui{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""timeline""transport"}.tms-audio-player--card.tms-audio-player--with-cover .tms-audio-player__ui{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cover head""cover timeline""cover transport"}.tms-audio-player--compact .tms-audio-player__ui{grid-template-columns:max-content minmax(0,auto) minmax(10rem,1fr);grid-template-areas:"transport head timeline"}.tms-audio-player--compact.tms-audio-player--with-cover .tms-audio-player__ui{grid-template-columns:max-content max-content minmax(0,auto) minmax(10rem,1fr);grid-template-areas:"cover transport head timeline"}.tms-audio-player__cover{width:var(--tms-audio-player-cover-size);aspect-ratio:1;border-radius:var(--tms-radius-md,10px);background-color:var(--tms-surface-color,#f3f4f6);grid-area:cover;align-self:center;max-width:100%;position:relative;overflow:hidden}.tms-audio-player__cover-fallback{background-image:radial-gradient(120% 120% at 22% 12%, #ffffff4d, transparent 62%), linear-gradient(135deg, var(--tms-primary-color,#2563eb), var(--tms-heading-color,#111827));opacity:.9;position:absolute;top:0;bottom:0;left:0;right:0}.tms-audio-player__cover .tms-audio-player__cover-img[hidden]{display:none}.tms-audio-player__cover .tms-audio-player__cover-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:relative}.tms-audio-player__head{grid-area:head;align-items:center;gap:.5rem;min-width:0;display:flex}.tms-audio-player__titles{flex-direction:column;gap:.125rem;min-width:0;display:flex}.tms-audio-player__title{font-weight:var(--tms-semibold-font-weight,600);white-space:nowrap;text-overflow:ellipsis;color:var(--tms-heading-color,#111827);line-height:1.3;overflow:hidden}.tms-audio-player__artist{font-size:var(--tms-font-size-sm,.875rem);white-space:nowrap;text-overflow:ellipsis;color:var(--tms-muted-color,#6c757d);line-height:1.3;overflow:hidden}.tms-audio-player__eq{color:var(--tms-audio-player-eq-color);flex:none;align-items:flex-end;gap:2px;display:inline-flex}.tms-audio-player__head-eq{height:.875rem}.tms-audio-player__eq-bar{transform-origin:bottom;background-color:currentColor;border-radius:1px;width:2px;height:100%;transform:scaleY(.35)}.tms-audio-player--playing .tms-audio-player__eq-bar{animation:.9s ease-in-out infinite alternate tms-audio-player-eq}.tms-audio-player--playing .tms-audio-player__eq-bar:nth-child(2){animation-duration:.76s;animation-delay:-300ms}.tms-audio-player--playing .tms-audio-player__eq-bar:nth-child(3){animation-duration:1.04s;animation-delay:-620ms}.tms-audio-player--playing .tms-audio-player__eq-bar:nth-child(4){animation-duration:.84s;animation-delay:-160ms}@keyframes tms-audio-player-eq{0%{transform:scaleY(.22)}to{transform:scaleY(1)}}.tms-audio-player__timeline{grid-area:timeline;align-items:center;gap:.625rem;min-width:0;display:flex}.tms-audio-player__time{font-size:var(--tms-font-size-xs,.75rem);font-variant-numeric:tabular-nums;color:var(--tms-muted-color,#6c757d);flex:none;line-height:1}.tms-audio-player__scrubber{-webkit-appearance:none;appearance:none;cursor:pointer;background-color:#0000;border:0;flex:auto;width:100%;min-width:0;height:20px;margin:0;padding:0}.tms-audio-player__scrubber::-webkit-slider-runnable-track{height:var(--tms-audio-player-progress-height);background-color:var(--tms-audio-player-track-color);background-image:var(--tms-audio-player-track-image);background-repeat:no-repeat;border-radius:999px}.tms-audio-player__scrubber::-moz-range-track{height:var(--tms-audio-player-progress-height);background-color:var(--tms-audio-player-track-color);background-image:var(--tms-audio-player-track-image);background-repeat:no-repeat;border-radius:999px}.tms-audio-player__scrubber::-moz-range-progress{height:var(--tms-audio-player-progress-height);background-color:#0000}.tms-audio-player__scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--tms-audio-player-thumb-size);height:var(--tms-audio-player-thumb-size);margin-top:calc((var(--tms-audio-player-progress-height) - var(--tms-audio-player-thumb-size)) / 2);background-color:var(--tms-audio-player-handle-color);transition:transform var(--tms-audio-player-duration);border:0;border-radius:50%;box-shadow:0 1px 4px #00000040}.tms-audio-player__scrubber::-moz-range-thumb{width:var(--tms-audio-player-thumb-size);height:var(--tms-audio-player-thumb-size);background-color:var(--tms-audio-player-handle-color);transition:transform var(--tms-audio-player-duration);border:0;border-radius:50%;box-shadow:0 1px 4px #00000040}.tms-audio-player__scrubber:hover::-webkit-slider-thumb{transform:scale(1.25)}.tms-audio-player__scrubber:focus-visible::-webkit-slider-thumb{transform:scale(1.25)}.tms-audio-player__scrubber:hover::-moz-range-thumb{transform:scale(1.25)}.tms-audio-player__scrubber:focus-visible::-moz-range-thumb{transform:scale(1.25)}.tms-audio-player__transport{grid-area:transport;align-items:center;gap:.25rem;min-width:0;display:flex}.tms-audio-player__extras{align-items:center;gap:.25rem;margin-inline-start:auto;display:inline-flex}.tms-audio-player__button{font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:color var(--tms-audio-player-duration), background-color var(--tms-audio-player-duration), transform var(--tms-audio-player-duration);background-color:#0000;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.tms-audio-player__button>*{grid-area:1/1}.tms-audio-player__button:active{transform:scale(.94)}.tms-audio-player__icon{transition:opacity var(--tms-audio-player-duration), transform var(--tms-audio-player-duration);display:block}.tms-audio-player__button--play{width:var(--tms-audio-player-play-size);height:var(--tms-audio-player-play-size);color:var(--tms-button-text-color,#fff);background-color:var(--tms-primary-color,#2563eb);border-radius:50%;box-shadow:0 8px 18px -8px #00000073}.tms-audio-player__button--play .tms-audio-player__icon{width:calc(var(--tms-audio-player-play-size) * .42);height:calc(var(--tms-audio-player-play-size) * .42)}.tms-audio-player__icon--play{transform:translate(5%)scale(1)}.tms-audio-player__icon--pause{opacity:0;transform:scale(.6)}.tms-audio-player--playing .tms-audio-player__icon--play{opacity:0;transform:translate(5%)scale(.6)}.tms-audio-player--playing .tms-audio-player__icon--pause{opacity:1;transform:scale(1)}.tms-audio-player__button--secondary{width:max(40px, calc(var(--tms-audio-player-control-size) * 1.9));height:max(40px, calc(var(--tms-audio-player-control-size) * 1.9));color:var(--tms-body-color,#4b5563);border-radius:50%}.tms-audio-player__button--secondary .tms-audio-player__icon{width:var(--tms-audio-player-control-size);height:var(--tms-audio-player-control-size)}@media (hover:hover){.tms-audio-player__button--secondary:hover{color:var(--tms-heading-color,#111827)}}.tms-audio-player__skip-amount{font-size:calc(var(--tms-audio-player-control-size) * .42);font-weight:var(--tms-semibold-font-weight,600);font-variant-numeric:tabular-nums;pointer-events:none;line-height:1}.tms-audio-player__speed-label{font-size:calc(var(--tms-audio-player-control-size) * .64);font-weight:var(--tms-semibold-font-weight,600);font-variant-numeric:tabular-nums;letter-spacing:-.01em;pointer-events:none;line-height:1}.tms-audio-player__icon--muted,.tms-audio-player--muted .tms-audio-player__icon--volume{opacity:0}.tms-audio-player--muted .tms-audio-player__icon--muted{opacity:1}.tms-audio-player__playlist{margin:var(--tms-audio-player-gap) 0 0;border-top:1px solid var(--tms-audio-player-divider-color);padding:0;list-style:none}.tms-audio-player__item+.tms-audio-player__item{border-top:1px solid var(--tms-audio-player-divider-color)}.tms-audio-player__item-link{border-radius:var(--tms-radius-sm,6px);transition:color var(--tms-audio-player-duration), background-color var(--tms-audio-player-duration);align-items:center;gap:.75rem;padding:.625rem .5rem;text-decoration:none;display:flex}.tms-audio-player__item-link:not([href]){cursor:default}.tms-audio-player__item-index,.tms-audio-player__item-eq{flex:none;width:1.5rem}.tms-audio-player__item-index{font-size:var(--tms-font-size-xs,.75rem);font-variant-numeric:tabular-nums;text-align:center;color:var(--tms-muted-color,#6c757d);line-height:1}.tms-audio-player__item-eq{justify-content:center;height:.75rem;display:none}.tms-audio-player__item--active .tms-audio-player__item-eq{display:inline-flex}.tms-audio-player__item--active .tms-audio-player__item-index{display:none}.tms-audio-player__item-title{min-width:0;font-size:var(--tms-font-size-sm,.875rem);white-space:nowrap;text-overflow:ellipsis;color:var(--tms-heading-color,#111827);flex:auto;line-height:1.4;overflow:hidden}.tms-audio-player__item-duration{font-size:var(--tms-font-size-xs,.75rem);font-variant-numeric:tabular-nums;color:var(--tms-muted-color,#6c757d);flex:none;line-height:1}@media (hover:hover){.tms-audio-player__item-link[href]:hover{background-color:var(--tms-surface-color,#f3f4f6)}}.tms-audio-player__item--active .tms-audio-player__item-title{color:var(--tms-primary-color,#2563eb)}.tms-audio-player__button:focus-visible{outline:2px solid var(--tms-primary-color,#2563eb);outline-offset:2px}.tms-audio-player__scrubber:focus-visible{outline:2px solid var(--tms-primary-color,#2563eb);outline-offset:2px}.tms-audio-player__item-link:focus-visible{outline:2px solid var(--tms-primary-color,#2563eb);outline-offset:2px}.tms-audio-player--static .tms-audio-player__scrubber{pointer-events:none}@media (max-width:767px){.tms-audio-player--compact .tms-audio-player__ui{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"transport head""timeline timeline"}.tms-audio-player--compact.tms-audio-player--with-cover .tms-audio-player__ui{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"cover transport head""timeline timeline timeline"}}@media (max-width:575px){.tms-audio-player--card .tms-audio-player__ui,.tms-audio-player--card.tms-audio-player--with-cover .tms-audio-player__ui{text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"cover""head""timeline""transport";justify-items:stretch}.tms-audio-player--card .tms-audio-player__cover{margin-inline-start:auto;margin-inline-end:auto}.tms-audio-player--card .tms-audio-player__head,.tms-audio-player--card .tms-audio-player__transport{justify-content:center}.tms-audio-player--card .tms-audio-player__extras{margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.tms-audio-player--playing .tms-audio-player__eq-bar{animation:none;transform:scaleY(.7)}.tms-audio-player__button,.tms-audio-player__icon,.tms-audio-player__item-link{transition:none}.tms-audio-player__button:active{transform:none}.tms-audio-player__scrubber::-webkit-slider-thumb{transition:none}.tms-audio-player__scrubber::-moz-range-thumb{transition:none}.tms-audio-player__scrubber:hover::-webkit-slider-thumb{transform:none}.tms-audio-player__scrubber:focus-visible::-webkit-slider-thumb{transform:none}.tms-audio-player__scrubber:hover::-moz-range-thumb{transform:none}.tms-audio-player__scrubber:focus-visible::-moz-range-thumb{transform:none}}