/*!
 * payam-resan: پخش‌کننده صوت
 *
 * فقط روی صفحه‌هایی لود می‌شود که پلیر دارند. شرطش در inc/config-assets.php به
 * payamresan_player_active() وصل است، پس صفحه بدون پلیر این فایل را درخواست هم
 * نمی‌کند. همین فایل در بوم ویرایشگر هم استفاده می‌شود تا آنجا و فرانت یک ظاهر
 * داشته باشند.
 *
 * دو قاعده کل این فایل را اداره می‌کنند:
 *
 * ۱ **هرچه مدیر سایت می‌تواند از ویرایشگر عوض کند، اینجا داخل :where() است.**
 *   :where() ویژگی را صفر می‌کند، پس پیش‌فرضِ ما پایین‌ترین اولویت را دارد و هر
 *   انتخابی (چه کلاسِ پریست (has-…-background-color) چه استایل درون‌خطی) بی‌جنگ
 *   رویش می‌نشیند. ساختار (گرید، اندازه دکمه، ترتیب) عمداً ویژگی عادی دارد چون
 *   چیزی نیست که از پنل عوض شود.
 *
 * ۲ **همه‌چیز با واحد em نسبت به فونتِ ریشه پلیر است.** یعنی وقتی مدیر سایت
 *   اندازه قلم بلاک را عوض می‌کند، کل پلیر با هم بزرگ و کوچک می‌شود و نه فقط
 *   نوشته‌هایش. تنها استثناها ضخامت نوار پیشرفت و اندازه دسته آن‌اند که زیر
 *   یک حدی دیگر قابل گرفتن نیستند.
 *
 * چیدمان با @container کار می‌کند نه @media: پلیر می‌تواند در سایدبار ۲۶۴ پیکسلی
 * باشد یا تمام‌عرض صفحه، و آنچه تصمیم می‌گیرد باید عرضِ **ظرف** باشد نه عرض
 * پنجره. نقطه‌های شکست هم با em نوشته شده‌اند تا با بزرگ‌شدن قلم جابه‌جا شوند.
 */
.payamresan-player{--pr-ap-accent:#0b409c;--pr-ap-on-accent:#fff;--pr-ap-ink:#0f143a;--pr-ap-muted:#5c6d8f;--pr-ap-surface:#fff;--pr-ap-hover:#e4ecf9;--pr-ap-track:#dbe3f1;--pr-ap-track-2:#c3d2ea;--pr-ap-border:#e4ecf9;--pr-ap-control:currentColor;--pr-ap-progress:var(--pr-ap-accent);--pr-ap-btn:2.5em;--pr-ap-radius:.775rem;--pr-ap-gap:.625rem;--pr-ap-bar:64px;--pr-ap-cover:168px;--pr-ap-p:0;--pr-ap-b:0;border-style:solid;inline-size:100%;container:prap/inline-size}:where(.payamresan-player){max-inline-size:100%;color:var(--pr-ap-ink);background-color:var(--pr-ap-surface);border-width:1px;border-color:var(--pr-ap-border);border-radius:var(--pr-ap-radius);padding:.5rem;font-size:1rem;line-height:1.5;display:block}.payamresan-player{letter-spacing:normal}@supports (color:color-mix(in srgb,red,blue)){.payamresan-player{--pr-ap-track-2:color-mix(in srgb,var(--pr-ap-track)65%,var(--pr-ap-progress))}}.payamresan-player,.payamresan-player *,.payamresan-player :before,.payamresan-player :after{box-sizing:border-box}.pr-ap__audio{display:none}.pr-ap__native{inline-size:100%;margin-block-start:.5rem}.pr-ap__inner{align-items:center;gap:var(--pr-ap-gap);display:grid}.pr-ap__cover{grid-area:cover}.pr-ap__main{grid-area:main;gap:.15em;min-inline-size:0;display:grid}.pr-ap__tools{direction:ltr;grid-area:tools;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.pr-ap__tools:before{content:""}.pr-ap__transport{align-items:center;gap:.15em;display:flex}.pr-ap__btn--rate{justify-self:start;margin-inline-start:.4em}.payamresan-player.is-compact .pr-ap__inner{min-block-size:var(--pr-ap-bar);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cover main tools"}.payamresan-player.is-compact.tools-start .pr-ap__inner{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"cover tools main"}.payamresan-player.is-compact .pr-ap__cover{inline-size:calc(var(--pr-ap-bar)*.72);block-size:calc(var(--pr-ap-bar)*.72)}.payamresan-player.is-compact .pr-ap__meta{align-items:baseline;gap:.4em;min-inline-size:0;display:flex}@container prap (width<=25em){.payamresan-player.is-compact .pr-ap__inner,.payamresan-player.is-compact.tools-start .pr-ap__inner{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cover main""tools tools";row-gap:.35rem}}:where(.payamresan-player.is-full){max-inline-size:min(100%,calc(var(--pr-ap-cover) + 6.5rem));margin-inline:auto}.payamresan-player.is-full .pr-ap__inner{text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"cover""main""tools";justify-items:center;gap:.85rem}.payamresan-player.is-full .pr-ap__cover{inline-size:min(100%,var(--pr-ap-cover));aspect-ratio:1}.payamresan-player.is-full .pr-ap__main{gap:.5em;inline-size:100%}.payamresan-player.is-full .pr-ap__meta{justify-items:center;gap:.1em;min-inline-size:0;display:grid}.payamresan-player.is-full .pr-ap__tools{inline-size:100%}.pr-ap__cover{background-color:var(--pr-ap-hover);border-radius:calc(var(--pr-ap-radius)*.75);flex:none;line-height:0;overflow:hidden}.payamresan-player.cover-circle .pr-ap__cover{border-radius:50%}.pr-ap__cover-img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.pr-ap__cover.is-fallback .pr-ap__cover-img{object-fit:contain;padding:18%}@keyframes pr-ap-spin{to{transform:rotate(360deg)}}.payamresan-player.cover-spins .pr-ap__cover-img{animation:16s linear infinite paused pr-ap-spin}.payamresan-player.cover-spins.is-playing .pr-ap__cover-img{animation-play-state:running}.pr-ap__title,.pr-ap__artist{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;line-height:1.35;overflow:hidden}.pr-ap__title{color:inherit;font-size:.9em;font-weight:600}.pr-ap__artist{color:var(--pr-ap-muted);font-size:.8em}.payamresan-player.is-full .pr-ap__title{white-space:normal;text-wrap:balance;font-size:1.05em;font-weight:700;overflow:visible}.payamresan-player.is-full .pr-ap__artist{white-space:normal;font-size:.85em;overflow:visible}.pr-ap__seek{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5em;display:grid}.pr-ap__time{color:var(--pr-ap-muted);font-variant-numeric:tabular-nums;min-inline-size:3.2em;font-size:.75em;line-height:1}.pr-ap__time--now{text-align:start}.pr-ap__time--total{text-align:end}.pr-ap__range{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff0;block-size:14px;inline-size:100%;margin:0;padding:0}.pr-ap__range:disabled{cursor:default;opacity:.55}.pr-ap__range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--pr-ap-progress)0 calc(var(--pr-ap-p)*100%),var(--pr-ap-track-2)calc(var(--pr-ap-p)*100%)calc(var(--pr-ap-b)*100%),var(--pr-ap-track)calc(var(--pr-ap-b)*100%)100%);border-radius:99px;block-size:4px}.pr-ap__range::-moz-range-track{background:linear-gradient(to right,var(--pr-ap-progress)0 calc(var(--pr-ap-p)*100%),var(--pr-ap-track-2)calc(var(--pr-ap-p)*100%)calc(var(--pr-ap-b)*100%),var(--pr-ap-track)calc(var(--pr-ap-b)*100%)100%);border-radius:99px;block-size:4px}.pr-ap__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--pr-ap-progress);border:0;border-radius:50%;block-size:12px;inline-size:12px;margin-top:-4px;transition:box-shadow .15s}.pr-ap__range::-moz-range-thumb{background:var(--pr-ap-progress);border:0;border-radius:50%;block-size:12px;inline-size:12px;transition:box-shadow .15s}.pr-ap__range:focus{outline:none}.pr-ap__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--pr-ap-accent)30%,transparent)}.pr-ap__range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--pr-ap-accent)30%,transparent)}.pr-ap__btn{-webkit-appearance:none;appearance:none;inline-size:var(--pr-ap-btn);block-size:var(--pr-ap-btn);color:var(--pr-ap-control);font:inherit;cursor:pointer;background-color:#fff0;border:0;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;transition:background-color .15s,transform .12s;display:inline-grid;position:relative}.pr-ap__btn:hover{background-color:var(--pr-ap-hover)}.pr-ap__btn:focus-visible{outline:2px solid var(--pr-ap-accent);outline-offset:2px}.pr-ap__btn:active{transform:scale(.93)}.pr-ap__i{inline-size:calc(var(--pr-ap-btn)*.56);block-size:calc(var(--pr-ap-btn)*.56);display:block}.pr-ap__btn--play{inline-size:calc(var(--pr-ap-btn)*1.1);block-size:calc(var(--pr-ap-btn)*1.1);background-color:var(--pr-ap-accent);color:var(--pr-ap-on-accent)}.pr-ap__btn--play:hover{background-color:color-mix(in srgb,var(--pr-ap-accent)85%,#000)}.pr-ap__btn--play .pr-ap__i{inline-size:calc(var(--pr-ap-btn)*.62);block-size:calc(var(--pr-ap-btn)*.62)}.pr-ap__i--pause,.payamresan-player.is-playing .pr-ap__i--play{display:none}.payamresan-player.is-playing .pr-ap__i--pause{display:block}.pr-ap__spinner{display:none}.payamresan-player.is-waiting .pr-ap__btn--play .pr-ap__i{visibility:hidden}.payamresan-player.is-waiting .pr-ap__spinner{border:2px solid;border-top-color:#fff0;border-radius:50%;animation:.7s linear infinite pr-ap-spin;display:block;position:absolute;inset:26%}.pr-ap__btn--skip .pr-ap__i{inline-size:calc(var(--pr-ap-btn)*.74);block-size:calc(var(--pr-ap-btn)*.74)}.pr-ap__skip-n{font-size:calc(var(--pr-ap-btn)*.27);pointer-events:none;place-items:center;padding-block-start:.22em;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.pr-ap__btn--rate{inline-size:auto;min-inline-size:calc(var(--pr-ap-btn)*.96);block-size:calc(var(--pr-ap-btn)*.8);font-size:calc(var(--pr-ap-btn)*.34);font-variant-numeric:tabular-nums;border-radius:99px;justify-content:center;align-items:center;padding-inline:.45em;font-weight:700;display:inline-flex}.pr-ap__rate-x{opacity:.65;margin-inline-start:.05em}.payamresan-player.alignfull{inline-size:100vw;max-inline-size:100vw;margin-inline:calc(50% - 50vw)}html:has(.payamresan-player.alignfull){overflow-x:clip}.payamresan-player.alignwide{--pr-ap-wide:min(100vw - 2rem,1320px);inline-size:var(--pr-ap-wide);max-inline-size:var(--pr-ap-wide);margin-inline:calc(50% - var(--pr-ap-wide)/2)}.payamresan-player.is-error .pr-ap__tools,.payamresan-player.is-error .pr-ap__seek{opacity:.45;pointer-events:none}@media (prefers-reduced-motion:reduce){.payamresan-player.cover-spins .pr-ap__cover-img{animation:none}.pr-ap__btn,.pr-ap__range::-webkit-slider-thumb,.pr-ap__range::-moz-range-thumb{transition:none}.pr-ap__btn:active{transform:none}}@media (prefers-contrast:more){.payamresan-player{--pr-ap-muted:#4b5b78;--pr-ap-track:#8fa2c1}}.editor-styles-wrapper .payamresan-player .pr-ap__tools,.editor-styles-wrapper .payamresan-player .pr-ap__seek{pointer-events:none}