/* ------------------------------- CROPPER ------------------------------- */

.cropper-container {
    -webkit-touch-callout: none; direction: ltr; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none;
    touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.cropper-container img {
    backface-visibility: hidden; display: block; height: 100%; image-orientation: 0deg; max-height: none !important;
    max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%;
}
.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal,
.cropper-wrap-box {
    bottom: 0; inset-inline-start: 0; position: absolute; inset-inline-end: 0; top: 0; background-color: var(--white-color);
}
.cropper-canvas, .cropper-wrap-box {overflow: hidden;}
.cropper-drag-box {background-color: var(--white-color); opacity: 0;}
.cropper-modal {background-color: var(--black-color); opacity: 0.3;}
.cropper-view-box {display: block; height: 100%; overflow: hidden; width: 100%;}
.cropper-dashed {border: 0 dashed var(--gray-color-14); display: block; opacity: 0.5; position: absolute;}
.cropper-dashed.dashed-h {
    border-bottom-width: 1px; border-top-width: 1px; height: 33.33333%; inset-inline-start: 0; top: 33.33333%; width: 100%;
}
.cropper-dashed.dashed-v {
    border-left-width: 1px; border-right-width: 1px; height: 100%; inset-inline-start: 33.33333%; top: 0; width: 33.33333%;
}
.cropper-center {display: block; height: 0; inset-inline-start: 50%; opacity: 0.75; position: absolute; top: 50%; width: 0;}
.cropper-center:after, .cropper-center:before {
    background-color: var(--gray-color-14); content: ""; display: block; position: absolute;
}
.cropper-center:before {height: 1px; inset-inline-start: -3px; top: 0; width: 7px;}
.cropper-center:after {height: 7px; inset-inline-start: 0; top: -3px; width: 1px;}
.cropper-face, .cropper-line, .cropper-point {display: block; height: 100%; opacity: 0.1; position: absolute; width: 100%;}
.cropper-face {background-color: var(--white-color); inset-inline-start: 0; top: 0;}
.cropper-line {background-color: transparent;}
.cropper-line.line-e {cursor: ew-resize; inset-inline-end:-3px; top: 0; width: 5px;}
.cropper-line.line-n {cursor: ns-resize; inset-inline-start: 0; height: 5px; top: -3px;}
.cropper-line.line-w {cursor: ew-resize; inset-inline-start:-3px; top: 0; width: 5px;}
.cropper-line.line-s {cursor: ns-resize; inset-inline-start: 0; bottom: -3px; height: 5px;}
.cropper-point {background-color: var(--white-color); height: 11px; opacity: 0.3; width: 11px;}
.cropper-point.point-e {cursor: ew-resize; margin-top: -6px; inset-inline-end: -6px; top: 50%; opacity: 0;}
.cropper-point.point-n {cursor: ns-resize; inset-inline-start: 50%; margin-inline-start: -6px; top: -6px; opacity: 0;}
.cropper-point.point-w {cursor: ew-resize; inset-inline-start: -6px; margin-top: -6px; top: 50%; opacity: 0;}
.cropper-point.point-s {cursor: s-resize; bottom: -6px; inset-inline-start: 50%; margin-inline-start: -6px; opacity: 0;}
.cropper-point.point-ne {cursor: nesw-resize; top: -5px; inset-inline-end: -5px;}
.cropper-point.point-nw {cursor: nwse-resize; top: -5px; inset-inline-start: -5px;}
.cropper-point.point-sw {cursor: nesw-resize; bottom: -5px; inset-inline-start: -5px;}
.cropper-point.point-se {cursor: nwse-resize; bottom: -5px; inset-inline-end: -5px;}
.cropper-invisible {opacity: 0;}
.cropper-bg {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}
.cropper-hide {display: block; height: 0; position: absolute; width: 0;}
.cropper-hidden {display: none !important;}
.cropper-move {cursor: move;}
.cropper-crop {cursor: crosshair;}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {cursor: not-allowed;}

/* ------------------------------- AIRDATEPICKER ------------------------------- */

.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}
.air-datepicker-cell.-year-.-other-decade-:hover,
.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}
.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}
.-selected-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}
.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}
.-in-range-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}
.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}
.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}
.air-datepicker-cell {
    border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;
    align-items:center;justify-content:center;z-index:1
}
.air-datepicker-cell.-focus- {background: var(--adp-cell-background-color-hover);}
.air-datepicker-cell.-current- {color: var(--primary-color-3); font-weight: 500;}
.air-datepicker-cell.-current-.-focus- {color:var(--adp-color)}
.air-datepicker-cell.-current-.-in-range- {color:var(--adp-color-current-date)}
.air-datepicker-cell.-disabled- {cursor:default;color:var(--adp-color-disabled)}
.air-datepicker-cell.-disabled-.-focus- {color:var(--adp-color-disabled)}
.air-datepicker-cell.-disabled-.-in-range- {color:var(--adp-color-disabled-in-range)}
.air-datepicker-cell.-disabled-.-current-.-focus- {color: var(--adp-color-disabled);}
.air-datepicker-cell.-in-range- {background: var(--adp-cell-background-color-in-range); border-radius: 0;}
.air-datepicker-cell.-in-range-:hover,
.air-datepicker-cell.-in-range-.-focus- {background: var(--adp-cell-background-color-in-range-hover);}
.air-datepicker-cell.-range-from-{
    border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);
    border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)
}
.air-datepicker-cell.-range-to-{
    border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);
    border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0
}
.air-datepicker-cell.-range-to-.-range-from- {border-radius: var(--adp-cell-border-radius);}
.air-datepicker-cell.-selected- {
    color: var(--white-color); border: none; background: var(--primary-color-3); transition:background var(--adp-transition-duration);
}
.air-datepicker-cell.-selected-.-current- {color: var(--white-color); background: var(--primary-color-3)}
.air-datepicker-cell.-selected-.-focus- {background: var(--primary-color-5);}
.air-datepicker-body {transition: all var(--adp-transition-duration) var(--adp-transition-ease);}
.air-datepicker-body.-hidden- {display: none;}
.air-datepicker-body--day-names {display: grid; grid-template-columns: repeat(7, var(--adp-day-cell-width)); margin: 8px 0 10px;}
.air-datepicker-body--day-name{
    color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;
    text-transform:uppercase; font-size:.8em; font-weight: 500;
}
.air-datepicker-body--day-name.-clickable-{cursor:pointer}
.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}
.air-datepicker-body--cells{display:grid}
.air-datepicker-body--cells.-days-{
    grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)
}
.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}
.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{
    display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);
    padding:var(--adp-padding);box-sizing:content-box
}
.-only-timepicker- .air-datepicker-nav{display:none}
.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}
.air-datepicker-nav--action{
    width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;
    user-select:none
}
.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}
.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}
.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}
.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}
.air-datepicker-nav--title{font-family: 'Inter', arial, sans-serif; border-radius:var(--adp-border-radius);padding:0 8px;}
.air-datepicker-nav--title i{font-family: 'Inter', arial, sans-serif; color: var(--adp-nav-color-secondary);margin-inline-start:.3em}
.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}
.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}
.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons {display:grid;grid-auto-columns:1fr;grid-auto-flow:column}
.air-datepicker-button {
    display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;
    height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)
}
.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}
.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}
.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}
.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{
    display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;
    padding:0 var(--adp-time-padding-inner)
}
.-only-timepicker- .air-datepicker-time{border-top:none}
.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}
.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}
.air-datepicker-time--current-hours, .air-datepicker-time--current-minutes{
    line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1
}
.air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after{
    content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;
    inset-inline-start:-2px;top:-3px;inset-inline-end:-2px;bottom:-2px;z-index:-1;opacity:0
}
.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}
.air-datepicker-time--current-ampm{
    text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-inline-start:6px;font-size:11px;
    margin-bottom:1px
}
.air-datepicker-time--row {
    display:flex;align-items:center;font-size:11px;height:17px;
    background: linear-gradient(to right, var(--adp-time-track-color),
    var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat
}
.air-datepicker-time--row:first-child{margin-bottom:4px}
.air-datepicker-time--row input[type=range]{
    background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none
}
.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}
.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}
.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {border-color: var(--gray-color-8);}
.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}
.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}
.air-datepicker-time--row input[type=range]:focus{outline:none}
.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{
    background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)
}
.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{
    background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)
}
.air-datepicker-time--row input[type=range]:focus::-ms-thumb{
    background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)
}
.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{
    box-sizing:border-box;height:12px;width:12px;border-radius:6px;border:1px solid var(--adp-time-track-color);background:#fff;
    cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)
}
.air-datepicker-time--row input[type=range]::-moz-range-thumb{
    box-sizing:border-box;height:12px;width:12px;border-radius:6px;border:1px solid var(--adp-time-track-color);background:#fff;
    cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)
}
.air-datepicker-time--row input[type=range]::-ms-thumb{
    box-sizing:border-box;height:12px;width:12px;border-radius:6px;border:1px solid var(--adp-time-track-color);background:#fff;
    cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)
}
.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}
.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{
    border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)
}
.air-datepicker-time--row input[type=range]::-moz-range-track{
    border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)
}
.air-datepicker-time--row input[type=range]::-ms-track{
    border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)
}
.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}
.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
.air-datepicker {
    --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol"; --adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 2000;--adp-padding: 4px;
    --adp-grid-areas: "nav" "body" "timepicker" "buttons"; --adp-transition-duration: .3s;--adp-transition-ease: ease-out;
    --adp-transition-offset: 8px;--adp-background-color: var(--white-color); --adp-background-color-hover: var(--gray-color-14);
    --adp-background-color-active: var(--gray-color-14);--adp-background-color-in-range: rgba(92, 196, 239, .1);
    --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;
    --adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;
    --adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;
    --adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;
    --adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;
    --adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;
    --adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: var(--primary-color-3);
    --adp-day-name-color-hover: #8ad5f4; --adp-day-cell-width: 1fr;--adp-day-cell-height: 30px;--adp-month-cell-height: 42px;
    --adp-year-cell-height: 56px; --adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;
    --adp-cell-border-radius: 4px; --adp-cell-background-color-hover: var(--adp-background-color-hover);
    --adp-cell-background-color-selected: var(--primary-color-3); --adp-cell-background-color-selected-hover: var(--primary-color-5);
    --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
    --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;
    --adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);
    --adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);
    --adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;
    --adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;
    --adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;
    --adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;
    --adp-mobile-year-cell-height: 64px
}
.air-datepicker-overlay{
    --adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;
    --adp-overlay-z-index: 99
}
.air-datepicker{
    background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);
    border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;
    grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas); position:absolute;
    font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);
    transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),
    transform var(--adp-transition-duration) var(--adp-transition-ease);
    z-index:var(--adp-z-index)
}
.air-datepicker:not(.-custom-position-){opacity:0}
.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}
.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}
.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}
.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}
.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}
.air-datepicker.-active-.-custom-position-{transition:none}
.air-datepicker.-inline-{
    border-color:var(--adp-border-color-inline);box-shadow:none;position:static;inset-inline-start:auto;inset-inline-end:auto;
    opacity:1;transform:none
}
.air-datepicker.-inline- .air-datepicker--pointer{display:none}
.air-datepicker.-is-mobile-{
    --adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);
    --adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);
    --adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;
    width:var(--adp-mobile-width);border:none
}
.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}
.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}
.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}
.air-datepicker.-custom-position- {transition: none;}
.air-datepicker-global-container {position: absolute; inset-inline-start: 0; top: 0;}
.air-datepicker--pointer{
    --pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);
    height:var(--adp-pointer-size);z-index:-1
}
.air-datepicker--pointer:after{
    content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);
    border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);
    width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box
}
.-top-left- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}
.-top-left- .air-datepicker--pointer:after,
.-top-center- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}
.-right-top- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer,
[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}
.-right-top- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}
.-bottom-left- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}
.-bottom-left- .air-datepicker--pointer:after,
.-bottom-center- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}
.-left-top- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-bottom- .air-datepicker--pointer,
[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}
.-left-top- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}
.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}
.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}
.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}
.-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}
.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}
.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}
.air-datepicker--navigation{grid-area:nav}
.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}
.-only-timepicker- .air-datepicker--content{display:none}
.air-datepicker--time{grid-area:timepicker}
.air-datepicker--buttons{grid-area:buttons}
.air-datepicker--buttons, .air-datepicker--time {padding: 12px 4px;}
.air-datepicker-overlay{
    position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;
    transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;
    transition-delay: 0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),
    var(--adp-overlay-transition-duration); z-index:var(--adp-overlay-z-index)
}
.air-datepicker-overlay.-active-{
    opacity:1;width:100%;height:100%;
    transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s;
}

/* ------------------------------- QUILL ------------------------------- */

.ql-container{box-sizing:border-box;height:100%;margin:0;position:relative}
.ql-container.ql-disabled .ql-tooltip{visibility:hidden}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {cursor:pointer}
.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}
.ql-clipboard p{margin:0;padding:0}
.ql-editor{
    box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;
    height:100%;outline:none;overflow-y:auto;padding:12px 0;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;
    word-wrap:break-word; max-height: 390px; overflow: auto;
}
html[lang="ar"] .ql-editor {direction: rtl; text-align: right;}
html[lang="ar"] .ql-editor.ql-blank::before {right: 15px; left: auto;}
.ql-editor > *{cursor:text}
.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,
.ql-editor h5,.ql-editor h6{margin:0;padding:0}
@supports (counter-set:none){
    .ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{
        counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
}
@supports not (counter-set:none){
    .ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{
        counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
}
.ql-editor table {border-collapse: collapse;}
.ql-editor td {border: 1px solid var(--black-color); padding: 2px 5px;}
.ql-editor ol {padding-inline-start: 0;}
.ql-editor li {list-style-type: none; padding-inline-start: 1em; position: relative;}
.ql-editor li > .ql-ui:before {
    display: inline-block; margin-inline-start: -1.7em; margin-inline-end: .3em; text-align: end; white-space: nowrap; width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui {color: var(--gray-color-6);}
.ql-editor li[data-list=bullet] > .ql-ui:before {content: '\2022';}
.ql-editor li[data-list=checked] > .ql-ui:before {content: '\2611';}
.ql-editor li[data-list=unchecked] > .ql-ui:before {content: '\2610';}
@supports (counter-set:none){
    .ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
}
@supports not (counter-set:none){
    .ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
}
.ql-editor li[data-list=ordered]{counter-increment:list-0}
.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}
.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}
@supports (counter-set:none){
    .ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
}
@supports not (counter-set:none){
    .ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
}
.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}
@supports (counter-set:none){
    .ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}
}
@supports not (counter-set:none){
    .ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}
}
.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}

@supports (counter-set:none){
    .ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}
}
@supports not (counter-set:none){
    .ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}
}
.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}
@supports (counter-set:none){
    .ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}
}
@supports not (counter-set:none){
    .ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}
}
.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}
@supports (counter-set:none){
    .ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}
}
@supports not (counter-set:none){
    .ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}
}
.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}
@supports (counter-set:none){
    .ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}
}@supports not (counter-set:none){
    .ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}
}
.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}
@supports (counter-set:none){
    .ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}
}@supports not (counter-set:none){
    .ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}
}
.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}
@supports (counter-set:none){
    .ql-editor li[data-list].ql-indent-8{counter-set:list-9}
}
@supports not (counter-set:none){
    .ql-editor li[data-list].ql-indent-8{counter-reset:list-9}
}
.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}
.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-inline-start:3em}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-inline-start:4.5em}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-inline-end:3em}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-inline-end:4.5em}
.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-inline-start:6em}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-inline-start:7.5em}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-inline-end:6em}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-inline-end:7.5em}
.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-inline-start:9em}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-inline-start:10.5em}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-inline-end:9em}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-inline-end:10.5em}
.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-inline-start:12em}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-inline-start:13.5em}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-inline-end:12em}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-inline-end:13.5em}
.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-inline-start:15em}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-inline-start:16.5em}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-inline-end:15em}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-inline-end:16.5em}
.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-inline-start:18em}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-inline-start:19.5em}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-inline-end:18em}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-inline-end:19.5em}
.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-inline-start:21em}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-inline-start:22.5em}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-inline-end:21em}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-inline-end:22.5em}
.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-inline-start:24em}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-inline-start:25.5em}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-inline-end:24em}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-inline-end:25.5em}
.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-inline-start:27em}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-inline-start:28.5em}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-inline-end:27em}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-inline-end:28.5em}
.ql-editor li.ql-direction-rtl{padding-inline-end:1.5em}
.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-inline-start:.3em;margin-inline-end:-1.5em;text-align: start;}
.ql-editor table{table-layout:fixed;width:100%}
.ql-editor table td{outline:none}
.ql-editor .ql-code-block-container{font-family:monospace}
.ql-editor .ql-video{display:block;max-width:100%}
.ql-editor .ql-video.ql-align-center{margin:0 auto}
.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}
.ql-editor .ql-bg-black {background-color: var(--black-color);}
.ql-editor .ql-bg-red{background-color:#e60000}
.ql-editor .ql-bg-orange{background-color:#f90}
.ql-editor .ql-bg-yellow{background-color:#ff0}
.ql-editor .ql-bg-green{background-color:#008a00}
.ql-editor .ql-bg-blue{background-color:#06c}
.ql-editor .ql-bg-purple{background-color:#93f}
.ql-editor .ql-color-white{color:#fff}
.ql-editor .ql-color-red{color:#e60000}
.ql-editor .ql-color-orange{color:#f90}
.ql-editor .ql-color-yellow{color:#ff0}
.ql-editor .ql-color-green{color:#008a00}
.ql-editor .ql-color-blue{color:#06c}
.ql-editor .ql-color-purple{color:#93f}
.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}
.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}
.ql-editor .ql-size-small{font-size:.75em}
.ql-editor .ql-size-large{font-size:1.5em}
.ql-editor .ql-size-huge{font-size:2.5em}
.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}
.ql-editor .ql-align-center {text-align: center;}
.ql-editor .ql-align-justify {text-align: justify;}
.ql-editor .ql-align-right {text-align: end;}
.ql-editor .ql-ui{position:absolute}
.ql-editor.ql-blank::before{
    color: var(--gray-color-5); content: attr(data-placeholder); left: 0; right: 0; pointer-events: none; position: absolute;
}
.ql-editor strong {font-weight: 500;}
.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}
.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{
    background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px
}
.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}
.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}
.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}
.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color: var(--primary-color-3);}
.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill: var(--primary-color-3);}
.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke: var(--primary-color-3);}
@media (pointer:coarse){
    .ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}
}
.ql-snow{box-sizing:border-box}
.ql-snow *{box-sizing:border-box}
.ql-snow .ql-hidden{display:none}
.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}
.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}
.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}
.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}
.ql-snow .ql-formats{display:inline-block;vertical-align:middle}
.ql-snow .ql-formats:after{clear:both;content:'';display:table}
.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}
.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}
.ql-snow .ql-empty{fill:none}
.ql-snow .ql-even{fill-rule:evenodd}
.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}
.ql-snow .ql-transparent{opacity:.4}
.ql-snow .ql-direction svg:last-child{display:none}
.ql-snow .ql-direction.ql-active svg:last-child{display:inline}
.ql-snow .ql-direction.ql-active svg:first-child{display:none}
.ql-snow .ql-editor h1{font-size:2em}
.ql-snow .ql-editor h2{font-size:1.5em}
.ql-snow .ql-editor h3{font-size:1.17em}
.ql-snow .ql-editor h4{font-size:1em}
.ql-snow .ql-editor h5{font-size:.83em}
.ql-snow .ql-editor h6{font-size:.67em}
.ql-snow .ql-editor a{text-decoration:underline}
.ql-snow .ql-editor blockquote{border-left:4px solid var(--gray-color-10);margin-bottom:5px;margin-top:5px;padding-left:16px}
.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container {background-color: var(--gray-color-14); border-radius: 3px;}
.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}
.ql-snow .ql-editor code{font-size:85%;padding:2px 4px;}
.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}
.ql-snow .ql-editor img{max-width:100%}
.ql-snow .ql-picker{
    color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle
}
.ql-snow .ql-picker-label{
    cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%
}
.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}
.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}
.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}
.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:var(--gray-color-10);z-index:2}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:var(--gray-color-10)}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:var(--gray-color-10)}
.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}
.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}
.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}
.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}
.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}
.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}
.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}
.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}
.ql-snow .ql-picker.ql-header{width:98px}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}
.ql-snow .ql-picker.ql-font{width:108px}
.ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}
.ql-snow .ql-picker.ql-size{width:98px}
.ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {font-size: 10px;}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {font-size: 18px;}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {font-size: 32px;}
.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color: var(--white-color);}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {background-color: var(--black-color);}
.ql-code-block-container{position:relative}
.ql-code-block-container .ql-ui{right:5px;top:5px}
.ql-toolbar.ql-snow{
    border-bottom: 1px solid var(--gray-color-9); box-sizing: border-box; font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif;
    padding: 8px 0;
}
.ql-toolbar.ql-snow .ql-formats{margin-right:15px}
.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}
.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:var(--gray-color-10)}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:var(--gray-color-10)}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {border-color: var(--black-color);}
.ql-toolbar.ql-snow + .ql-container.ql-snow {border-top: 0;}
.ql-snow .ql-tooltip{
    background-color: #fff; border: 1px solid var(--gray-color-10); box-shadow: 0 0 5px var(--gray-color-12); color: #444;
    padding: 5px 12px; white-space: nowrap; z-index: 10;
}
.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}
.ql-snow .ql-tooltip input[type=text]{
    display:none;border:1px solid var(--gray-color-10);font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px
}
.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}
.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid var(--gray-color-10);content:'Edit';margin-inline-start:16px;padding-right:8px}
.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-inline-start:8px}
.ql-snow .ql-tooltip a{line-height:26px}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}
.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}
.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}
.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}
.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}
.ql-snow a{color: var(--primary-color-3);}
.ql-container.ql-snow {border-bottom: 1px solid var(--gray-color-9); overflow: initial;}
.ql-editor strong {font-weight: 600;}

.editor_group > .ql-container.ql-snow::before {
    content: ''; border-bottom: 2px solid var(--primary-color-3); position: absolute; bottom: -1px; inset-inline-start: 0;
    width: 0; height: 0; transition: width 0.35s ease-in-out;
}
.editor_group > .ql-container.ql-snow:focus-within::before {width: 100%;}

.editor_group > small {
    position: absolute; bottom: -17px; color: var(--red-color-1); font-size: 11px; font-weight: 500; pointer-events: none; opacity: 0;
    padding-inline-start: 0; transition: all 0.35s ease-in-out;
}
.editor_group.error > .ql-container.ql-snow {border-color: var(--red-color-1);}
.editor_group.error > .ql-container.ql-snow::before {border-color: var(--red-color-1);}
.editor_group.error > small.show {opacity: 1;}