@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}body,html{margin:0;padding:0}b,strong{font-weight:700}em,i{font-style:italic}@-webkit-keyframes moveBubbles{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes moveBubbles{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@-webkit-keyframes moveBubblesReverse{0%{background-position:100% 100%}50%{background-position:0 0}to{background-position:100% 100%}}@keyframes moveBubblesReverse{0%{background-position:100% 100%}50%{background-position:0 0}to{background-position:100% 100%}}.typing-dots{-webkit-animation:typing 1.5s infinite;animation:typing 1.5s infinite}@-webkit-keyframes typing{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes typing{0%{opacity:0}20%{opacity:1}to{opacity:0}}.slow-pulse{-webkit-animation:slow-pulse 1.5s infinite;animation:slow-pulse 1.5s infinite}@-webkit-keyframes slow-pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes slow-pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.message-list .message .sender.bolded{font-weight:700}.image-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-left:140px;margin-right:140px}.sender-image{border-radius:50%;box-shadow:0 0 10px 0 rgba(0,0,0,.75);height:300px;margin-right:20px;width:300px}.message-list-container{border:none;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;margin:0 -10px}.message-list{flex:1 1;height:600px;list-style:none;margin:0;min-height:400px;overflow-y:scroll;padding:10px}.message-list::-webkit-scrollbar{background-color:initial;width:6px}.message-list::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:hsla(0,0%,87%,.5);border:2px solid transparent;border-radius:10px}.message-list::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,87%,.8);border:2px solid #e0e0e0}.message-list::-webkit-scrollbar-thumb:active{background-color:#ddd;border:2px solid #bdbdbd}.app-container{height:100vh;position:relative;width:100vw}.background-image{height:100%;left:0;margin:10px;position:absolute;top:0;width:100%;z-index:-1}.data-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,249,232,.2);border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.2);font-family:Open Sans,sans-serif;margin:0 auto;max-width:650px;padding:5px 20px 20px}.friend-message{font-size:smaller}.header-container{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;padding-left:50px;position:relative}.heading{-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-animation:shimmer 12s infinite;animation:shimmer 12s infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#f09,#609,#f09);background-size:200% auto;color:#fff;font-family:Quicksand,sans-serif;font-size:32px;line-height:40px;margin-top:0;text-align:center;white-space:nowrap}.heading-container{align-items:center;display:flex;justify-content:center;margin:15px 0 10px;width:100%}.logo-container{background-image:url(/liam-the-linguist/static/media/liam-logo-lighten-120x120.85210cc2960af3ce6f2b.png);background-size:51px 60px;height:60px;left:5px;position:absolute;top:0;width:51px}.logo{display:none}.language-badge{align-items:center;background-color:#609;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:20px;font-weight:700;height:40px;justify-content:center;margin-left:10px;width:40px}@-webkit-keyframes shimmer{0%{background-position:200%}50%{background-position:-200%}to{background-position:200%}}@keyframes shimmer{0%{background-position:200%}50%{background-position:-200%}to{background-position:200%}}.message{background-color:#fcf9f7;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 2px rgba(0,0,0,.1);color:#333;display:flex;justify-content:space-between;line-height:1.4;margin-bottom:10px;padding:10px;position:relative}.message-text{cursor:pointer;min-width:100px}.rtl .message-text{direction:rtl;text-align:right}.message-text-container{position:relative}.message.highlighted-message{background-color:hsla(26,47%,93%,.4)}.language-tips-icon{color:#b3c1cc;cursor:pointer;margin-left:8px}.play-stop-icon{margin-left:8px;position:relative;z-index:10}.play-stop-icon.play-icon{color:#48b983}.play-stop-icon.stop-icon{color:#f39c12}.cancel-icon-container{align-items:center;cursor:pointer;display:flex;margin-left:8px;position:relative;z-index:10}.cancel-icon{background-color:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.25);color:#f05b5b;font-size:16px;padding:5px;transition:all .3s ease;width:16px}.cancel-icon:hover{background-color:#f05b5b;color:#fff}.language-tips-tooltip{background-color:#609;background:linear-gradient(135deg,#d24c9c,#764ba2);border-radius:8px;bottom:100%;box-shadow:0 2px 2px rgba(0,0,0,.1);color:#fff;font-family:Roboto,sans-serif;margin-left:-60px;max-width:96%;opacity:0;padding:10px;position:absolute;right:0;text-align:center;transition:opacity .3s;visibility:hidden;z-index:11}.language-tips-tooltip:after{border:8px solid transparent;border-top-color:#764ba2;content:"";margin-left:-8px;position:absolute;right:14px;top:100%}.language-tips-tooltip.hasScroll{padding-bottom:30px}.language-tips-tooltip.hasScroll .scroll-arrow{display:block}.scroll-arrow{bottom:5px;color:hsla(0,0%,100%,.8);cursor:pointer;display:none;font-size:20px;left:49%;position:absolute;text-shadow:0 2px 2px rgba(0,0,0,.1);-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease}.scroll-arrow:hover{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.tooltip-content{line-height:1.3;max-height:150px;overflow-y:auto;padding:10px;text-align:left}.language-tips-tooltip.visible{opacity:1;visibility:visible}.language-tips-tooltip.hidden{opacity:0;visibility:hidden}.sender{color:#555;margin-right:5px}.button-container{flex-direction:column;padding:10px}.button-container,button{align-items:center;display:flex}button{background-color:#609;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;justify-content:center;margin-bottom:10px;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#507}.listening-button,.listening-button:hover{background-color:#f39c12;box-shadow:inset 0 0 12px rgba(0,0,0,.8);color:#fff;padding:10px 14px;width:60px}select{background-color:#fcf9f7;border:1px solid #d1cfcd;border-radius:5px;color:#495057;cursor:pointer;font-size:1rem;margin-left:10px;padding:5px 10px;transition:border-color .3s}select:focus{border-color:#609;outline:none}.icon{cursor:pointer;font-size:1.5rem}@-webkit-keyframes pulse{0%{background-color:#e0f2e9}50%{background-color:#c7e5d0}to{background-color:#e0f2e9}}@keyframes pulse{0%{background-color:#e0f2e9}50%{background-color:#c7e5d0}to{background-color:#e0f2e9}}.pulsing{-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite;background-color:#e0f2e9}@-webkit-keyframes icon-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes icon-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.icon-pulsing{-webkit-animation:icon-pulse 1s infinite;animation:icon-pulse 1s infinite}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.blinking{-webkit-animation:blink 1s infinite;animation:blink 1s infinite}.message.error-message{background-color:#fde8e8;border:1px dotted #f08080;border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,.1);cursor:pointer;padding:10px}.message.error-message .sender{color:#f08080;font-weight:700}.message.error-message .error-text{color:#f08080}.spoken-text-overlay{color:#333;display:inline-block;left:0;pointer-events:none;position:absolute;top:0}.message-text.text-being-spoken{color:rgba(0,0,0,.3)}.console-log-display{background-color:#f8f8f8;border:1px solid #e0e0e0;clear:both;font-family:monospace;margin:4rem 0;max-height:300px;overflow:auto;padding:1rem}.console-log-display .log{word-wrap:break-word;margin:0;padding:0}.user-settings-container{position:relative;text-align:left;width:100%}.user-settings-container .user-settings h2{color:#609;font-size:24px;margin:0 0 20px;visibility:hidden}.user-settings-container .user-settings .toggle-settings{background:transparent;border:none;color:#609;cursor:pointer;font-size:24px;padding:10px 0;position:absolute;right:20px;top:-70px;transition:all .3s ease-in-out}.user-settings-container .user-settings .toggle-settings:hover{background:transparent}.user-settings-container .user-settings .toggle-settings.settings-open,.user-settings-container .user-settings .toggle-settings:hover{background:transparent;color:#f39c12;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.user-settings-container .user-settings .toggle-settings:focus{outline:none}.user-settings-container .user-settings .settings-form{display:flex;flex-direction:column;margin-top:20px}.user-settings-container .user-settings label{color:#609;font-size:18px;font-weight:700;margin-bottom:10px}.user-settings-container .user-settings select{background-color:#fff;border:2px solid #609;border-radius:4px;color:#333;font-size:16px;margin-bottom:20px;margin-left:0;padding:10px;transition:all .3s ease-in-out}.user-settings-container .user-settings select:hover{border-color:#f39c12}.user-settings-container .user-settings select:focus{box-shadow:0 0 5px #f39c12;outline:none}.user-settings-container .user-settings option{padding:5px}.user-settings-container .user-settings button{background-color:#f39c12;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:20px 0;padding:10px 20px;transition:all .3s ease-in-out;width:auto}.user-settings-container .user-settings button:hover{background-color:#609}.user-settings .interests{display:flex;flex-wrap:wrap;margin-bottom:20px}.user-settings .interests label{align-items:center;display:flex;margin-bottom:10px;margin-right:20px}.user-settings .interests input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #609;border-radius:4px;color:#fff;cursor:pointer;height:20px;margin-right:10px;transition:all .3s ease-in-out;width:20px}.user-settings .interests input[type=checkbox]:hover{border-color:#f39c12}.user-settings .interests input[type=checkbox]:checked{background-color:#609;border-color:#609}.user-settings .interests input[type=checkbox]:checked:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 17l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z" fill-rule="evenodd"/></svg>');background-position:50%;background-repeat:no-repeat;content:"";display:block;height:100%;width:100%}.user-settings .interests input[type=checkbox]:focus{box-shadow:0 0 5px #f39c12;outline:none}
/*# sourceMappingURL=main.58177832.css.map*/