.record-button{--border-color: var(--color-secondary);--button-bg-color: var(--color-surface-2);--icon-color: var(--color-secondary);--icon-scale: 1;--icon-animation: initial;--glow-color: var(--color-secondary);--glow-animation: glow 10s infinite;position:relative;z-index:1;aspect-ratio:1/1;height:10rem;border-radius:100%;color:var(--color-content-4);background:transparent}.record-button:hover{--border-color: var(--color-primary);--button-bg-color: var(--color-surface-0);--icon-color: var(--color-primary);--glow-color: var(--color-primary)}.record-button.recording{--border-color: var(--color-recording);--button-bg-color: var(--color-surface-0);--icon-scale: 1.6;--icon-color: var(--color-recording);--glow-color: var(--color-recording);--glow-animation: intense-glow 1.5s infinite}.record-button.waiting{--border-color: var(--color-primary);--button-bg-color: var(--color-surface-0);--icon-scale: 1;--main-color: var(--color-primary);--icon-color: var(--color-primary);--glow-color: var(--color-primary);--icon-animation: spinning 1.5s infinite}.record-button-glow{content:"";position:absolute;inset:0;z-index:-2;border-radius:100%;background:var(--glow-color)}.record-button-glow:nth-of-type(1){transform:scale(.8);filter:blur(60px);transition:.3s ease;opacity:.5;animation:var(--glow-animation)}.record-button:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:100%;background-color:var(--button-bg-color);border:4px solid var(--border-color);color:var(--color-content-4);transition:.3s ease}.ellipses{position:relative;color:transparent}.ellipses:before{content:"";position:absolute;text-align:left;left:0;animation:ellipses 2s infinite;color:var(--color-secondary)}@keyframes ellipses{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes spinning{0%{rotate:0deg}50%{rotate:180deg}to{rotate:360deg}}@keyframes no-glow{0%{opacity:0;transform:scale(0)}}@keyframes glow{0%{opacity:.5;transform:scale(.8)}50%{opacity:.8;transform:scale(.9)}to{opacity:.5;transform:scale(.8)}}@keyframes intense-glow{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(.9)}}html,body,#root{height:100%;width:100%}:root{--color-andor-primary: #1ac6ce;--color-andor-secondary: #043e48;--color-light-0: hsla(0, 0%, 100%, 1);--color-light-1: hsla(0, 0%, 95%, 1);--color-light-2: hsla(0, 0%, 90%, 1);--color-light-3: hsla(0, 0%, 85%, 1);--color-light-4: hsla(0, 0%, 80%, 1);--color-dark-0: hsla(0, 0%, 30%, 1);--color-dark-1: hsla(0, 0%, 35%, 1);--color-dark-2: hsla(0, 0%, 40%, 1);--color-dark-3: hsla(0, 0%, 45%, 1);--color-dark-4: hsla(0, 0%, 50%, 1);--color-primary: var(--color-andor-primary);--color-secondary: var(--color-andor-secondary);--color-content-0: var(--color-dark-0);--color-content-1: var(--color-dark-1);--color-content-2: var(--color-dark-2);--color-content-3: var(--color-dark-3);--color-content-4: var(--color-dark-4);--color-surface-0: var(--color-light-0);--color-surface-1: var(--color-light-1);--color-surface-2: var(--color-light-2);--color-surface-3: var(--color-light-3);--color-surface-4: var(--color-light-4);--color-recording: rgba(255, 97, 97, 1);--color-recording-waiting: rgba(254, 174, 79, 1);--color-not-recording: var(--color-content-1);--color-recording-finished: var(--color-content-1);--ms-short: .1s;--ms-md: .2s;--ms-lg: .3s;--ms-xl: .6s;--ease-quick: ease var(--ms-short);--ease-basic: ease var(--ms-lg)}.vertical-grid{display:grid;grid-template-areas:"header main footer";grid-template-row:auto 1fr auto}.content-0{color:var(--color-content-0)}.content-1{color:var(--color-content-1)}.content-2{color:var(--color-content-2)}.content-3{color:var(--color-content-3)}.content-4{color:var(--color-content-4)}.surface-0{background:var(--color-surface-0)}.surface-1{background:var(--color-surface-1)}.surface-2{background:var(--color-surface-2)}.surface-3{background:var(--color-surface-3)}.surface-4{background:var(--color-surface-4)}