#voiceRecorder{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}#voiceRecorder .actionBtn{margin:0;min-width:24px}#voiceRecorder .trigger-button{z-index:3}#voiceRecorder .voice-preview-phase,#voiceRecorder .voice-record-phase{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background:var(--color-bg-neutral-default);border:1px solid var(--border-neutral-default);border-radius:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;justify-content:space-between;min-width:300px;padding:4px 45px 4px 8px;position:absolute;right:-5px;z-index:2}#voiceRecorder .voice-preview-phase #cancelBtn .icon,#voiceRecorder .voice-record-phase #cancelBtn .icon{color:#fe0000;opacity:.4}#voiceRecorder .voice-preview-phase #cancelBtn:active:before,#voiceRecorder .voice-preview-phase #cancelBtn:hover:before,#voiceRecorder .voice-record-phase #cancelBtn:active:before,#voiceRecorder .voice-record-phase #cancelBtn:hover:before{background-color:transparent}#voiceRecorder .voice-preview-phase #cancelBtn:active .icon,#voiceRecorder .voice-preview-phase #cancelBtn:hover .icon,#voiceRecorder .voice-record-phase #cancelBtn:active .icon,#voiceRecorder .voice-record-phase #cancelBtn:hover .icon{color:#fe0000;opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .3s ease;transition:all .3s ease}#voiceRecorder .voice-preview-phase #deleteBtn .icon,#voiceRecorder .voice-record-phase #deleteBtn .icon{color:#ff5252;font-size:22px;opacity:.6;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}#voiceRecorder .voice-preview-phase #deleteBtn:active:before,#voiceRecorder .voice-preview-phase #deleteBtn:hover:before,#voiceRecorder .voice-record-phase #deleteBtn:active:before,#voiceRecorder .voice-record-phase #deleteBtn:hover:before{background-color:rgba(255,82,82,.08)!important}#voiceRecorder .voice-preview-phase #deleteBtn:active .icon,#voiceRecorder .voice-preview-phase #deleteBtn:hover .icon,#voiceRecorder .voice-record-phase #deleteBtn:active .icon,#voiceRecorder .voice-record-phase #deleteBtn:hover .icon{color:#ff1744;opacity:1;-webkit-transform:scale(1.15) rotate(-10deg);transform:scale(1.15) rotate(-10deg);-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}#voiceRecorder .voice-preview-phase #deleteBtn:active .icon,#voiceRecorder .voice-record-phase #deleteBtn:active .icon{-webkit-transform:scale(1.05) rotate(-5deg);transform:scale(1.05) rotate(-5deg)}#voiceRecorder .voice-preview-phase .frequence,#voiceRecorder .voice-record-phase .frequence{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(78,140,255,.8);border-radius:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;padding:3px 8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}#voiceRecorder .voice-preview-phase .duration-display,#voiceRecorder .voice-record-phase .duration-display{color:#333;font-family:monospace;font-size:11px;font-weight:600;margin:0 4px;white-space:nowrap}#voiceRecorder .voice-preview-phase .duration-display.preview-duration,#voiceRecorder .voice-record-phase .duration-display.preview-duration{background:linear-gradient(135deg,#4e8cff,#3b7de0);border-radius:12px;-webkit-box-shadow:0 2px 4px rgba(78,140,255,.2);box-shadow:0 2px 4px rgba(78,140,255,.2);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px}#voiceRecorder .voice-preview-phase .preview-player-container,#voiceRecorder .voice-record-phase .preview-player-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}#voiceRecorder .voice-preview-phase .preview-player-container>div,#voiceRecorder .voice-record-phase .preview-player-container>div{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease}#voiceRecorder .voice-preview-phase .preview-player-container>div:hover i.md-icon,#voiceRecorder .voice-record-phase .preview-player-container>div:hover i.md-icon{color:#3b7de0;-webkit-transform:scale(1.1);transform:scale(1.1)}#voiceRecorder .voice-preview-phase .preview-player-container>div:active i.md-icon,#voiceRecorder .voice-record-phase .preview-player-container>div:active i.md-icon{-webkit-transform:scale(.95);transform:scale(.95)}#voiceRecorder .voice-preview-phase .preview-player-container i.md-icon,#voiceRecorder .voice-record-phase .preview-player-container i.md-icon{background-color:none!important;color:#4e8cff;font-size:26px;font-style:normal!important;margin:0!important;padding:0!important;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1)}#voiceRecorder .voice-preview-phase .preview-player-container #waveform-preview,#voiceRecorder .voice-record-phase .preview-player-container #waveform-preview{background:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#ececec));background:linear-gradient(180deg,#f8f8f8,#ececec);border:1px solid #e0e0e0;border-radius:20px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 2px rgba(0,0,0,.05);padding:4px 10px}#voiceRecorder .voice-preview-phase .preview-player-container #waveform-preview>div:first-child,#voiceRecorder .voice-record-phase .preview-player-container #waveform-preview>div:first-child{height:0!important;width:0!important}#voiceRecorder .voice-preview-phase{background:linear-gradient(135deg,#fff,#fafafa);border:1px solid #e8e8e8;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08)}#voiceRecorder av-waveform{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}#voiceRecorder av-waveform canvas{display:block}