.App{background-color:#1e1e1e}.flex-col-center{flex-direction:column}.flex-col-center,.flex-col-row{display:flex;align-items:center;justify-content:center}.flex-col-row{flex-direction:row}.story-text:first-letter{-webkit-initial-letter:2;initial-letter:2;color:orange;font-weight:700;margin-right:.75em}.story-text{font-size:1.5rem;font-family:baskerville,serif}.controls-btn.recording{animation-name:pulse;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}.controls-btn.stopped{width:6rem;height:6rem;display:flex;background-color:#ff8787;flex-direction:column;align-items:center;justify-content:center}.controls-btn.stopped:after{transform:rotate(45deg)}.controls-btn.stopped:after,.controls-btn.stopped:before{content:"";height:5rem;border-left:2px solid #fff;position:absolute}.controls-btn.stopped:before{transform:rotate(-45deg)}.send-btn{content:url("data:image/png;base64,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");height:max-content;width:max-content}.prompt{display:block;opacity:1}.prompt.hidden{display:none;opacity:0;transition:display opacity 2s 2s}:root{--spinner-size:7rem;--spinner-ring-size:0.3rem;--spinner-speed:1.5;--accent-color:#3498db}@property --spinner-start-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --spinner-end-angle{syntax:"<angle>";inherits:false;initial-value:1turn}@property --property-zero{syntax:"<number>";inherits:false;initial-value:0}.loading-old{--_size:var(--spinner-size,2em);--_ring-size:var(--spinner-ring-size,calc(var(--_size) / 10));--_duration:calc(2s / var(--spinner-speed, 1));box-sizing:border-box;width:var(--_size);height:var(--_size);margin-inline:1em;border-radius:100vmax;background:conic-gradient(transparent 0deg,transparent var(--spinner-start-angle),var(--accent-color) var(--spinner-start-angle),var(--accent-color) var(--spinner-end-angle),transparent var(--spinner-end-angle));mask-image:radial-gradient(transparent calc(var(--_size) / 2 - var(--_ring-size) - 1px),#000 calc(var(--_size) / 2 - var(--_ring-size)));animation:spinner calc(var(--_duration) / .6) ease-in-out infinite,spin var(--_duration) linear infinite;border:var(--property-zero,var(--_ring-size)) solid color-mix(in hsl,currentcolor 10%,transparent);border-top:var(--property-zero,var(--_ring-size)) solid var(--accent-color)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner{0%{--spinner-start-angle:0deg;--spinner-end-angle:10deg}50%{--spinner-start-angle:35deg;--spinner-end-angle:315deg}to{--spinner-start-angle:350deg;--spinner-end-angle:360deg}}