.outer-ring[data-v-b62755ae]:before{animation:spin-b62755ae 1s linear infinite;animation-play-state:paused;background:linear-gradient(135deg,var(--color-red-500),var(--color-pink-100));border-radius:inherit;content:"";inset:0;-webkit-mask:radial-gradient(circle at center,transparent 3em,#000 4.5em,#000 5em);mask:radial-gradient(circle at center,transparent 3em,#000 4.5em,#000 5em);padding:1em;pointer-events:none;position:absolute;z-index:-1}.outer-ring.animate[data-v-b62755ae]:before{animation-play-state:running}@keyframes spin-b62755ae{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.record-button[data-v-b62755ae]{pointer-events:none;transition:border-radius .2s ease-in-out,background-color .4s ease-in-out}.record-button .icon[data-v-b62755ae]{transition:gap .2s ease-in-out}.record-button .icon[data-v-b62755ae]:after,.record-button .icon[data-v-b62755ae]:before{transition:border-radius .2s ease-in-out}.record-button.play[data-v-b62755ae]{background-color:var(--color-red-500);border-radius:50%}.record-button.play .icon[data-v-b62755ae]{gap:0}.record-button.play .icon[data-v-b62755ae]:before{border-radius:1em 0 0 1em}.record-button.play .icon[data-v-b62755ae]:after,.record-button.play .icon[data-v-b62755ae]:before{background-color:var(--color-red-100);content:"";display:block;height:100%;position:relative;width:50%;z-index:11}.record-button.play .icon[data-v-b62755ae]:after{border-radius:0 1em 1em 0}.record-button.stop[data-v-b62755ae]{background-color:var(--color-red-500);border-radius:1em}.record-button.stop .icon[data-v-b62755ae]{gap:.4em}.record-button.stop .icon[data-v-b62755ae]:after,.record-button.stop .icon[data-v-b62755ae]:before{background-color:var(--color-red-100);border-radius:.4em;content:"";display:block;height:100%;position:relative;width:50%;z-index:11}:is(.page-enter-active,.page-leave-active) .page-initializer[data-v-10217061]{transition:transform .4s ease-in-out}:is(.page-enter-from,.page-leave-to) .page-initializer[data-v-10217061]{transform:translateY(100%)!important}