.card{border:1px solid hsla(0,0%,100%,.25);border-radius:8px;min-width:320px;padding:28px;margin:20px;line-height:150%}.card,.input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.15);box-shadow:2px 2px 12px rgba(0,0,0,.25)}.input{display:block;border:1px solid hsla(0,0%,100%,.25);border-radius:6px;color:#f1f1f1;font-size:2rem;padding:8px 12px;min-height:40px;text-shadow:2px 2px 12px rgba(0,0,0,.25);-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-variant:small-caps;text-transform:lowercase}.signin-card{width:480px;max-width:80%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.signin-card__title{text-align:center;text-transform:uppercase;font-weight:400;font-size:2.8rem}.signin-card__intro{text-align:center;margin-top:32px}.signin-card__input{margin-top:12px;width:60%;-webkit-align-self:center;align-self:center;text-align:center}.loader__outline{stroke-dasharray:2.42777px,242.77666px;stroke-dashoffset:0;-webkit-animation:anim 1.6s linear infinite;animation:anim 1.6s linear infinite}.loader__text{margin-top:0;text-align:center}@-webkit-keyframes anim{12.5%{stroke-dasharray:33.98873px,242.77666px;stroke-dashoffset:-26.70543px}43.75%{stroke-dasharray:84.97183px,242.77666px;stroke-dashoffset:-84.97183px}to{stroke-dasharray:2.42777px,242.77666px;stroke-dashoffset:-240.34889px}}@keyframes anim{12.5%{stroke-dasharray:33.98873px,242.77666px;stroke-dashoffset:-26.70543px}43.75%{stroke-dasharray:84.97183px,242.77666px;stroke-dashoffset:-84.97183px}to{stroke-dasharray:2.42777px,242.77666px;stroke-dashoffset:-240.34889px}}.voice-message-player{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border:1px solid hsla(0,0%,100%,.25);border-radius:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.15);box-shadow:2px 2px 12px rgba(0,0,0,.25);padding:8px}.voice-message-player__control{padding:4px;display:-webkit-flex;display:flex}.voice-message-player__control-icon{width:16px;height:auto}.voice-message-player__core{-webkit-flex:1 1 auto;flex:1 1 auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.voice-message-player__duration{min-width:92px;width:92px;text-align:right;font-size:1.4rem}.voice-message-player__range-wrapper{display:none;-webkit-flex:1 1 auto;flex:1 1 auto;position:relative;margin:0 12px}@media (min-width:600px){.voice-message-player__range-wrapper{display:block}}.voice-message-player__root{position:absolute;top:0;left:0;width:0;height:0;opacity:0;z-index:-1}.voice-message-player__range{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;opacity:0;z-index:1;cursor:pointer}.voice-message-player__container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;height:20px}.voice-message-player__line{height:1px;-webkit-flex:1 1 auto;flex:1 1 auto}.voice-message-player__line,.voice-message-player__pointer{background-color:#f1f1f1;box-shadow:2px 2px 12px rgba(0,0,0,.25)}.voice-message-player__pointer{--size:10px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--size);height:var(--size);border-radius:50%;-webkit-transform-origin:left center;transform-origin:left center}.voice-message{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:16px 0;-webkit-animation:message-in .25s;animation:message-in .25s;-webkit-transform-origin:top left;transform-origin:top left}.voice-message--owned{-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-transform-origin:top right;transform-origin:top right}.voice-message__author{--size:48px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:var(--size);min-width:var(--size);height:var(--size);background-color:hsla(0,0%,100%,.15);border-radius:50%;font-size:2.8rem;position:relative;text-transform:capitalize}.voice-message__player{margin:0 20px;-webkit-flex:1 1 auto;flex:1 1 auto;max-width:260px}@-webkit-keyframes message-in{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes message-in{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.voice-message-tooltip{border-radius:4px;background-color:#202020;padding:8px 12px;font-size:1.4rem;z-index:1;text-transform:capitalize}.online-users{min-width:auto;margin:0 0 16px;padding-top:8px;padding-bottom:8px}.online-users__wrapper{display:-webkit-flex;display:flex;margin:0 -8px;overflow:auto}.online-user{--size:48px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:var(--size);min-width:var(--size);height:var(--size);background-color:hsla(0,0%,100%,.15);border-radius:50%;font-size:2.8rem;text-transform:capitalize;margin:0 8px;position:relative}.online-user:after{content:"";width:12px;height:12px;background-color:#19d109;position:absolute;bottom:2px;right:2px;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.25)}.online-user-tooltip{border-radius:4px;background-color:#202020;padding:8px 12px;font-size:1.4rem;z-index:2;text-transform:capitalize}.voice-messenger-container{width:80%;height:80%;max-height:640px;max-width:1024px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.voice-messenger{-webkit-flex:1 1 auto;flex:1 1 auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0;min-width:auto}.voice-messenger__content{padding-right:16px}.voice-messenger__bottom{-webkit-justify-content:center;justify-content:center;margin-top:16px}.voice-messenger__bottom,.voice-messenger__record{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.voice-messenger__record{--size:48px;border-radius:50%;width:var(--size);height:var(--size);overflow:hidden;border:1px solid hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.2);box-shadow:2px 2px 12px rgba(0,0,0,.25)}.voice-messenger__record:hover{background-color:hsla(0,0%,100%,.25)}.voice-messenger__icon-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100%;width:200%;min-width:200%;-webkit-align-self:flex-start;align-self:flex-start;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.voice-messenger__icon-wrapper--recording{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.voice-messenger__microphone-icon{max-height:60%;height:auto;min-width:50%}.voice-messenger__recording-icon{min-width:50%;position:relative}.voice-messenger__recording-icon:before{--size:16px;content:"";width:var(--size);height:var(--size);background-color:#b00;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.voice-messenger__loader-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.voice-messenger__scroll-wrapper{height:inherit!important;-webkit-flex:1 1 auto;flex:1 1 auto}html{font-size:62.5%}body,html{height:100%}body{font-size:1.6rem;font-family:"Raleway",sans-serif;background:#4568dc;background:linear-gradient(90deg,#b06ab3,#4568dc);background-size:100vw 100vh;background-attachment:fixed;color:#fafafa}.app{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100%}
/*# sourceMappingURL=main.0a41d197.chunk.css.map */