.recorder[data-v-75793de8]{padding:0;position:relative}.settings[data-v-75793de8]{position:absolute;top:20px;right:20px;cursor:pointer;font-size:20px}.record-visualization[data-v-75793de8]{width:100%;position:relative;display:flex;align-items:flex-end;overflow:hidden;background-color:#eee;border-radius:12px}.bar[data-v-75793de8]{width:2px;background-color:#999;margin-right:1px;position:absolute;border-radius:2px;overflow:visible}.bar-prop[data-v-75793de8]{position:absolute;top:14px;width:1px;background-color:#999}.bar-prop.big[data-v-75793de8]{height:7%}.bar-prop.small[data-v-75793de8]{height:3%}.bar-prop.current-timestamp[data-v-75793de8]{height:100%;background-color:#ff4d4d;z-index:1}.label[data-v-75793de8]{position:absolute;top:0;font-size:12px;color:#555;overflow:visible;z-index:2;transform:translate(-50%)}.record-props[data-v-75793de8],.record-props-background[data-v-75793de8]{position:absolute;top:0;left:0;height:14px;min-width:100%;background-color:#fff;pointer-events:none}.record-waiting[data-v-75793de8]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#eeeeeed9;color:#555;font-size:14px;z-index:3}.record-plain[data-v-75793de8]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.record-plain .pulse[data-v-75793de8]{width:16px;height:16px;border-radius:8px;background-color:#ccc}.record-plain .pulse.is-recording[data-v-75793de8]{background-color:#ff4d4d;animation:recorder-pulse-75793de8 1.4s ease-in-out infinite}.record-plain .elapsed[data-v-75793de8]{font-size:28px;font-variant-numeric:tabular-nums;color:#333}.record-plain .hint[data-v-75793de8]{font-size:13px;color:#777;min-height:1em}@keyframes recorder-pulse-75793de8{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.record-container[data-v-75793de8]{display:flex;flex-direction:column;align-items:center;margin-top:clamp(12px,3vh,24px)}.record-btn[data-v-75793de8]{width:clamp(48px,14vw,58px);height:clamp(48px,14vw,58px);cursor:pointer;padding:0;border:none;border-radius:50%;background-color:#ff4d4d;transition:all .3s ease}.record-btn.is-recording[data-v-75793de8]{width:clamp(38px,11vw,46px);height:clamp(38px,11vw,46px);border-radius:4px;background-color:#000}@font-face{font-family:Inter;src:url(/Inter-VariableFont_opsz_wght.ttf) format("truetype");font-weight:100 900}:root{font-family:Inter,Arial,sans-serif;color:#17233c;background:#edf3fb;font-synthesis:none}*{box-sizing:border-box}body{min-width:280px;min-height:100vh;margin:0}button{font:inherit}.page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(12px,4vw,32px)}.card{width:min(560px,100%);padding:clamp(20px,6vw,36px);border:1px solid #dce5f0;border-radius:20px;background:#fff;box-shadow:0 18px 55px #1f33531f}.logo{display:block;width:clamp(116px,28vw,150px);height:auto;margin:0 auto clamp(22px,5vh,36px)}.state{min-height:clamp(180px,42vh,260px);display:grid;place-items:center;align-content:center;gap:18px;text-align:center}.state p{margin:0;color:#53647d;font-size:clamp(16px,4vw,19px);font-weight:600}.icon,.spinner{width:52px;height:52px}.icon{display:grid;place-items:center;border-radius:50%;color:#fff;background:#c9554f;font-size:27px;font-weight:750}.done .icon{background:#4fa268}.spinner{border:5px solid #dfe8f4;border-top-color:#6f91bd;border-radius:50%;animation:spin .85s linear infinite}.state button{padding:10px 18px;border:0;border-radius:9px;color:#fff;background:#6f91bd;cursor:pointer;font-weight:650}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:520px),(max-height:520px){.page{padding:0}.card{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0;box-shadow:none}}