@layer components{.pronMicClass{display:inline-flex;align-items:center;justify-content:center}.pronMicSmClass{border-color:transparent;background:transparent;padding:0}.pronMicSmClass .pl-ic{width:1em;height:1em}.pronMicLgClass{border-color:transparent;background:transparent;padding:.1em;float:right;border-radius:var(--pl-radius-round)}.pronMicLgClass .pl-ic{width:3em;height:3em}.pronMicClass.pl-btn-toggle-active{border-color:var(--pl-border-color);background:var(--pl-bg-note);color:var(--pl-hover-underline-color)}.pronPopClass{position:fixed;z-index:var(--pl-z-pop);display:none;flex-direction:column;align-items:center;gap:.7em;width:20em;padding:1.1em 1.25em;box-sizing:border-box;font-family:var(--pl-font-ui);background:var(--pl-bg-menu);border:1px solid var(--pl-border-color);border-radius:var(--pl-radius-panel);box-shadow:var(--pl-shadow-pop);color:var(--pl-text-body)}.pronPopLgClass{width:23em;padding:1.3em 1.5em}.pronPopClass.pronOpenClass{display:flex}.pronCloseClass{position:absolute;top:.4em;right:.4em;width:1.6em;height:1.6em;border:1px solid var(--pl-border-color);color:var(--pl-text-faded)}.pronCloseClass .pl-ic{width:.85em;height:.85em}.pronHeadClass{display:flex;align-items:baseline;justify-content:center;gap:.4em;flex-wrap:wrap;text-align:center}.pronArticleClass{font-size:1.05rem;color:var(--pl-text-body)}.pronWordClass{font-size:1.6rem;font-weight:700;color:var(--pl-text-near-black);line-height:1.25}.pronHasResultClass .pronWordClass{font-size:2.1rem}.pronLongRefClass .pronWordClass{font-size:1.25rem}.pronLongRefClass.pronHasResultClass .pronWordClass{font-size:1.45rem}.pronIpaClass{font-family:var(--pl-font-ipa);font-size:1rem;color:var(--pl-text-faded);text-align:center}.pronChunkClass{border-radius:.18em;padding:0 .09em;margin:0 -.09em;cursor:help}.pronChunk-fair{color:var(--pl-diff-swap-ink);background:var(--pl-diff-swap-wash)}.pronChunk-weak{color:var(--pl-diff-miss-ink);background:var(--pl-diff-miss-wash)}.pronChunk-omitted{color:var(--pl-text-faded);text-decoration:line-through;text-decoration-color:var(--pl-diff-miss)}.pronDialsClass{display:flex;justify-content:center;align-items:flex-start;gap:1.4em}.pronDialsClass:empty{display:none}.pronDialBoxClass{display:flex;flex-direction:column;align-items:center;gap:.35em;width:6.6em}.pronDialClass{display:block;width:5.6em;height:5.6em;overflow:visible}.pronPopLgClass .pronDialClass{width:6.4em;height:6.4em}.pronDialLabelClass{font-size:.84rem;line-height:1.2;text-align:center;color:var(--pl-text-body)}.pronDialTrackClass{stroke:var(--pl-accent-faint);stroke-width:4}.pronDialArcClass{stroke-width:4}.pronDialArc-good{stroke:var(--pl-diff-fix)}.pronDialArc-fair{stroke:var(--pl-diff-swap)}.pronDialArc-weak{stroke:var(--pl-diff-miss)}.pronDialDiscClass{stroke-width:1.4}.pronDialDisc-good{fill:hsl(from var(--pl-diff-fix) h s l / .22);stroke:var(--pl-diff-fix)}.pronDialDisc-fair{fill:hsl(from var(--pl-diff-swap) h s l / .22);stroke:var(--pl-diff-swap)}.pronDialDisc-weak{fill:hsl(from var(--pl-diff-miss) h s l / .22);stroke:var(--pl-diff-miss)}.pronDialDiscEmptyClass{fill:var(--pl-bg-menu);stroke:var(--pl-border-color);stroke-width:1}.pronDialEmptyClass .pronDialTrackClass{stroke:var(--pl-border-color);stroke-width:1.4}.pronDialOuterHitClass{fill:none;stroke:none;pointer-events:stroke}.pronDialInnerHitClass{fill:none;pointer-events:fill}.pronDialFilledClass{cursor:pointer}.pronDialPlayClass{opacity:0;pointer-events:none;transition:opacity .12s ease-out}.pronDialPlayClass circle{fill:var(--pl-bg-menu);stroke:var(--pl-border-color);stroke-width:.8}.pronDialPlayClass path{fill:var(--pl-text-body)}.pronDialOuterHitClass.pronCanPlayClass:hover~.pronDialPlayOuterClass,.pronDialInnerHitClass.pronCanPlayClass:hover~.pronDialPlayInnerClass{opacity:1}@media(prefers-reduced-motion:reduce){.pronDialPlayClass{transition:none}}.pronLegendClass{font-size:.72rem;line-height:1.3;text-align:center;color:var(--pl-text-faded)}.pronLegendClass:empty{display:none}.pronDiagClass{display:flex;flex-direction:column;align-items:center;gap:.2em;font-size:.84rem;line-height:1.3;text-align:center;color:var(--pl-diff-miss-ink)}.pronDiagClass:empty{display:none}.pronDiagSoftClass{font-size:.78rem;color:var(--pl-text-faded)}.pronControlsClass{display:flex;align-items:center;gap:1.1em}.pronMicBigClass,.pronSayClass{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--pl-radius-round);padding:0;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.pronMicBigClass{width:3.4em;height:3.4em;background:var(--pl-accent-soft);border:1px solid var(--pl-accent);color:#fff;box-shadow:var(--pl-shadow-float)}.pronMicBigClass .pl-ic{width:1.8em;height:1.8em}.pronSayClass{width:2.8em;height:2.8em;background:transparent;border:1px solid var(--pl-border-color);color:var(--pl-text-body)}.pronSayClass:hover{background:var(--pl-bg-note);color:var(--pl-hover-underline-color)}.pronSayClass .pl-ic{width:1.55em;height:1.55em}.pronRecordingClass .pronMicBigClass{background:var(--pl-diff-miss);border-color:var(--pl-diff-miss);animation:pronPulse 1.4s ease-in-out infinite}@keyframes pronPulse{0%,to{box-shadow:0 0 hsl(from var(--pl-diff-miss) h s l / .45)}50%{box-shadow:0 0 0 .55em hsl(from var(--pl-diff-miss) h s l / 0)}}@media(prefers-reduced-motion:reduce){.pronRecordingClass .pronMicBigClass{animation:none}}.pronHintClass{font-size:.82rem;font-style:italic;color:var(--pl-text-faded);text-align:center}.pronHintWarnClass{font-style:normal;color:var(--pl-diff-miss-ink)}.pronHintNoteClass{font-style:normal;color:var(--pl-text-faded)}}
/*# sourceMappingURL=pronounce.css.map */