*{box-sizing:border-box}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,input,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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial;font-family:"Nunito",sans-serif;font-weight:300}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}table{border-collapse:collapse;border-spacing:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{outline:none}a{color:inherit}.custom-green{color:#91b337}.playing-indicator-animation-parent div{background-color:#ff4136;height:100%;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 2.5s ease-in-out infinite;animation:sk-stretchdelay 2.5s ease-in-out infinite}.playing-indicator-animation-parent .playing-indicator-bar-0,.playing-indicator-animation-parent .playing-indicator-bar-1{-webkit-animation-delay:-.5s;animation-delay:-.5s}.playing-indicator-animation-parent .playing-indicator-bar-2{-webkit-animation-delay:-1s;animation-delay:-1s}.playing-indicator-animation-parent .playing-indicator-bar-3{-webkit-animation-delay:-.9s;animation-delay:-.9s}.playing-indicator-animation-parent .playing-indicator-bar-4{-webkit-animation-delay:-.4s;animation-delay:-.4s}.playing-indicator-animation-parent .playing-indicator-bar-5{-webkit-animation-delay:-.7s;animation-delay:-.7s}@-webkit-keyframes sk-stretchdelay{0%,40%,to{-webkit-transform:scaleY(.2)}20%{-webkit-transform:scaleY(1)}60%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,to{transform:scaleY(.2);-webkit-transform:scaleY(.2)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}60%{transform:scaleY(1);-webkit-transform:scaleY(1)}}textarea{resize:none}button:active{background-color:initial}.DraftEditor-root *{-webkit-user-select:text}.Toastify__toast--error .Toastify__toast-body,.Toastify__toast--success .Toastify__toast-body{color:#fff}.Toastify__toast--default .Toastify__toast-body{color:grey}.Toastify__toast-container--top-right{top:0;padding-top:0;padding-right:0;right:0}button{-webkit-tap-highlight-color:transparent}.nunito{font-family:"Nunito",sans-serif}.row:after{content:"";clear:both;display:table}[class*=col-]{width:100%;float:left;padding:15px}@media (min-width:30em){.bottom-3-ns{bottom:4rem}}.bottom-3{bottom:4rem}@media only screen and (min-width:600px){.col-s-1{width:8.33%}.col-s-2{width:16.66%}.col-s-3{width:25%}.col-s-4{width:33.33%}.col-s-5{width:41.66%}.col-s-6{width:50%}.col-s-7{width:58.33%}.col-s-8{width:66.66%}.col-s-9{width:75%}.col-s-10{width:83.33%}.col-s-11{width:91.66%}.col-s-12{width:100%}}@media only screen and (min-width:768px){.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}}body{margin:0;padding: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}.App{top:0;width:100%}main{position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.w-25{width:25%}.navbar{bottom:0;padding:.875em 0;box-shadow:0 -2px 3px rgba(0,0,0,.2)}.menubar,.navbar{position:fixed;width:100%;background-color:#eee}.menubar{top:0;padding:.75rem;z-index:3;box-shadow:0 2px 3px rgba(0,0,0,.2)}.menubar svg{fill:#333;color:#333}.w-70{width:70%}.h-20{height:20%}.mb-3{margin-bottom:1rem}.mx-auto{margin-left:auto;margin-right:auto}.close-btn,.record-btn,.send-btn{border:none;outline:none;cursor:pointer;background-color:initial;color:#fff;z-index:99;padding:0}.bottom-5{bottom:5rem}.microphone{bottom:5rem;z-index:4}.microphone,.switch{position:fixed;right:.75rem}.switch{top:2.5rem;display:inline-block;width:40px;height:20px;background-color:rgba(0,0,0,.25);border-radius:20px;transition:all .3s;z-index:1}.switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:18px;background-color:#fff;top:1px;left:1px;transition:all .3s}input[type=checkbox]:checked+.switch:after{transform:translateX(20px)}input[type=checkbox]:checked+.switch{background-color:#7983ff}.offscreen{position:absolute;left:-9999px}button{font-size:medium;cursor:pointer;border:none;background:none}.z-0{z-index:0}@-webkit-keyframes frost{0%{-webkit-filter:blur(0);filter:blur(0)}to{-webkit-filter:blur(5px);filter:blur(5px)}}@keyframes frost{0%{-webkit-filter:blur(0);filter:blur(0)}to{-webkit-filter:blur(5px);filter:blur(5px)}}@-webkit-keyframes defrost{0%{-webkit-filter:blur(5px);filter:blur(5px)}to{-webkit-filter:blur(0);filter:blur(0)}}@keyframes defrost{0%{-webkit-filter:blur(5px);filter:blur(5px)}to{-webkit-filter:blur(0);filter:blur(0)}}@supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){.backdrop-blur{background-color:initial!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.backdrop-blur{background-color:hsla(0,0%,100%,.9)}.frosty{-webkit-filter:url(#blur);filter:url(#blur);-webkit-filter:blur(5px);filter:blur(5px);-webkit-animation-name:frost;animation-name:frost;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}.clear{-webkit-filter:blur(0);filter:blur(0);-webkit-animation-name:defrost;animation-name:defrost;-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-timing-function:ease;animation-timing-function:ease}.modal{position:fixed;z-index:3;left:0;top:0;width:100%;height:100%;overflow:auto}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes flash{0%{opacity:1}50%{opacity:.1}to{opacity:1}}@keyframes flash{0%{opacity:1}50%{opacity:.1}to{opacity:1}}.flash{-webkit-animation:flash 1s linear infinite;animation:flash 1s linear infinite}.recording-red{color:#ff6262!important}.modal:before{content:" ";z-index:-1;display:block;width:100%;height:100%;box-shadow:inset 0 0 0 3000px hsla(0,0%,100%,.3);background-size:cover;-webkit-animation-name:appear;animation-name:appear;-webkit-animation-duration:.5s;animation-duration:.5s}.modal:before,.position-abs{position:absolute}.card{transition:.3s;border-radius:5px;margin-bottom:16px;padding:16px;border:1px solid hsla(0,0%,65.5%,.23);box-shadow:0 1px 3px rgba(0,0,0,.2)}.card p{margin-bottom:12px}.actions{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;overflow-x:hidden}.marg-top-100{margin-top:100px}.reaction-options{display:flex;justify-content:space-between;width:80%;position:absolute;border-radius:22px;background-color:#fafafa;padding:5px;border:1px solid #919191;z-index:4;top:95px;right:16px}.reaction-options button{padding:0}.post-played-progress{z-index:60}.post-buffered-progress,.post-played-progress{position:absolute;left:0;top:8px;right:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:5px;background:transparent;border:none}.post-buffered-progress{z-index:10;background-color:#d7dee3}.scrubber{-moz-appearance:none;appearance:none;overflow:visible}.progress-container{margin-left:20px;margin-right:20px;position:relative;height:20px;width:200%;cursor:pointer;display:block}.progress-container:hover .scrubber::-webkit-slider-thumb{display:block}.progress-container:hover .scrubber::-moz-range-thumb{visibility:visible}@media (-ms-high-contrast:none){.progress-container .post-buffered-progress,.progress-container ::-ms-backdrop{color:#78909c;border:none}}@supports (-ms-ime-align:auto){.progress-container .post-buffered-progress{color:#78909c;border:none}}@media (-ms-high-contrast:none){.progress-container .post-played-progress,.progress-container ::-ms-backdrop{color:#fa6733;border:none;background-color:#e1e1e1}}@supports (-ms-ime-align:auto){.progress-container .post-played-progress{color:#fa6733;border:none}}.post-buffered-progress[value]::-webkit-progress-bar{background-color:#e1e1e1;border-radius:5px}.post-buffered-progress[value]::-webkit-progress-value{background-color:#b8b8b8;border-radius:5px;-webkit-transition:width .1s ease;transition:width .1s ease}.post-buffered-progress::-moz-progress-bar{background:none;border-radius:5px;background-color:#e1e1e1;height:5px;margin-top:-2px}.post-played-progress[value]::-webkit-progress-bar{background:none;border-radius:5px}.post-played-progress[value]::-webkit-progress-value{background-color:#fa6733;border-radius:5px}.post-played-progress::-moz-progress-bar{background:none;border-radius:5px;background-color:#fa6733;height:5px;margin-top:-2px}progress::-ms-fill{border:none}.scrubber{-webkit-appearance:none;width:100%;margin:7.5px 0;position:absolute;z-index:9999;top:-7px;height:20px;cursor:pointer;background-color:inherit}.scrubber:focus{outline:none}.scrubber::-webkit-slider-runnable-track{width:100%;height:0;cursor:pointer;box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);background:#fa6733;border-radius:0;border:0 solid #010101}.scrubber::-webkit-slider-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:1px solid #fa6733;height:15px;width:15px;border-radius:16px;background:#fa6733;cursor:pointer;-webkit-appearance:none;margin-top:-7.5px}.scrubber:focus::-webkit-slider-runnable-track{background:#fa6733}.scrubber::-moz-range-track{width:100%;height:0;cursor:pointer;box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);background:#fa6733;border-radius:0;border:0 solid #010101}.scrubber::-moz-range-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:1px solid #fa6733;height:15px;width:15px;border-radius:16px;background:#fa6733;cursor:pointer}.scrubber::-ms-track{width:100%;height:0;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.scrubber::-ms-fill-lower{background:#003d57}.scrubber::-ms-fill-lower,.scrubber::-ms-fill-upper{border:0 solid #010101;border-radius:0;box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0)}.scrubber::-ms-fill-upper{background:#fa6733}.scrubber::-ms-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:1px solid #fa6733;height:15px;width:15px;border-radius:16px;background:#fa6733;cursor:pointer;height:0;display:none}.fa-stack,.svg-inline--fa.fa-stack-2x{width:2em}.svg-inline--fa.fa-stack-1x{width:1em}.h-80{height:80px}a,button,h1,label,p,span{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ios-grow{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:transform .25s ease-out}.ios-grow--active{transform:scale(2)}.poppins{font-family:"Poppins",sans-serif}.flip-horizontal{transform:scaleX(-1)}.horizontal-list::-webkit-scrollbar{display:none}.w4-5{width:12rem}.blur{-webkit-backdrop-filter:blur(90px)}.my-node-appear,.my-node-enter,.my-node-exit-done{opacity:0;transform:scale(.1);-webkit-transform:scale(.1)}.my-node-appear-active,.my-node-enter-active{opacity:1;transform:scale(1);-webkit-transform:scale(1);transition:all .2s;-webkit-transition:all .2s}.my-node-exit-active{opacity:0;transform:scale(.1);-webkit-transform:scale(.1);transition:all .2s;-webkit-transition:all .2s;transition-delay:.6s;-webkit-transition-delay:.6s}