.birthday-sample[data-v-3c534910]{--sample-accent:#7568aa;background:var(--surface);grid-template-columns:24px minmax(160px,1fr) minmax(180px,1.3fr) 100px;align-items:center;gap:24px;min-width:0;padding:22px 26px;transition:background .22s;display:grid;position:relative}.birthday-sample+.birthday-sample[data-v-3c534910]{border-top:1px solid var(--line)}.birthday-sample[data-v-3c534910]:hover{background:var(--surface-soft)}.birthday-sample.is-playing[data-v-3c534910]{background:color-mix(in srgb,var(--sample-accent) 6%,var(--surface))}.birthday-sample[data-v-3c534910]:before{background:var(--sample-accent);content:"";opacity:0;border-radius:0 3px 3px 0;width:3px;transition:opacity .22s;position:absolute;inset:22px auto 22px 0}.birthday-sample.is-playing[data-v-3c534910]:before{opacity:1}.sample-number[data-v-3c534910]{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.is-playing .sample-number[data-v-3c534910]{color:var(--sample-accent)}.sample-heading[data-v-3c534910]{min-width:0}.sample-description[data-v-3c534910]{color:var(--muted);margin:9px 0 0;font-size:13px;line-height:1.6}.sample-heading h3[data-v-3c534910]{color:var(--text);letter-spacing:normal;margin:0 0 7px;font-size:16px;font-weight:600}.sample-eyebrow[data-v-3c534910]{color:var(--muted);margin:0;font-size:12px}.sample-wave[data-v-3c534910]{height:52px;position:relative}.sample-wave svg[data-v-3c534910]{width:100%;height:52px}.sample-wave path[data-v-3c534910]{fill:none;stroke-width:2.5px;stroke-linecap:round}.sample-wave-base[data-v-3c534910]{opacity:.34}.sample-wave-base[data-v-3c534910],.sample-wave-played[data-v-3c534910]{stroke:var(--sample-accent)}.sample-wave input[data-v-3c534910]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sample-wave input[data-v-3c534910]:disabled{cursor:default}.sample-wave[data-v-3c534910]:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.sample-controls[data-v-3c534910]{flex-direction:column;align-items:center;gap:8px;display:flex}.sample-play[data-v-3c534910]{border:1px solid var(--line-strong);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background .18s,border-color .18s,color .18s;display:grid}.sample-play[data-v-3c534910]:hover{background:var(--surface-hover);border-color:var(--sample-accent)}.is-playing .sample-play[data-v-3c534910]{background:var(--sample-accent);border-color:var(--sample-accent);color:#fff}.sample-play[data-v-3c534910]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sample-play[data-v-3c534910]:disabled{cursor:wait}.sample-play svg[data-v-3c534910]{width:20px;height:20px}.is-loading .sample-play svg[data-v-3c534910]{animation:.9s ease-in-out infinite alternate loading-pulse-3c534910}.sample-time[data-v-3c534910]{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.sample-time span[data-v-3c534910]{color:var(--muted-soft);margin-inline:2px}.sample-error[data-v-3c534910]{color:var(--danger);grid-column:2/-1;margin:0;font-size:13px}.sr-only[data-v-3c534910]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes loading-pulse-3c534910{to{opacity:.35}}@media (width<=760px){.birthday-sample[data-v-3c534910]{grid-template-columns:20px minmax(0,1fr) 64px;gap:10px 12px;padding:20px 16px}.sample-number[data-v-3c534910]{grid-row:1/3;align-self:start;padding-top:3px}.sample-heading[data-v-3c534910]{align-self:end}.sample-heading h3[data-v-3c534910]{margin-bottom:5px;font-size:15px}.sample-wave[data-v-3c534910]{grid-column:2;align-self:start;height:28px}.sample-wave svg[data-v-3c534910]{height:28px}.sample-wave input[data-v-3c534910]{min-height:44px;top:-8px}.sample-controls[data-v-3c534910]{grid-area:1/3/3}.sample-error[data-v-3c534910]{grid-column:1/-1}}@media (width<=380px){.birthday-sample[data-v-3c534910]{gap:10px;padding:16px 12px}}@media (prefers-reduced-motion:reduce){.birthday-sample[data-v-3c534910],.birthday-sample[data-v-3c534910]:before,.sample-play[data-v-3c534910]{transition:none}.is-loading .sample-play svg[data-v-3c534910]{animation:none}}