@layer ck{.ck-audio{--ck-audio-surface:var(--ck-bg-second,#f4f4f5);--ck-audio-text:var(--ck-text,#000);--ck-audio-muted:var(--ck-text-secondary,#707579);--ck-audio-accent:var(--ck-accent,#3390ec);--ck-audio-on-accent:var(--ck-accent-text,#fff);--ck-audio-rail:var(--ck-divider,#c8c6cc);--ck-audio-hover:var(--ck-bg-hover,#0000000f);--ck-audio-focus:var(--ck-focus,#1a6fc4);--ck-audio-good:var(--ck-success,#1b6e33);--ck-audio-mid:var(--ck-warning,#8a5300);--ck-audio-bad:var(--ck-danger,#e53935);--ck-audio-neutral:var(--ck-text-secondary,#707579);--ck-audio-ring:var(--ck-bg,#fff);gap:var(--ck-space-2,.5rem);box-sizing:border-box;width:100%;min-width:0;padding:var(--ck-space-3,.75rem) var(--ck-space-3,.75rem) var(--ck-space-2,.5rem);border-radius:var(--ck-radius-card,1rem);background:var(--ck-audio-surface);color:var(--ck-audio-text);font-size:var(--ck-font-control,.875rem);line-height:var(--ck-leading-normal,1.3125);flex-direction:column;display:flex;container-type:inline-size}[data-ck-theme=dark] .ck-audio,.ck-audio[data-ck-theme=dark]{--ck-audio-surface:var(--ck-bg-second,#0f0f0f);--ck-audio-text:var(--ck-text,#fff);--ck-audio-muted:var(--ck-text-secondary,#aaa);--ck-audio-accent:var(--ck-accent,#8774e1);--ck-audio-rail:var(--ck-divider,#3b3b3d);--ck-audio-hover:var(--ck-bg-hover,#ffffff14);--ck-audio-focus:var(--ck-focus,#8ab4f8);--ck-audio-good:var(--ck-success,#5ddc6d);--ck-audio-mid:var(--ck-warning,#f0a640);--ck-audio-bad:var(--ck-danger,#ff595a);--ck-audio-neutral:var(--ck-text-secondary,#aaa);--ck-audio-ring:var(--ck-bg,#212121)}.ck-audio audio{display:none}.ck-audio-track{cursor:pointer;touch-action:none;border-radius:var(--ck-radius-chip,.625rem);outline:none;height:1.75rem;position:relative}.ck-audio-track_wave{height:2.5rem}.ck-audio-track:focus-visible{box-shadow:0 0 0 var(--ck-focus-width,2px) var(--ck-audio-focus)}.ck-audio_off .ck-audio-track{cursor:default}.ck-audio-rail{border-radius:var(--ck-radius-full,999px);background:var(--ck-audio-rail);height:.25rem;position:absolute;inset:50% 0 auto;overflow:hidden;transform:translateY(-50%)}.ck-audio-fill{width:var(--ck-audio-ratio,0%);background:var(--ck-audio-accent);height:100%}.ck-audio-thumb{top:50%;left:var(--ck-audio-ratio,0%);background:var(--ck-audio-accent);width:.875rem;height:.875rem;box-shadow:0 0 0 2px var(--ck-audio-ring);transition:transform var(--ck-ease,.2s ease-out);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(.7)}.ck-audio-track:hover .ck-audio-thumb,.ck-audio-track:focus-visible .ck-audio-thumb,.ck-audio-track_drag .ck-audio-thumb{transform:translate(-50%,-50%)scale(1)}.ck-audio_off .ck-audio-thumb{display:none}.ck-audio-wave{align-items:center;gap:1px;display:flex;position:absolute;inset:0}.ck-audio-wave-bar{background:var(--ck-audio-rail);border-radius:1px;flex:1 1 0;min-width:1px}.ck-audio-wave-bar_played{background:var(--ck-audio-accent)}.ck-audio-track_wave .ck-audio-thumb{width:2px;height:100%;box-shadow:none;border-radius:1px;transform:translate(-50%,-50%)}.ck-audio-marker{border:2px solid var(--ck-audio-ring);background:var(--ck-audio-neutral);cursor:pointer;z-index:1;border-radius:2px;width:.625rem;height:.625rem;margin:0;padding:0;position:absolute;top:0;transform:translate(-50%,-15%)rotate(45deg)}.ck-audio-marker:after{content:"";position:absolute;inset:-.4rem}.ck-audio-track_wave .ck-audio-marker{top:-.25rem}.ck-audio-marker_good{background:var(--ck-audio-good)}.ck-audio-marker_mid{background:var(--ck-audio-mid)}.ck-audio-marker_bad{background:var(--ck-audio-bad)}.ck-audio-marker_neutral{background:var(--ck-audio-neutral)}.ck-audio-marker:hover{transform:translate(-50%,-15%)rotate(45deg)scale(1.25)}.ck-audio-marker:focus-visible{outline:var(--ck-focus-width,2px) solid var(--ck-audio-focus);outline-offset:2px}.ck-audio-bar{align-items:center;gap:var(--ck-space-1,.25rem);min-width:0;display:flex}.ck-audio-btn{min-width:var(--ck-control-sm,2rem);height:var(--ck-control-sm,2rem);padding:0 var(--ck-space-1,.25rem);border-radius:var(--ck-radius-full,999px);color:var(--ck-audio-text);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;font-size:1.125rem;display:inline-flex}.ck-audio-btn:hover:not(:disabled){background:var(--ck-audio-hover)}.ck-audio-btn:focus-visible{outline:var(--ck-focus-width,2px) solid var(--ck-audio-focus);outline-offset:var(--ck-focus-offset,2px)}.ck-audio-btn:disabled{opacity:.45;cursor:default}.ck-audio-btn_main{min-width:var(--ck-control-md,2.5rem);height:var(--ck-control-md,2.5rem);background:var(--ck-audio-accent);color:var(--ck-audio-on-accent);font-size:1.125rem}.ck-audio-btn_main:hover:not(:disabled){background:var(--ck-audio-accent);filter:brightness(1.08)}.ck-audio-time{margin-left:var(--ck-space-2,.5rem);color:var(--ck-audio-muted);font-size:var(--ck-font-hint,.8125rem);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.ck-audio-error{min-width:0;margin-left:var(--ck-space-2,.5rem);color:var(--ck-audio-bad);font-size:var(--ck-font-hint,.8125rem);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ck-audio-spacer{flex:auto}.ck-audio-rate{min-width:3rem;font-size:var(--ck-font-hint,.8125rem);font-variant-numeric:tabular-nums;font-weight:600}.ck-audio-volume{align-items:center;gap:var(--ck-space-1,.25rem);display:inline-flex}.ck-audio-volume-range{width:5rem;accent-color:var(--ck-audio-accent);cursor:pointer;margin:0}.ck-audio-volume-range:focus-visible{outline:var(--ck-focus-width,2px) solid var(--ck-audio-focus);outline-offset:2px}@container (width<=26rem){.ck-audio-volume-range{display:none}.ck-audio-time{margin-left:var(--ck-space-1,.25rem)}}@container (width<=17rem){.ck-audio-rate{min-width:2.5rem}.ck-audio-btn:not(.ck-audio-btn_main){min-width:1.75rem}}@media (prefers-reduced-motion:reduce){.ck-audio-thumb,.ck-audio-marker{transition:none}}}