.cometchat-media-recorder__recording,.cometchat-media-recorder__recorded{width:260px;height:inherit;padding:var(--cometchat-padding-5,20px);align-items:center;gap:var(--cometchat-padding-5,20px);border-radius:var(--cometchat-radius-4,16px);border:1px solid var(--cometchat-border-color-light,#f5f5f5);background:var(--cometchat-background-color-01,#fff);flex-direction:column;display:flex;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808}.cometchat-media-recorder__recording{justify-content:space-between}.cometchat-media-recorder{width:max-content}.cometchat-media-recorder .cometchat-audio-bubble{padding-bottom:var(--cometchat-padding-2);width:100%;max-width:100%}.cometchat-media-recorder .cometchat-audio-bubble .cometchat-audio-bubble__tail-view{display:none}.cometchat-media-recorder .cometchat-audio-bubble .cometchat-audio-bubble__body{gap:var(--cometchat-padding-2);flex-direction:row;justify-content:space-between;align-items:center;padding-right:0}.cometchat-media-recorder__recording-control,.cometchat-media-recorder__recorded-control{align-items:center;gap:20px;display:flex}.cometchat-media-recorder__recording-preview{align-items:center;gap:var(--cometchat-padding-1,4px);flex-direction:column;width:120px;display:flex}.cometchat-media-recorder__recorded-preview{width:260px;padding:var(--cometchat-padding-2,8px)0px;border-radius:var(--cometchat-radius-3,12px);background:var(--cometchat-primary-color,#6852d6);flex-direction:column;align-items:flex-start;gap:0;display:flex}.cometchat-media-recorder__recording-control-delete,.cometchat-media-recorder__recorded-control-delete,.cometchat-media-recorder__recording-control-stop,.cometchat-media-recorder__recorded-control-record{cursor:pointer;background:var(--cometchat-background-color-01,#fff);border-radius:var(--cometchat-radius-max,1000px);border:1px solid var(--cometchat-border-color-light,#f5f5f5);justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f}.cometchat-media-recorder__recording-control-stop-icon{background:var(--cometchat-icon-color-secondary,#a1a1a1);flex-shrink:0;width:24px;height:24px;-webkit-mask:url("../../assets/stop.svg") 50%/contain no-repeat;mask:url("../../assets/stop.svg") 50%/contain no-repeat}.cometchat-media-recorder__recording-control-delete-icon,.cometchat-media-recorder__recorded-control-delete-icon{background:var(--cometchat-icon-color-secondary,#a1a1a1);flex-shrink:0;width:24px;height:24px;-webkit-mask:url("../../assets/delete.svg") 50%/contain no-repeat;mask:url("../../assets/delete.svg") 50%/contain no-repeat}.cometchat-media-recorder__recorded-control-record-icon{background:var(--cometchat-icon-color-secondary,#a1a1a1);flex-shrink:0;width:24px;height:24px;-webkit-mask:url("../../assets/recording_resume.svg") 50%/contain no-repeat;mask:url("../../assets/recording_resume.svg") 50%/contain no-repeat}.cometchat-media-recorder__recording-control-record,.cometchat-media-recorder__recording-control-pause,.cometchat-media-recorder__recorded-control-send{cursor:pointer;border-radius:var(--cometchat-radius-max,1000px);border:1px solid var(--cometchat-border-color-light,#f5f5f5);background:var(--cometchat-background-color-01,#fff);justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f}.cometchat-media-recorder__recording-control-error>.cometchat-media-recorder__recording-control-record-icon,.cometchat-media-recorder__recording-control-record-icon{flex-shrink:0;width:32px;height:32px;-webkit-mask-size:contain;mask-size:contain}.cometchat-media-recorder__recording-control-record-icon{background:var(--cometchat-error-color,#f44649);-webkit-mask:url("../../assets/recording_resume.svg") 50% no-repeat;mask:url("../../assets/recording_resume.svg") 50% no-repeat}.cometchat-media-recorder__recording-control-error>.cometchat-media-recorder__recording-control-record-icon{background:var(--cometchat-text-color-tertiary,#a1a1a1);-webkit-mask:url("../../assets/mic_off.svg") 50% no-repeat;mask:url("../../assets/mic_off.svg") 50% no-repeat}.cometchat-media-recorder__recording-control-error{pointer-events:none}.cometchat-media-recorder__recording-control-pause-icon{background:var(--cometchat-error-color,#f44649);flex-shrink:0;width:32px;height:32px;-webkit-mask:url("../../assets/pause.svg") 50%/contain no-repeat;mask:url("../../assets/pause.svg") 50%/contain no-repeat}.cometchat-media-recorder__recorded-control-send-icon{background:var(--cometchat-icon-color-highlight,#6852d6);flex-shrink:0;width:32px;height:32px;-webkit-mask:url("../../assets/send_fill.svg") 50%/contain no-repeat;mask:url("../../assets/send_fill.svg") 50%/contain no-repeat}.cometchat-media-recorder__recording-preview-recording,.cometchat-media-recorder__recording-preview-paused{border-radius:var(--cometchat-radius-max,1000px);background:var(--cometchat-icon-color-highlight,#6852d6);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.cometchat-media-recorder__recording-preview-recording-icon,.cometchat-media-recorder__recording-preview-paused-icon{background:var(--cometchat-icon-color-white,#fff);flex-shrink:0;width:48px;height:48px;-webkit-mask:url("../../assets/recording_icon.svg") 50%/contain no-repeat;mask:url("../../assets/recording_icon.svg") 50%/contain no-repeat}.cometchat-media-recorder__recording-preview-disabled{opacity:.2;border-radius:var(--cometchat-radius-max,1000px);background:var(--cometchat-icon-color-highlight,#6852d6);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.cometchat-media-recorder__recording-preview-disabled-icon{background:var(--cometchat-icon-color-white,#fff);flex-shrink:0;width:48px;height:48px;-webkit-mask:url("../../assets/recording_icon.svg") 50%/contain no-repeat;mask:url("../../assets/recording_icon.svg") 50%/contain no-repeat}.cometchat-media-recorder__recording-preview-duration{color:var(--cometchat-text-color-primary,#141414);text-align:center;font:var(--cometchat-font-heading4-regular,400 16px Roboto);align-self:stretch;line-height:120%}.cometchat-media-recorder__error{background:var(--cometchat-background-color-02,#fafafa);border-radius:var(--cometchat-radius-4)var(--cometchat-radius-4)0px 0px;padding:var(--cometchat-padding-2);justify-content:flex-start;align-items:flex-start;gap:var(--cometchat-padding-2);z-index:2;width:260px;display:flex;position:absolute;bottom:100%}.cometchat-media-recorder__error-content{gap:var(--cometchat-padding-1);flex-direction:column;display:flex}.cometchat-media-recorder__error-content-title{font:var(--cometchat-font-caption1-bold)}.cometchat-media-recorder__error-content-subtitle{font:var(--cometchat-font-caption1-regular)}.cometchat-media-recorder__error-content-title,.cometchat-media-recorder__error-content-subtitle{text-align:left;color:var(--cometchat-text-color-secondary,#727272)}.cometchat-media-recorder__error-icon-wrapper{background:var(--cometchat-error-color);border-radius:var(--cometchat-radius-max);justify-content:center;align-items:center;width:16px;height:16px;display:flex}.cometchat-media-recorder__error-icon{background:var(--cometchat-static-white);flex-shrink:0;width:16px;height:16px;transform:rotate(180deg);-webkit-mask:url("../../assets/error_info.svg") 50%/contain no-repeat;mask:url("../../assets/error_info.svg") 50%/contain no-repeat}.cometchat-media-recorder__permission-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cometchat-media-recorder__permission-dialog{align-items:center;gap:var(--cometchat-spacing-3,12px);padding:var(--cometchat-padding-6,24px);border-radius:var(--cometchat-radius-4,16px);background:var(--cometchat-background-color-01,#fff);flex-direction:column;width:320px;display:flex;box-shadow:0 20px 24px -4px #1018281a,0 8px 8px -4px #1018280a}.cometchat-media-recorder__permission-dialog-icon-wrapper{border-radius:var(--cometchat-radius-max,1000px);background:var(--cometchat-background-color-03,#f5f5f5);justify-content:center;align-items:center;width:64px;height:64px;display:flex}.cometchat-media-recorder__permission-dialog-icon{background:var(--cometchat-error-color,#f44649);flex-shrink:0;width:32px;height:32px;-webkit-mask:url("../../assets/mic_off.svg") 50%/contain no-repeat;mask:url("../../assets/mic_off.svg") 50%/contain no-repeat}.cometchat-media-recorder__permission-dialog-title{color:var(--cometchat-text-color-primary,#141414);text-align:center;font:var(--cometchat-font-heading4-bold,700 16px Roboto)}.cometchat-media-recorder__permission-dialog-subtitle{color:var(--cometchat-text-color-secondary,#727272);text-align:center;font:var(--cometchat-font-body-regular,400 14px Roboto)}.cometchat-media-recorder__permission-dialog-button{width:100%;padding:var(--cometchat-padding-3,12px)var(--cometchat-padding-4,16px);border-radius:var(--cometchat-radius-3,12px);border:1px solid var(--cometchat-border-color-default,#e8e8e8);background:var(--cometchat-background-color-01,#fff);color:var(--cometchat-text-color-primary,#141414);font:var(--cometchat-font-button-bold,700 14px Roboto);cursor:pointer;margin-top:var(--cometchat-margin-1,4px)}.cometchat-media-recorder__permission-dialog-button:hover{background:var(--cometchat-background-color-02,#fafafa)}