:root{--sender:#fed33f;--receiver:#f6738f;--default:#83f52c;--primary:#fed33f;--failed:red;--log:#65f7b8;--information:lightgrey;--background-primary:#1e1e1e;--background-secondary:#fece3f;--secondary:#232734;--primaryFont:"Rajdhani"}body{background-color:#000;font-size:1em}#app{align-items:center;width:calc(100% - 8px);height:calc(100% - 8px);display:flex;position:absolute}.background{background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;right:0;box-shadow:inset 0 0 2em #000,inset 0 0 1em #000}.character{filter:drop-shadow(.3em .3em .5em #000);width:25%;height:67%;position:absolute;bottom:0}.character__fullname{font-size:2.5em;font-weight:700;font-family:var(--primaryFont);text-shadow:1px 0 15px #000;position:absolute;bottom:0}.bubble{font-family:var(--primaryFont),sans-serif;opacity:.9;background:#1e1e1e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAG0lEQVQYV2P8//+/FCMj4zMGJMCIzIGxKRQEAJgPBAbJqUVTAAAAAElFTkSuQmCC);border-radius:3px;margin:.5em 0;padding:.5em;display:block;position:relative;box-shadow:0 3px 6px #0000003d,0 3px 6px #0000005c}.bubble__icons{padding:2% 6% 2% 3em}.bubble__icons:before{content:"";filter:blur(5px);background-repeat:no-repeat;width:3em;height:25px;display:inline;position:absolute;top:50%;left:0;transform:translateY(-50%);mask-position:50%;mask-repeat:no-repeat}.hidden{display:none}.fade-enter-active,.fade-leave-active{opacity:1;transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.blurred{filter:blur(5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes flashing{0%{opacity:0}10%,30%,50%,70%,90%{opacity:.3}to,20%,40%,60%,80%{opacity:1}}@keyframes glitchHueRotate{0%{filter:hue-rotate(360deg);background-position:0 0}20%{filter:hue-rotate()}40%{filter:hue-rotate(360deg);background-position:0 0}41%{background-position:10px 0}41.2%{background-position:-10px 0}41.4%{background-position:15px 0}41.6%{background-position:5px 0}41.8%{background-position:-25px 0}42%{background-position:-50px 0}42.2%{background-position:0 -20px}42.4%{background-position:-60px -20px}42.5%{background-position:0 0}60%{filter:hue-rotate()}80%{filter:hue-rotate(360deg)}to{filter:hue-rotate();background-position:0 0}}