.recorder[data-astro-cid-hzltdvxc]{--recorder-hi: light-dark(#d9d9d7, #232325);--recorder-lo: light-dark(#c2c2c0, #141415);--recorder-ink: light-dark(#1f1f20, #ecebe8);--recorder-ink-2: light-dark(#6e6e70, #9a9a9c);--recorder-line: light-dark(rgb(0 0 0 / .62), rgb(255 255 255 / .72));--recorder-orange: #f2622e;position:relative;flex-shrink:0;user-select:none;-webkit-user-select:none;color:var(--recorder-ink);background:linear-gradient(180deg,var(--recorder-hi),var(--recorder-lo))}.recorder-md[data-astro-cid-hzltdvxc]{width:16rem;height:16rem;border-radius:48px;box-shadow:0 1px 1px light-dark(rgb(0 0 0 / .3),rgb(0 0 0 / .6)),0 3px 2px -1px light-dark(rgb(0 0 0 / .2),rgb(0 0 0 / .5)),0 6px 4px -2px light-dark(rgb(0 0 0 / .15),rgb(0 0 0 / .4)),0 12px 10px -4px light-dark(rgb(0 0 0 / .12),rgb(0 0 0 / .35)),0 20px 20px -8px light-dark(rgb(0 0 0 / .08),rgb(0 0 0 / .25))}.recorder-sm[data-astro-cid-hzltdvxc]{width:8rem;height:8rem;border-radius:1rem;box-shadow:0 .5px .5px light-dark(rgb(0 0 0 / .3),rgb(0 0 0 / .6)),0 1.5px 1px -.5px light-dark(rgb(0 0 0 / .2),rgb(0 0 0 / .5)),0 3px 2px -1px light-dark(rgb(0 0 0 / .15),rgb(0 0 0 / .4)),0 6px 5px -2px light-dark(rgb(0 0 0 / .12),rgb(0 0 0 / .35)),0 10px 10px -4px light-dark(rgb(0 0 0 / .08),rgb(0 0 0 / .25))}.recorder[data-astro-cid-hzltdvxc]:before,.recorder-disc[data-astro-cid-hzltdvxc]:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.3;pointer-events:none}.recorder[data-astro-cid-hzltdvxc]:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px light-dark(rgb(0 0 0 / .14),rgb(255 255 255 / .07)),inset 0 1px 0 light-dark(rgb(255 255 255 / .85),rgb(255 255 255 / .1));pointer-events:none}.recorder-top[data-astro-cid-hzltdvxc]{position:absolute;top:18px;left:26px;right:20px;display:flex;align-items:center;justify-content:space-between}.recorder-sm[data-astro-cid-hzltdvxc] .recorder-top[data-astro-cid-hzltdvxc]{top:9px;left:13px;right:10px}.recorder-word[data-astro-cid-hzltdvxc]{font-family:var(--font-decimal);font-weight:500;font-size:11px;letter-spacing:.06em;color:var(--recorder-ink-2)}.recorder-sm[data-astro-cid-hzltdvxc] .recorder-word[data-astro-cid-hzltdvxc]{font-size:10px}.recorder-glass[data-astro-cid-hzltdvxc]{position:relative;display:inline-block;background:#050506;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 0 1px light-dark(rgb(0 0 0 / .18),rgb(0 0 0 / .5)),0 1px 0 .5px light-dark(rgb(255 255 255 / .9),rgb(255 255 255 / .06))}.recorder-glass[data-astro-cid-hzltdvxc] canvas[data-astro-cid-hzltdvxc]{image-rendering:pixelated}.recorder-grid[data-astro-cid-hzltdvxc]{position:absolute;pointer-events:none;background-image:linear-gradient(to right,rgb(0 0 0 / .55) .5px,transparent .5px),linear-gradient(to bottom,rgb(0 0 0 / .55) .5px,transparent .5px);background-size:var(--px) var(--px)}.recorder-disc[data-astro-cid-hzltdvxc]{position:absolute;left:50%;bottom:16px;width:180px;height:180px;translate:-50% 0;border-radius:999px;background:linear-gradient(180deg,light-dark(#dcdcda,#222224),light-dark(#c9c9c7,#18181a));box-shadow:0 0 0 1px light-dark(rgb(0 0 0 / .16),rgb(0 0 0 / .7)),0 1px 1px light-dark(rgb(0 0 0 / .12),rgb(0 0 0 / .5)),inset 0 1px 0 light-dark(rgb(255 255 255 / .8),rgb(255 255 255 / .07)),inset 0 -1px 0 light-dark(rgb(0 0 0 / .06),rgb(0 0 0 / .3))}.recorder-sm[data-astro-cid-hzltdvxc] .recorder-disc[data-astro-cid-hzltdvxc]{bottom:8px;width:88px;height:88px}.recorder-disc[data-astro-cid-hzltdvxc] svg[data-astro-cid-hzltdvxc]{position:absolute;inset:0;overflow:visible}.recorder-hub[data-astro-cid-hzltdvxc]{position:absolute;inset:35%;border-radius:999px;background:linear-gradient(135deg,light-dark(#d4d4d4,#161617) 0%,light-dark(#b9b9b9,#0e0e0f) 38%,light-dark(#ececec,#131314) 40%,light-dark(#a9a9a9,#09090a) 62%,light-dark(#8e8e8e,#050506) 100%);box-shadow:0 0 0 1px light-dark(rgb(0 0 0 / .22),rgb(0 0 0 / .8)),0 1px 0 light-dark(rgb(255 255 255 / .7),rgb(255 255 255 / .06))}.recorder-screw[data-astro-cid-hzltdvxc]{fill:light-dark(#7a7a7a,#000);stroke:light-dark(rgb(255 255 255 / .8),rgb(255 255 255 / .18));stroke-width:.8;vector-effect:non-scaling-stroke}.recorder-line[data-astro-cid-hzltdvxc]{stroke:var(--recorder-line);stroke-width:1;vector-effect:non-scaling-stroke}.recorder-spec[data-astro-cid-hzltdvxc]{font-family:Helvetica Neue,-apple-system,system-ui,sans-serif;font-weight:300;font-size:10px;fill:var(--recorder-ink)}.recorder-spin[data-astro-cid-hzltdvxc]{transform-origin:0 0;animation:recorder-spin 2.4s linear infinite paused}[data-astro-cid-hzltdvxc][data-rec] .recorder-spin[data-astro-cid-hzltdvxc]{animation-play-state:running}@keyframes recorder-spin{to{transform:rotate(360deg)}}.recorder-lamp[data-astro-cid-hzltdvxc]{position:absolute;left:20px;bottom:20px;width:12px;height:12px;border-radius:999px;background:var(--recorder-orange);box-shadow:0 0 6px #f2622e99;opacity:0;transition:opacity .12s ease-out}.recorder-sm[data-astro-cid-hzltdvxc] .recorder-lamp[data-astro-cid-hzltdvxc]{left:10px;bottom:10px;width:7px;height:7px}[data-astro-cid-hzltdvxc][data-rec] .recorder-lamp[data-astro-cid-hzltdvxc]{opacity:1}[data-astro-cid-hzltdvxc][data-recorder-toggle]{outline:none;-webkit-tap-highlight-color:transparent}[data-astro-cid-hzltdvxc][data-recorder-toggle]:focus-visible{outline:2px solid rgb(120 113 108);outline-offset:3px}html:not(.js) [data-astro-cid-hzltdvxc][data-recorder-toggle]{display:none}@media(prefers-reduced-motion:reduce){.recorder-lamp[data-astro-cid-hzltdvxc]{transition:none}.recorder-spin[data-astro-cid-hzltdvxc]{animation:none}}