body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{color-scheme:light dark}.bubble-dots{--default-color: rgba(150, 150, 150, .4);--focus-color: rgba(150, 150, 150, 1);display:flex;gap:.25em;padding:.5em .25em}.bubble-dots.bright{--default-color: rgba(255, 255, 255, .4);--focus-color: rgba(255, 255, 255, 1)}.dot{width:.5em;fill:var(--default-color)}.dot.one{animation:cycleOne 1s ease-in-out infinite;animation-direction:normal}.dot.two{animation:cycleTwo 1s ease-in-out infinite;animation-direction:normal}.dot.three{animation:cycleThree 1s ease-in-out infinite;animation-direction:normal}@keyframes cycleOne{0%{fill:var(--default-color)}33.333%{fill:var(--focus-color)}66.6667%{fill:var(--default-color)}}@keyframes cycleTwo{33.333%{fill:var(--default-color)}66.6667%{fill:var(--focus-color)}to{fill:var(--default-color)}}@keyframes cycleThree{0%{fill:var(--default-color)}66.6667%{fill:var(--default-color)}to{fill:var(--focus-color)}}.header{background-color:var(--gray-2);border-bottom:solid 1px #eee;z-index:1}.alternate-bg:nth-child(2n){border-bottom:1px solid #DDD}.alternate-bg{padding-bottom:.5rem}.scale-container .rt-Text,.scale-container .rt-TextAreaInput,.scale-container .hidden-bubble{font:-apple-system-body;overflow:hidden}.scale-container .rt-Text.rt-r-size-2,.scale-container .rt-Button.rt-r-size-2,.scale-container .rt-DropdownMenuLabel,.scale-container .rt-DropdownMenuItem{font:-apple-system-caption1}.scale-container .rt-Text.rt-r-size-1{font:-apple-system-caption2}.scale-container .rt-Button.rt-r-size-2,.scale-container .rt-DropdownMenuLabel,.scale-container .rt-DropdownMenuItem{height:2.2em}.dark .header{background-color:var(--slate-3);border-bottom:solid 1px var(--slate-6)}.level{overflow:hidden;animation:zoom-appear .5s forwards}@keyframes zoom-appear{0%{transform:scale(0);max-height:0}to{transform:scale(1);max-height:7rem}}.avatar{transform-origin:top center;transition:.25s;overflow:hidden;z-index:1;--rotate: rotate(0deg)}.avatar img{transform-origin:center 35%;transition:.15s}.avatar.shock{animation:zoom-in-out 1s forwards}.avatar.shock img{animation:spin .75s forwards,zoom-in-out 1s forwards,shock-face 1s forwards}@keyframes shock-face{0%,to{content:initial}1%,99%{content:url(../shock.png)}}@keyframes zoom-in-out{0%{transform:scale(1) var(--rotate)}25%{transform:scale(3) var(--rotate)}to{transform:scale(1) var(--rotate)}}@keyframes spin{0%{--rotate: rotate(0deg)}to{--rotate: rotate(360deg)}}.bounce{animation:bounce 2s ease infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.hidden-bubble{position:absolute;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.tapback{position:absolute;overflow:hidden;color:#fff;left:0;top:0;--tapback-top: 0px;--tapback-left: 0px;--tapback-rotate: 0deg;box-shadow:0 1px 2px #0003;animation:tap-in 1s ease 0s 1 normal forwards}@keyframes tap-in{0%{transform:translate(calc(-1rem * var(--tapback-direction)),-1rem) rotate(calc(-.5turn * var(--tapback-direction))) scale(.01)}35%{transform:translate(calc(2rem * var(--tapback-direction)),-1.5rem) rotate(calc(.1turn * var(--tapback-direction))) scale(1.5)}to{transform:scale(1) translate(-1rem,-1rem) rotate(45deg) translate(calc(var(--tapback-top)),calc(-1 * var(--tapback-left))) rotate(calc(-45deg + var(--tapback-rotate) * 2))}}.message.received .tapback{left:calc(100% - 1rem)}.dark .hidden-bubble{fill:var(--gray-12)}.message{--received-bg: #eee;--sent-color: white;--sent-bg: #147efb;--tapback-direction: 1;--loading-color: gray;--recording-color: color(display-p3 .83 .329 .324);--transition-speed: .1s;transition:var(--transition-speed)}.dark .message{--received-bg: var(--slate-3)}.message .bubble{max-width:80%;height:initial;border-radius:1em;position:relative;transition:var(--transition-speed)}.message.sent{justify-content:flex-end;--tapback-direction: -1}.message.sent .bubble{color:var(--sent-color);background-color:var(--sent-bg);transform-origin:bottom right}.message.received .bubble{background:var(--received-bg);align-self:flex-start;transform-origin:bottom left}.message .message-tail{position:absolute;bottom:0}.message-tail svg{transition:var(--transition-speed)}.sent .message-tail svg{fill:var(--sent-bg)}.received .message-tail svg{fill:var(--received-bg)}.message.sent .message-tail{left:calc(100% - .75rem)}.message.received .message-tail{right:calc(100% - .75rem);transform:scaleX(-1)}.message.sent.recording .message-tail svg{fill:var(--recording-color)}.message.sent.recording .bubble{background-color:var(--recording-color)}.message.sent.loading .message-tail svg{fill:var(--loading-color)}.message.sent.loading{opacity:.5}.message.sent.loading .bubble{background-color:var(--loading-color)}.bulging{animation:2s bulge infinite ease-out}@keyframes bulge{0%{transform:scale(1.1)}50%{transform:scale(1.2)}to{transform:scale(1.1)}}.settings-button{background-color:var(--gray-9);color:var(--slate-4);padding:.9em}.progress{gap:5px;width:100%}.bar{transition:.25s;flex-grow:1;height:.35rem;--first-rgb: 117,182,255;--glow-rgb: 105,135,255;--first-color: rgba(var(--first-rgb), .5);--background-rgb: 20,126,251;--second-rbg: 117,182,214;box-shadow:inset 0 0 5px 1px var(--first-color),0 0 10px 1px rgba(var(--second-rgb),.5)}.progress.red .bar{--first-rgb: 229, 72, 77;--second-rgb: 229, 72, 77;--glow-rgb: 229, 72, 77;--background-rgb: 229, 72, 77;--first-color: rgba(var(--first-rgb), .5);box-shadow:inset 0 0 5px 1px var(--first-color),0 0 10px 1px rgba(var(--second-rgb),.5)}.red .bar.pulse{animation:pulse2 1s .2s alternate infinite}.bar.on{background:rgba(var(--background-rgb),.8);box-shadow:inset 0 0 5px 1px var(--first-color),0 0 10px 1px rgba(var(--second-rbg),.5)}.bar.off{box-shadow:inset 0 0 5px rgba(var(--first-rgb),.4)}.dark .bar.off{box-shadow:inset 0 0 5px rgba(var(--first-rgb),.4),0 0 10px 2px rgba(var(--first-rgb),.1)}.bar.pulse{animation:pulse 1s alternate infinite}@keyframes pulse{0%{background:rgba(var(--background-rgb),1);box-shadow:inset 0 0 5px 1px var(--first-color),0 0 20px 1px rgba(var(--glow-rgb),1)}to{background:rgba(var(--background-rgb),0);box-shadow:inset 0 0 5px 1px var(--first-color),0 0 15px 1px rgba(var(--glow-rgb),.3)}}@keyframes pulse2{0%{background:rgba(var(--background-rgb),1);box-shadow:inset 0 0 5px 1px var(--first-color),0 0 20px 2px rgba(var(--glow-rgb),1)}to{background:rgba(var(--background-rgb),0);box-shadow:inset 0 0 5px 1px var(--first-color),0 0 15px 2px rgba(var(--glow-rgb),.3)}}