@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);body,html{box-sizing:border-box;font-family:Inter,sans;height:100vh;margin:0;padding:0;-webkit-user-select:none;user-select:none;width:100vw}.mainWrapper{position:relative}.video{height:100vh;object-fit:cover;top:0;width:100vw;z-index:1}.actionWrapper,.video{left:0;position:absolute}.actionWrapper{display:flex;justify-content:center;top:90vh;width:100%;z-index:3}@media (max-height:700px){.actionWrapper{top:85vh}}@media (max-height:500px){.actionWrapper{top:80vh}}@media (max-height:350px){.actionWrapper{top:75vh}}.blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:20vh;left:0;-webkit-mask:linear-gradient(#0000,#000 50%);mask:linear-gradient(#0000,#000 50%);position:absolute;top:80vh;width:100%;z-index:2}.actionButton{align-items:center;background:linear-gradient(180deg,#ffffffe6,#ffffffa6);border:1px solid #fff;border-radius:64px;cursor:pointer;display:flex;height:64px;justify-content:center;transition:all .1s ease;width:64px}.recordingTimeWrapper{transition:all .3s ease;width:150px}.actionButton>div{align-items:center;display:flex}.actionButton:hover{opacity:.9}.actionButton:active{opacity:.8}.recordingTime{align-items:center;color:#8f3131;display:flex;font-size:20px;font-weight:600;gap:5px}.recordingTime>span{text-align:center;width:70px}@keyframes spinner{to{transform:rotate(1turn)}}.loader{animation:spinner 1.5s linear infinite}.waveAnimationWrapper{align-items:center;color:#8f3131;display:flex;font-size:20px;gap:15px;transition:all .3s ease;width:180px}@keyframes bounce{10%{transform:scaleY(.3)}30%{transform:scaleY(1)}60%{transform:scaleY(.5)}80%{transform:scaleY(.75)}to{transform:scaleY(.6)}}.waveAnimation{display:flex;height:20px;justify-content:space-between;position:relative;width:100px;span{animation:bounce 2.2s ease infinite alternate;background:linear-gradient(0deg,#644103,#ab7305);border-radius:3px;content:"";height:100%;width:3px;&:first-of-type{animation-delay:-1.5s}&:nth-of-type(2){animation-delay:-2.1s}&:nth-of-type(3){animation-delay:-.5s}&:nth-of-type(4){animation-delay:-3.7s}&:nth-of-type(5){animation-delay:-2.5s}&:nth-of-type(6){animation-delay:-3.7s}&:nth-of-type(7){animation-delay:-1.2s}&:nth-of-type(9){animation-delay:-1.9s;animation-delay:-3.7s}}}
/*# sourceMappingURL=main.39a735dd.css.map*/