a {
     color: #b94e00
}

._wrapper_lgmjc_20 {
     width: 752px;
     height: 462px
}

@media ( max-width : 800px) {
     ._wrapper_lgmjc_20 {
          width: 100%;
          height: auto
     }
}

input[type=file] {
     display: none
}

._uploadArea_lgmjc_36 {
     border: 2px dashed #ddd;
     box-sizing: border-box;
     border-radius: 6px;
     height: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center
}

._uploadArea_lgmjc_36._dragActive_lgmjc_48 {
     border: 2px dashed #da7300;
     background: #f6f6f6;
     transition: background .1s, color .1s, border .1s;
     z-index: 100
}

._fileListWrapper_lgmjc_55 {
     width: 752px;
     height: 462px
}

@media ( max-width : 800px) {
     ._fileListWrapper_lgmjc_55 {
          width: 90vw
     }
}

._fileList_lgmjc_55 {
     display: flex;
     flex-direction: column;
     overflow-y: scroll;
     height: 100%
}

._fileDetail_9q7lv_1 {
     display: flex;
     border-bottom: 1px solid gray-light3;
     padding: 1em;
     justify-content: space-between
}

._fileDetail_9q7lv_1 button {
     padding-left: 2px !important;
     padding-right: 2px !important
}

._fileInfo_9q7lv_13 {
     width: 100%;
     padding: .5em 2em
}

._meter_9q7lv_18 {
     height: 8px;
     border-radius: 10px;
     position: relative;
     background: gray-medium;
     width: 45%
}

._meter_9q7lv_18>span {
     display: block;
     height: 100%;
     width: 0;
     border-radius: 10px 0 0 10px;
     position: relative;
     overflow: hidden;
     transition: width .5s ease;
     background: #0d9ba380
}

._deleteIcon_9q7lv_40, ._checkIcon_9q7lv_41, ._closeIcon_9q7lv_42 {
     height: 24px;
     width: 24px
}

._closeIcon_9q7lv_42 {
     fill: #000
}

._attachmentIcon_19fj3_1 {
     height: 48px;
     fill: gray-light3
}

._attachmentIconPreview_19fj3_6 {
     height: 80px;
     width: 80px;
     fill: gray-light3;
     padding: 10px
}

._filePreview_19fj3_13 {
     min-width: 100px;
     height: 100px
}

._filePreview_19fj3_13 img {
     width: 100px;
     height: 100px;
     object-fit: cover
}

._supportedFilesText_sy7cd_16, ._browseText_sy7cd_17 {
     margin: 2em 0
}

._browseText_sy7cd_17 span {
     margin-right: 8px
}

._supportedFilesText_sy7cd_16 {
     color: #707070
}

._uploadOutlineIcon_sy7cd_29 {
     margin: 24px 0;
     height: 56px;
     fill: #ddd
}

._supportedFileTypes_sy7cd_35 {
     position: relative;
     color: #707070;
     text-align: center
}

._container_152mv_4 {
     position: relative;
     min-height: 50px;
     margin: 5px 0;
     padding-top: 10px
}

._container_152mv_4 .quill {
     display: flex;
     flex-flow: column;
     align-items: center;
     width: 100%
}

._container_152mv_4 .quill>.ql-container>.ql-editor.ql-blank:before {
     font-style: italic;
     color: #999
}

._container_152mv_4 ._toolbarContainer_152mv_23 {
     position: absolute;
     display: flex;
     flex-flow: row nowrap;
     justify-content: center;
     top: -40px;
     width: max-content;
     z-index: 1
}

._toolbarContainer_152mv_23 {
     display: flex
}

._toolbarContainer_152mv_23._toolbarHidden_152mv_37 {
     display: none
}

._container_152mv_4 .ql-container.ql-snow {
     width: 100%;
     border: none
}
/*@EDIT - 2025-03-15 - SAJ - adopted from https://blade-components.netlify.app/docs/quill-editor */
     .ql-editor-haserror .ql-toolbar.ql-snow + .ql-container.ql-snow {
         border: 1px solid #f56565;
         border-radius: 0.5rem;
     }
     .ql-toolbar.ql-snow + .ql-container.ql-snow {
         border: 1px solid #e2e8f0; 
         border-radius: 0.5rem;
     }
     .ql-toolbar.ql-snow {
         font-family: inherit;
         border-top-left-radius: 0.5rem;
         border-top-right-radius: 0.5rem;
         background-color: #fff;
         border: none;
         box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
         position: sticky;
         top: 0;
         z-index: 1;
         margin-left: 1px;
         margin-right: 1px;
     }
/*
._container_152mv_4 .ql-toolbar.ql-snow {
     background: #fff;
     z-index: 1;
     border: 1px solid #ddd;
     box-shadow: 1px 1px 4px #eee;
     border-radius: 4px
}*/

._focus_152mv_54 .ql-toolbar {
     visibility: visible
}

._blur_152mv_58 .ql-toolbar {
     visibility: hidden
}
._container_152mv_4 .ql-editor {
     width: 100%;
     border: 1px solid transparent;
     border-radius: 4px;
     font-size: 16px;
     background-color: #fff
}

._container_152mv_4 .ql-editor>p,
 ._container_152mv_4 .ql-editor>ul,
     ._container_152mv_4 .ql-editor>ol {
     margin-bottom: 10px
}

._container_152mv_4 .textEditorBubble_152mv_76 {
     position: absolute;
     width: 15px;
     height: 15px;
     top: 25px;
     left: -8px;
     z-index: 1;
     transform: rotate(45deg);
     border: 1px solid #bbb;
     background: #fff;
     border-right: none;
     border-top: none
}

._container_152mv_4 .ql-editor iframe {
     pointer-events: none
}
.container_h0oci_4 {position: relative;min-height: 50px;margin: 5px 0;}
.container_h0oci_4 .ql-editor {width: 100%;border: 1px solid transparent;border-radius: 4px;font-size: 16px;background-color: #fff;}
.container_h0oci_4 .toolbarContainer_h0oci_23 {position: absolute;display: flex;flex-flow: row nowrap;justify-content: center;top: -40px;width: 100%;z-index: 1;}
/*
.toolbarContainer_h0oci_23 {display: flex;}
.toolbarContainer_h0oci_23.toolbarHidden_h0oci_37 {display: none;}
*/
.toolbarContainer_h0oci_23 {
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 1;
    transform: translateY(0);
}

.toolbarContainer_h0oci_23.toolbarHidden_h0oci_37 {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}


._focus_152mv_54 .ql-editor,
 ._focus_152mv_54._textEditorBubble_152mv_76{border-color: #bbb}
.focus_h0oci_54 .ql-toolbar {
    visibility: visible;
}
._blur_152mv_58 .ql-editor, ._blur_152mv_58._textEditorBubble_152mv_76 {
     border-color: transparent
}

._blur_152mv_58:hover .ql-editor {border: 1px solid #ddd}
._blur_152mv_58:hover ._textEditorBubble_152mv_76 {border: 1px solid #ddd;border-right: none;border-top: none}
.blur_h0oci_58 .ql-editor,
 ._blur_h0oci_58._textEditorBubble_h0oci_76 {border-color: transparent;}
.blur_h0oci_58:hover            {cursor:text;}
.blur_h0oci_58:hover .ql-show {border: 1px solid #ddd;}





._error_152mv_114._blur_152mv_58 .ql-editor,
 ._error_152mv_114 .ql-editor{border-color: #bd2120}
._codeEditorWrap_152mv_119 {width: 100%}

._codeEditor_152mv_119 {
     resize: none;
     width: 100%;
     min-height: 56px;
     background-color: #000;
     color: #fff;
     border-radius: 4px;
     font-family: Courier New, Courier, monospace;
     padding: 16px
}

._toolbarButton_152mv_134 {
     transition: all .2s ease-in
}

._toolbarCodeEdit_152mv_138 {
     display: inline-block;
     vertical-align: middle;
     width: 56px
}

.ql-toolbar.ql-snow ._toolbarCodeEdit_152mv_138>button {
     width: 56px;
     text-align: center
}

.ql-toolbar.ql-snow ._toolbarCodeEdit_152mv_138>button._codeEditActive_152mv_149
     {
     font-weight: 700
}

.ql-toolbar.ql-snow .ql-formats._toolbarButtonCollapsed_152mv_153 {
     transform: scale(0);
     width: 0;
     height: 0;
     margin: 0;
     overflow: hidden
}

.ql-toolbar.ql-snow .ql-formats>select, .ql-toolbar.ql-snow .ql-formats>button,
     .ql-toolbar.ql-snow .ql-picker {
     transition: all .2s linear .2s, opacity .2s linear
}

.ql-toolbar.ql-snow .ql-formats._toolbarButtonCollapsed_152mv_153>select,
     .ql-toolbar.ql-snow .ql-formats._toolbarButtonCollapsed_152mv_153>button .ql-toolbar.ql-snow .ql-formats._toolbarButtonCollapsed_152mv_153>.ql-picker.ql-header
     {
     width: 0;
     height: 0;
     padding: 0;
     opacity: 0;
     overflow: hidden
}

.ql-active .ql-stroke {
     stroke: #da7300 !important
}

.ql-toolbar.ql-snow button.ql-active {
     background-color: #f6f6f6 !important;
     border-radius: 4px;
     color: #da7300 !important
}

.ql-toolbar.ql-snow button {
     height: 26px !important
}

._mobileEditor_152mv_191 {
     z-index: 1
}

._mobileEditor_152mv_191 .ql-editor {
     height: calc(100vh - 84px);
     font-size: 16px
}

._mobileEditorContent_152mv_200 {
     padding: 8px;
     margin: 8px 12px;
     border: 1px solid transparent;
     border-radius: 4px;
     font-size: 14px;
     background: #fff
}

._mobileHasError_152mv_209 {
     border-color: #bd2120
}

._mobileToolbar_152mv_213 {
     z-index: 2;
     height: 42px;
     padding: 8px 2px !important;
     background-color: #f6f6f6;
     overflow-y: auto;
     display: flex;
     overflow-x: scroll
}

._mobileToolbarWrap_152mv_223 {
     position: relative
}

._mobileToolbarMask_152mv_227 {
     position: absolute;
     right: 0;
     top: 0;
     height: 42px;
     width: 30px;
     background: linear-gradient(90deg, transparent 0%, #ddd 90%)
}

._mobileHeading_152mv_236 {
     font-weight: 700;
     display: inline-block;
     font-size: 18px;
     margin-top: -2px
}

._mobileToolbar_152mv_213.ql-toolbar.ql-snow .ql-formats>select,
     ._mobileToolbar_152mv_213.ql-toolbar.ql-snow .ql-formats>button,
     ._mobileToolbar_152mv_213.ql-toolbar.ql-snow .ql-picker {
     transition: none
}

.ql-code-block {
     background-color: #000;
     font-family: monospace;
     color: #fff;
     padding-left: 1em;
     padding-right: 1em
}

.ql-code-block:first-child {
     padding-top: 1em;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px
}

.ql-code-block:last-child {
     padding-bottom: 1em;
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px
}