[v-cloak]{display:none}:root{--text-gray:#3d4655}.fwh,body,html{width:100%;height:100%}body{--bs-body-bg:#f9f3f0;--bs-heading-color:#6c5c54;--bs-body-color:#6c5c54;--bs-box-bg:#f2e7de}.mt-icon-md{font-size:48px}.mt-icon-lg{font-size:64px}.mt-icon-xl{font-size:96px}.btn-primary{--bs-btn-bg:#6c5c54;--bs-btn-border-color:#6c5c54;--bs-btn-disabled-bg:#cabbae;--bs-btn-disabled-border-color:#b09d8c}.btn-danger{--bs-btn-bg:#ff551a}.btn-danger:hover{--bs-btn-hover-bg:#dc420e}.bg-light{background:var(--bs-box-bg)!important}.bg-lighter{background:var(--bs-body-bg)!important}.bg-darker{background:#6c5c54!important}.form-control{background-color:#fff}.text-dark{color:var(--text-gray)}.player-container,.recorder-container{background:var(--bs-box-bg);width:100%;height:100%;position:relative;overflow:hidden}.recorder-screen{height:100%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.recorder-screen,.recorder-toolbar{width:100%;position:absolute;text-align:center}.recorder-toolbar{bottom:5%}.recorder-topbar{position:absolute;top:15px;left:15px;right:15px}.recorder-overlay{background-color:rgba(0,0,0,.5)}.recorder-timer{font-size:8em;font-weight:700}.recorder-player{background:#898988;width:100%;height:100%;position:absolute;z-index:8}@media only screen and (min-width:1025px){.recorder-container{max-width:640px;max-height:420px;border-radius:20px;border:5px solid #f9f3f0}}.pulse-circle{background:#ff2626;border:2px solid #fff;border-radius:50%;margin:5px;height:15px;width:15px;transform:scale(1);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.4);opacity:.1}70%{transform:scale(.8);opacity:1}to{opacity:0;transform:scale(1.2)}}