@charset "utf-8";

._container_1lxa9_1 { display: flex; flex-direction: column; align-items: center; width: 100%; transition: 0.4s ease-in-out; }

._container_1lxa9_1 svg { display: block; }

._second_1lxa9_11 { display: flex; align-items: center; position: absolute; height: 120px; font-size: 40px; transition: opacity 0.2s ease-in-out; }

._tips_1lxa9_19 { margin-top: 18px; transition: opacity 0.2s ease-in-out; text-align: center; padding: 0px 8px; }

._tips_1lxa9_19 span { color: rgb(253, 111, 142); }

._cancelButton_1lxa9_28 { width: 72px; height: 32px; margin-top: 24px; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; cursor: pointer; }

._stopped_1lxa9_38, ._stopped_1lxa9_38 ._tips_1lxa9_19, ._stopped_1lxa9_38 ._second_1lxa9_11 { opacity: 0; }

._container_2hh0t_1 { display: flex; flex-direction: column; padding: 16px; }

._title_2hh0t_6 { color: rgb(255, 255, 255); margin-bottom: 12px; }

._message_2hh0t_10 { color: rgb(152, 162, 179); }

._buttons_2hh0t_13 { display: flex; flex-grow: 1; justify-content: flex-end; align-items: flex-end; }

._buttons_2hh0t_13 button { min-width: 80px; height: 28px; margin-left: 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); border-radius: 4px; cursor: pointer; }

._buttons_2hh0t_13 button._primary_2hh0t_29 { background: linear-gradient(90deg, rgb(254, 24, 137), rgb(255, 95, 125)), rgb(246, 61, 104); }

._container_15hlf_1 { width: 36px; height: 36px; border-radius: 36px; cursor: pointer; opacity: 1; }

._container_15hlf_1:hover { opacity: 1; }

._circle_15hlf_11 { display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 36px; border: 2px solid white; }

._rect_15hlf_20 { width: 14px; height: 14px; background: rgb(229, 65, 54); border-radius: 2px; }

._active_15hlf_26._container_15hlf_1 ._rect_15hlf_20 { animation: 1.2s ease 0s infinite alternate none running _stop-button-animation_15hlf_1; }

@keyframes _stop-button-animation_15hlf_1 { 
  0% { opacity: 1; }
  70% { opacity: 0.7; }
  100% { opacity: 1; }
}

._container_14o0x_1 { display: flex; align-items: center; }

._stopButton_14o0x_5 { transition: 0.4s ease-in-out; }

._timeDisplay_14o0x_8 { margin-left: 9px; font-size: 14px; transition: 0.3s ease-in-out; }

._buttons_14o0x_13 { display: flex; margin-left: 4px; }

.mini ._container_14o0x_1 { width: 64px; height: 32px; }

.mini ._container_14o0x_1._recording_14o0x_21 { animation: 1.2s ease 0s infinite alternate none running _mini-recorder-controller-animation_14o0x_1; }

.mini ._container_14o0x_1 ._stopButton_14o0x_5 { transform: scale(0); width: 0px; opacity: 0; }

.mini ._container_14o0x_1 ._buttons_14o0x_13 { opacity: 0; }

._container_36akj_7 { display: flex; align-items: center; justify-content: center; position: fixed; z-index: 9999999; width: 136px; height: 48px; color: rgb(255, 255, 255); background: linear-gradient(63.44deg, rgb(29, 41, 57) 16.72%, rgb(71, 84, 103) 83.39%); border-radius: 32px; user-select: none; font-size: 14px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; cursor: default; transition: 0.3s ease-in-out; }

._container_36akj_7 * { box-sizing: border-box; }

._overlay_36akj_27 { position: fixed; z-index: 9999998; inset: 0px; user-select: none; transition: 0.3s ease-in-out; }

._overlay_36akj_27._masking_36akj_37 { user-select: all; backdrop-filter: brightness(66%) blur(4px); }

._controller_36akj_41 { position: absolute; margin-left: 8px; opacity: 0; transition: 0.3s ease-in-out; }

._countdown_36akj_47 { position: absolute; opacity: 0; transition: 0.5s ease-in-out; }

._messageBox_36akj_52 { position: absolute; inset: 0px; opacity: 0; pointer-events: none; transition: 0.24s ease-in-out; }

._handleBar_36akj_62 { display: flex; flex-wrap: wrap; position: absolute; right: 16px; width: 24px; height: 24px; padding: 2px 4px; pointer-events: none; cursor: move; opacity: 0; transition: opacity 0.3s ease-in-out; }

._handleBar_36akj_62 ._dot_36akj_78 { display: flex; align-items: center; justify-content: center; flex-grow: 0; flex-shrink: 0; width: 50%; height: 33%; }

._handleBar_36akj_62 ._dot_36akj_78 > div { width: 3px; height: 3px; border-radius: 100%; background: rgb(217, 217, 217); }

._initial_36akj_93._container_36akj_7 { opacity: 0; transform: translateY(-100px); }

._countingDown_36akj_97._container_36akj_7 { width: 216px; height: 268px; border-radius: 24px; transition: 0.5s ease-in-out; }

._countingDown_36akj_97._container_36akj_7._center_36akj_103 { transform: translate(-40px); }

._countingDown_36akj_97._container_36akj_7 ._countdown_36akj_47 { opacity: 1; transform: none; }

._recording_36akj_113._container_36akj_7 { justify-content: flex-start; transition: 0.3s ease-in-out; }

._recording_36akj_113._container_36akj_7 ._controller_36akj_41 { opacity: 1; }

._recording_36akj_113._container_36akj_7 ._countdown_36akj_47 { transform: scale(0.3) translate(-200px, -20px); }

._recording_36akj_113._container_36akj_7 ._handleBar_36akj_62 { opacity: 0.5; pointer-events: all; }

._recording_36akj_113._container_36akj_7 ._handleBar_36akj_62:hover { opacity: 1; }

._mini_36akj_130._container_36akj_7 { overflow: hidden; width: 64px; height: 32px; border-radius: 24px; background: linear-gradient(63.44deg, rgb(29, 41, 57) 16.72%, rgb(71, 84, 103) 83.39%); transition: 0.4s ease-in-out; }

._mini_36akj_130._container_36akj_7.recording { animation: 1.2s ease 0s infinite alternate none running _mini-recorder-controller-animation_36akj_1; }

._mini_36akj_130._container_36akj_7._center_36akj_103 { transform: translate(36px); }

._mini_36akj_130._container_36akj_7 ._controller_36akj_41 { opacity: 1; }

._message_36akj_52._container_36akj_7 { width: 300px; height: 140px; border-radius: 24px; }

._message_36akj_52._container_36akj_7._center_36akj_103 { transform: translate(-82px); }

._message_36akj_52._container_36akj_7 ._messageBox_36akj_52 { opacity: 1; pointer-events: all; }

@keyframes _mini-recorder-controller-animation_36akj_1 { 
  0% { background: rgb(240, 68, 56); }
  70% { background: rgb(217, 45, 32); }
  100% { background: rgb(240, 68, 56); }
}

._dragContainer_36akj_170 { position: absolute; inset: 0px; z-index: 9999997; }