@property --divider-effect-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --divider-effect-opacity{syntax:"<number>";inherits:false;initial-value:.25}@property --divider-effect-size{syntax:"<length>";inherits:false;initial-value:1px}@property --divider-effect-length{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --glass-effect-blur{syntax:"<length>";inherits:false;initial-value:1em}@property --glass-effect-light-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-light-power{syntax:"<number>";inherits:false;initial-value:.4}@property --glass-effect-light-rotation{syntax:"<angle>";inherits:false;initial-value:210deg}@property --glass-effect-dark-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-dark-power{syntax:"<number>";inherits:false;initial-value:0}@keyframes voiceRecorderChromaticHue{0%{filter:blur(.015em)saturate(1.65)hue-rotate()}to{filter:blur(.015em)saturate(1.65)hue-rotate(360deg)}}@keyframes voiceRecorderWaveformLoading{0%,to{opacity:.28;height:12%;transform:scaleY(.7)}50%{height:var(--loading-height);opacity:.88;transform:scaleY(1)}}.voiceRecorder{direction:ltr;flex:0 auto;justify-content:flex-start;align-self:center;align-items:center;max-width:100%;display:inline-flex;overflow:visible}.voiceRecorder .voiceRecorderAudio{display:none}.voiceRecorder .voiceRecorderShell{min-height:var(--surfaceSize);height:var(--surfaceSize);min-width:var(--surfaceSize);border-radius:var(--radius-lg);background:var(--container);flex:0 auto;justify-content:flex-start;align-items:center;gap:.25em;width:fit-content;max-width:min(100%,22.5em);transition:min-width .2s,width .2s;display:inline-flex;position:relative;overflow:visible}.voiceRecorder .voiceRecorderShell:after{--glass-effect-blur:var(--glass-blur,1em);content:"";z-index:0;border-radius:inherit;corner-shape:inherit;background:var(--glass-backdrop-fill,#0000);-webkit-backdrop-filter:blur(var(--glass-effect-blur));pointer-events:none;backface-visibility:hidden;will-change:backdrop-filter,background,opacity;transition:--glass-effect-blur .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,background .3s,opacity .3s;position:absolute;inset:0;transform:translateZ(0)}.voiceRecorder .voiceRecorderShell:before{--glass-effect-light-color:var(--glass-light-color,var(--text));--glass-effect-light-power:var(--glass-light-power,.4);--glass-effect-light-rotation:var(--glass-light-rotation,210deg);--glass-effect-dark-color:var(--glass-dark-color,var(--background));--glass-effect-dark-power:var(--glass-dark-power,0);content:"";z-index:2;border-radius:inherit;corner-shape:inherit;pointer-events:none;-webkit-mask-composite:xor;will-change:background,opacity,transform;background:linear-gradient(var(--glass-effect-light-rotation),color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)-6.51%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)46.56%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)51.96%,color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)100%);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;transition:--glass-effect-light-color .3s,--glass-effect-light-power .3s,--glass-effect-light-rotation .3s,--glass-effect-dark-color .3s,--glass-effect-dark-power .3s,opacity .3s,transform .3s,background .3s,background-image .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.voiceRecorder .voiceRecorderShell .content-wrapper,.voiceRecorder .voiceRecorderShell .contentWrapper,.voiceRecorder .voiceRecorderShell .clickAnimWrapper{z-index:1;transition:opacity .3s,transform .3s;position:relative}.voiceRecorder .voiceRecorderShell:disabled,.voiceRecorder .voiceRecorderShell[disabled],.voiceRecorder .voiceRecorderShell[aria-disabled=true]{--glass-light-power:.3}.voiceRecorder .voiceRecorderShell:disabled .content-wrapper,.voiceRecorder .voiceRecorderShell:disabled .contentWrapper,.voiceRecorder .voiceRecorderShell[disabled] .content-wrapper,.voiceRecorder .voiceRecorderShell[disabled] .contentWrapper,.voiceRecorder .voiceRecorderShell[aria-disabled=true] .content-wrapper,.voiceRecorder .voiceRecorderShell[aria-disabled=true] .contentWrapper{opacity:.4}.voiceRecorder .voiceRecorderShell.stage-idle{width:var(--surfaceSize)}.voiceRecorder .voiceRecorderShell.stage-preparing,.voiceRecorder .voiceRecorderShell.stage-processing{width:var(--surfaceSize);min-width:var(--surfaceSize)}.voiceRecorder .voiceRecorderShell.stage-recording{width:fit-content;min-width:9.5em}.voiceRecorder .voiceRecorderShell.stage-confirmed,.voiceRecorder .voiceRecorderShell.stage-listen{width:min(100%,22em);min-width:12.5em}.voiceRecorder .voiceRecorderShell.isListenInteractive{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#0000}.voiceRecorder .voiceRecorderShell.isLoading .micButton{color:var(--primary);opacity:1;cursor:wait}.voiceRecorder .voiceRecorderShell .amountFloat{z-index:10;pointer-events:none;white-space:nowrap;opacity:.85;justify-content:center;align-items:center;font-size:.9em;display:inline-flex;position:absolute;top:-60%;left:50%}.voiceRecorder button{width:var(--surfaceSize);height:var(--surfaceSize);min-width:var(--surfaceSize);color:color-mix(in srgb,var(--text)60%,transparent);-webkit-tap-highlight-color:#0000;border-radius:5em;position:relative}.voiceRecorder .micDock{z-index:2;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.voiceRecorder .micDock .micButton{z-index:3;cursor:pointer;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .2s ease,color .2s ease,scale .4s var(--springEase),transform .15s ease;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:visible}.voiceRecorder .micDock .micButton:disabled{cursor:default;opacity:.6}.voiceRecorder .micDock .micButton.isLoading{--iconSize:1.2em}.voiceRecorder .micDock .micButton.isLoading .spinner{z-index:3;position:relative}.voiceRecorder .micDock .micButton.isHolding{color:var(--text)}.voiceRecorder .micDock .micButton.isHolding .micBlobWrap{opacity:1;scale:1!important}.voiceRecorder .micDock .micButton .icon{z-index:3;transition:scale .2s var(--springEase);position:relative}.voiceRecorder .micDock .micButton .micBlobWrap{z-index:1;pointer-events:none;opacity:0;transition:opacity .2s ease,scale .5s var(--springEase);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:visible;scale:0}.voiceRecorder .micDock .micButton .micBlobCore{z-index:2;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.voiceRecorder .micDock .micButton .micChromaticEdgeMask{z-index:1;pointer-events:none;opacity:0;scale:var(--chromatic-edge-scale,1);mix-blend-mode:screen;filter:blur(.015em)saturate(1.65)hue-rotate();transform-origin:50%;will-change:filter,opacity,scale;justify-content:center;align-items:center;transition:opacity .18s,scale .18s;display:flex;position:absolute;inset:-.02em;-webkit-mask-image:radial-gradient(circle,#0000 0% 48%,#000 55% 74%,#0000 82%);mask-image:radial-gradient(circle,#0000 0% 48%,#000 55% 74%,#0000 82%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.voiceRecorder .micDock .micButton .micWavyBlob,.voiceRecorder .micDock .micButton .micWavyBlobRenderer,.voiceRecorder .micDock .micButton .micWavyBlobRenderer .canvas,.voiceRecorder .micDock .micButton .micChromaticEdgeBlob,.voiceRecorder .micDock .micButton .micChromaticEdgeRenderer,.voiceRecorder .micDock .micButton .micChromaticEdgeRenderer .canvas,.voiceRecorder .micDock .micButton .micBlobWrap .wavyBlob,.voiceRecorder .micDock .micButton .micBlobWrap .renderer,.voiceRecorder .micDock .micButton .micBlobWrap .canvas{min-width:var(--surfaceSize);min-height:var(--surfaceSize);display:block;overflow:visible;--surfaceSize:7em!important;width:var(--surfaceSize)!important;height:var(--surfaceSize)!important}.voiceRecorder .micDock .micButton .micBlobWrap .canvasWrapper{width:var(--surfaceSize);height:var(--surfaceSize);justify-content:center;align-items:center;display:flex;overflow:visible}.voiceRecorder .micDock .micButton>.icon,.voiceRecorder .micDock .micButton>svg,.voiceRecorder .micDock .micButton>span:not(.micBlobWrap){z-index:3;position:relative}.voiceRecorder .micDock .listenPlayButton{color:var(--text)!important}.voiceRecorder .micDock .listenPlayButton.isLoading{--iconSize:1.25em}.voiceRecorder .stage-recording .micButton{color:var(--primary)}.voiceRecorder .stage-recording .micButton .micBlobWrap{opacity:1;scale:1}.voiceRecorder .stage-recording .micButton .micChromaticEdgeMask{opacity:var(--chromatic-edge-opacity,.58);animation:1.7s linear infinite voiceRecorderChromaticHue}.voiceRecorder .stage-recording .micButton .micGlow,.voiceRecorder .stage-recording .micButton .micGlowSecondary{opacity:0;transform:scale(.82)}.voiceRecorder .stage-recording .micButton .icon{color:color-mix(in srgb,var(--primary)60%,var(--text)60%)}.voiceRecorder .stage-confirmed .micButton{color:color-mix(in srgb,var(--text)62%,transparent)}.voiceRecorder .stage-confirmed .micButton .micBlobWrap{opacity:0;scale:0}.voiceRecorder .stage-confirmed .micButton .micChromaticEdgeMask{opacity:0;animation:none}.voiceRecorder .stage-confirmed .micButton .micGlow,.voiceRecorder .stage-confirmed .micButton .micGlowSecondary{opacity:0;transform:scale(.82)}.voiceRecorder .stage-listen .micButton{color:var(--primary)}.voiceRecorder .recordingPane{white-space:nowrap;flex:none;align-items:center;gap:.5em;height:100%;padding-left:.25em;display:inline-flex}.voiceRecorder .recordingPane .timer{letter-spacing:.04em;color:color-mix(in srgb,var(--text)85%,transparent);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.9em;font-weight:200}.voiceRecorder .recordingPane .recordingDot{border-radius:var(--radius-pill);background:var(--red,#f04343);width:.7em;height:.7em}.voiceRecorder .previewPane{flex:auto;align-items:center;width:100%;min-width:0;height:100%;display:inline-flex}.voiceRecorder .previewPane.listenPane{justify-content:flex-start;padding-inline:0 .45em}.voiceRecorder .previewPane.listenPane .previewPlay{display:none}.voiceRecorder .previewPane .spectrum{flex:auto;justify-content:center;align-items:center;min-width:0;height:100%;padding-block:.05em;display:flex;position:relative}.voiceRecorder .previewPane .spectrum.spectrumListenOnly{grid-template-columns:minmax(0,1fr) auto;gap:.4em;width:100%;display:grid}.voiceRecorder .previewPane .spectrum.spectrumListenOnly .bars{justify-self:stretch;width:100%;max-width:100%}.voiceRecorder .previewPane .spectrum.spectrumListenOnly .waveformDuration{height:100%;color:color-mix(in srgb,var(--text)62%,transparent);line-height:1;font-size:var(--font-xs);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;font-weight:200;display:inline-flex}.voiceRecorder .previewPane .spectrum .bars{--waveBarWidth:1px;flex:auto;justify-content:space-between;align-self:center;align-items:center;gap:0;width:100%;min-width:0;height:1em;display:flex;overflow:hidden}.voiceRecorder .previewPane .spectrum .bars .bar{--played-opacity:0;flex:0 0 var(--waveBarWidth);width:var(--waveBarWidth);min-width:var(--waveBarWidth);background:color-mix(in srgb,var(--text)36%,transparent);isolation:isolate;transform-origin:50%;will-change:height,opacity,transform;border-radius:1px;min-height:2px;display:block;position:relative;overflow:hidden}.voiceRecorder .previewPane .spectrum .bars .bar:after{content:"";z-index:1;border-radius:inherit;background:var(--primary);opacity:var(--played-opacity);pointer-events:none;will-change:opacity;position:absolute;inset:0}.voiceRecorder .previewPane .spectrum .bars .bar.isDot{aspect-ratio:1;align-self:center}.voiceRecorder .previewPane .spectrum .bars .bar.isLoadingBar{opacity:.28;height:12%;animation:1.15s ease-in-out infinite voiceRecorderWaveformLoading}.voiceRecorder .previewPane .spectrum .bars .bar.isLoadingBar.isReducedMotion{height:var(--loading-height);opacity:.55;animation:none}.voiceRecorder .previewPane .spectrum .previewPlay{z-index:3;width:fit-content;min-width:0;height:fit-content;padding:.2em var(--spacing-xs);background:color-mix(in srgb,var(--background)80%,transparent);cursor:pointer;white-space:nowrap;transform-origin:0;touch-action:manipulation;transition:background .2s ease,color .2s ease,scale .3s var(--springEase);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.2em;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voiceRecorder .previewPane .spectrum .previewPlay:after{--glass-effect-blur:var(--glass-blur,0em);content:"";z-index:0;border-radius:inherit;corner-shape:inherit;background:var(--glass-backdrop-fill,#0000);-webkit-backdrop-filter:blur(var(--glass-effect-blur));pointer-events:none;backface-visibility:hidden;will-change:backdrop-filter,background,opacity;transition:--glass-effect-blur .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,background .3s,opacity .3s;position:absolute;inset:0;transform:translateZ(0)}.voiceRecorder .previewPane .spectrum .previewPlay:before{--glass-effect-light-color:var(--glass-light-color,var(--text));--glass-effect-light-power:var(--glass-light-power,.25);--glass-effect-light-rotation:var(--glass-light-rotation,20deg);--glass-effect-dark-color:var(--glass-dark-color,var(--background));--glass-effect-dark-power:var(--glass-dark-power,0);content:"";z-index:2;border-radius:inherit;corner-shape:inherit;pointer-events:none;-webkit-mask-composite:xor;will-change:background,opacity,transform;background:linear-gradient(var(--glass-effect-light-rotation),color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)-6.51%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)46.56%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)51.96%,color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)100%);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;transition:--glass-effect-light-color .3s,--glass-effect-light-power .3s,--glass-effect-light-rotation .3s,--glass-effect-dark-color .3s,--glass-effect-dark-power .3s,opacity .3s,transform .3s,background .3s,background-image .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.voiceRecorder .previewPane .spectrum .previewPlay .content-wrapper,.voiceRecorder .previewPane .spectrum .previewPlay .contentWrapper,.voiceRecorder .previewPane .spectrum .previewPlay .clickAnimWrapper{z-index:1;transition:opacity .3s,transform .3s;position:relative}.voiceRecorder .previewPane .spectrum .previewPlay:disabled,.voiceRecorder .previewPane .spectrum .previewPlay[disabled],.voiceRecorder .previewPane .spectrum .previewPlay[aria-disabled=true]{--glass-light-power:.3}.voiceRecorder .previewPane .spectrum .previewPlay:disabled .content-wrapper,.voiceRecorder .previewPane .spectrum .previewPlay:disabled .contentWrapper,.voiceRecorder .previewPane .spectrum .previewPlay[disabled] .content-wrapper,.voiceRecorder .previewPane .spectrum .previewPlay[disabled] .contentWrapper,.voiceRecorder .previewPane .spectrum .previewPlay[aria-disabled=true] .content-wrapper,.voiceRecorder .previewPane .spectrum .previewPlay[aria-disabled=true] .contentWrapper{opacity:.4}.voiceRecorder .previewPane .spectrum .previewPlay .previewTime{opacity:.8;color:var(--text);font-size:.8em;font-weight:200}.voiceRecorder .previewPane .spectrum .previewPlay .icon{transition:scale .2s var(--springEase)}.voiceRecorder .previewPane .actionButton{width:var(--surfaceSize);height:var(--surfaceSize);border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;background:0 0;border:none;outline:none;flex:none;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,transform .15s;display:inline-flex}.voiceRecorder .previewPane .actionButton .icon{transition:scale .2s var(--springEase)}.voiceRecorder .previewPane .actionButton.isTrash .icon{color:color-mix(in srgb,var(--red)80%,transparent)}@media (hover:hover) and (pointer:fine){.voiceRecorder .micDock .micButton:not(:disabled):hover{background:var(--surface);scale:.9}.voiceRecorder .micDock .micButton:not(:disabled):hover .icon{scale:1.05}.voiceRecorder .previewPane .spectrum .previewPlay:not(:disabled):hover{scale:1.02}.voiceRecorder .previewPane .spectrum .previewPlay:not(:disabled):hover .icon{scale:1.2}.voiceRecorder .previewPane .actionButton:not(:disabled):hover{color:var(--primary)}.voiceRecorder .previewPane .actionButton:not(:disabled):hover .icon{scale:1.1}}@media (hover:none) and (pointer:coarse){.voiceRecorder .micDock .micButton:not(:disabled):active{background:var(--surface);transform:scale(.94)}.voiceRecorder .micDock .micButton:not(:disabled):active .icon{scale:1.05}.voiceRecorder .previewPane .spectrum .previewPlay:not(:disabled):active{scale:.96}.voiceRecorder .previewPane .spectrum .previewPlay:not(:disabled):active .icon{scale:1.15}.voiceRecorder .previewPane .actionButton:not(:disabled):active{color:var(--primary);transform:scale(.9)}.voiceRecorder .previewPane .actionButton:not(:disabled):active .icon{scale:1.1}}@media (prefers-reduced-motion:reduce){.voiceRecorder .stage-recording .micButton .micChromaticEdgeMask{animation:none}}