.narration-pill{z-index:40;-webkit-backdrop-filter:blur(24px)saturate(180%);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0a140ea6;border-radius:23px;align-items:center;width:46px;height:46px;transition:width .5s cubic-bezier(.32,.72,0,1),box-shadow .4s;display:flex;position:fixed;top:16px;right:16px;overflow:hidden;box-shadow:0 0 0 .5px #ffffff14,0 2px 8px #0000004d,0 8px 24px #00000026}.narration-pill-expanded{width:260px;max-width:calc(100vw - 32px)}.narration-pill-playing{box-shadow:0 0 0 .5px #ffffff14,0 2px 8px #0000004d,0 8px 24px #00000026,0 0 20px #f4a26114}.narration-pill-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;order:1;place-items:center;width:46px;height:46px;padding:0;display:grid;position:relative}.narration-pill-btn:focus-visible{outline-offset:2px;outline:3px solid #ffd93d}.narration-pill-overlay{color:#fffffff2;background:#00000059;border-radius:50%;place-items:center;transition:background .15s;display:grid;position:absolute;inset:0}.narration-pill-btn:hover .narration-pill-overlay{background:#00000080}.narration-pill-ring{pointer-events:none;width:46px;height:46px;position:absolute;inset:0}.narration-pill-ring circle{fill:none;stroke:#f4a261;stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset .15s linear}.narration-pill-content{opacity:0;pointer-events:none;flex:1;align-items:center;gap:6px;min-width:0;padding:0;transition:opacity .3s cubic-bezier(.32,.72,0,1) .15s,transform .3s cubic-bezier(.32,.72,0,1) .15s;display:flex;transform:translate(8px)}.narration-pill-expanded .narration-pill-content{opacity:1;pointer-events:auto;padding:0 4px 0 14px;transform:translate(0)}.narration-pill-skip{color:#fffc;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .15s,color .15s;display:flex}.narration-pill-skip:hover{color:#fff;background:#ffffff1a}.narration-pill-skip:focus-visible{outline-offset:2px;outline:3px solid #ffd93d}.narration-pill-skip:disabled{cursor:not-allowed}.narration-pill-title{font-family:var(--font-fredoka),system-ui,sans-serif;color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}.narration-pill-counter{color:#f4a26199;white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:500}@media (prefers-reduced-motion:reduce){.narration-pill{transition:none!important}.narration-pill-content{transition:none!important;transform:none!important}.narration-pill-overlay,.narration-pill-skip,.narration-pill-ring circle{transition:none!important}}
/*# sourceMappingURL=0137dad9922d1ac0.css.map*/