.tlf-playground-frame .tlpg-audio-recorder-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--surface-experiment-canvas, #fafafa);font-family:var(--tlf-font)}.tlf-playground-frame .tlpg-audio-recorder-card{position:absolute;top:50%;left:50%;width:296px;height:296px;border-radius:20px;background:#000;color:#f7f7f7;transform-origin:center;-webkit-font-smoothing:antialiased}.tlf-playground-frame .tlpg-audio-recorder-card:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:radial-gradient(circle at 4px 4px,#352e35 1.5px,transparent 1.9px),radial-gradient(ellipse at center,rgba(31,27,32,.92),transparent 76%);background-size:8px 8px,100% 100%;opacity:.7;-webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 48%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 72% 55% at 50% 48%,#000 45%,transparent 100%);pointer-events:none;content:""}.tlf-playground-frame .tlpg-audio-recorder-heading{position:absolute;top:18px;left:18px;display:flex;flex-direction:column;gap:2px;font-size:11px;font-weight:400;line-height:12px;letter-spacing:0}.tlf-playground-frame .tlpg-audio-recorder-date{color:#858585;font-size:10px;line-height:11px}.tlf-playground-frame .tlpg-audio-recorder-settings-wrap{position:absolute;z-index:4;top:16px;right:16px}.tlf-playground-frame .tlpg-audio-recorder-settings{position:relative;display:grid;width:24px;height:24px;padding:0;place-items:center;border:0;border-radius:6px;background:transparent;color:#f4f4f4;cursor:pointer;transition:background .12s ease,transform .12s ease}.tlf-playground-frame .tlpg-audio-recorder-settings:not(.tlpg-audio-recorder-settings--decorative):before{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;content:""}.tlf-playground-frame .tlpg-audio-recorder-settings--decorative{position:absolute;top:16px;right:16px;cursor:default}.tlf-playground-frame .tlpg-audio-recorder-settings:not(.tlpg-audio-recorder-settings--decorative):hover,.tlf-playground-frame .tlpg-audio-recorder-settings[aria-expanded=true]{background:#242426}.tlf-playground-frame .tlpg-audio-recorder-settings:not(.tlpg-audio-recorder-settings--decorative):active{transform:scale(.93)}.tlf-playground-frame .tlpg-audio-recorder-settings:focus-visible,.tlf-playground-frame .tlpg-audio-recorder-transport:focus-visible{outline:2px solid #f4bd36;outline-offset:3px}.tlf-playground-frame .tlpg-audio-recorder-popover{position:absolute;top:31px;right:-3px;width:188px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#2b2b2ef5;box-shadow:0 10px 28px #0000005c,0 2px 6px #0003;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%);transform:translateY(-3px) scale(.97);transform-origin:calc(100% - 17px) 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,transform .14s cubic-bezier(.2,.8,.2,1),visibility 0s linear .14s}.tlf-playground-frame .tlpg-audio-recorder-popover[data-open=true]{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto;transition:opacity .14s ease,transform .14s cubic-bezier(.2,.8,.2,1),visibility 0s}.tlf-playground-frame .tlpg-audio-recorder-motion-option{position:relative;display:flex;width:100%;min-height:46px;align-items:center;gap:8px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#f5f5f7;font:500 14px/1.2 var(--tlf-font);text-align:left;cursor:pointer;transition:background .1s ease}.tlf-playground-frame .tlpg-audio-recorder-motion-option+.tlpg-audio-recorder-motion-option:before{position:absolute;top:0;right:12px;left:12px;border-top:1px solid rgba(255,255,255,.1);content:"";pointer-events:none}.tlf-playground-frame .tlpg-audio-recorder-motion-option:hover,.tlf-playground-frame .tlpg-audio-recorder-motion-option:focus-visible{outline:none;background:#ffffff1a}.tlf-playground-frame .tlpg-audio-recorder-motion-option:active{background:#ffffff36}.tlf-playground-frame .tlpg-audio-recorder-option-check{display:grid;width:18px;flex:none;place-items:center;color:#f5f5f7;opacity:0}.tlf-playground-frame .tlpg-audio-recorder-motion-option[aria-checked=true] .tlpg-audio-recorder-option-check{opacity:1}.tlf-playground-frame .tlpg-audio-recorder-waveform{position:absolute;top:100px;left:19px;width:260px;height:96px}.tlf-playground-frame .tlpg-audio-recorder-dot-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tlf-playground-frame .tlpg-audio-recorder-dot-halo,.tlf-playground-frame .tlpg-audio-recorder-dot-core{transition:opacity 85ms linear}.tlf-playground-frame .tlpg-audio-recorder-scrubber{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:grab;touch-action:none}.tlf-playground-frame .tlpg-audio-recorder-scrubber.tlpg-is-dragging{cursor:grabbing}.tlf-playground-frame .tlpg-audio-recorder-scrubber:focus-visible{outline:none}.tlf-playground-frame .tlpg-audio-recorder-scrubber:focus-visible .tlpg-audio-recorder-playhead{width:2px;background:#ffe28a}.tlf-playground-frame .tlpg-audio-recorder-playhead{position:absolute;top:3px;bottom:7px;width:1.4px;background:#f1ba18;transform:translate(-50%);pointer-events:none}.tlf-playground-frame .tlpg-audio-recorder-playhead-dot{position:absolute;top:-3px;left:50%;width:5px;height:5px;border-radius:50%;background:#f4bc19;transform:translate(-50%)}.tlf-playground-frame .tlpg-audio-recorder-controls{position:absolute;right:19px;bottom:19px;left:18px;display:flex;height:32px;align-items:center;justify-content:space-between;gap:16px}.tlf-playground-frame .tlpg-audio-recorder-time{display:block;color:#f5f5f5;font-size:32px;font-weight:300;line-height:1;letter-spacing:-2.4px;font-variant-numeric:tabular-nums;white-space:nowrap}.tlf-playground-frame .tlpg-audio-recorder-transport{position:relative;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#f5bd19;cursor:pointer;transition:background .15s ease,transform .16s cubic-bezier(.2,.8,.2,1)}.tlf-playground-frame .tlpg-audio-recorder-transport:not(span):before{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;content:""}.tlf-playground-frame .tlpg-audio-recorder-transport:not(span):hover{background:#ffca32}.tlf-playground-frame .tlpg-audio-recorder-transport:not(span):active{transform:scale(.93)}.tlf-playground-frame .tlpg-audio-recorder-transport-pause,.tlf-playground-frame .tlpg-audio-recorder-transport-play{position:absolute;top:50%;left:50%;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity 125ms ease}.tlf-playground-frame .tlpg-audio-recorder-transport-pause{display:flex;gap:3px;transform:translate(-50%,-50%) scale(.55) rotate(24deg);opacity:0}.tlf-playground-frame .tlpg-audio-recorder-transport-pause i{display:block;width:4px;height:15px;border-radius:1px;background:#080704}.tlf-playground-frame .tlpg-audio-recorder-transport-play{width:16px;height:17px;background:#080704;clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(-42%,-50%) scale(1) rotate(0);opacity:1}.tlf-playground-frame .tlpg-audio-recorder-transport.tlpg-is-playing .tlpg-audio-recorder-transport-pause{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}.tlf-playground-frame .tlpg-audio-recorder-transport.tlpg-is-playing .tlpg-audio-recorder-transport-play{transform:translate(-68%,-50%) scale(.55) rotate(-28deg);opacity:0}@media(max-width:600px){.tlf-playground-frame .tlpg-audio-recorder-motion-option{min-height:56px}}@media(prefers-reduced-motion:reduce){.tlf-playground-frame .tlpg-audio-recorder-dot-halo,.tlf-playground-frame .tlpg-audio-recorder-dot-core{transition:none}.tlf-playground-frame .tlpg-audio-recorder-transport-pause,.tlf-playground-frame .tlpg-audio-recorder-transport-play{transition:opacity 90ms ease}.tlf-playground-frame .tlpg-audio-recorder-popover,.tlf-playground-frame .tlpg-audio-recorder-popover[data-open=true]{transition:opacity 90ms ease,visibility 0s;transform:none}}.tlf-playground-frame .tlpg-audio-recorder-stage[data-reduced=true] .tlpg-audio-recorder-dot-halo,.tlf-playground-frame .tlpg-audio-recorder-stage[data-reduced=true] .tlpg-audio-recorder-dot-core{transition:none}.tlf-playground-frame .tlpg-audio-recorder-stage[data-reduced=true] .tlpg-audio-recorder-transport-pause,.tlf-playground-frame .tlpg-audio-recorder-stage[data-reduced=true] .tlpg-audio-recorder-transport-play{transition:opacity 90ms ease}.tlf-playground-frame .tlpg-audio-recorder-stage[data-reduced=true] .tlpg-audio-recorder-popover,.tlf-playground-frame .tlpg-audio-recorder-stage[data-reduced=true] .tlpg-audio-recorder-popover[data-open=true]{transition:opacity 90ms ease,visibility 0s;transform:none}@media(prefers-reduced-transparency:reduce){.tlf-playground-frame .tlpg-audio-recorder-popover{background:#27272a;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){.tlf-playground-frame .tlpg-audio-recorder-popover{border-color:#b6b6b8}.tlf-playground-frame .tlpg-audio-recorder-dot-core{fill:#ffe16a}}.tlf-playground-frame .tlpg-audio-recorder-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}