.demo-player.fr-demo-player{background:linear-gradient(105deg,#ff3bb1,#a753ff 48%,#00e3f3) border-box;border:2px solid #0000;transition:box-shadow .22s ease-out,filter .22s ease-out;box-shadow:-4px 0 18px -7px #ff20aaa6,4px 0 18px -7px #00dcf48c}.demo-player.fr-demo-player:before,.demo-player.fr-demo-player:after{display:none}.demo-player.fr-demo-player:hover,.demo-player.fr-demo-player:focus-within{filter:brightness(1.1);box-shadow:-5px 0 24px -5px #ff28ace6,5px 0 24px -5px #00e2f7d9}.demo-player.fr-demo-player.is-active{box-shadow:-5px 0 28px -3px #ff1faaf2,5px 0 28px -3px #00e3f8e6,0 0 15px #af44ff40}.fr-demo-inner{background:linear-gradient(105deg,#150b17,#0b111a 58%,#06191d);border-radius:calc(.95rem - 2px)}.fr-audio-panel{background:#02070f99;border:1px solid #7eb5d23d;border-radius:11px;grid-template-columns:1fr auto;grid-template-areas:"play time""seek seek";align-items:center;gap:2px 12px;margin-top:10px;padding:7px 10px;display:grid}.fr-audio-play{color:#fff;letter-spacing:.04em;background:linear-gradient(#290b25,#200b23) padding-box padding-box,linear-gradient(110deg,#ff42ae,#ec38df 52%,#20dff3) border-box;border:1px solid #0000;border-radius:999px;grid-area:play;justify-content:center;justify-self:start;align-items:center;gap:10px;min-width:116px;min-height:44px;padding:0 16px;font-family:Outfit,Inter,sans-serif;font-size:12px;font-weight:700;transition:box-shadow .18s ease-out,background .18s ease-out,transform .18s ease-out;display:inline-flex;box-shadow:inset 0 0 14px #ff229f33,0 0 12px #ff1aa199,0 0 17px -6px #00e0f299}.fr-audio-play:hover,.fr-audio-play:focus-visible{background:linear-gradient(#741052,#451245) padding-box padding-box,linear-gradient(110deg,#ff94da,#ff39d7 48%,#79f8ff) border-box;box-shadow:inset 0 0 16px #ff4ec166,0 0 20px #ff1cb4d9,0 0 20px -4px #00e6ffa6}.fr-audio-play.is-playing{background:linear-gradient(#a90a68,#620d4b) padding-box padding-box,linear-gradient(110deg,#ff83d4,#ff50c7 50%,#5ff9ff) border-box;box-shadow:inset 0 0 15px #ff7bd273,0 0 22px #ff13a3e6,0 0 22px -5px #00e2ffbf}.fr-audio-play:active{transform:scale(.97)}.fr-audio-play:focus-visible,.fr-audio-mute:focus-visible,.fr-audio-seek:focus-visible,.fr-audio-volume-range:focus-visible{outline-offset:3px;outline:2px solid #92f8ff}.fr-audio-seek,.fr-audio-volume-range{appearance:none;cursor:pointer;background:0 0;min-width:0;height:36px;padding:0}.fr-audio-seek{grid-area:seek;width:100%}.fr-audio-seek:disabled{cursor:wait;opacity:.65}.fr-audio-seek::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ff3cb1, #a64aff 52%, #00e8ef) 0 0 / var(--fr-audio-progress) 100% no-repeat, #3b4b5d;border-radius:999px;height:8px}.fr-audio-seek::-moz-range-track{background:linear-gradient(90deg, #ff3cb1, #a64aff 52%, #00e8ef) 0 0 / var(--fr-audio-progress) 100% no-repeat, #3b4b5d;border-radius:999px;height:8px}.fr-audio-seek::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #c6fbff;border-radius:50%;width:16px;height:16px;margin-top:-4px;box-shadow:0 0 8px #72f5ff,0 0 15px #00e0ffbf}.fr-audio-seek::-moz-range-thumb{background:#fff;border:1px solid #c6fbff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #72f5ff,0 0 15px #00e0ffbf}.fr-audio-seek:hover::-webkit-slider-runnable-track{filter:brightness(1.45);box-shadow:0 0 12px #00e5ffa6}.fr-audio-seek:hover::-moz-range-track{filter:brightness(1.45);box-shadow:0 0 12px #00e5ffa6}.fr-audio-seek:hover::-webkit-slider-thumb{box-shadow:0 0 10px #fff,0 0 20px #00e9ff}.fr-audio-seek:hover::-moz-range-thumb{box-shadow:0 0 10px #fff,0 0 20px #00e9ff}.fr-audio-time{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.03em;color:#ffffffe6;grid-area:time;font-family:monospace;font-size:11px;font-weight:600}.fr-audio-time span{color:#ffffff80}.fr-audio-volume{grid-area:volume;align-items:center;gap:5px;display:none}.fr-audio-mute{color:#d9fbff;justify-content:center;align-items:center;width:32px;height:36px;display:inline-flex}.fr-audio-mute:hover{color:#38eeff}.fr-audio-volume-range{width:68px}.fr-audio-volume-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, #00e2f1, #34f5ff) 0 0 / var(--fr-audio-volume) 100% no-repeat, #3b4b5d;border-radius:999px;height:7px}.fr-audio-volume-range::-moz-range-track{background:linear-gradient(90deg, #00e2f1, #34f5ff) 0 0 / var(--fr-audio-volume) 100% no-repeat, #3b4b5d;border-radius:999px;height:7px}.fr-audio-volume-range::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:15px;height:15px;margin-top:-4px;box-shadow:0 0 9px #00e7f5}.fr-audio-volume-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:15px;height:15px;box-shadow:0 0 9px #00e7f5}.fr-audio-error{color:#ffb9da;margin-top:8px;font-size:12px}@media (width>=640px){.fr-audio-panel{grid-template-columns:auto minmax(60px,1fr) auto;grid-template-areas:"play seek time";gap:12px}}@media (width>=1024px){.fr-audio-panel{grid-template-columns:auto minmax(60px,1fr) auto auto;grid-template-areas:"play seek time volume"}.fr-audio-volume{display:flex}}@media (prefers-reduced-motion:reduce){.demo-player.fr-demo-player,.fr-audio-play{transition:none}}
