/* @import "../build/assets/css/tabler-icons.min.css"; */

@font-face {
    font-family: IRANYekan;

    font-style: normal;

    font-weight: 500;

    src: url('../fonts/IRANYekanX-Medium.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekan;

    font-style: normal;

    font-weight: 600;

    src: url('../fonts/IRANYekanX-DemiBold.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekan;

    font-style: normal;

    font-weight: 800;

    src: url('../fonts/IRANYekanX-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekan;

    font-style: normal;

    font-weight: 900;

    src: url('../fonts/IRANYekanX-Black.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekan;

    font-style: normal;

    font-weight: 950;

    src: url('../fonts/IRANYekanX-ExtraBlack.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekan;

    font-style: normal;

    font-weight: 1000;

    src: url('../fonts/IRANYekanX-Heavy.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekan;

    font-style: normal;

    font-weight: bold;

    src: url('../fonts/IRANYekanX-Bold.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekan;

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/IRANYekanX-Regular.woff2') format('woff2');
}

.select2-container{
    box-sizing:border-box;
    display:inline-block;
    margin:0;
    position:relative;
    vertical-align:middle
}

.select2-container .select2-selection--single{
    box-sizing:border-box;
    cursor:pointer;
    display:block;
    height:28px;
    -moz-user-select:none;
    user-select:none;
    -webkit-user-select:none
}

.select2-container .select2-selection--single .select2-selection__rendered{
    display:block;
    padding-left:8px;
    padding-right:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.select2-container .select2-selection--single .select2-selection__clear{
    background-color:transparent;
    border:none;
    font-size:1em
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
    padding-right:8px;
    padding-left:20px
}

.select2-container .select2-selection--multiple{
    box-sizing:border-box;
    cursor:pointer;
    display:block;
    min-height:32px;
    -moz-user-select:none;
    user-select:none;
    -webkit-user-select:none
}

.select2-container .select2-selection--multiple .select2-selection__rendered{
    display:inline;
    list-style:none;
    padding:0
}

.select2-container .select2-selection--multiple .select2-selection__clear{
    background-color:transparent;
    border:none;
    font-size:1em
}

.select2-container .select2-search--inline .select2-search__field{
    box-sizing:border-box;
    border:none;
    font-size:100%;
    margin-top:5px;
    margin-left:5px;
    padding:0;
    max-width:100%;
    resize:none;
    height:18px;
    vertical-align:bottom;
    font-family:sans-serif;
    overflow:hidden;
    word-break:keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{
    -webkit-appearance:none
}

.select2-dropdown{
    background-color:white;
    border:1px solid #aaa;
    border-radius:4px;
    box-sizing:border-box;
    display:block;
    position:absolute;
    left:-100000px;
    width:100%;
    z-index:1051
}

.select2-results{
    display:block
}

.select2-results__options{
    list-style:none;
    margin:0;
    padding:0
}

.select2-results__option{
    padding:6px;
    -moz-user-select:none;
    user-select:none;
    -webkit-user-select:none
}

.select2-results__option--selectable{
    cursor:pointer
}

.select2-container--open .select2-dropdown{
    left:0
}

.select2-container--open .select2-dropdown--above{
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}

.select2-container--open .select2-dropdown--below{
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0
}

.select2-search--dropdown{
    display:block;
    padding:4px
}

.select2-search--dropdown .select2-search__field{
    padding:4px;
    width:100%;
    box-sizing:border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{
    -webkit-appearance:none
}

.select2-search--dropdown.select2-search--hide{
    display:none
}

.select2-close-mask{
    border:0;
    margin:0;
    padding:0;
    display:block;
    position:fixed;
    left:0;
    top:0;
    min-height:100%;
    min-width:100%;
    height:auto;
    width:auto;
    opacity:0;
    z-index:99;
    background-color:#fff;
    filter:alpha(opacity=0)
}

.select2-hidden-accessible{
    border:0 !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    height:1px !important;
    overflow:hidden !important;
    padding:0 !important;
    position:absolute !important;
    width:1px !important;
    white-space:nowrap !important
}

.select2-container--default .select2-selection--single{
    background-color:#fff;
    border:1px solid #aaa;
    border-radius:4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#444;
    line-height:28px
}

.select2-container--default .select2-selection--single .select2-selection__clear{
    cursor:pointer;
    float:right;
    font-weight:bold;
    height:26px;
    margin-right:20px;
    padding-right:0px
}

.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color:#999
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:26px;
    position:absolute;
    top:1px;
    right:1px;
    width:20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#888 transparent transparent transparent;
    border-style:solid;
    border-width:5px 4px 0 4px;
    height:0;
    left:50%;
    margin-left:-4px;
    margin-top:-2px;
    position:absolute;
    top:50%;
    width:0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{
    float:left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{
    left:1px;
    right:auto
}

.select2-container--default.select2-container--disabled .select2-selection--single{
    background-color:#eee;
    cursor:default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{
    display:none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #888 transparent;
    border-width:0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple{
    background-color:white;
    border:1px solid #aaa;
    border-radius:4px;
    cursor:text;
    padding-bottom:5px;
    padding-right:5px;
    position:relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable{
    padding-right:25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear{
    cursor:pointer;
    font-weight:bold;
    height:20px;
    margin-right:10px;
    margin-top:5px;
    position:absolute;
    right:0;
    padding:1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color:#e4e4e4;
    border:1px solid #aaa;
    border-radius:4px;
    box-sizing:border-box;
    display:inline-block;
    margin-left:5px;
    margin-top:5px;
    padding:0;
    padding-left:20px;
    position:relative;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:bottom;
    white-space:nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    cursor:default;
    padding-left:2px;
    padding-right:5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    background-color:transparent;
    border:none;
    border-right:1px solid #aaa;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    color:#999;
    cursor:pointer;
    font-size:1em;
    font-weight:bold;
    padding:0 4px;
    position:absolute;
    left:0;
    top:0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{
    background-color:#f1f1f1;
    color:#333;
    outline:none
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
    margin-left:5px;
    margin-right:auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{
    padding-left:5px;
    padding-right:2px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
    border-left:1px solid #aaa;
    border-right:none;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{
    float:left;
    margin-left:10px;
    margin-right:auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
    border:solid black 1px;
    outline:0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple{
    background-color:#eee;
    cursor:default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove{
    display:none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{
    border-top-left-radius:0;
    border-top-right-radius:0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}

.select2-container--default .select2-search--dropdown .select2-search__field{
    border:1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field{
    background:transparent;
    border:none;
    outline:0;
    box-shadow:none;
    -webkit-appearance:textfield
}

.select2-container--default .select2-results>.select2-results__options{
    max-height:200px;
    overflow-y:auto
}

.select2-container--default .select2-results__option .select2-results__option{
    padding-left:1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group{
    padding-left:0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-1em;
    padding-left:2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-2em;
    padding-left:3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-3em;
    padding-left:4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-4em;
    padding-left:5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-5em;
    padding-left:6em
}

.select2-container--default .select2-results__option--group{
    padding:0
}

.select2-container--default .select2-results__option--disabled{
    color:#999
}

.select2-container--default .select2-results__option--selected{
    background-color:#ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color:#5897fb;
    color:white
}

.select2-container--default .select2-results__group{
    cursor:default;
    display:block;
    padding:6px
}

.select2-container--classic .select2-selection--single{
    background-color:#f7f7f7;
    border:1px solid #aaa;
    border-radius:4px;
    outline:0;
    background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus{
    border:1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered{
    color:#444;
    line-height:28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear{
    cursor:pointer;
    float:right;
    font-weight:bold;
    height:26px;
    margin-right:20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder{
    color:#999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow{
    background-color:#ddd;
    border:none;
    border-left:1px solid #aaa;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    height:26px;
    position:absolute;
    top:1px;
    right:1px;
    width:20px;
    background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b{
    border-color:#888 transparent transparent transparent;
    border-style:solid;
    border-width:5px 4px 0 4px;
    height:0;
    left:50%;
    margin-left:-4px;
    margin-top:-2px;
    position:absolute;
    top:50%;
    width:0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{
    float:left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{
    border:none;
    border-right:1px solid #aaa;
    border-radius:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    left:1px;
    right:auto
}

.select2-container--classic.select2-container--open .select2-selection--single{
    border:1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{
    background:transparent;
    border:none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #888 transparent;
    border-width:0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0;
    background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple{
    background-color:white;
    border:1px solid #aaa;
    border-radius:4px;
    cursor:text;
    outline:0;
    padding-bottom:5px;
    padding-right:5px
}

.select2-container--classic .select2-selection--multiple:focus{
    border:1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear{
    display:none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice{
    background-color:#e4e4e4;
    border:1px solid #aaa;
    border-radius:4px;
    display:inline-block;
    margin-left:5px;
    margin-top:5px;
    padding:0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{
    cursor:default;
    padding-left:2px;
    padding-right:5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{
    background-color:transparent;
    border:none;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    color:#888;
    cursor:pointer;
    font-size:1em;
    font-weight:bold;
    padding:0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{
    color:#555;
    outline:none
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
    margin-left:5px;
    margin-right:auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{
    padding-left:5px;
    padding-right:2px
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple{
    border:1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}

.select2-container--classic .select2-search--dropdown .select2-search__field{
    border:1px solid #aaa;
    outline:0
}

.select2-container--classic .select2-search--inline .select2-search__field{
    outline:0;
    box-shadow:none
}

.select2-container--classic .select2-dropdown{
    background-color:#fff;
    border:1px solid transparent
}

.select2-container--classic .select2-dropdown--above{
    border-bottom:none
}

.select2-container--classic .select2-dropdown--below{
    border-top:none
}

.select2-container--classic .select2-results>.select2-results__options{
    max-height:200px;
    overflow-y:auto
}

.select2-container--classic .select2-results__option--group{
    padding:0
}

.select2-container--classic .select2-results__option--disabled{
    color:grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{
    background-color:#3875d7;
    color:#fff
}

.select2-container--classic .select2-results__group{
    cursor:default;
    display:block;
    padding:6px
}

.select2-container--classic.select2-container--open .select2-dropdown{
    border-color:#5897fb
}

/* @import "./libs/toastr/toastr.css"; */

/**
 * Minified by jsDelivr using clean-css v5.3.2.
 * Original file: /npm/perfect-scrollbar@1.5.6/css/perfect-scrollbar.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */

.ps{
    overflow:hidden!important;
    overflow-anchor:none;
    -ms-overflow-style:none;
    touch-action:auto;
    -ms-touch-action:auto
}

.ps__rail-x{
    display:none;
    opacity:0;
    transition:background-color .2s linear,opacity .2s linear;
    -webkit-transition:background-color .2s linear,opacity .2s linear;
    height:15px;
    bottom:0;
    position:absolute
}

.ps__rail-y{
    display:none;
    opacity:0;
    transition:background-color .2s linear,opacity .2s linear;
    -webkit-transition:background-color .2s linear,opacity .2s linear;
    width:15px;
    right:0;
    position:absolute
}

.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{
    display:block;
    background-color:transparent
}

.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{
    opacity:.6
}

.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{
    background-color:#eee;
    opacity:.9
}

.ps__thumb-x{
    background-color:#aaa;
    border-radius:6px;
    transition:background-color .2s linear,height .2s ease-in-out;
    -webkit-transition:background-color .2s linear,height .2s ease-in-out;
    height:6px;
    bottom:2px;
    position:absolute
}

.ps__thumb-y{
    background-color:#aaa;
    border-radius:6px;
    transition:background-color .2s linear,width .2s ease-in-out;
    -webkit-transition:background-color .2s linear,width .2s ease-in-out;
    width:6px;
    right:2px;
    position:absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{
    background-color:#999;
    height:11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{
    background-color:#999;
    width:11px
}

@supports (-ms-overflow-style:none){
    .ps{
        overflow:auto!important
    }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
    .ps{
        overflow:auto!important
    }
}

.swal2-popup.swal2-toast{
    box-sizing:border-box;
    grid-column:1/4 !important;
    grid-row:1/4 !important;
    grid-template-columns:min-content auto min-content;
    padding:1em;
    overflow-y:hidden;
    background:#fff;
    box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);
    pointer-events:all
}

.swal2-popup.swal2-toast>*{
    grid-column:2
}

.swal2-popup.swal2-toast .swal2-title{
    margin:.5em 1em;
    padding:0;
    font-size:1em;
    text-align:initial
}

.swal2-popup.swal2-toast .swal2-loading{
    justify-content:center
}

.swal2-popup.swal2-toast .swal2-input{
    height:2em;
    margin:.5em;
    font-size:1em
}

.swal2-popup.swal2-toast .swal2-validation-message{
    font-size:1em
}

.swal2-popup.swal2-toast .swal2-footer{
    margin:.5em 0 0;
    padding:.5em 0 0;
    font-size:.8em
}

.swal2-popup.swal2-toast .swal2-close{
    grid-column:3/3;
    grid-row:1/99;
    align-self:center;
    width:.8em;
    height:.8em;
    margin:0;
    font-size:2em
}

.swal2-popup.swal2-toast .swal2-html-container{
    margin:.5em 1em;
    padding:0;
    overflow:initial;
    font-size:1em;
    text-align:initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty{
    padding:0
}

.swal2-popup.swal2-toast .swal2-loader{
    grid-column:1;
    grid-row:1/99;
    align-self:center;
    width:2em;
    height:2em;
    margin:.25em
}

.swal2-popup.swal2-toast .swal2-icon{
    grid-column:1;
    grid-row:1/99;
    align-self:center;
    width:2em;
    min-width:2em;
    height:2em;
    margin:0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{
    display:flex;
    align-items:center;
    font-size:1.8em;
    font-weight:bold
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{
    width:2em;
    height:2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{
    top:.875em;
    width:1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{
    left:.3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{
    right:.3125em
}

.swal2-popup.swal2-toast .swal2-actions{
    justify-content:flex-start;
    height:auto;
    margin:0;
    margin-top:.5em;
    padding:0 .5em
}

.swal2-popup.swal2-toast .swal2-styled{
    margin:.25em .5em;
    padding:.4em .6em;
    font-size:1em
}

.swal2-popup.swal2-toast .swal2-success{
    border-color:#a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{
    position:absolute;
    width:1.6em;
    height:3em;
    border-radius:50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{
    top:-0.8em;
    left:-0.5em;
    transform:rotate(-45deg);
    transform-origin:2em 2em;
    border-radius:4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{
    top:-0.25em;
    left:.9375em;
    transform-origin:0 1.5em;
    border-radius:0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{
    width:2em;
    height:2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{
    top:0;
    left:.4375em;
    width:.4375em;
    height:2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{
    height:.3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{
    top:1.125em;
    left:.1875em;
    width:.75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{
    top:.9375em;
    right:.1875em;
    width:1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{
    animation:swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{
    animation:swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show{
    animation:swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide{
    animation:swal2-toast-hide .1s forwards
}

div:where(.swal2-container){
    display:grid;
    position:fixed;
    z-index:1060;
    inset:0;
    box-sizing:border-box;
    grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height:100%;
    padding:.625em;
    overflow-x:hidden;
    transition:background-color .1s;
    -webkit-overflow-scrolling:touch
}

div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{
    background:rgba(0,0,0,.4)
}

div:where(.swal2-container).swal2-backdrop-hide{
    background:rgba(0,0,0,0) !important
}

div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{
    grid-template-columns:minmax(0, 1fr) auto auto
}

div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{
    grid-template-columns:auto minmax(0, 1fr) auto
}

div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{
    grid-template-columns:auto auto minmax(0, 1fr)
}

div:where(.swal2-container).swal2-top-start>.swal2-popup{
    align-self:start
}

div:where(.swal2-container).swal2-top>.swal2-popup{
    grid-column:2;
    place-self:start center
}

div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{
    grid-column:3;
    place-self:start end
}

div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{
    grid-row:2;
    align-self:center
}

div:where(.swal2-container).swal2-center>.swal2-popup{
    grid-column:2;
    grid-row:2;
    place-self:center center
}

div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{
    grid-column:3;
    grid-row:2;
    place-self:center end
}

div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{
    grid-column:1;
    grid-row:3;
    align-self:end
}

div:where(.swal2-container).swal2-bottom>.swal2-popup{
    grid-column:2;
    grid-row:3;
    place-self:end center
}

div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{
    grid-column:3;
    grid-row:3;
    place-self:end end
}

div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{
    grid-column:1/4;
    width:100%
}

div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{
    grid-row:1/4;
    align-self:stretch
}

div:where(.swal2-container).swal2-no-transition{
    transition:none !important
}

div:where(.swal2-container) div:where(.swal2-popup){
    display:none;
    position:relative;
    box-sizing:border-box;
    grid-template-columns:minmax(0, 100%);
    width:32em;
    max-width:100%;
    padding:0 0 1.25em;
    border:none;
    border-radius:5px;
    background:#fff;
    color:hsl(0,0%,33%);
    font-family:inherit;
    font-size:1rem
}

div:where(.swal2-container) div:where(.swal2-popup):focus{
    outline:none
}

div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{
    overflow-y:hidden
}

div:where(.swal2-container) h2:where(.swal2-title){
    position:relative;
    max-width:100%;
    margin:0;
    padding:.8em 1em 0;
    color:inherit;
    font-size:1.875em;
    font-weight:600;
    text-align:center;
    text-transform:none;
    word-wrap:break-word
}

div:where(.swal2-container) div:where(.swal2-actions){
    display:flex;
    z-index:1;
    box-sizing:border-box;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    width:auto;
    margin:1.25em auto 0;
    padding:0
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{
    opacity:.4
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{
    background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{
    background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))
}

div:where(.swal2-container) div:where(.swal2-loader){
    display:none;
    align-items:center;
    justify-content:center;
    width:2.2em;
    height:2.2em;
    margin:0 1.875em;
    animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-width:.25em;
    border-style:solid;
    border-radius:100%;
    border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)
}

div:where(.swal2-container) button:where(.swal2-styled){
    margin:.3125em;
    padding:.625em 1.1em;
    transition:box-shadow .1s;
    box-shadow:0 0 0 3px rgba(0,0,0,0);
    font-weight:500
}

div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){
    cursor:pointer
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){
    border:0;
    border-radius:.25em;
    background:initial;
    background-color:#7066e0;
    color:#fff;
    font-size:1em
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{
    box-shadow:0 0 0 3px rgba(112,102,224,.5)
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){
    border:0;
    border-radius:.25em;
    background:initial;
    background-color:#dc3741;
    color:#fff;
    font-size:1em
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible{
    box-shadow:0 0 0 3px rgba(220,55,65,.5)
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){
    border:0;
    border-radius:.25em;
    background:initial;
    background-color:#6e7881;
    color:#fff;
    font-size:1em
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible{
    box-shadow:0 0 0 3px rgba(110,120,129,.5)
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible{
    box-shadow:0 0 0 3px rgba(100,150,200,.5)
}

div:where(.swal2-container) button:where(.swal2-styled):focus-visible{
    outline:none
}

div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{
    border:0
}

div:where(.swal2-container) div:where(.swal2-footer){
    margin:1em 0 0;
    padding:1em 1em 0;
    border-top:1px solid #eee;
    color:inherit;
    font-size:1em;
    text-align:center
}

div:where(.swal2-container) .swal2-timer-progress-bar-container{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    grid-column:auto !important;
    overflow:hidden;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar){
    width:100%;
    height:.25em;
    background:rgba(0,0,0,.2)
}

div:where(.swal2-container) img:where(.swal2-image){
    max-width:100%;
    margin:2em auto 1em
}

div:where(.swal2-container) button:where(.swal2-close){
    z-index:2;
    align-items:center;
    justify-content:center;
    width:1.2em;
    height:1.2em;
    margin-top:0;
    margin-right:0;
    margin-bottom:-1.2em;
    padding:0;
    overflow:hidden;
    transition:color .1s,box-shadow .1s;
    border:none;
    border-radius:5px;
    background:rgba(0,0,0,0);
    color:#ccc;
    font-family:monospace;
    font-size:2.5em;
    cursor:pointer;
    justify-self:end
}

div:where(.swal2-container) button:where(.swal2-close):hover{
    transform:none;
    background:rgba(0,0,0,0);
    color:#f27474
}

div:where(.swal2-container) button:where(.swal2-close):focus-visible{
    outline:none;
    box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)
}

div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{
    border:0
}

div:where(.swal2-container) .swal2-html-container{
    z-index:1;
    justify-content:center;
    margin:0;
    padding:1em 1.6em .3em;
    overflow:auto;
    color:inherit;
    font-size:1.125em;
    font-weight:normal;
    line-height:normal;
    text-align:center;
    word-wrap:break-word;
    word-break:break-word
}

div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){
    margin:1em 2em 3px
}

div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){
    box-sizing:border-box;
    width:auto;
    transition:border-color .1s,box-shadow .1s;
    border:1px solid hsl(0,0%,85%);
    border-radius:.1875em;
    background:rgba(0,0,0,0);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);
    color:inherit;
    font-size:1.125em
}

div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{
    border-color:#f27474 !important;
    box-shadow:0 0 2px #f27474 !important
}

div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{
    border:1px solid #b4dbed;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)
}

div:where(.swal2-container) input:where(.swal2-input)::-moz-placeholder, div:where(.swal2-container) input:where(.swal2-file)::-moz-placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::-moz-placeholder{
    color:#ccc
}

div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{
    color:#ccc
}

div:where(.swal2-container) .swal2-range{
    margin:1em 2em 3px;
    background:#fff
}

div:where(.swal2-container) .swal2-range input{
    width:80%
}

div:where(.swal2-container) .swal2-range output{
    width:20%;
    color:inherit;
    font-weight:600;
    text-align:center
}

div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{
    height:2.625em;
    padding:0;
    font-size:1.125em;
    line-height:2.625em
}

div:where(.swal2-container) .swal2-input{
    height:2.625em;
    padding:0 .75em
}

div:where(.swal2-container) .swal2-file{
    width:75%;
    margin-right:auto;
    margin-left:auto;
    background:rgba(0,0,0,0);
    font-size:1.125em
}

div:where(.swal2-container) .swal2-textarea{
    height:6.75em;
    padding:.75em
}

div:where(.swal2-container) .swal2-select{
    min-width:50%;
    max-width:100%;
    padding:.375em .625em;
    background:rgba(0,0,0,0);
    color:inherit;
    font-size:1.125em
}

div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{
    align-items:center;
    justify-content:center;
    background:#fff;
    color:inherit
}

div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{
    margin:0 .6em;
    font-size:1.125em
}

div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{
    flex-shrink:0;
    margin:0 .4em
}

div:where(.swal2-container) label:where(.swal2-input-label){
    display:flex;
    justify-content:center;
    margin:1em auto 0
}

div:where(.swal2-container) div:where(.swal2-validation-message){
    align-items:center;
    justify-content:center;
    margin:1em 0 0;
    padding:.625em;
    overflow:hidden;
    background:hsl(0,0%,94%);
    color:#666;
    font-size:1em;
    font-weight:300
}

div:where(.swal2-container) div:where(.swal2-validation-message)::before{
    content:"!";
    display:inline-block;
    width:1.5em;
    min-width:1.5em;
    height:1.5em;
    margin:0 .625em;
    border-radius:50%;
    background-color:#f27474;
    color:#fff;
    font-weight:600;
    line-height:1.5em;
    text-align:center
}

div:where(.swal2-container) .swal2-progress-steps{
    flex-wrap:wrap;
    align-items:center;
    max-width:100%;
    margin:1.25em auto;
    padding:0;
    background:rgba(0,0,0,0);
    font-weight:600
}

div:where(.swal2-container) .swal2-progress-steps li{
    display:inline-block;
    position:relative
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{
    z-index:20;
    flex-shrink:0;
    width:2em;
    height:2em;
    border-radius:2em;
    background:#2778c4;
    color:#fff;
    line-height:2em;
    text-align:center
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{
    background:#2778c4
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{
    background:#add8e6;
    color:#fff
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{
    background:#add8e6
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{
    z-index:10;
    flex-shrink:0;
    width:2.5em;
    height:.4em;
    margin:0 -1px;
    background:#2778c4
}

div:where(.swal2-icon){
    position:relative;
    box-sizing:content-box;
    justify-content:center;
    width:5em;
    height:5em;
    margin:2.5em auto .6em;
    border:0.25em solid rgba(0,0,0,0);
    border-radius:50%;
    border-color:#000;
    font-family:inherit;
    line-height:5em;
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}

div:where(.swal2-icon) .swal2-icon-content{
    display:flex;
    align-items:center;
    font-size:3.75em
}

div:where(.swal2-icon).swal2-error{
    border-color:#f27474;
    color:#f27474
}

div:where(.swal2-icon).swal2-error .swal2-x-mark{
    position:relative;
    flex-grow:1
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{
    display:block;
    position:absolute;
    top:2.3125em;
    width:2.9375em;
    height:.3125em;
    border-radius:.125em;
    background-color:#f27474
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{
    left:1.0625em;
    transform:rotate(45deg)
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{
    right:1em;
    transform:rotate(-45deg)
}

div:where(.swal2-icon).swal2-error.swal2-icon-show{
    animation:swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{
    animation:swal2-animate-error-x-mark .5s
}

div:where(.swal2-icon).swal2-warning{
    border-color:rgb(249.95234375,205.965625,167.74765625);
    color:#f8bb86
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show{
    animation:swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{
    animation:swal2-animate-i-mark .5s
}

div:where(.swal2-icon).swal2-info{
    border-color:rgb(156.7033492823,224.2822966507,246.2966507177);
    color:#3fc3ee
}

div:where(.swal2-icon).swal2-info.swal2-icon-show{
    animation:swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{
    animation:swal2-animate-i-mark .8s
}

div:where(.swal2-icon).swal2-question{
    border-color:rgb(200.8064516129,217.9677419355,225.1935483871);
    color:#87adbd
}

div:where(.swal2-icon).swal2-question.swal2-icon-show{
    animation:swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{
    animation:swal2-animate-question-mark .8s
}

div:where(.swal2-icon).swal2-success{
    border-color:#a5dc86;
    color:#a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{
    position:absolute;
    width:3.75em;
    height:7.5em;
    border-radius:50%
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{
    top:-0.4375em;
    left:-2.0635em;
    transform:rotate(-45deg);
    transform-origin:3.75em 3.75em;
    border-radius:7.5em 0 0 7.5em
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{
    top:-0.6875em;
    left:1.875em;
    transform:rotate(-45deg);
    transform-origin:0 3.75em;
    border-radius:0 7.5em 7.5em 0
}

div:where(.swal2-icon).swal2-success .swal2-success-ring{
    position:absolute;
    z-index:2;
    top:-0.25em;
    left:-0.25em;
    box-sizing:content-box;
    width:100%;
    height:100%;
    border:.25em solid rgba(165,220,134,.3);
    border-radius:50%
}

div:where(.swal2-icon).swal2-success .swal2-success-fix{
    position:absolute;
    z-index:1;
    top:.5em;
    left:1.625em;
    width:.4375em;
    height:5.625em;
    transform:rotate(-45deg)
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{
    display:block;
    position:absolute;
    z-index:2;
    height:.3125em;
    border-radius:.125em;
    background-color:#a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{
    top:2.875em;
    left:.8125em;
    width:1.5625em;
    transform:rotate(45deg)
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{
    top:2.375em;
    right:.5em;
    width:2.9375em;
    transform:rotate(-45deg)
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{
    animation:swal2-animate-success-line-tip .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{
    animation:swal2-animate-success-line-long .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{
    animation:swal2-rotate-success-circular-line 4.25s ease-in
}

[class^=swal2]{
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}

.swal2-show{
    animation:swal2-show .3s
}

.swal2-hide{
    animation:swal2-hide .15s forwards
}

.swal2-noanimation{
    transition:none
}

.swal2-scrollbar-measure{
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}

.swal2-rtl .swal2-close{
    margin-right:initial;
    margin-left:0
}

.swal2-rtl .swal2-timer-progress-bar{
    right:0;
    left:auto
}

@keyframes swal2-toast-show{
    0%{
        transform:translateY(-0.625em) rotateZ(2deg)
    }

    33%{
        transform:translateY(0) rotateZ(-2deg)
    }

    66%{
        transform:translateY(0.3125em) rotateZ(2deg)
    }

    100%{
        transform:translateY(0) rotateZ(0deg)
    }
}

@keyframes swal2-toast-hide{
    100%{
        transform:rotateZ(1deg);
        opacity:0
    }
}

@keyframes swal2-toast-animate-success-line-tip{
    0%{
        top:.5625em;
        left:.0625em;
        width:0
    }

    54%{
        top:.125em;
        left:.125em;
        width:0
    }

    70%{
        top:.625em;
        left:-0.25em;
        width:1.625em
    }

    84%{
        top:1.0625em;
        left:.75em;
        width:.5em
    }

    100%{
        top:1.125em;
        left:.1875em;
        width:.75em
    }
}

@keyframes swal2-toast-animate-success-line-long{
    0%{
        top:1.625em;
        right:1.375em;
        width:0
    }

    65%{
        top:1.25em;
        right:.9375em;
        width:0
    }

    84%{
        top:.9375em;
        right:0;
        width:1.125em
    }

    100%{
        top:.9375em;
        right:.1875em;
        width:1.375em
    }
}

@keyframes swal2-show{
    0%{
        transform:scale(0.7)
    }

    45%{
        transform:scale(1.05)
    }

    80%{
        transform:scale(0.95)
    }

    100%{
        transform:scale(1)
    }
}

@keyframes swal2-hide{
    0%{
        transform:scale(1);
        opacity:1
    }

    100%{
        transform:scale(0.5);
        opacity:0
    }
}

@keyframes swal2-animate-success-line-tip{
    0%{
        top:1.1875em;
        left:.0625em;
        width:0
    }

    54%{
        top:1.0625em;
        left:.125em;
        width:0
    }

    70%{
        top:2.1875em;
        left:-0.375em;
        width:3.125em
    }

    84%{
        top:3em;
        left:1.3125em;
        width:1.0625em
    }

    100%{
        top:2.8125em;
        left:.8125em;
        width:1.5625em
    }
}

@keyframes swal2-animate-success-line-long{
    0%{
        top:3.375em;
        right:2.875em;
        width:0
    }

    65%{
        top:3.375em;
        right:2.875em;
        width:0
    }

    84%{
        top:2.1875em;
        right:0;
        width:3.4375em
    }

    100%{
        top:2.375em;
        right:.5em;
        width:2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line{
    0%{
        transform:rotate(-45deg)
    }

    5%{
        transform:rotate(-45deg)
    }

    12%{
        transform:rotate(-405deg)
    }

    100%{
        transform:rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark{
    0%{
        margin-top:1.625em;
        transform:scale(0.4);
        opacity:0
    }

    50%{
        margin-top:1.625em;
        transform:scale(0.4);
        opacity:0
    }

    80%{
        margin-top:-0.375em;
        transform:scale(1.15)
    }

    100%{
        margin-top:0;
        transform:scale(1);
        opacity:1
    }
}

@keyframes swal2-animate-error-icon{
    0%{
        transform:rotateX(100deg);
        opacity:0
    }

    100%{
        transform:rotateX(0deg);
        opacity:1
    }
}

@keyframes swal2-rotate-loading{
    0%{
        transform:rotate(0deg)
    }

    100%{
        transform:rotate(360deg)
    }
}

@keyframes swal2-animate-question-mark{
    0%{
        transform:rotateY(-360deg)
    }

    100%{
        transform:rotateY(0)
    }
}

@keyframes swal2-animate-i-mark{
    0%{
        transform:rotateZ(45deg);
        opacity:0
    }

    25%{
        transform:rotateZ(-25deg);
        opacity:.4
    }

    50%{
        transform:rotateZ(15deg);
        opacity:.8
    }

    75%{
        transform:rotateZ(-5deg);
        opacity:1
    }

    100%{
        transform:rotateX(0);
        opacity:1
    }
}

body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){
    overflow:hidden
}

body.swal2-height-auto{
    height:auto !important
}

body.swal2-no-backdrop .swal2-container{
    background-color:rgba(0,0,0,0) !important;
    pointer-events:none
}

body.swal2-no-backdrop .swal2-container .swal2-popup{
    pointer-events:all
}

body.swal2-no-backdrop .swal2-container .swal2-modal{
    box-shadow:0 0 10px rgba(0,0,0,.4)
}

@media print{
    body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){
        overflow-y:scroll !important
    }

    body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{
        display:none
    }

    body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{
        position:static !important
    }
}

body.swal2-toast-shown .swal2-container{
    box-sizing:border-box;
    width:360px;
    max-width:100%;
    background-color:rgba(0,0,0,0);
    pointer-events:none
}

body.swal2-toast-shown .swal2-container.swal2-top{
    inset:0 auto auto 50%;
    transform:translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{
    inset:0 0 auto auto
}

body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{
    inset:0 auto auto 0
}

body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{
    inset:50% auto auto 0;
    transform:translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center{
    inset:50% auto auto 50%;
    transform:translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{
    inset:50% 0 auto auto;
    transform:translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{
    inset:auto auto 0 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom{
    inset:auto auto 0 50%;
    transform:translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{
    inset:auto 0 0 auto
}

/*
** persian-datepicker - v0.6.0
** Reza Babakhani <babakhani.reza@gmail.com>
** http://babakhani.github.io/PersianWebToolkit/docs/datepicker
** Under WTFPL license
*/

.datepicker-plot-area{
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none
}

.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{
    transition:all 100ms ease
}

.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable{
    border-radius:0
}

.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{
    border-radius:0;
    border-top-left-radius:0;
    border-top-right-radius:0
}

.datepicker-plot-area .datepicker-time-view .down-btn{
    border-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}

.datepicker-plot-area,.datepicker-plot-area .datepicker-time-view>.time-segment{
    border-radius:0
}

.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item,.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{
    border-radius:0
}

.datepicker-plot-area{
    box-shadow:0 5px 10px rgba(0,0,0,0.2)
}

.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item,.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable,.datepicker-plot-area .datepicker-time-view>.time-segment,.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn,.datepicker-plot-area .datepicker-time-view input,.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev,.datepicker-plot-area .toolbox .pwt-btn-submit,.datepicker-plot-area .toolbox .pwt-btn-exit,.datepicker-plot-area .toolbox .pwt-btn-calendar,.datepicker-plot-area .toolbox .pwt-btn-today{
    cursor:pointer
}

.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item{
    font:14px;
    background-color:#fff;
    color:#333;
    border:0;
    text-shadow:none
}

.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable{
    background-color:#f1f1f1;
    color:#ccc;
    border:none;
    text-shadow:none;
    cursor:default
}

.datepicker-plot-area .datepicker-day-view .table-days td.today span{
    background-color:#333;
    color:#fff;
    border:0;
    text-shadow:none
}

.datepicker-plot-area .datepicker-day-view .table-days td span.other-month{
    background-color:"";
    color:#ccc;
    border:none;
    text-shadow:none
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected span,.datepicker-plot-area .datepicker-year-view .year-item.selected,.datepicker-plot-area .datepicker-month-view .month-item.selected{
    background-color:#005299;
    color:#fff;
    border:none;
    text-shadow:1px 1px 1px #000
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover,.datepicker-plot-area .datepicker-day-view .table-days td span:hover,.datepicker-plot-area .datepicker-year-view .year-item:hover,.datepicker-plot-area .datepicker-month-view .month-item:hover{
    background-color:#007be6;
    color:#fff;
    border:0;
    text-shadow:none
}

.datepicker-container{
    display:block;
    position:absolute;
    z-index:100000;
    top:0;
    direction:ltr
}

.datepicker-container.pwt-hide{
    display:none
}

.datepicker-plot-area{
    box-sizing:border-box;
    overflow:hidden;
    min-height:70px;
    display:block;
    width:200px;
    min-width:200px;
    padding:3px;
    position:absolute;
    font:12px tahoma;
    border:1px solid #ccc;
    background-color:#fff
}

.datepicker-plot-area.datepicker-state-only-time{
    padding:0
}

.datepicker-plot-area table,.datepicker-plot-area th,.datepicker-plot-area td{
    border:0;
    background:none
}

.datepicker-plot-area *{
    text-align:center;
    color:#333
}

.datepicker-plot-area .datepicker-day-view,.datepicker-plot-area .datepicker-month-view,.datepicker-plot-area .datepicker-year-view{
    display:block;
    width:100%;
    float:left;
    min-height:200px;
    margin:0
}

.datepicker-plot-area-inline-view{
    display:block;
    width:100%;
    position:static;
    float:left
}

.datepicker-plot-area .datepicker-time-view{
    display:block;
    float:left;
    padding:5px;
    background:#f9f9f9;
    border-top:1px solid #f1f1f1
}

.datepicker-plot-area .datepicker-time-view>.time-segment{
    display:block;
    width:22%;
    float:left;
    overflow:hidden
}

.datepicker-plot-area .datepicker-time-view>.time-segment:hover .down-btn,.datepicker-plot-area .datepicker-time-view>.time-segment:hover .up-btn{
    font-weight:bold
}

.datepicker-plot-area .datepicker-time-view .divider{
    display:block;
    width:3%;
    height:60px;
    line-height:60px;
    float:left;
    overflow:hidden;
    font:12px bold
}

.datepicker-plot-area .datepicker-time-view .divider span{
    height:60px;
    line-height:60px
}

.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{
    display:block;
    float:left;
    width:100%;
    margin:0;
    height:20px;
    line-height:22px;
    color:#ccc
}

.datepicker-plot-area .datepicker-time-view .down-btn:hover,.datepicker-plot-area .datepicker-time-view .up-btn:hover{
    background-color:#eee;
    color:#807f7f
}

.datepicker-plot-area .datepicker-time-view input{
    display:block;
    width:90%;
    margin:0 5%;
    height:20px;
    padding:0;
    outline:none;
    border:none;
    background:transparent
}

.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view{
    padding:0 5px;
    margin:0
}

.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view>.time-segment,.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view>.divider{
    padding:5px 0
}

.datepicker-plot-area.datepicker-state-no-meridiem .datepicker-time-view>.time-segment{
    width:31.33%
}

.datepicker-plot-area.datepicker-state-no-meridiem .datepicker-time-view>.meridian-divider{
    display:none
}

.datepicker-plot-area .datepicker-day-view .table-days{
    width:100%;
    float:left;
    direction:rtl
}

.datepicker-plot-area .datepicker-day-view .table-days td{
    width:14.2%;
    height:26px;
    padding:0;
    margin:0;
    position:relative
}

.datepicker-plot-area .datepicker-day-view .table-days td .alter-calendar-day{
    font-style:normal;
    position:absolute;
    font-size:8.5px;
    bottom:0;
    right:2px;
    color:#f1f1f1
}

.datepicker-plot-area .datepicker-day-view .table-days td span{
    display:block;
    width:100%;
    height:26px;
    line-height:26px;
    padding:0;
    margin:0
}

.datepicker-plot-area .datepicker-day-view .month-grid-box{
    display:block;
    width:100%;
    float:right;
    min-height:180px;
    margin:8px 0
}

.datepicker-plot-area .datepicker-day-view .month-grid-box .header{
    display:block;
    width:100%;
    float:left;
    padding-bottom:8px
}

.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row{
    display:block;
    width:100%;
    height:25px;
    float:left
}

.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell{
    display:block;
    width:14.2%;
    height:25px;
    float:right;
    line-height:25px;
    font:11px;
    font-weight:bold;
    color:#333
}

.datepicker-plot-area .datepicker-year-view,.datepicker-plot-area .datepicker-month-view{
    padding-top:10px
}

.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item{
    display:block;
    width:33.333333%;
    margin:2px 0 0;
    float:right;
    height:42px;
    line-height:42px
}

.datepicker-plot-area .datepicker-navigator{
    display:block;
    width:100%;
    float:left
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{
    display:block;
    float:left;
    height:28px;
    line-height:28px;
    font-weight:bold;
    background-color:#fcfcfc;
    color:#333
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover{
    background-color:#eee
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next{
    display:block;
    width:15%;
    float:left
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-switch{
    display:block;
    width:66%;
    margin:0 2%;
    float:left
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{
    display:block;
    width:15%;
    float:left
}

.datepicker-plot-area .toolbox{
    display:block;
    float:left;
    width:100%;
    margin-top:5px
}

.datepicker-plot-area .toolbox .pwt-btn-submit,.datepicker-plot-area .toolbox .pwt-btn-exit,.datepicker-plot-area .toolbox .pwt-btn-calendar,.datepicker-plot-area .toolbox .pwt-btn-today{
    background-color:#fcfcfc;
    float:right;
    display:block;
    font-weight:bold;
    font-size:11px;
    height:24px;
    line-height:24px;
    white-space:nowrap;
    margin:0 auto;
    margin-left:5px;
    padding:0 5px;
    min-width:50px
}

.datepicker-plot-area .toolbox .pwt-btn-submit:hover,.datepicker-plot-area .toolbox .pwt-btn-exit:hover,.datepicker-plot-area .toolbox .pwt-btn-calendar:hover,.datepicker-plot-area .toolbox .pwt-btn-today:hover{
    background-color:#eee
}

.datepicker-plot-area .toolbox .pwt-btn-exit{
    display:none
}

.datepicker-plot-area .datepicker-navigator{
    display:block;
    width:100%;
    float:left
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{
    display:block;
    float:left;
    height:28px;
    line-height:28px;
    font-weight:bold;
    background-color:#fcfcfc;
    color:#333
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover{
    background-color:#eee
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next{
    display:block;
    width:15%;
    float:left
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-switch{
    display:block;
    width:66%;
    margin:0 2%;
    float:left
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{
    display:block;
    width:15%;
    float:left
}

@media only screen and (max-device-width: 480px){
    .datepicker-container.pwt-mobile-view{
        position:fixed;
        width:100vw;
        height:100vh;
        top:0;
        left:0;
        bottom:0;
        overflow:hidden;
        transition:all 1s
    }

    .datepicker-container.pwt-mobile-view.pwt-hide{
        top:100vh;
        height:0
    }

    .datepicker-container.pwt-mobile-view .pwt-btn-exit{
        display:block
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        right:0;
        bottom:0
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td,.datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td span{
        height:44px;
        line-height:44px;
        font-size:14px
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-year-view .year-item,.datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-month-view .month-item{
        height:70px;
        line-height:70px
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area [class*='pwt-btn']{
        height:48px;
        line-height:48px
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area .pwt-btn-today{
        float:left
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time{
        background:rgba(0,0,0,0.7);
        border:0;
        padding-top:60%
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .pwt-btn-exit{
        margin-right:5px
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view input{
        height:40px;
        line-height:40px;
        font-size:24px;
        margin:5px 0
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider,.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider span{
        font-size:16px;
        display:block;
        height:144px;
        line-height:144px
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .down-btn,.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .up-btn{
        height:48px;
        line-height:48px
    }

    .datepicker-container.pwt-mobile-view .datepicker-time-view input{
        height:32px;
        line-height:34px;
        font-size:18px
    }

    .datepicker-container.pwt-mobile-view .datepicker-time-view .divider,.datepicker-container.pwt-mobile-view .datepicker-time-view .divider span{
        height:120px;
        line-height:120px
    }

    .datepicker-container.pwt-mobile-view .datepicker-time-view .down-btn,.datepicker-container.pwt-mobile-view .datepicker-time-view .up-btn{
        height:40px;
        line-height:40px
    }
}

/* @import "./libs/jquery-idletimer/qunit.css"; */

/* @import "./libs/quill/quill.css"; */

/* :root {
  --color-primary-100: 227 225 252;
  --color-primary-200: 199 194 249;
  --color-primary-300: 171 164 246;
  --color-primary-400: 143 133 243;
  --color-primary-500: 115 103 240;
  --color-primary-600: 103 93 216;
  --color-primary-700: 98 88 204;
  --color-primary-800: #5C52C0;
} */

/* :root[data-mode="dark"] {
  --color-primary-700: 255 159 67;
} */

:root {
    --color-primary: #7367f0;
    --color-primary-8: rgb(from var(--color-primary) r g b / 0.08);
    --color-primary-16: rgb(from var(--color-primary) r g b / 0.16);
    --color-primary-24: rgb(from var(--color-primary) r g b / 0.24);
    --color-primary-30: rgb(from var(--color-primary) r g b / 0.3);
    --color-primary-32: rgb(from var(--color-primary) r g b / 0.32);
    --color-primary-38: rgb(from var(--color-primary) r g b / 0.38);
    --color-primary-40: rgb(from var(--color-primary) r g b / 0.40);
    --color-primary-50: rgb(from var(--color-primary) r g b / 0.50);
    /* --color-primary-8: color-mix(in srgb, var(--color-primary) 8%, transparent);
  --color-primary-16: color-mix(in srgb, var(--color-primary) 16%, transparent);
  --color-primary-24: color-mix(in srgb, var(--color-primary) 24%, transparent);
  --color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);
  --color-primary-32: color-mix(in srgb, var(--color-primary) 32%, transparent);
  --color-primary-38: color-mix(in srgb, var(--color-primary) 38%, transparent);
  --color-primary-40: color-mix(in srgb, var(--color-primary) 40%, transparent);
  --color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent); */
    --color-primary-100: color-mix(in srgb, var(--color-primary), white 80%);
    --color-primary-200: color-mix(in srgb, var(--color-primary), white 60%);
    --color-primary-300: color-mix(in srgb, var(--color-primary), white 40%);
    --color-primary-400: color-mix(in srgb, var(--color-primary), white 20%);
    --color-primary-500: color-mix(in srgb, var(--color-primary), white 0%);
    --color-primary-600: color-mix(in srgb, var(--color-primary), black 10%);
    --color-primary-700: color-mix(in srgb, var(--color-primary), black 15%);
    --color-primary-800: color-mix(in srgb, var(--color-primary), black 20%);
    --color-primary-900: color-mix(in srgb, var(--color-primary), black 25%);
}

/* light */

:root {
    --color-main: 47 43 61;
    /* #2f2b3d */
    --color-black-8: #efeef0;
    --color-black-16: #dedde0;
    --color-black-24: #cdccd1;
    --color-black-32: #bcb9c1;
    --color-black-38: #b0aeb5;
    --color-action-focus: #eaeaec;
    --color-black-200: #d5d5d8;
    --color-black-300: #c1bfc5;
    --color-text-disabled: #acaab1;
    --color-black-500: #97959e;
    --color-action-active: rgb(var(--color-main) / 0.6);
    --color-text-secondary: #6d6b77;
    --color-black-800: #595564;
    --color-text-primary: #444050;
    --color-shadow: var(--color-main);
    --color-extra-16: #dedde0;
    --color-extra-24: #cdccd0;
    --color-action-hover: #f3f2f3;
    --color-action-selected: #eeeeef;
    --color-divider: rgb(var(--color-main) / 0.12);
    --color-input-border: rgb(var(--color-main) / 0.22);
    --color-backdrop-overlay: #97959e;
    --color-body: #f8f7fa;
    --color-toast: #2f2b3d;
    --color-card: #ffffff;
    --color-card-50: #fafafa;
    --color-card-100: #f3f2f5;
    --color-card-200: #f1f0f2;
    --opacity-xs: 0.1;
    --opacity-sm: 0.12;
    --opacity-md: 0.14;
    --opacity-lg: 0.16;
    --opacity-xl: 0.18;
    --icon-close: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23acaab1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23acaab1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* dark */

/* :root[data-mode='dark'] {
  #E1DEF5
  --color-main: 225 222 245;

  --color-black-8: #efeef0;
  --color-black-16: #dedde0;
  --color-black-24: #cdccd1;
  --color-black-32: #bcb9c1;
  --color-black-38: #b0aeb5;
  --color-action-focus: #535876;
  --color-black-200: #636784;
  --color-black-300: #727692;
  --color-text-disabled: #8285a0;
  --color-black-500: #9293ae;

  --color-action-active: rgb(var(--color-main) / 0.6);

  --color-text-secondary: #b2b1cb;
  --color-black-800: #c1c0d9;
  --color-text-primary: #cfcce4;
  --color-shadow: 19 17 32; /*#131120*/

/* --color-extra-16: #5c617e;
  --color-extra-24: #686b89;
  --color-extra-50: #212333;

  --color-action-hover: #4c5270;
  --color-action-selected: #505573;
  --color-divider: rgb(var(--color-main) / 0.12);
  --color-outline-border: #676b89;
  --color-input-border: rgb(var(--color-main) / 0.22);
  --color-backdrop-overlay: #171925;

  --color-body: #25293c;
  --color-toast: #f7f4ff;
  --color-card: #2f3349;
  --color-card-50: #3a3f57;
  --color-card-100: #353a52;
  --color-card-200: #202534;

  --opacity-xs: 0.16;
  --opacity-sm: 0.18;
  --opacity-md: 0.2;
  --opacity-lg: 0.22;
  --opacity-xl: 0.24; */

/* --icon-close: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%2376778e' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%2376778e' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); */

/* } */

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(0 186 209 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(0 186 209 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: currentColor;
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
    tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
    -webkit-tap-highlight-color: transparent;
    /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-feature-settings: normal;
    /* 2 */
    font-variation-settings: normal;
    /* 3 */
    font-size: 1em;
    /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-feature-settings: inherit;
    /* 1 */
    font-variation-settings: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    letter-spacing: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
    display: none;
}

html {
    direction: rtl;
}

body {
    background-color: var(--color-body);
    font-family: IRANYekan;
    direction: rtl;
    font-feature-settings: "ss02";
}

img[alt]:after {
    content: attr(alt);
    background: url(../statics/image-placeholder.svg) no-repeat 50%;
    background-size: 24px;
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0.375rem;
    background-color: var(--color-action-hover);
    text-align: center;
    color: transparent;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (min-width: 425px) {
    .container {
        max-width: 425px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1440px;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

/* .chart-tabs{
        @apply  mx-1 flex items-center gap-4 pb-8 relative
    }
    .chart-tab li a{
        @apply  ml-1 border border-primary-500 w-28 h-24 rounded-md
    }
    .chart-tab li a.active{
        @apply  border border-primary-500
    } */

h1 {
    font-size: 2.875rem;
    line-height: 4.25rem;
    font-weight: 500;
}

h2 {
    font-size: 2.375rem;
    line-height: 3.5rem;
    font-weight: 500;
}

h3 {
    font-size: 1.75rem;
    line-height: 2.625rem;
    font-weight: 500;
}

h4 {
    font-size: 1.5rem;
    line-height: 2.375rem;
    font-weight: 500;
}

h5 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
}

h6 {
    font-size: 0.9375rem;
    line-height: 1.375rem;
    font-weight: 500;
}

h6,
h5,
h4,
h3,
h2,
h1 {
    color: var(--color-text-primary);
}

.aside {
    position: fixed;
    inset: 0px;
    left: auto;
    z-index: 1100;
    display: grid;
    width: 16.25rem;
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    overflow: hidden;
    background-color: var(--color-card);
    --tw-shadow: 0px 2px 8px 0px rgba(var(--color-shadow)/var(--opacity-sm));
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: width,transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

@media (min-width: 1024px) {
    .aside {
        z-index: 1080;
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transition-duration: 300ms;
    }
}

.aside.show {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px) {
    .layout-body .aside {
        z-index: 1085;
        width: 4.375rem !important;
    }

    .layout-body .aside:hover {
        width: 16.25rem !important;
    }
}

/* ====================icon=========== */

.menu-toggle-collapsed {
    position: relative;
    margin-right: auto;
    display: block;
    color: var(--color-text-primary);
    transition-property: color,background-color;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.menu-toggle-icon {
    display: none;
    list-style-type: none;
    font-size: 1.25rem;
    line-height: 1.75rem;
    opacity: 1;
    transition-property: opacity;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
    .menu-toggle-icon {
        display: block;
    }
}

.menu-toggle-icon::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    /* رنگ آیکن میشه مثل متن */
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /></svg>');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.menu-button-close {
    display: block;
    font-size: 1.375rem;
    line-height: 1;
    color: var(--color-text-primary);
    transition-property: opacity;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
    .menu-button-close {
        display: none !important;
    }
}

.layout-body .aside .menu-toggle-icon::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    /* رنگ آیکن میشه مثل متن */
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /></svg>');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.logo {
    position: relative;
    display: flex;
    height: 4rem;
    align-items: center;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1.375rem;
    transition-property: padding;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.layout-body .logo {
    padding-left: 1.125rem;
}

.layout-body .aside:hover .logo {
    padding-left: 1rem;
}

.logo-link {
    display: flex;
    align-items: center;
}

.logo-text {
    margin-right: 0.75rem;
    font-size: 1.375rem;
    line-height: 1;
    font-weight: 700;
    color: var(--color-text-primary);
    transition-property: opacity;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.layout-body .logo-text {
    overflow: hidden;
    opacity: 0;
}

.layout-body .aside:hover .logo-text {
    opacity: 1;
}

/* FIXME: رفع خطای موجود در این بخش */

/* bg-gradient-light-logo dark:bg-gradient-dark-logo */

.menus-shadow {
    pointer-events: none;
    position: absolute;
    top: 3.4375rem;
    z-index: 10;
    display: none;
    height: 3rem;
    width: 100%;
    background-image: linear-gradient(var(--color-card) 41%,rgba(255 255 255/0.11) 95%,rgba(255 255 255/0));
}

.menus-shadow:where([data-mode="dark"], [data-mode="dark"] *) {
    background-image: linear-gradient(var(--color-card) 41%,rgba(47 51 73/0.11) 95%,rgba(47 51 73/0));
}

.menus {
    height: calc(100vh - 64px);
}

.menu {
    position: relative;
    display: flex;
    height: 100%;
    touch-action: auto;
    flex-direction: column;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.menu .menu-item {
    margin-top: 0.375rem;
}

/* hover:dark:text-dark-second  */

.menu .menu-link {
    position: relative;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    display: flex;
    min-height: 38px;
    align-items: center;
    border-radius: 0.375rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    font-weight: 600;
    color: var(--color-text-primary);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.menu .menu-link:hover {
    background-color: var(--color-action-hover);
}

/* =============open======= */

.menu-item.open .menu-link.menu-toggle {
    background-color: var(--color-action-selected);
}

/* =============active======= */

/* to-primary-500/70 */

.menu .menu-item.active > .menu-link:not(.menu-toggle) {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--color-primary-30);
    --tw-shadow: var(--tw-shadow-colored);
}

.menu .menu-item.active > .menu-link:not(.menu-toggle)::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.menu .menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(
        -270deg,
        rgb(from var(--color-primary) r g b / 0.7) 0%,
        var(--color-primary) 100%
    ) !important;
}

/* =============icon======= */

.menu-icon {
    margin-left: 0.5rem;
    width: 1.375rem;
    font-size: 1.375rem;
    line-height: 1;
    transition-property: margin-right;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==================badge================ */

/* bg-primary */

@media (min-width: 1024px) {
    .layout-body .aside .menu .menu-link {
        padding-left: 1rem;
    }

    .layout-body .aside:hover .menu .menu-link {
        padding-left: 2.25rem;
    }

    .layout-body .aside .menu .menu-text {
        overflow: hidden;
        text-overflow: ellipsis;
        opacity: 0;
    }

    .layout-body .aside:hover .menu .menu-text {
        opacity: 1;
    }

    .layout-body .aside .menu .badge-menu {
        opacity: 0;
        transition-property: opacity;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    .layout-body .aside:hover .menu .badge-menu,
    .layout-body .aside:hover .menu .menu-toggle::after {
        opacity: 1;
    }

    .layout-body .aside .menu .menu-toggle::after {
        opacity: 0;
        transition-property: opacity;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    .layout-body .aside .menu-sub .menu-item {
        display: none;
        opacity: 0;
    }

    .layout-body .aside:hover .menu-sub .menu-item {
        display: block;
        opacity: 1;
    }
}

/* =================menu-toggle===================== */

.menu-toggle::after {
    content: '';
    position: absolute;
    left: 0.75rem;
    right: auto;
    top: 50%;
    display: block;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-size: 1.375rem;
    line-height: 1;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    block-size: 1.375rem;
    inline-size: 1.375rem;
    flex-grow: 0;
    flex-shrink: 0;
    --svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>');
}

.menu-item.open .menu-toggle::after {
    --tw-translate-y: -50%;
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* =================menu-sub===================== */

.menu-sub {
    display: none;
    max-height: 0px;
    flex-direction: column;
    overflow: hidden;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    transition-property: max-height;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.menu-item.open .menu-sub {
    display: flex;
    transition-property: max-height;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.menu-sub .menu-item {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.menu-sub .menu-item:first-child {
    margin-top: 0px;
}

.menu-sub .menu-link {
    padding-left: 1rem;
    padding-right: 2.875rem;
    font-weight: 400;
    line-height: 1;
}

.menu-sub .menu-link::before {
    position: absolute;
    right: 1.1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-text-secondary);
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    block-size: 0.813rem;
    inline-size: 0.813rem;
    flex-grow: 0;
    flex-shrink: 0;
    --svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /></svg>');
}

.menu-header {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.375rem;
    padding-top: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--color-text-disabled);
    transition-property: opacity;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.aside .menu .menu-header span {
    /* text-transform: uppercase;
    letter-spacing: 0.4px; */
    white-space: nowrap;
}

@media (min-width: 1024px) {
    .layout-body .aside .menu .menu-header span {
        overflow: hidden;
        opacity: 0;
    }

    .layout-body .aside:hover .menu .menu-header span {
        opacity: 1;
    }
}

.layout-body .aside:not(:hover) .menu .menu-header::before {
    position: absolute;
    height: 1px;
    width: 1.375rem;
    background-color: var(--color-divider);
}

@media (min-width: 1024px) {
    .layout-body .aside:not(:hover) .menu .menu-header::before {
        left: auto;
        right: auto;
    }
}

.layout-body .aside:not(:hover) .menu .menu-header::before {
    content: '';
}

.breadcrumb ol {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.breadcrumb .breadcrumb-item {
    position: relative;
    display: flex;
}

.breadcrumb .breadcrumb-item a {
    font-size: 0.9375rem;
    line-height: 1.375rem;
    color: var(--color-primary-500);
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "\ea60";
    display: inline-block;
    padding-left: 0.5rem;
    color: var(--color-text-secondary);
    font-family: 'tabler-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 26px;
    height: 10px;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
}

.breadcrumb .breadcrumb-item.active {
    color: var(--color-text-primary);
}

.card {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    border-radius: 0.375rem;
    background-color: var(--color-card);
    background-clip: padding-box;
    --tw-shadow: 0px 3px 12px 0px rgba(var(--color-shadow)/var(--opacity-md));
    --tw-shadow-colored: 0px 3px 12px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.card-header {
    padding: 1.5rem;
}

.card-title {
    color: var(--color-text-primary);
}

.card-subtitle {
    margin-top: 0.25rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    font-weight: 400;
    color: var(--color-text-secondary);
}

/* .card-subtitle {
    @apply mt-1 text-body-2 font-normal text-main/55;
  } */

.card-body {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
}

.card-datatable {
    position: relative;
    padding-bottom: 1rem;
}

.card[class*="card-border-"] {
    z-index: 1;
    height: 100%;
    transition-property: all;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card[class*="card-border-"]::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 0.375rem;
    border-bottom-width: 2px;
    border-style: solid;
    transition-property: all;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card[class*="card-border-"]:hover {
    --tw-shadow: 0px 4px 18px 0px rgba(var(--color-shadow)/var(--opacity-lg));
    --tw-shadow-colored: 0px 4px 18px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.card[class*="card-border-"]:hover::after {
    border-bottom-width: 3px;
}

.card.card-border-primary::after {
    content: var(--tw-content);
    border-color: var(--color-primary-38);
}

.card.card-border-primary:hover::after {
    content: var(--tw-content);
    border-color: var(--color-primary-500);
}

.card.card-border-success::after {
    content: var(--tw-content);
    border-color: rgb(40 199 111/0.38);
}

.card.card-border-success:hover::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(40 199 111 / var(--tw-border-opacity));
}

.card.card-border-warning::after {
    content: var(--tw-content);
    border-color: rgb(255 180 0/0.38);
}

.card.card-border-warning:hover::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 159 67 / var(--tw-border-opacity));
}

.card.card-border-info::after {
    content: var(--tw-content);
    border-color: rgb(0 186 209/0.38);
}

.card.card-border-info:hover::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 186 209 / var(--tw-border-opacity));
}

.card.card-border-danger::after {
    content: var(--tw-content);
    border-color: rgb(255 76 81/0.38);
}

.card.card-border-danger:hover::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 76 81 / var(--tw-border-opacity));
}

.alert {
    position: relative;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    border-radius: 0.375rem;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
}

/* .alert{
        @apply text-body-1 flex items-center rounded-md py-3 px-4 relative mb-4;
    }
     */

.alert-icon {
    margin-left: 1rem;
    display: flex;
    width: 1.875rem;
    height: 1.875rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    padding: 0.25rem;
    font-size: 1.375rem;
    line-height: 1;
}

.alert-primary {
    background-color: var(--color-primary-16);
    color: var(--color-primary-500);
}

/* .alert-outline-primary{
        @apply bg-primary-16 text-primary-500;
    }
     */

.alert-primary .alert-icon {
    background-color: var(--color-primary-16);
    color: var(--color-primary-500);
}

.alert-success {
    background-color: rgb(40 199 111/0.16);
    --tw-text-opacity: 1;
    color: rgb(40 199 111 / var(--tw-text-opacity));
}

.alert-outline-success {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(40 199 111 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(40 199 111 / var(--tw-text-opacity));
}

.alert-success .alert-icon {
    --tw-bg-opacity: 1;
    background-color: rgb(40 199 111 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-outline-success .alert-icon {
    background-color: rgb(40 199 111/0.16);
    --tw-text-opacity: 1;
    color: rgb(40 199 111 / var(--tw-text-opacity));
}

.alert-success .btn-close ,
.alert-outline-success .btn-close{
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%2328c76f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%2328c76f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.alert-danger {
    background-color: rgb(255 76 81/0.16);
    --tw-text-opacity: 1;
    color: rgb(255 76 81 / var(--tw-text-opacity));
}

.alert-outline-danger {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 76 81 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 76 81 / var(--tw-text-opacity));
}

.alert-danger .alert-icon {
    --tw-bg-opacity: 1;
    background-color: rgb(255 76 81 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-outline-danger .alert-icon {
    background-color: rgb(255 76 81/0.16);
    --tw-text-opacity: 1;
    color: rgb(255 76 81 / var(--tw-text-opacity));
}

.alert-danger .btn-close ,
.alert-outline-danger .btn-close{
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23ff4c51' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23ff4c51' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.alert-warning {
    background-color: rgb(255 180 0/0.16);
    --tw-text-opacity: 1;
    color: rgb(255 159 67 / var(--tw-text-opacity));
}

.alert-outline-warning {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 159 67 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 159 67 / var(--tw-text-opacity));
}

.alert-warning .alert-icon {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-outline-warning .alert-icon {
    background-color: rgb(255 180 0/0.16);
    --tw-text-opacity: 1;
    color: rgb(255 159 67 / var(--tw-text-opacity));
}

.alert-warning .btn-close,
.alert-outline-warning .btn-close{
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23ff9f43' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23ff9f43' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.alert-info {
    background-color: rgb(0 186 209/0.16);
    --tw-text-opacity: 1;
    color: rgb(0 186 209 / var(--tw-text-opacity));
}

.alert-outline-info {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 186 209 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 186 209 / var(--tw-text-opacity));
}

.alert-info .alert-icon {
    --tw-bg-opacity: 1;
    background-color: rgb(0 186 209 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-outline-info .alert-icon {
    background-color: rgb(0 186 209/0.16);
    --tw-text-opacity: 1;
    color: rgb(0 186 209 / var(--tw-text-opacity));
}

.alert-info .btn-close ,
.alert-outline-info .btn-close{
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%2300bad1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%2300bad1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.34375rem;
    padding-bottom: 0.34375rem;
    font-size: 0.8125rem;
    line-height: 1;
    font-weight: 500;
}

.badge-circle {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 9999px;
    padding: 0px;
}

.badge-circle:empty {
    display: none;
}

.badge-dot {
    position: relative;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 9999px;
    border-width: 1px;
    border-color: var(--color-body);
}

.badge-dot:empty {
    display: none;
}

.badge-primary {
    background-color: var(--color-primary-500);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.badge-label-second {
    background-color: rgb(128 131 144/0.16);
    --tw-text-opacity: 1;
    color: rgb(128 131 144 / var(--tw-text-opacity));
}

.badge-label-primary {
    background-color: var(--color-primary-16);
    color: var(--color-primary-500);
}

.badge-success {
    --tw-bg-opacity: 1;
    background-color: rgb(40 199 111 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.badge-label-success {
    background-color: rgb(40 199 111/0.16);
    --tw-text-opacity: 1;
    color: rgb(40 199 111 / var(--tw-text-opacity));
}

.badge-danger {
    --tw-bg-opacity: 1;
    background-color: rgb(255 76 81 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.badge-label-danger {
    background-color: rgb(255 76 81/0.16);
    --tw-text-opacity: 1;
    color: rgb(255 76 81 / var(--tw-text-opacity));
}

.badge-warning {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.badge-label-warning {
    background-color: rgb(255 180 0/0.16);
    --tw-text-opacity: 1;
    color: rgb(255 159 67 / var(--tw-text-opacity));
}

.badge-info {
    --tw-bg-opacity: 1;
    background-color: rgb(0 186 209 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.badge-label-info {
    background-color: rgb(0 186 209/0.16);
    --tw-text-opacity: 1;
    color: rgb(0 186 209 / var(--tw-text-opacity));
}

.dropdown {
    position: relative;
}

.dropdown-toggle::after {
    content: '';
    margin-top: -0.25rem;
    margin-right: 0.8rem;
    display: inline-block;
    width: 0.55rem;
    height: 0.55rem;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-width: 2px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-style: solid;
}

.dropdown-toggle.hide-arrow::after {
    display: none;
}

.dropdown .dropdown-container {
    display: none;
}

.dropdown .dropdown-container.show {
    display: block !important;
}

.dropdown-menu {
    z-index: 1000;
    min-width: 10rem;
    border-radius: 0.375rem;
    background-color: var(--color-card);
    background-clip: padding-box;
    padding: 0.5rem;
    text-align: right;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    color: var(--color-text-primary);
    --tw-shadow: 0px 4px 18px 0px rgba(var(--color-shadow)/var(--opacity-lg));
    --tw-shadow-colored: 0px 4px 18px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dropdown-menu .dropdown-item {
    display: inline-flex;
    width: 100%;
    align-items: center;
    white-space: nowrap;
    border-radius: 0.375rem;
    border-style: none;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 400;
}

.dropdown-menu .dropdown-item:hover {
    background-color: var(--color-action-hover);
}

.dropdown-menu .dropdown-item:active {
    background-color: var(--color-primary-16);
    color: var(--color-primary-500);
}

.dropdown-menu .dropdown-item-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 1;
}

.dropdown-menu .dropdown-divider {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    height: 0px;
    overflow: hidden;
    border-top-width: 1px;
    border-style: solid;
    border-color: var(--color-divider);
}

.modal {
}

.modal .modal-toggle {
}

.modal .modal-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1090;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    outline-width: 0px;
}

.modal .modal-dialog.fade {
    display: none;
}

.modal .modal-dialog.show {
    display: block;
}

/* .modal .modal-dialog {
        transition: transform .15s ease-out;
      }
       */

.modal .modal-container {
    pointer-events: none;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    min-height: calc(100% - 24px * 2);
    width: auto;
    max-width: 35rem;
    align-items: center;
    justify-content: center;
}

.modal .modal-dialog .modal-container {
    transform: translateY(-100px) scale(0.8);
    /* transition: transform .15s ease-out; */
}

.modal .modal-dialog.show .modal-container {
    transform: translateY(0) scale(1);
}

/* .modal .modal-dialog.fade .modal-container{
        transform: translateY(-100px) scale(0.8);
        transition: transform .15s ease-out;
    }

    .modal .modal-dialog.show .modal-container{
        transform: translateY(0) scale(1);
    } */

.modal .modal-content {
    pointer-events: auto;
    position: relative;
    z-index: 1091;
    display: flex;
    width: 100%;
    flex-direction: column;
    border-radius: 0.5rem;
    background-color: var(--color-card);
    background-clip: padding-box;
    --tw-shadow: 0px 4px 18px 0px rgba(var(--color-shadow)/var(--opacity-lg));
    --tw-shadow-colored: 0px 4px 18px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width: 0px;
}

.modal .modal-header {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
}

.modal .modal-title {
    line-height: 1.375rem;
    color: var(--color-text-primary);
}

.modal .btn-close {
    left: 1.3rem;
    top: 1.6875rem;
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
    margin-right: auto;
    border-radius: 0.25rem;
    background-color: var(--color-card);
    padding: 0.375rem;
    opacity: 1;
    --tw-shadow: 0px 1px 6px 0px rgba(var(--color-shadow)/var(--opacity-xs));
    --tw-shadow-colored: 0px 1px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 100ms;
    transition-duration: 230ms;
    transition-timing-function: linear;
    background-image: var(--icon-close);
    transform: translate(-31px, -25px);
}

.modal .btn-close:hover,
.modal .btn-close:focus,
.modal .btn-close:active {
    opacity: 1;
    transform: translate(-26px, -20px);
}

.modal .modal-body {
    position: relative;
    padding: 1.5rem;
}

.modal .modal-footer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
}

.modal-backdrop {
    /* @apply fixed top-0 left-0 z-[1089] w-dvw h-dvh bg-overlay transition-opacity ease-linear; */
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1089;
    height: 100dvh;
    width: 100dvw;
    background-color: var(--color-backdrop-overlay);
}

/* .modal-backdrop.fade {
        opacity: 0;
    } */

.modal-backdrop.show {
    opacity: 0.5;
}

.pagination {
}

.pagination ul {
    display: flex;
    align-items: center;
    -moz-column-gap: 0.375rem;
    column-gap: 0.375rem;
}

.pagination .page-item.prev {
}

.pagination .page-item.next {
}

.pagination .page-item {
}

.pagination .page-item .page-link {
    position: relative;
    display: inline-flex;
    width: 2.375rem;
    height: 2.375rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: var(--color-action-selected);
    padding: 0.625rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    color: var(--color-text-primary);
}

.pagination .page-item .page-link:hover {
    background-color: var(--color-primary-16);
    color: var(--color-primary-500);
}

.pagination .page-item.active .page-link {
    background-color: var(--color-primary-500);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--color-primary-30);
    --tw-shadow: var(--tw-shadow-colored);
}

.pagination .page-item .page-link i {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.spinner-spin {
    margin-left: 0.5rem;
    height: 1.25rem;
    width: 1.25rem;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.spinner-spin {
    animation: spin 1s linear infinite;
}

.spinner-ping::before {
    position: absolute;
    display: inline-flex;
    height: 100%;
    width: 100%;
}

@keyframes ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}

.spinner-ping::before {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    border-radius: 9999px;
    background-color: inherit;
    opacity: 0.75;
    content: '';
}

#toast-container>div {
    width: 22rem;
    border-radius: 0.375rem;
    background-color: var(--color-card);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.875rem;
    padding-right: 3.125rem;
    opacity: 1;
    --tw-shadow: 0px 3px 12px 0px rgba(var(--color-shadow)/var(--opacity-md));
    --tw-shadow-colored: 0px 3px 12px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-position: top .9rem right 1.25rem;
    background-size: 28px;
    background-repeat: no-repeat;
}

.toast-progress {
    top: 0px;
    bottom: auto;
    left: auto;
    right: 0px;
    height: 0.1875rem;
    opacity: 0.25;
}

.toast-close-button {
    position: absolute;
    right: auto;
    left: 1.25rem;
    top: 0.5rem;
    font-size: 1.625rem;
    font-weight: 300;
    color: var(--color-text-disabled);
    opacity: 0.8;
}

.toast-close-button:hover {
    color: var(--color-text-disabled);
    opacity: 0.4;
}

.toast-message,.toast-title {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.625;
    font-weight: 400;
    color: var(--color-text-primary);
}

.toast-title {
    margin-bottom: 0.25rem;
    font-weight: 700 !important;
}

#toast-container>div:hover {
    --tw-shadow: 0px 3px 12px 0px rgba(var(--color-shadow)/var(--opacity-md));
    --tw-shadow-colored: 0px 3px 12px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#toast-container > .toast-info {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='6' fill='%2300CFE8' fill-opacity='0.08'/%3E%3Ccircle cx='13' cy='13' r='6.75' stroke='%2300CFE8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.0002 10H13.0077' stroke='%2300CFE8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.25 13H13V16H13.75' stroke='%2300CFE8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

#toast-container > .toast-info .toast-progress {
    --tw-bg-opacity: 1;
    background-color: rgb(0 186 209 / var(--tw-bg-opacity));
}

#toast-container > .toast-error {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='6' fill='%23EA5455' fill-opacity='0.08'/%3E%3Cpath d='M17.5 8.5L8.5 17.5' stroke='%23EA5455' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 8.5L17.5 17.5' stroke='%23EA5455' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

#toast-container > .toast-error .toast-progress {
    --tw-bg-opacity: 1;
    background-color: rgb(255 76 81 / var(--tw-bg-opacity));
}

#toast-container > .toast-success {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='6' fill='%2328C76F' fill-opacity='0.08'/%3E%3Cpath d='M7.75 13L11.5 16.75L19 9.25' stroke='%2328C76F' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

#toast-container > .toast-success .toast-progress {
    --tw-bg-opacity: 1;
    background-color: rgb(40 199 111 / var(--tw-bg-opacity));
}

#toast-container > .toast-warning {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='6' fill='%23FF9F43' fill-opacity='0.08'/%3E%3Cpath d='M13 10V12.8362' stroke='%23FF9F43' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 15.6543L13 15.6899' stroke='%23FF9F43' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.74941 18.2504H18.2494C18.7463 18.2469 19.2092 17.9976 19.4856 17.5846C19.7619 17.1716 19.8158 16.6485 19.6294 16.1879L14.3044 7.00038C14.0402 6.5229 13.5376 6.22656 12.9919 6.22656C12.4462 6.22656 11.9436 6.5229 11.6794 7.00038L6.35441 16.1879C6.17171 16.6377 6.218 17.1481 6.47865 17.5577C6.7393 17.9673 7.18207 18.2254 7.66691 18.2504' stroke='%23FF9F43' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-warning .toast-progress {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67 / var(--tw-bg-opacity));
}

.avatar {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
}

.avatar img {
    width: 100%;
    height: 100%;
    border-radius: 9999px;
}

.avatar-md {
    width: 3rem;
    height: 3rem;
}

.avatar.avatar-offline:after,
.avatar.avatar-online:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0.1875rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 9999px;
    --tw-shadow: 0 0 0 2px;
    --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--color-card);
    --tw-shadow: var(--tw-shadow-colored);
}

.avatar.avatar-offline:after {
    --tw-bg-opacity: 1;
    background-color: rgb(128 131 144 / var(--tw-bg-opacity));
}

.avatar.avatar-online:after {
    --tw-bg-opacity: 1;
    background-color: rgb(40 199 111 / var(--tw-bg-opacity));
}

.avatar .avatar-initial {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.ps__rail-x {
    transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    /* please don't change 'position' */
    position: absolute;
    bottom: 0px;
    display: none;
    height: 0.9375rem;
    opacity: 0;
}

.ps__rail-y {
    position: absolute;
    right: auto;
    left: 0.25rem !important;
    display: none;
    width: 0.125rem;
    opacity: 0;
    transition-property: background-color,opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
    transition-timing-function: linear;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    /* @apply bg-[#eee] opacity-90; */
    background-color: transparent;
}

/*
 * Scrollbar thumb styles
 */

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color 0.2s linear, height 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    position: absolute;
    right: 0px;
    max-height: 64px;
    width: 0.125rem;
    border-radius: 0.375rem;
    background-color: rgb(from var(--color-text-primary) r g b/0.20) !important;
    transition: background-color 0.2s linear, width 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #e70000;
    /* background-color: #999; */
    height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgb(from var(--color-text-primary) r g b/0.20) !important;
    width: 11px;
}

.ps {
    position: relative;
}

.ps__rail-x {
    height: 0.25rem;
}

/* .ps__rail-y {
  width: 0.25rem;
} */

.ps__rail-x,
.ps__rail-y,
.ps__thumb-x,
.ps__thumb-y {
    border-radius: 10rem;
}

.ps__rail-x:hover,
.ps__rail-x:focus,
.ps__rail-x.ps--clicking,
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking > .ps__thumb-x {
    height: 0.375rem;
}

.ps__rail-y:hover,
.ps__rail-y:focus,
.ps__rail-y.ps--clicking,
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking > .ps__thumb-y {
    width: 0.375rem;
}

.ps__thumb-x {
    height: 0.25rem;
    bottom: 0;
}

/* .ps__thumb-y {
  width: 0.25rem;
  right: 0;
} */

body.swal2-toast-shown .swal2-container {
    z-index: 10100 !important;
    width: 24rem !important;
}

.swal2-container.swal2-backdrop-show {
    z-index: 10100 !important;
}

.swal2-popup.swal2-toast {
    border-radius: 0.375rem !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    opacity: 1;
    --tw-shadow: 0px 3px 12px 0px rgba(var(--color-shadow)/var(--opacity-md)) !important;
    --tw-shadow-colored: 0px 3px 12px 0px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.swal2-popup.swal2-toast .swal2-icon {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.swal2-popup.swal2-toast .swal2-title {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 0.9375rem;
    line-height: 1.625;
    font-weight: 400;
    color: var(--color-text-primary);
}

.swal2-timer-progress-bar-container {
    bottom: auto;
    top: 0px;
    height: 0.1875rem;
}

.swal2-timer-progress-bar-container .swal2-timer-progress-bar {
    opacity: 0.75;
}

.swal2-icon-success .swal2-success-ring {
    /* @apply !border-success/50; */
    border-color: rgb(40 199 111/0.16) !important;
}

.swal2-icon-success .swal2-success-line-long,
.swal2-icon .swal2-success-line-tip {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(40 199 111 / var(--tw-bg-opacity)) !important;
}

.swal2-icon-success .swal2-timer-progress-bar-container {
    /* @apply !bg-success/[0.1473]; */
    background-color: transparent !important;
}

.swal2-icon-success
.swal2-timer-progress-bar-container
.swal2-timer-progress-bar {
    /* @apply !bg-success; */
    --tw-bg-opacity: 1 !important;
    background-color: rgb(40 199 111 / var(--tw-bg-opacity)) !important;
}

.swal2-popup.swal2-toast,
.swal2-modal,
.swal2-toast .swal2-popup.swal2-toast,
.swal2-toast .swal2-success-circular-line-right,
.swal2-toast .swal2-success-circular-line-left,
.swal2-toast .swal2-success-fix {
    /* @apply !bg-light-box dark:!bg-[#2f3349]; */
    background-color: var(--color-card) !important;
}

.swal2-container .swal2-popup.swal2-modal {
    border-radius: 0.5rem;
}

.swal2-modal .swal2-title {
    /* @apply text-light-second  dark:text-dark-second; */
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: var(--color-text-primary);
}

.swal2-modal .swal2-html-container {
    /* @apply text-light-second  dark:text-dark-second; */
    font-size: 0.9375rem;
    line-height: 1.375rem;
    color: var(--color-text-primary);
}

.swal2-modal .swal2-actions {
    gap: 1rem;
}

.swal2-modal .swal2-actions .swal2-confirm,
.swal2-modal .swal2-actions .swal2-cancel,
.swal2-modal .swal2-actions .swal2-deny{
    /* @apply text-light-second  dark:text-dark-second; */
    margin: 0px;
    border-style: solid;
}

.swal2-modal .swal2-actions .swal2-confirm:focus-visible,
.swal2-modal .swal2-actions .swal2-cancel:focus-visible,
.swal2-modal .swal2-actions .swal2-deny:focus-visible {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.swal2-icon-error .swal2-error {
    /* @apply !border-danger/50; */
    border-color: rgb(255 76 81/0.16) !important;
}

.swal2-icon-error .swal2-error .swal2-x-mark-line-left,
.swal2-icon-error .swal2-error .swal2-x-mark-line-right {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 76 81 / var(--tw-bg-opacity)) !important;
}

.swal2-icon-error .swal2-timer-progress-bar-container {
    /* @apply !bg-danger/[0.1473]; */
    background-color: transparent !important;
}

.swal2-icon-error
.swal2-timer-progress-bar-container
.swal2-timer-progress-bar {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 76 81 / var(--tw-bg-opacity)) !important;
}

.swal2-icon-warning .swal2-warning {
    /* @apply !border-warning/50; */
    border-color: rgb(255 180 0/0.16) !important;
}

.swal2-icon-warning .swal2-warning .swal2-icon-content {
    --tw-text-opacity: 1 !important;
    color: rgb(255 159 67 / var(--tw-text-opacity)) !important;
}

.toasts .swal2-warning .swal2-icon-content {
    height: 2.25rem;
}

.swal2-icon-warning .swal2-timer-progress-bar-container {
    background-color: transparent !important;
}

.swal2-icon-warning
.swal2-timer-progress-bar-container
.swal2-timer-progress-bar {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 159 67 / var(--tw-bg-opacity)) !important;
}

.swal2-icon-info .swal2-info {
    /* @apply !border-info/50; */
    border-color: rgb(0 186 209/0.16) !important;
}

.swal2-icon-info .swal2-info .swal2-icon-content {
    --tw-text-opacity: 1 !important;
    color: rgb(0 186 209 / var(--tw-text-opacity)) !important;
}

.toasts .swal2-info .swal2-icon-content {
    height: 2.25rem;
}

.swal2-icon-info .swal2-timer-progress-bar-container {
    background-color: transparent !important;
}

.swal2-icon-info
.swal2-timer-progress-bar-container
.swal2-timer-progress-bar {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 186 209 / var(--tw-bg-opacity)) !important;
}

.swal2-icon-question .swal2-question {
    border-color: var(--color-primary-16) !important;
}

.swal2-icon-question .swal2-question .swal2-icon-content {
    color: var(--color-primary-500) !important;
}

.toasts .swal2-question .swal2-icon-content {
    height: 2.25rem;
}

.swal2-icon-question .swal2-timer-progress-bar-container {
    background-color: transparent !important;
}

.swal2-icon-question
.swal2-timer-progress-bar-container
.swal2-timer-progress-bar {
    background-color: var(--color-primary-500) !important;
}

.swal2-modal .swal2-cancel {
    /* @apply !bg-danger; */
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background-color: var(--color-primary-500) !important;
}

.ck-reset_all :not(.ck-reset_all-excluded *),
.ck.ck-reset_all {
    color: var(--color-text-secondary) !important;
}

.ck-reset_all :not(.ck-reset_all-excluded *):hover,
.ck.ck-reset_all:hover {
    color: var(--color-primary-500) !important;
}

.ck.ck-editor__top .ck-sticky-panel__content {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
    border-color: var(--color-input-border) !important;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

/* .ck.ck-button,
  a.ck.ck-button {
    @apply !bg-transparent;
  } */

.ck.ck-button.ck-list-item-button {
    background-color: var(--color-card) !important;
}

/* .ck.ck-dropdown__panel{
    @apply bg-green-700;
  } */

.ck.ck-balloon-panel {
    border-color: var(--color-input-border) !important;
    background-color: var(--color-card) !important;
}

.ck.ck-input {
    border-color: var(--color-input-border) !important;
    background-color: var(--color-card) !important;
}

.ck.ck-input:focus {
    border-color: var(--color-input-border) !important;
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: var(--color-primary-500) !important;
}

.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
    background-color: var(--color-card) !important;
    color: var(--color-text-primary) !important;
}

[dir='rtl'] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type {
    border-right-color: var(--color-input-border) !important;
}

.ck.ck-link-form_layout-vertical > .ck-button:not(:focus) {
    border-top-color: var(--color-input-border) !important;
}

.ck-vertical-form > .ck-button:nth-last-child(2):after {
    border-right-color: var(--color-input-border) !important;
}

.ck.ck-button.ck-switchbutton .ck-button__toggle {
    border-radius: 9999px !important;
}

.ck.ck-button.ck-switchbutton:focus .ck-button__toggle {
    border-color: var(--color-input-border) !important;
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: var(--color-primary-500) !important;
}

.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
    background-color: var(--color-primary-500) !important;
}

.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
    border-radius: 9999px !important;
}

.ck.ck-dialog {
    border-color: var(--color-input-border) !important;
    background-color: var(--color-card) !important;
}

.ck.ck-dialog .ck.ck-form__header {
    border-bottom-color: var(--color-input-border) !important;
}

.ck.ck-button-action,
a.ck.ck-button-action {
    background-color: var(--color-primary-500) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.ck.ck-button-action span {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.ck.ck-button-action span:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.ck.ck-list {
    background-color: transparent !important;
}

.ck.ck-button-action,
a.ck.ck-button-action {
    background-color: var(--color-primary-16);
}

.ck.ck-button:not(.ck-disabled):active,
a.ck.ck-button:not(.ck-disabled):active,
.ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover {
    background-color: var(--color-primary-16) !important;
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.ck.ck-button:not(.ck-disabled):active svg,
a.ck.ck-button:not(.ck-disabled):active svg,
.ck.ck-button:not(.ck-disabled):hover svg,
a.ck.ck-button:not(.ck-disabled):hover svg {
    color: var(--color-primary-500) !important;
}

.ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
    background-color: var(--color-primary-16) !important;
}

.ck.ck-button.ck-on span,
a.ck.ck-button.ck-on span,
.ck.ck-button.ck-on svg,
a.ck.ck-button.ck-on svg {
    color: var(--color-primary-500) !important;
}

.ck.ck-button:active,
.ck.ck-button:focus,
a.ck.ck-button:active,
a.ck.ck-button:focus {
    /* border: transparent!important; */
    box-shadow: none !important;
    border-color: transparent !important;
    outline-color: transparent !important;
}

.ck.ck-dropdown__panel {
    border-color: var(--color-card) !important;
    background-color: var(--color-card) !important;
    --tw-shadow: 0px 4px 18px 0px rgba(var(--color-shadow)/var(--opacity-lg));
    --tw-shadow-colored: 0px 4px 18px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* .ck.ck-button.ck-on,
  a.ck.ck-button.ck-on {
    @apply text-white;
  } */

/* .ck.ck-button.ck-on,
  a.ck.ck-button.ck-on svg{
    @apply  !text-primary;
  } */

.ck-editor__editable {
    /* @apply min-h-52; */
}

.ck.ck-toolbar,
.ck-source-editing-area textarea {
    background-color: transparent !important;
}

.ck.ck-editor__main > .ck-editor__editable {
    background-color: transparent !important;
    min-height: 15rem;
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
    border-color: var(--color-input-border) !important;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.9375rem;
    line-height: 1.625;
    font-weight: 400;
    color: var(--color-text-primary);
}

.ck.ck-editor__main > .ck-editor__editable:focus {
    outline-width: 0px;
}

.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable),
.ck-source-editing-area textarea:not([readonly]):focus {
    border-color: var(--color-input-border) !important;
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    outline-width: 0px !important;
}

.ck .ck-balloon-panel.ck-balloon-panel_position_border-side_left.ck-balloon-panel_visible.ck-powered-by-balloon {
    display: none !important;
}

.ck.ck-splitbutton.ck-splitbutton_open>.ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover>.ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
    background-color: var(--color-card) !important;
}

.upload {
    position: relative;
    width: 100%;
    border-radius: 0.5rem;
    border-width: 2px;
    border-style: dashed;
    border-color: var(--color-divider);
    padding: 1.5rem;
}

.upload label {
    cursor: pointer;
}

.upload .upload-icon {
    position: relative;
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    background-color: var(--color-action-selected);
    font-size: 1.5rem;
    line-height: 2rem;
}

.upload .upload-icon::before {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    --tw-text-opacity: 1;
    color: rgb(128 131 144 / var(--tw-text-opacity));
}

/* size-72 */

.upload .preview {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
}

/* .upload .preview a {
    @apply relative size-72 overflow-hidden rounded-lg;
  } */

.upload .remove-icon {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.375rem;
    background-color: var(--color-action-selected);
    opacity: 0;
    transition-property: opacity;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.upload .remove-icon i {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 1.375rem;
    --tw-text-opacity: 1;
    color: rgb(128 131 144 / var(--tw-text-opacity));
}

.upload .upload-message {
    text-align: center;
}

.upload .upload-message p {
    margin-top: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
}

.upload .upload-message span {
    margin-top: 0.25rem;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.datepicker-container {
    font-family: IRANYekan;
}

/* .pwt-hide {
    display: block !important;
  } */

.datepicker-plot-area {
    width: 16.875rem;
    border-radius: 0.375rem;
    border-style: none;
    background-color: var(--color-card);
    padding: 0px;
    font-family: IRANYekan;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-shadow: 0px 3px 12px 0px rgba(var(--color-shadow)/var(--opacity-md));
    --tw-shadow-colored: 0px 3px 12px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.datepicker-plot-area .datepicker-navigator {
    position: relative;
    display: flex;
    height: 3rem;
    width: 100%;
    align-items: center;
    justify-content: space-around;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
    position: absolute;
    display: flex;
    width: 1.875rem;
    height: 1.875rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: var(--color-action-selected);
    padding: 0.25rem;
    color: var(--color-text-secondary);
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next {
    left: 1rem;
    right: auto;
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
    left: 3.5rem;
    right: auto;
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next::after {
    content: '';
    --svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: var(--color-text-secondary);
    font-size: 1rem;
    line-height: 1.5rem;
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-prev::after {
    content: '';
    --svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: var(--color-text-secondary);
    font-size: 1rem;
    line-height: 1.5rem;
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-switch {
    position: absolute;
    left: auto;
    right: 1rem;
    margin: 0px;
    display: flex;
    width: auto;
    align-items: center;
    justify-content: flex-end;
    border-radius: 0.25rem;
    background-color: var(--color-card);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    line-height: 1.5;
    color: var(--color-text-primary);
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
    /* @apply text-base leading-[1.875rem]; */
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover {
    background-color: var(--color-action-hover);
}

.datepicker-plot-area .datepicker-day-view .month-grid-box {
    margin-bottom: 0px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.datepicker-plot-area .datepicker-day-view .month-grid-box .header {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row {
    display: flex;
    height: 1.5rem;
    flex-direction: row-reverse;
    align-items: center;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: var(--color-text-primary);
}

/* .datepicker-plot-area .datepicker-day-view .table-days {
    @apply pt-1 pb-2 px-2;
  } */

.datepicker-plot-area .datepicker-day-view .table-days td span,
.datepicker-plot-area .datepicker-day-view .table-days td.disabled span {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: inherit;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    font-weight: 400;
    color: var(--color-text-primary);
}

.datepicker-plot-area .datepicker-day-view .table-days td span.other-month {
    color: var(--color-text-disabled);
}

.datepicker-plot-area .datepicker-day-view .table-days td span.other-month:hover {
    background-color: var(--color-action-hover);
    color: var(--color-text-disabled);
}

/*#7367f0 to #e9e7fd */

/* .datepicker-plot-area .datepicker-day-view .table-days td.today span {
    text-shadow: none;
    @apply bg-primary-500 text-white shadow-sm shadow-primary-30;
  } */

.datepicker-plot-area .datepicker-day-view .table-days td.selected.today span,
.datepicker-plot-area .datepicker-day-view .table-days td.selected span,
.datepicker-plot-area .datepicker-day-view .table-days td.disabled.selected span,
.datepicker-plot-area .datepicker-year-view .year-item.selected,
.datepicker-plot-area .datepicker-month-view .month-item.selected {
    text-shadow: none;
    background-color: var(--color-primary-500);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--color-primary-30);
    --tw-shadow: var(--tw-shadow-colored);
}

.datepicker-plot-area .datepicker-day-view .table-days td.today span {
    text-shadow: none;
    background-color: var(--color-primary-16);
    color: var(--color-primary-500);
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.datepicker-plot-area
.datepicker-day-view
.table-days
td.selected
span
.datepicker-plot-area
.datepicker-day-view
.table-days
td:hover,
.datepicker-plot-area .datepicker-day-view .table-days td:not(.selected):not(.today) span:not(.other-month):hover,
.datepicker-plot-area .datepicker-year-view .year-item:hover:not(.selected),
.datepicker-plot-area .datepicker-month-view .month-item:hover:not(.selected) {
    background-color: var(--color-action-hover);
    color: var(--color-text-primary);
}

.datepicker-plot-area .toolbox .pwt-btn-exit,
.datepicker-plot-area .toolbox .pwt-btn-calendar,
.datepicker-plot-area .toolbox .pwt-btn-today {
    margin-left: 0.5rem;
    height: auto;
    border-radius: 0.25rem;
    background-color: inherit;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-family: IRANYekan;
    line-height: 1.5rem;
    color: var(--color-text-primary);
}

.datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item {
    border-radius: 0.25rem;
    background-color: inherit;
    color: var(--color-text-primary);
}

.datepicker-plot-area .toolbox {
    margin-bottom: 0.5rem;
    margin-top: 0.125rem;
}

.datepicker-plot-area .toolbox .pwt-btn-exit,
.datepicker-plot-area .toolbox .pwt-btn-today {
    margin-right: 0.25rem;
}

.datepicker-plot-area .toolbox .pwt-btn-submit:hover,
.datepicker-plot-area .toolbox .pwt-btn-exit:hover,
.datepicker-plot-area .toolbox .pwt-btn-calendar:hover,
.datepicker-plot-area .toolbox .pwt-btn-today:hover {
    background-color: var(--color-action-hover);
}

/* .repeater{
        @apply flex items-center
    } */

.card-datatable {
    position: relative;
    padding-bottom: 1rem;
}

.card-datatable .card-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    row-gap: 1.5rem;
}

@media (min-width: 1280px) {
    .card-datatable .card-header {
        flex-direction: row;
        align-items: center;
    }
}

.card-datatable .card-header .datatable-search input {
    width: 100%;
}

@media (min-width: 768px) {
    .card-datatable .card-header .datatable-search input {
        width: 18rem;
    }
}

.card-datatable .datatable-info {
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    row-gap: 1.5rem;
}

@media (min-width: 768px) {
    .card-datatable .datatable-info {
        margin-bottom: 0px;
        flex-direction: row;
    }
}

.card-datatable .datatable-info .info {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    color: var(--color-text-disabled);
}

.card-datatable .datatable-info .pagination {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.tables {
    margin-bottom: 1rem;
    width: 100%;
    vertical-align: middle;
}

.tables thead {
    border-top-width: 1px;
    border-style: solid;
    border-color: var(--color-divider);
    text-align: right;
    vertical-align: bottom;
}

.tables thead tr th {
    position: relative;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: var(--color-divider);
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1.25rem;
    padding-left: 1rem;
    font-size: 0.8125rem;
    line-height: 1;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--color-text-primary);
}

.tables thead tr th:first-child {
    padding-right: 1.5rem;
}

.tables tbody tr td {
    position: relative;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: var(--color-divider);
    padding-top: 0.53125rem;
    padding-bottom: 0.53125rem;
    padding-right: 1.25rem;
    padding-left: 1rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.tables tbody tr td:first-child {
    padding-right: 1.5rem;
}

.tables tbody tr td h6 {
    font-size: 0.9375rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: var(--color-text-primary);
}

.tables tbody tr td p {
    line-height: 1.75rem;
}

.tables tbody tr td .category {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--color-text-primary);
}

.tables .table-img {
    position: relative;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    border-radius: 0.375rem;
    background-color: var(--color-action-hover);
}

.tables .table-img img {
    width: 100%;
    height: 100%;
    border-radius: 0.375rem;
}

.tables .table-action {
    display: flex;
    align-items: center;
}

.tables .table-action >a ,
.tables .table-action button {
    margin-left: 0.125rem;
    display: flex;
    width: 2.25rem;
    height: 2.25rem;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
}

.tables .table-action >a:hover ,
.tables .table-action button:hover ,
.tables .table-action .dropdown:hover {
    border-radius: 9999px;
    background-color: var(--color-action-hover);
}

.tables .table-action .dropdown .dropdown-toggle {
    display: flex;
}

.tables .table-action .dropdown {
    margin-left: 0px;
    display: flex;
    width: 2.25rem;
    height: 2.25rem;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
}

.tables .table-action a i,
.tables .table-action button i,
.tables .table-action .dropdown i {
    font-size: 1.375rem;
    line-height: 0.9;
    color: var(--color-text-secondary);
}

.table2 {
    background-color: var(--color-body);
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.table2 .card-header {
    border-radius: 0.375rem;
    background-color: var(--color-card);
    --tw-shadow: 0px 2px 8px 0px rgba(var(--color-shadow)/var(--opacity-sm));
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.table2 .tables {
    margin-bottom: 0.5rem;
    border-collapse: separate;
    --tw-border-spacing-y: 0.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.table2 .tables thead {
    --tw-shadow: 0px 2px 8px 0px rgba(var(--color-shadow)/var(--opacity-sm));
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.table2 .tables thead th {
    border-style: none;
    background-color: var(--color-card);
}

.table2 .tables thead th:first-child {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.table2 .tables thead th:last-child {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

/* shadow-aside dark:shadow-aside-dark */

.table2 .tables tbody tr {
    background-color: var(--color-card);
    --tw-shadow: 0px 2px 8px 0px rgba(var(--color-shadow)/var(--opacity-sm));
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.table2 .tables tbody tr td {
    border-width: 0px;
}

.table2 .tables tbody tr td:first-child {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.table2 .tables tbody tr td:last-child {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

/* shadow-aside dark:shadow-aside-dark */

.table2 .datatable-info {
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0.375rem;
    background-color: var(--color-card);
    padding-top: 0.8125rem;
    padding-bottom: 0.8125rem;
    --tw-shadow: 0px 2px 8px 0px rgba(var(--color-shadow)/var(--opacity-sm));
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.card-datatable .tables th:nth-child(2),
.card-datatable .tables td:nth-child(2) {
    display: none;
}

@media (min-width: 768px) {
    .card-datatable .tables th:nth-child(2),
    .card-datatable .tables td:nth-child(2) {
        display: table-cell;
    }
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip .tooltip-arrow {
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 1;
    display: block;
    height: 0.5rem;
    width: 1rem;
}

.tooltip .tooltip-arrow::after {
    position: absolute;
    display: block;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    border-top-color: var(--color-card);
    border-width: 0.5rem 0.5rem 0;
    content: '';
}

.tooltip .tooltip-body[data-popper-placement^=top] .tooltip-arrow {
    bottom: 0px;
}

.tooltip .tooltip-body[data-popper-placement^=bottom] .tooltip-arrow {
    top: -0.5rem;
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* .tooltip[data-popper-placement^=top] .tooltip-arrow::after {

    } */

/* .tooltip[data-popper-placement^=top]>.tooltip-arrow::before {
        @apply bottom-0  border-t-primary-16;
        border-width: 0.5rem 0.5rem 0;
    } */

.tooltip i {
    position: relative;
    display: flex;
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: rgb(128 131 144/0.16);
    color: var(--color-text-primary);
}

.tooltip i:before {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
}

.tooltip .tooltip-body {
    /* @apply absolute z-[1091] block w-max max-w-52 rounded-md bg-card px-4.5 pb-4.5 pt-4 text-start shadow-main-lg transition-[opacity,visibility] duration-300 ease-linear; */
    visibility: hidden;
    position: absolute;
    z-index: 1091;
    width: -moz-max-content;
    width: max-content;
    max-width: 13rem;
    border-radius: 0.375rem;
    background-color: var(--color-card);
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: start;
    opacity: 0;
    --tw-shadow: 0px 4px 18px 0px rgba(var(--color-shadow)/var(--opacity-lg));
    --tw-shadow-colored: 0px 4px 18px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: opacity,visibility;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: linear;
}

.tooltip .tooltip-body.show {
    visibility: visible;
    opacity: 1;
}

.tooltip .tooltip-text {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    color: var(--color-text-primary);
}

.input-row {
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 1.5rem;
}

@media (min-width: 768px) {
    .input-row {
        flex-direction: row;
        gap: 0px;
    }
}

.input-col {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.label {
    margin-bottom: 0.5rem;
    display: inline-block;
    font-size: 0.8125rem;
    line-height: 0.9375rem;
    font-weight: 500;
    color: var(--color-text-primary);
}

/* 5.816 */

.input {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 0.375rem;
    border-width: 1px;
    border-color: var(--color-input-border);
    background-color: var(--color-card);
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    padding-top: 0.3635rem;
    padding-bottom: 0.3635rem;
    font-size: 0.9375rem;
    line-height: 1.625;
    font-weight: 500;
    color: var(--color-text-primary);
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.input:hover {
    border-color: var(--color-action-active);
}

.input:focus {
    border-width: 2px;
    border-color: var(--color-primary-500);
    padding-left: calc(0.875rem - 1px);
    padding-right: calc(0.875rem - 1px);
    padding-top: calc(0.3635rem - 1px);
    padding-bottom: calc(0.3635rem - 1px);
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--color-primary-30);
    --tw-shadow: var(--tw-shadow-colored);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
{
    /*-webkit-box-shadow: 0 0 0 1000px inherit inset !important;*/
    /*-webkit-box-shadow:*/
    /*    0 0 0 1000px var(--color-card) inset,*/
    /*    0 0 0 1px var(--color-input-border) !important;  */
    -webkit-box-shadow:
        0 0 0 1000px var(--color-card) inset !important;
    -webkit-text-fill-color: var(--color-text-primary) !important;
    background-color: inherit !important;
    color: inherit !important;
    -webkit-transition: background-color 9999999s  ease-in-out 0s;
    transition: background-color 9999999s  ease-in-out 0s;
}

.input::-moz-placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--color-text-disabled);
    -moz-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.input::placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--color-text-disabled);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.input:focus::-moz-placeholder {
    --tw-translate-x: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input:focus::placeholder {
    --tw-translate-x: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input:focus:where([dir="ltr"], [dir="ltr"] *)::-moz-placeholder {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input:focus:where([dir="ltr"], [dir="ltr"] *)::placeholder {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.ltr.input:focus::-moz-placeholder {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.ltr.input:focus::placeholder {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input-help {
    margin-top: 0.5rem;
    display: block;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 0.8125rem;
}

/* -----------------------------------input-file---------------------------------------------------------- */

.input::file-selector-button {
    pointer-events: none;
    border-width: 0px;
    border-inline-end-width: 1px;
    border-style: solid;
    border-color: inherit;
    background-color: transparent;
    color: var(--color-text-primary);
    transition-property: none;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.input::file-selector-button:hover {
    background-color: var(--color-action-hover);
}

.input::file-selector-button {
    padding: 0.426rem 0.9375rem;
    margin: -0.426rem -0.9375rem;
    margin-inline-end: 0.9375rem;
}

/* .input[type="file"]::before {
    content: "انتخاب فایل";
    @apply text-text-primary absolute text-label leading-[26px] ;
  } */

.input:hover::file-selector-button {
    background-color: var(--color-action-hover);
}

.input-file {
    position: relative;
    overflow: hidden;
}

.input-file .input {
    padding: 0px;
}

.input-file .input:focus {
    padding: 0px;
}

.input-file input[type='file'] {
    position: absolute;
    z-index: -1;
    display: none;
}

/* .input-file .input-file-selector{
    @apply flex items-center ;
  } */

.input-file .file-selector {
    pointer-events: none;
    z-index: 10;
    display: inline-block;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    border-width: 0px;
    border-inline-end-width: 1px;
    border-style: solid;
    border-color: inherit;
    background-color: transparent;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    padding-top: 0.3635rem;
    padding-bottom: 0.3635rem;
    color: var(--color-text-primary);
    transition-property: none;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.input-file .file-selector:hover {
    background-color: var(--color-action-hover);
}

.input-file .input.focus {
    border-width: 2px;
    border-color: var(--color-primary-500);
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--color-primary-30);
    --tw-shadow: var(--tw-shadow-colored);
}

.input-file .input.focus .file-selector {
    padding-left: calc(0.875rem - 1px);
    padding-right: calc(0.875rem - 1px);
    padding-top: calc(0.3635rem - 1px);
    padding-bottom: calc(0.3635rem - 1px);
}

.input-file .file-selector:hover {
    background-color: var(--color-action-hover);
}

/* -----------------------------------input-number---------------------------------------------------------- */

/* حذف دکمه‌ها در مرورگرهای Webkit (Chrome, Safari) */

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* حذف دکمه‌ها در مرورگرهای Gecko (Firefox) */

input[type='number'] {
    -moz-appearance: textfield;
}

/* حذف دکمه‌ها در مرورگرهای دیگر (Edge, ...) */

input[type='number'] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

/* -----------------------------------input-icon---------------------------------------------------------- */

/* .input-icon{
    @apply rounded-e-md
  } */

/* -----------------------------------textarea---------------------------------------------------------- */

.textarea {
    display: block;
    width: 100%;
    border-radius: 0.375rem;
    border-width: 1px;
    border-color: var(--color-input-border);
    background-color: var(--color-card);
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    padding-top: 0.3635rem;
    padding-bottom: 0.3635rem;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--color-text-primary);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.textarea:hover {
    border-color: var(--color-action-active);
}

.textarea:focus {
    border-width: 2px;
    border-color: var(--color-primary-500);
    padding-left: calc(0.875rem - 1px);
    padding-right: calc(0.875rem - 1px);
    padding-top: calc(0.3635rem - 1px);
    padding-bottom: calc(0.3635rem - 1px);
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--color-primary-30);
    --tw-shadow: var(--tw-shadow-colored);
    outline: 2px solid transparent;
    outline-offset: 2px;
}

/* -----------------------------------select---------------------------------------------------------- */

/* py-6.75 pr-3.5 pl-3.5 */

.select {
    position: relative;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    border-width: 1px;
    border-color: var(--color-input-border);
    background-color: var(--color-card);
    padding-top: 0.3635rem;
    padding-bottom: 0.3635rem;
    padding-left: 2.75rem;
    padding-right: 0.875rem;
    font-size: 0.9375rem;
    line-height: 1.625;
    font-weight: 500;
    color: var(--color-text-primary);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-property: none;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.select:hover {
    border-color: var(--color-action-active);
}

.select:focus {
    border-width: 2px;
    border-color: var(--color-primary-500);
    padding-top: calc(0.3635rem - 1px);
    padding-bottom: calc(0.3635rem - 1px);
    padding-left: calc(2.75rem - 1px);
    padding-right: calc(0.875rem - 1px);
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--color-primary-30);
    --tw-shadow: var(--tw-shadow-colored);
    outline-width: 0px;
}

.select {
    background-image: url("../svg/light.svg");
}

.select:where([data-mode="dark"], [data-mode="dark"] *) {
    background-image: url("../svg/dark.svg");
}

.select {
    background-size: 22px 24px;
    background-position: left 12px center;
    -webkit-print-color-adjust: exact;
    background-repeat: no-repeat;
}

.select:focus {
    background-position: left calc(12px - 1px) center;
}

/* -----------------------------------check---------------------------------------------------------- */

.check-col {
    position: relative;
    margin-bottom: 1rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
}

.label-check {
    display: inline-block;
    cursor: pointer;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    font-weight: 400;
    color: var(--color-text-primary);
}

/*   focus:ring-0 dark:focus:ring-offset-0 focus:ring-transparent*/

.check {
    margin-left: 0.375rem;
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    border-width: 2px;
    border-style: solid;
    border-color: var(--color-text-disabled);
    background-color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    color: var(--color-primary-500);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.check:checked {
    border-color: var(--color-primary-500);
    background-color: var(--color-primary-500);
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--color-primary-30);
    --tw-shadow: var(--tw-shadow-colored);
}

.check:checked[type='checkbox'] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* -----------------------------------radio---------------------------------------------------------- */

.radio-col {
    position: relative;
    margin-bottom: 1rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
}

.label-radio {
    display: inline-block;
    cursor: pointer;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    font-weight: 400;
    color: var(--color-text-primary);
}

/*   focus:ring-0 dark:focus:ring-offset-0 focus:ring-transparent*/

.radio {
    margin-left: 0.375rem;
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 9999px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--color-text-disabled);
    background-color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    color: var(--color-primary-500);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.radio:checked {
    border-color: var(--color-primary-500);
    background-color: var(--color-primary-500);
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--color-primary-30);
    --tw-shadow: var(--tw-shadow-colored);
}

.radio:checked[type='checkbox'] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.6' fill='%23fff'  /%3e%3c/svg%3e");
}

/* -----------------------------switch------------------------------------- */

.switch-col {
    position: relative;
    margin-bottom: 1rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
}

.switch-label {
    position: relative;
    margin-right: 0.625rem;
    display: inline-block;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    font-weight: 400;
    color: var(--color-text-primary);
}

.switch[type='checkbox'] {
    position: relative;
    display: flex;
    height: 0px;
    width: 1.875rem;
    cursor: pointer;
    align-items: center;
}

.switch[type='checkbox']:focus {
    outline-width: 0px;
}

.switch[type='checkbox'] {
    border-width: 0px;
}

.switch[type='checkbox']:focus {
    --tw-ring-offset-color: transparent;
    --tw-ring-color: transparent;
}

.switch[type='checkbox']:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.switch[type='checkbox'] {
    /* @apply focus:shadow-none dark:focus:shadow-none; */
}

.switch[type='checkbox']::before {
    content: var(--tw-content);
    position: absolute;
}

.switch[type='checkbox']::after {
    content: var(--tw-content);
    position: absolute;
}

.switch[type='checkbox']::before {
    content: var(--tw-content);
    top: auto;
}

.switch[type='checkbox']::after {
    content: var(--tw-content);
    top: auto;
}

.switch[type='checkbox']::before {
    content: var(--tw-content);
    display: inline-block;
}

.switch[type='checkbox']::after {
    content: var(--tw-content);
    display: block;
}

.switch[type='checkbox']::before {
    content: var(--tw-content);
    border-radius: 9999px;
}

.switch[type='checkbox']::after {
    border-radius: 9999px;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    width: 0.875rem;
    height: 0.875rem;
    --tw-content: '';
    --tw-shadow: 0px 1px 6px 0px rgba(var(--color-shadow)/var(--opacity-xs));
    --tw-shadow-colored: 0px 1px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    content: var(--tw-content);
    transition-duration: 200ms;
}

.switch[type='checkbox'] {
    /* @apply before:content-[''] before:w-[1.875rem] before:h-[1.125rem]; */
}

.switch[type='checkbox']::before {
    height: 1.25rem;
    width: 2.375rem;
    --tw-content: '';
    content: var(--tw-content);
    --tw-shadow: 0px 0px 4px 0px rgb(0,0,0,0.16) inset;
    --tw-shadow-colored: inset 0px 0px 4px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.switch[type='checkbox']::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.switch[type='checkbox'] {
    /* @apply before:bg-transparent before:border border-light-border-switch dark:before:border-dark-switch-border; */
}

.switch[type='checkbox']::before {
    content: var(--tw-content);
    background-color: var(--color-action-focus);
}

.switch[type='checkbox']:checked::before {
    background-color: var(--color-primary-500);
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    content: var(--tw-content);
    --tw-shadow-color: var(--color-primary-30);
    --tw-shadow: var(--tw-shadow-colored);
}

.switch[type='checkbox']:checked::after {
    --tw-translate-x: -1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    content: var(--tw-content);
    transition-duration: 300ms;
}

.switch[type='checkbox']:disabled {
    cursor: not-allowed;
}

.switch[type='checkbox']:disabled::after {
    content: var(--tw-content);
    --tw-bg-opacity: 0.75;
}

.switch[type='checkbox']:checked:disabled::before {
    content: var(--tw-content);
    --tw-bg-opacity: 0.4;
}

.switch-large input[type='checkbox'] {
    height: 0px;
    width: 3.125rem;
    cursor: pointer;
}

.switch-large input[type='checkbox']::after {
    content: var(--tw-content);
    width: 1.125rem;
    height: 1.125rem;
}

.switch-large input[type='checkbox']::before {
    height: 26px;
    content: var(--tw-content);
    width: 3.125rem;
}

.switch-large input[type='checkbox'] {
    /* @apply before:w-12 before:h-7; */
}

.switch-large input[type='checkbox']:checked::after {
    content: var(--tw-content);
    --tw-translate-x: -1.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* ml-4 */

.btn {
    position: relative;
    display: inline-flex;
    --tw-scale-x: 1.001;
    --tw-scale-y: 1.001;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.375rem;
    border-width: 1px;
    border-color: transparent;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
    text-align: center;
    vertical-align: middle;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    font-weight: 500;
    transition-property: all;
    transition-duration: 150ms;
    transition-duration: 0.135s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn:focus-visible {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn:active {
    --tw-scale-x: 0.98;
    --tw-scale-y: 0.98;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.45;
}

.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.45;
}

.btn-icon {
    width: 2.375rem;
    height: 2.375rem;
    padding: 0.25rem;
}

.btn-text {
    position: relative;
    display: flex;
    --tw-scale-x: 1.001;
    --tw-scale-y: 1.001;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    cursor: pointer;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    transition-property: all;
    transition-duration: 150ms;
    transition-duration: 0.135s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-text:hover {
    background-color: var(--color-action-hover);
}

.btn-text:active {
    --tw-scale-x: 0.98;
    --tw-scale-y: 0.98;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-icon span,
.btn-icon i,
.btn-icon svg {
    font-size: 1.375rem;
    line-height: .9;
}

.btn-i span,
.btn-i i,
.btn-i svg {
    margin-left: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
}

.btn-primary {
    background-color: var(--color-primary-500);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--color-primary-30);
    --tw-shadow: var(--tw-shadow-colored);
}

.btn-primary:hover {
    background-color: var(--color-primary-600);
}

.btn-label-primary {
    background-color: var(--color-primary-16);
    color: var(--color-primary-500);
}

.btn-label-primary:hover {
    background-color: var(--color-primary-24);
}

.btn-outline-primary {
    color: var(--color-primary-500);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: var(--color-primary-500);
}

.btn-outline-primary:hover {
    background-color: var(--color-primary-8);
}

.btn-second {
    --tw-bg-opacity: 1;
    background-color: rgb(128 131 144 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgb(128 131 144/0.30);
    --tw-shadow: var(--tw-shadow-colored);
}

.btn-second:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(115 118 130 / var(--tw-bg-opacity));
}

.btn-label-second {
    background-color: rgb(128 131 144/0.16);
    --tw-text-opacity: 1;
    color: rgb(128 131 144 / var(--tw-text-opacity));
}

.btn-label-second:hover {
    background-color: rgb(128 131 144/0.24);
}

.btn-outline-second {
    --tw-text-opacity: 1;
    color: rgb(128 131 144 / var(--tw-text-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(128 131 144 / var(--tw-ring-opacity));
}

.btn-outline-second:hover {
    background-color: rgb(128 131 144/0.08);
}

.btn-success {
    --tw-bg-opacity: 1;
    background-color: rgb(40 199 111 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgb(40 199 111/0.30);
    --tw-shadow: var(--tw-shadow-colored);
}

.btn-success:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(36 179 100 / var(--tw-bg-opacity));
}

.btn-label-success {
    background-color: rgb(40 199 111/0.16);
    --tw-text-opacity: 1;
    color: rgb(40 199 111 / var(--tw-text-opacity));
}

.btn-label-success:hover {
    background-color: rgb(40 199 111/0.24);
}

.btn-outline-success {
    --tw-text-opacity: 1;
    color: rgb(40 199 111 / var(--tw-text-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(40 199 111 / var(--tw-ring-opacity));
}

.btn-outline-success:hover {
    background-color: rgb(40 199 111/0.08);
}

.btn-danger {
    --tw-bg-opacity: 1;
    background-color: rgb(255 76 81 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgb(255 76 81/0.30);
    --tw-shadow: var(--tw-shadow-colored);
}

.btn-danger:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 68 73 / var(--tw-bg-opacity));
}

.btn-label-danger {
    background-color: rgb(255 76 81/0.16);
    --tw-text-opacity: 1;
    color: rgb(255 76 81 / var(--tw-text-opacity));
}

.btn-label-danger:hover {
    background-color: rgb(255 76 81/0.24);
}

.btn-outline-danger {
    --tw-text-opacity: 1;
    color: rgb(255 76 81 / var(--tw-text-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 76 81 / var(--tw-ring-opacity));
}

.btn-outline-danger:hover {
    background-color: rgb(255 76 81/0.08);
}

.btn-warning {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgb(255 159 67/0.30);
    --tw-shadow: var(--tw-shadow-colored);
}

.btn-warning:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 143 60 / var(--tw-bg-opacity));
}

.btn-label-warning {
    background-color: rgb(255 180 0/0.16);
    --tw-text-opacity: 1;
    color: rgb(255 159 67 / var(--tw-text-opacity));
}

.btn-label-warning:hover {
    background-color: rgb(255 180 0/0.24);
}

.btn-outline-warning {
    --tw-text-opacity: 1;
    color: rgb(255 159 67 / var(--tw-text-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 159 67 / var(--tw-ring-opacity));
}

.btn-outline-warning:hover {
    background-color: rgb(255 180 0/0.08);
}

.btn-info {
    --tw-bg-opacity: 1;
    background-color: rgb(0 186 209 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgb(0 186 209/0.30);
    --tw-shadow: var(--tw-shadow-colored);
}

.btn-info:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 167 188 / var(--tw-bg-opacity));
}

.btn-label-info {
    background-color: rgb(0 186 209/0.16);
    --tw-text-opacity: 1;
    color: rgb(0 186 209 / var(--tw-text-opacity));
}

.btn-label-info:hover {
    background-color: rgb(0 186 209/0.24);
}

.btn-outline-info {
    --tw-text-opacity: 1;
    color: rgb(0 186 209 / var(--tw-text-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 186 209 / var(--tw-ring-opacity));
}

.btn-outline-info:hover {
    background-color: rgb(0 186 209/0.08);
}

.btn-close {
    position: absolute;
    left: 0px;
    z-index: 2;
    box-sizing: content-box;
    width: 1.125rem;
    height: 1.125rem;
    border-style: none;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-top: 0.859375rem;
    padding-bottom: 0.859375rem;
    opacity: 0.5;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.btn-close:hover {
    opacity: 0.75;
}

.selects2 .select2-container {
    /* @apply !w-full h-10; */
    width: 100% !important;
}

.selects2 .selection {
    outline-width: 0px;
}

.selects2 .select2-container--default .select2-selection {
    position: relative;
    display: grid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    align-items: center;
    border-radius: 0.375rem;
    border-width: 1px;
    border-color: var(--color-input-border);
    background-color: transparent;
    font-size: 0.9375rem;
    line-height: 1.625;
    font-weight: 500;
    color: var(--color-text-primary);
    outline-width: 0px;
    transition-property: shadow,border-color;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.selects2 .select2-container--default .select2-selection:hover {
    border-color: var(--color-action-active);
}

.selects2 .select2-container--default .select2-selection--single {
    height: 2.375rem;
}

.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection {
    border-width: 2px;
    border-color: var(--color-primary-500);
}

.select2-container--default.select2-container--focus .select2-selection:hover,
.select2-container--default.select2-container--open .select2-selection:hover {
    border-color: var(--color-primary-500);
}

.selects2 .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 2.1875rem;
    padding-right: 0.875rem;
    line-height: 2.375rem;
    color: var(--color-text-primary);
}

.selects2 .select2-container.select2-container--focus .select2-selection--single .select2-selection__rendered,
.selects2 .select2-container.select2-container--open .select2-selection--single .select2-selection__rendered {
    padding-right: calc(0.875rem - 1px);
    padding-left: calc(2.1875rem - 2px);
    line-height: calc(2.375rem - 2px);
}

.selects2 .select2-selection__arrow {
    position: absolute !important;
    left: 0px !important;
    top: auto !important;
    display: flex;
    height: 2.375rem !important;
    width: 2.25rem !important;
    align-items: center;
}

.selects2 .select2-selection__arrow b {
    background-position: center;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    position: absolute !important;
    left: 1rem !important;
    top: auto !important;
    margin: 0px !important;
    height: 1.125rem !important;
    width: 1.25rem !important;
    border-style: none !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"><path d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%232f2b3d" fill-opacity="0.9"/></svg>');
    background-repeat: no-repeat !important;
}

.selects2 .select2-selection__arrow b:where([data-mode="dark"], [data-mode="dark"] *) {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"><path d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23e1def5" fill-opacity="0.9"/></svg>');
}

.selects2 .select2-container.select2-container--focus .select2-selection__arrow,
.selects2 .select2-container.select2-container--open .select2-selection__arrow {
    left: -1px !important;
}

.selects2 .select2-container--default .select2-selection--multiple {
    display: flex;
    min-height: 2.375rem;
    cursor: pointer;
    align-items: center;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1;
}

.selects2 .select2-selection--multiple .select2-selection__rendered {
    margin: 0px;
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px;
}

.selects2 ul.select2-selection__rendered .select2-selection__choice {
    position: relative;
    margin-left: 0.4375rem !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
    border-radius: 0.25rem;
    border-style: none;
    background-color: rgb(var(--color-main)/0.08);
    padding-left: 1rem;
    padding-right: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.5rem;
    color: var(--color-text-secondary);
}

.selects2.select2-primary ul.select2-selection__rendered .select2-selection__choice {
    background-color: var(--color-primary-16);
    color: var(--color-primary-500);
}

.selects2 ul.select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
    display: block;
    padding: 0px;
}

.selects2 ul.select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    top: 1px !important;
    display: block;
    border-style: none !important;
    background-color: transparent;
    font-weight: 500;
    color: inherit;
    opacity: 0.5;
}

.selects2 ul.select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    background-color: transparent;
    opacity: 0.8;
}

.selects2 .select2-selection--multiple .select2-search__field {
    font-family: IRANYekan;
    color: var(--color-text-primary);
}

.selects2 .select2-dropdown {
    z-index: 1000;
    border-style: none;
    background-color: var(--color-card);
    background-clip: padding-box;
    --tw-shadow: 0px 4px 18px 0px rgba(var(--color-shadow)/var(--opacity-lg));
    --tw-shadow-colored: 0px 4px 18px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.selects2 .select2-container--default .select2-results__options {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    max-height: 15rem !important;
    overflow-y: auto !important;
    outline-width: 0px;
}

.selects2 .select2-container--default .select2-results__option {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
    border-radius: 0.375rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .543rem;
    padding-bottom: .543rem;
    font-size: 0.9375rem;
    line-height: 1.375;
    font-weight: 400;
    color: var(--color-text-primary);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-primary-500) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.select2-container--default .select2-results__option--selected ,
.selects2 .select2-container--default .select2-results__option--selected[aria-selected='true'] {
    background-color: var(--color-action-focus);
    color: var(--color-text-secondary);
}

.selects2 .select2-container--default .select2-search--dropdown .select2-search__field {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
    margin-top: 0.25rem !important;
    width: calc(100% - 1rem) !important;
    border-radius: 0.375rem !important;
    border-color: var(--color-input-border);
    background-color: transparent;
    font-size: 0.9375rem;
    line-height: 1.375;
    font-weight: 400;
    color: var(--color-text-primary);
}

.selects2 .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline-width: 0px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.selects2 .select2-container--default .select2-search--dropdown .select2-search__field:active {
    outline-width: 0px !important;
}

.select2-selection__placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--color-text-disabled);
}

.selects2 .select2-selection__clear {
    position: absolute;
    left: 3rem;
    margin-right: 0px !important;
    display: flex;
    align-items: center;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    padding-top: 0.1875rem;
    color: var(--color-text-secondary);
}

/* تغییر کلی استایل اسکرول */

.select2-results__options::-webkit-scrollbar {
    max-height: 64px;
    width: 0.25rem;
}

/* استایل پس‌زمینه اسکرول */

.select2-results__options::-webkit-scrollbar-track {
    background-color: transparent !important;
}

/* استایل بخش کشویی اسکرول */

.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 0.375rem;
    background-color: rgb(from var(--color-text-primary) r g b/0.20) !important;
    transition: background-color 0.2s linear, width 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
}

/* تغییر رنگ هنگام هاور کردن */

/* .select2-results__options::-webkit-scrollbar-thumb:hover { */

/* background: #555; رنگ در حالت هاور */

/* } */

/* .selects2 .select2-selection.select2-selection--multiple .select2-search--inline {
    @apply inline-block py-0.5;
  }

  .selects2 ul.select2-selection__rendered {
    @apply m-0 w-full overflow-hidden text-ellipsis p-0;
  }


  .selects2 .select2-selection.select2-selection--multiple .select2-search--inline textarea {
    @apply !h-[1.375rem] !font-iranyekan;
  }

  .select2-search--inline textarea::placeholder {
    @apply inline-block font-iranyekan text-base font-medium text-main/40;
  }
  .selects2 .select2-selection.select2-selection--multiple {
    @apply h-auto rounded-md bg-card ring-1 ring-input-border transition-[shadow,border-color] ease-in-out;
  } */

/* .selects2
    .select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    @apply bg-primary-500 text-white;
  } */

/*
  .selects2 .select2-container--default .select2-results__option--selected {
    @apply !bg-primary-500 !text-white;
  } */

/* .select2-container--default.select2-container--focus .select2-selection,
  .select2-container--default.select2-container--open .select2-selection {
    @apply border-primary-500 ring-1 ring-primary-500;
  } */

.select2-dropdown {
    /* @apply !border-none; */
}

/* .selects2 .select2-results__option[role="option"] {
    /* @apply mx-2 my-1 rounded-md px-4 py-2; */

/* } */

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    /* @apply text-text-primary; */
}

/* dark:text-dark-text-body bg-nav-user-hover-text/15 */

.selects2 ul.select2-selection__rendered li.select2-selection__choice {
    /* @apply mt-[0.313rem] border-none pl-4 text-primary-500 ; */
    /* position: relative;
    font-size: 0.8125rem;
    border-radius: 0.25rem;
    padding: 0 0.5rem;
    cursor: default;
    line-height: 1.5rem; */
}

/* text-nav-user-hover-text/40 dark:text-nav-user-hover-text/80 */

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
    /* @apply -left-px border-none ; */
}

/* text-nav-user-hover-text/80 dark:text-dark-second */

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    /* @apply !bg-transparent ; */
}

/* .select2-container--open .select2-dropdown {
    @apply top-[0.313rem];
  } */

/* .select2-container--default .select2-results__option[aria-selected=true] {
    @apply text-primary-38;
    background-color: rgba(47, 43, 61, .1);
} */

/* .select2-results__option[role=option][aria-selected=true] {
    background-color: #7367f0;
    color: #fff;
} */

.layout-page {
    display: flex;
    min-height: 100vh;
    max-width: 100%;
    flex-basis: 100%;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .layout-page {
        padding-right: 16.25rem;
    }

    @media (min-width: 1024px) {
        .layout-body .layout-page {
            padding-right: 5.25rem;
        }
    }
}

.content-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 100%;
    flex: 1 1 0%;
    flex-direction: column;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.overlay {
    visibility: hidden;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1099;
    height: 100%;
    width: 100%;
    background-color: var(--color-backdrop-overlay);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.overlay.show {
    visibility: visible;
    opacity: 0.5;
}

/* text-light-nav-notif-text */

.navbar {
    position: relative;
    z-index: 1075;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    display: flex;
    height: 3.5rem;
    width: calc(100% - calc(1rem * 2));
    align-items: center;
    border-radius: 0.375rem;
    background-color: var(--color-card);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    --tw-shadow: 0px 2px 8px 0px rgba(var(--color-shadow)/var(--opacity-sm));
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: width,max-width;
    transition-delay: 300ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
    .navbar {
        width: calc(100% - calc(1.5rem * 2));
        max-width: calc(1440px - calc(1.5rem * 2));
    }

    .layout-body .navbar {
        width: calc(100% - calc(1.5rem * 2));
    }
}

/* ================nav sm==================== */

.nav-sm {
    margin-left: 1rem;
    display: flex;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

@media (min-width: 1024px) {
    .nav-sm {
        display: none;
    }
}

.nav-sm-icon {
    display: inline-flex;
    color: var(--color-text-primary);
}

.nav-sm-icon i {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    line-height: 1;
}

/* ===================navbar-nav-left============================= */

.navbar-nav-left {
    display: flex;
    align-items: center;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}

.navbar-nav,
.navbar-nav-left > ul {
    display: flex;
    flex-basis: 100%;
    align-items: center;
}

.navbar-nav-left {
    margin-right: auto;
}

.nav-item {
    position: static;
    color: var(--color-text-primary);
}

@media (min-width: 768px) {
    .nav-item {
        position: relative;
    }
}

/* ====================nav-notif==================== */

.notif-list {
    z-index: 1000;
    min-width: auto;
    overflow: hidden;
    border-radius: 0.375rem;
    background-color: var(--color-card);
    background-clip: padding-box;
    font-size: 0.9375rem;
    --tw-shadow: 0px 4px 18px 0px rgba(var(--color-shadow)/var(--opacity-lg));
    --tw-shadow-colored: 0px 4px 18px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.nav-notif .badge-dot {
    position: absolute;
    left: 0.5rem;
    top: auto;
}

@media (min-width: 768px) {
    .nav-notif .badge-dot {
        top: 0.5rem;
    }

    .nav-notif .notif-list {
        width: 20rem;
    }
}

.nav-notif .nav-notif-head {
    display: block;
    border-bottom-width: 1px;
    border-color: var(--color-divider);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: calc(1.25rem - 1px);
    padding-top: 1.25rem;
    color: var(--color-text-primary);
}

.nav-notif-footer {
    border-top-width: 1px;
    border-color: var(--color-divider);
    padding: 1rem;
}

.nav-notif .notif {
    max-height: 13.8125rem;
}

.nav-notif .notif ul {
    position: relative;
    display: flex;
    flex-direction: column;
}

.nav-notif .notif ul > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    border-style: solid;
    border-color: var(--color-divider);
}

.nav-notif .notif ul {
    overflow: hidden;
}

.notif-item {
    position: relative;
    display: block;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.notif-item:hover {
    background-color: var(--color-action-hover);
}

.notif-link {
    display: flex;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.notif-link h6 {
    margin-bottom: 0.25rem;
    color: var(--color-text-primary);
}

.notif-link small {
    font-size: 0.8125rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: var(--color-text-disabled);
}

.notif .ps__rail-y {
    left: 0px !important;
    width: 0.25rem;
}

.notif .ps__thumb-y {
    width: 0.25rem;
}

/* ===================nav-user============================= */

.nav-user {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

@media (min-width: 768px) {
    .nav-user {
        width: 14rem;
    }
}

.nav-divider {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    overflow: hidden;
    border-top-width: 1px;
    border-style: solid;
    border-color: var(--color-divider);
    opacity: 1;
}

.nav-user .btn {
    margin-left: 0px;
    width: 100%;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.nav-tabs {
    /* @apply relative flex overflow-hidden rounded-md bg-card shadow-main-md; */
    position: relative;
    display: flex;
    overflow: hidden;
}

.nav-tabs .tabs-menu {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border-style: solid;
    border-color: var(--color-divider);
}

.tabs-item {
    /* @apply inline-flex w-full overflow-x-auto overflow-y-hidden border-solid border-divider relative z-[1]; */
}

.nav-tabs .tabs-link {
    margin-left: 0.25rem;
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-left: 1.375rem;
    padding-right: 1.375rem;
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
    font-size: 0.9375rem;
    line-height: 1.625;
    font-weight: 500;
    text-transform: capitalize;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: none;
}

.nav-tabs .tabs-link:not(.active):hover {
    border-bottom-width: 2px;
    border-color: var(--color-primary-16);
    padding-bottom: 0.3125rem;
    color: var(--color-primary-500);
}

.nav-tabs .tabs-line .tabs-link.active {
    background-color: transparent;
    color: var(--color-primary-500);
    --tw-shadow: 0 -2px 0 var(--color-primary) inset;
    --tw-shadow-colored: inset 0 -2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.nav-tabs .tab-content {
    width: 100%;
    padding: 1.5rem;
}

.tabs .tab-content .tab-pane {
    --tw-translate-x: 30px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 100ms;
    transition-timing-function: linear;
}

.tabs .tab-content > .tab-pane {
    display: none;
}

.tabs .tab-content > .tab-pane.show {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 100ms;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.tabs .tab-content .tab-pane.active {
    display: block;
}

.nav-align-top {
    flex-direction: column;
}

/* rounded-t-md */

.nav-align-top .tabs-menu {
    border-bottom-width: 1px;
}

.nav-align-right {
    flex-direction: row;
}

.nav-align-right .tabs-menu {
    width: auto;
    min-width: 10rem;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    border-left-width: 1px;
}

.nav-align-right .tabs-item {
    margin-bottom: 0.25rem;
}

.nav-align-right .tabs-link {
    justify-content: flex-start;
}

/* -------------------------------------------tabs-line------------------------------------------------------------------ */

.nav-align-right .tabs-line .tabs-link:not(.active):hover {
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-color: var(--color-primary-16);
    padding-bottom: 0.4375rem;
    padding-left: calc(24px - 2px);
    color: var(--color-primary-500);
}

.nav-align-right .tabs-line .tabs-link.active {
    background-color: transparent;
    color: var(--color-primary-500);
    --tw-shadow: 2px 0 0 var(--color-primary) inset;
    --tw-shadow-colored: inset 2px 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* -------------------------------------------tabs-pills------------------------------------------------------------------ */

.nav-tabs .tabs-pills {
    padding-left: 1rem;
}

.nav-tabs .tabs-pills .tabs-link {
    border-radius: 0.375rem;
}

.nav-tabs .tabs-pills .tabs-link:not(.active):hover {
    border-width: 0px;
    background-color: var(--color-primary-16);
    padding-bottom: 0.4375rem;
    color: var(--color-primary-500);
}

.nav-tabs .tabs-pills .tabs-link.active {
    background-color: var(--color-primary-500);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--color-primary-30);
    --tw-shadow: var(--tw-shadow-colored);
}

/* -------------------------------------------tabs-border------------------------------------------------------------------ */

.tabs-border {
    position: relative;
    display: flex;
    flex-direction: column;
}

.tabs-border .tabs-menu {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2rem;
}

.tabs-border .tabs-link {
    margin-left: 0.25rem;
    display: flex;
    height: 6.25rem;
    width: 6.875rem;
    --tw-scale-x: 1.001;
    --tw-scale-y: 1.001;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    border-width: 1px;
    border-color: var(--color-divider);
    transition-property: all;
    transition-duration: 150ms;
    transition-duration: 0.135s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tabs-border .tabs-link.active {
    border-color: var(--color-primary-500);
}

.tabs-border .tabs-link.active .badge {
    background-color: var(--color-primary-16);
    color: var(--color-primary-500);
}

.tabs-border .tabs-link .badge {
    position: relative;
    top: -1px;
    border-radius: 0.375rem;
    padding: 0.5rem;
}

.tabs-border .tabs-link.active {
    /* @apply */
}

.ticket {
    display: flex;
}

.ticket .ticket-badge span {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.34375rem;
    padding-bottom: 0.34375rem;
    font-size: 0.8125rem;
    line-height: 1;
    font-weight: 500;
}

.tabs-border .tabs-link.active .ticket .ticket-badge span {
    background-color: var(--color-primary-16);
    color: var(--color-primary-500);
}

.tabs-border .tabs-link .ticket .ticket-badge span {
    position: relative;
    top: -1px;
    border-radius: 0.375rem;
    padding: 0.5rem;
}

.ticket .ticket-badge span {
    padding-top: 0.333rem;
    padding-bottom: 0.333rem;
}

.ticket .ticket-date {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.ticket .ticket-date span {
    display: flex;
    align-items: center;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: var(--color-text-secondary);
}

.ticket .department {
    display: flex;
    align-items: center;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
}

.ticket .ticket-date i,
.ticket .department i {
    color: var(--color-text-secondary);
}

/* border-[#e6e6e8] border-t*/

.ticket-chat {
    border-radius: 0.375rem;
    background-color: var(--color-card-100);
    padding-bottom: 0.001rem;
}

.ticket-chat-body {
    position: relative;
    height: calc(100vh - 22rem);
    padding: 1.5rem;
}

.ticket-chat-message {
    margin-bottom: 1rem;
}

.ticket-chat-message li {
    margin-bottom: 3rem;
    display: flex;
}

.ticket-chat-message li:last-child {
    margin-bottom: 0px;
}

.ticket-chat-message li:nth-child(odd) {
    justify-content: flex-end;
}

.ticket-chat-message li:nth-child(even) {
    justify-content: flex-start;
}

.ticket-chat-message li:nth-child(even) > div {
    flex-direction: row-reverse;
}

.ticket .ticket-chat-message .chat-message-text {
    border-radius: 0.375rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.485rem;
    padding-bottom: 0.485rem;
    --tw-shadow: 0px 1px 6px 0px rgba(var(--color-shadow)/var(--opacity-xs));
    --tw-shadow-colored: 0px 1px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* font-normal leading-7 */

.ticket .ticket-chat-message .chat-message-text p {
    font-size: 0.9375rem;
    line-height: 1.375rem;
    font-weight: 400;
}

.ticket-chat-message li:nth-child(odd) .chat-message-text {
    border-top-left-radius: 0px;
    background-color: var(--color-card);
}

.ticket-chat-message li:nth-child(odd) .chat-message-text p {
    color: var(--color-text-secondary);
}

.ticket-chat-message li:nth-child(even) .chat-message-text {
    border-top-right-radius: 0px;
    background-color: var(--color-primary-500);
}

.ticket-chat-message li:nth-child(even) .chat-message-text p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.chat-user-avatar {
    margin-left: 1rem;
    margin-right: 1rem;
}

.chat-user-avatar .user-avatar {
    position: relative;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
}

.chat-user-avatar .user-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    vertical-align: middle;
}

/* ps-0.5 */

.ticket-send-message {
    margin: 1.5rem;
    border-radius: 0.375rem;
    background-color: var(--color-card);
    --tw-shadow: 0px 1px 6px 0px rgba(var(--color-shadow)/var(--opacity-xs));
    --tw-shadow-colored: 0px 1px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ticket-send-message form {
    display: flex;
    align-items: center;
    padding: 0.5rem;
}

.ticket-send-message textarea {
    border-style: none;
}

.ticket-send-message textarea:focus {
    border-style: none;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    padding-top: 0.3635rem;
    padding-bottom: 0.3635rem;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.message-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.message-actions .message-attach {
    display: flex;
    align-items: center;
}

.message-actions .message-attach i {
    margin-left: 0.5rem;
    margin-right: 0.25rem;
    display: inline-flex;
    width: 2.375rem;
    height: 2.375rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding-inline-end: .5625rem;
    padding-inline-start: .5625rem;
    font-size: 1.375rem;
    line-height: 1;
    color: var(--color-text-primary);
}

.message-actions .message-attach i:hover {
    background-color: var(--color-action-hover);
}

.message-actions .btn {
    margin-left: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.message-attach-preview {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.img-preview {
    width: 7rem;
    height: 7rem;
}

.img-preview img {
    position: relative;
    width: 100%;
    height: 100%;
}

/* ==========================================ticket=2====================================================================== */

.ticket-2 .ticket-send-message {
    margin-left: 0px;
    margin-right: 0px;
}

.ticket-2 .ticket-send-message textarea {
    padding-top: 1rem;
}

.ticket-2 .ticket-send-message textarea:focus {
    padding-top: 1rem !important;
}

.ticket-2 .ticket-chat-message li {
    margin-bottom: 3rem;
    display: flex;
}

.ticket-2 .ticket-chat-message li:last-child {
    margin-bottom: 0px;
}

.ticket-2 .ticket-chat-message li.right {
    justify-content: flex-start;
}

.ticket-2 .ticket-chat-message li.left {
    justify-content: flex-end;
}

.ticket-2 .ticket-chat-message li.right > div {
    flex-direction: row-reverse;
}

/* .ticket-2 .ticket-chat-message li:nth-child(even) > div {
    @apply flex-row-reverse;
  } */

.ticket-2 .ticket-chat-message li.left .chat-message-text {
    border-top-left-radius: 0px;
    border-top-right-radius: 0.375rem;
    background-color: var(--color-card);
}

.ticket-2 .ticket-chat-message li.left .chat-message-text p {
    color: var(--color-text-secondary);
}

.ticket-2 .ticket-chat-message li.right .chat-message-text {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0px;
    background-color: var(--color-primary-400);
}

.ticket-2 .ticket-chat-message li.right .chat-message-text p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* ==========================================ticket=3====================================================================== */

.ticket-3 .ticket-send-message {
    margin-left: 0px;
    margin-right: 0px;
}

.ticket-3 .ticket-send-message textarea {
    padding-top: 1rem;
}

.ticket-3 .ticket-send-message textarea:focus {
    padding-top: 1rem !important;
}

.ticket-3 .ticket-chat-message li {
    margin-bottom: 3rem;
    display: flex;
}

.ticket-3 .ticket-chat-message li:last-child {
    margin-bottom: 0px;
}

.ticket-3 .ticket-chat-message li {
    justify-content: flex-start;
}

/* .ticket-3 .ticket-chat-message li {
    @apply justify-end;
  } */

.ticket-3 .ticket-chat-message li > div {
    flex-direction: row-reverse;
}

/* .ticket-2 .ticket-chat-message li:nth-child(even) > div {
    @apply flex-row-reverse;
  } */

.ticket-3 .ticket-chat-message li .chat-message-text {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0px;
    background-color: var(--color-card);
}

.ticket-3 .ticket-chat-message li .chat-message-text p {
    color: var(--color-text-secondary);
}

/* .ticket-3 .ticket-chat-message li .chat-message-text {
    @apply rounded-tl-md rounded-tr-none bg-primary-400;
  } */

/* .ticket-3 .ticket-chat-message li .chat-message-text p {
    @apply text-white;
  } */

.auth {
    display: flex;
    min-height: 100vh;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.auth-container {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
    width: 100%;
    max-width: 28.75rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.auth .card {
    z-index: 10;
    padding: 1.5rem;
}

.auth .card .card-body {
    padding: 1.5rem;
}

.auth .card .logo {
    margin-bottom: 1.5rem;
    justify-content: center;
}

.input-icon {
    position: relative;
    display: flex;
    align-items: center;
}

.icon {
    display: flex;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--color-text-primary);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    /* display: flex;
    align-items: center;
    padding: 0.426rem 0.9375rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.625;

    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid color-mix(in sRGB, var(--color-input-border) 22%, #fff);
    border-radius: var(--bs-border-radius); */
}

.input-icon i {
    position: absolute;
    left: 0px;
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    padding-left: 2.25rem;
    line-height: 1;
}

.auth .auth-container::before {
    position: absolute;
    background-color: var(--color-primary-500);
    block-size: 233px;
    content: ' ';
    inline-size: 238px;
    inset-block-start: -35px;
    inset-inline-start: -83px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='238' height='233' viewBox='0 0 238 233' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%237367F0' stroke-opacity='0.16'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='238' height='233' viewBox='0 0 238 233' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%237367F0' stroke-opacity='0.16'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.auth .auth-container::after {
    position: absolute;
    background-color: var(--color-primary-500);
    z-index: -1;
    block-size: 180px;
    content: ' ';
    inline-size: 180px;
    inset-block-end: -30px;
    inset-inline-end: -56px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%237367F0' stroke-opacity='0.16' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%237367F0' stroke-opacity='0.16' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

/* @import "./css/quill.css"; */

/**
 * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root{
    --ck-color-base-foreground:#fafafa;
    --ck-color-base-background:#fff;
    --ck-color-base-border:#ccced1;
    --ck-color-base-action:#53a336;
    --ck-color-base-focus:#6cb5f9;
    --ck-color-base-text:#333;
    --ck-color-base-active:#2977ff;
    --ck-color-base-active-focus:#0d65ff;
    --ck-color-base-error:#db3700;
    --ck-color-focus-border-coordinates:218,81.8%,56.9%;
    --ck-color-focus-border:hsl(var(--ck-color-focus-border-coordinates));
    --ck-color-focus-outer-shadow:#cae1fc;
    --ck-color-focus-disabled-shadow:rgba(119,186,248,.3);
    --ck-color-focus-error-shadow:rgba(255,64,31,.3);
    --ck-color-text:var(--ck-color-base-text);
    --ck-color-shadow-drop:rgba(0,0,0,.15);
    --ck-color-shadow-drop-active:rgba(0,0,0,.2);
    --ck-color-shadow-inner:rgba(0,0,0,.1);
    --ck-color-button-default-background:transparent;
    --ck-color-button-default-hover-background:#f0f0f0;
    --ck-color-button-default-active-background:#f0f0f0;
    --ck-color-button-default-disabled-background:transparent;
    --ck-color-button-on-background:#f0f7ff;
    --ck-color-button-on-hover-background:#dbecff;
    --ck-color-button-on-active-background:#dbecff;
    --ck-color-button-on-disabled-background:#f0f2f4;
    --ck-color-button-on-color:#2977ff;
    --ck-color-button-action-background:var(--ck-color-base-action);
    --ck-color-button-action-hover-background:#4d9d30;
    --ck-color-button-action-active-background:#4d9d30;
    --ck-color-button-action-disabled-background:#7ec365;
    --ck-color-button-action-text:var(--ck-color-base-background);
    --ck-color-button-save:#008a00;
    --ck-color-button-cancel:#db3700;
    --ck-color-switch-button-off-background:#939393;
    --ck-color-switch-button-off-hover-background:#7d7d7d;
    --ck-color-switch-button-on-background:var(--ck-color-button-action-background);
    --ck-color-switch-button-on-hover-background:#4d9d30;
    --ck-color-switch-button-inner-background:var(--ck-color-base-background);
    --ck-color-switch-button-inner-shadow:rgba(0,0,0,.1);
    --ck-color-dropdown-panel-background:var(--ck-color-base-background);
    --ck-color-dropdown-panel-border:var(--ck-color-base-border);
    --ck-color-dialog-background:var(--ck-custom-background);
    --ck-color-dialog-form-header-border:var(--ck-custom-border);
    --ck-color-input-background:var(--ck-color-base-background);
    --ck-color-input-border:var(--ck-color-base-border);
    --ck-color-input-error-border:var(--ck-color-base-error);
    --ck-color-input-text:var(--ck-color-base-text);
    --ck-color-input-disabled-background:#f2f2f2;
    --ck-color-input-disabled-border:var(--ck-color-base-border);
    --ck-color-input-disabled-text:#757575;
    --ck-color-list-background:var(--ck-color-base-background);
    --ck-color-list-button-hover-background:var(--ck-color-button-default-hover-background);
    --ck-color-list-button-on-background:var(--ck-color-button-on-color);
    --ck-color-list-button-on-background-focus:var(--ck-color-button-on-color);
    --ck-color-list-button-on-text:var(--ck-color-base-background);
    --ck-color-panel-background:var(--ck-color-base-background);
    --ck-color-panel-border:var(--ck-color-base-border);
    --ck-color-toolbar-background:var(--ck-color-base-background);
    --ck-color-toolbar-border:var(--ck-color-base-border);
    --ck-color-tooltip-background:var(--ck-color-base-text);
    --ck-color-tooltip-text:var(--ck-color-base-background);
    --ck-color-engine-placeholder-text:#707070;
    --ck-color-upload-bar-background:#6cb5f9;
    --ck-color-link-default:#0000f0;
    --ck-color-link-selected-background:rgba(31,176,255,.1);
    --ck-color-link-fake-selection:rgba(31,176,255,.3);
    --ck-color-highlight-background:#ff0;
    --ck-color-light-red:#fcc;
    --ck-disabled-opacity:.5;
    --ck-focus-outer-shadow-geometry:0 0 0 3px;
    --ck-focus-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
    --ck-focus-disabled-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
    --ck-focus-error-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
    --ck-focus-ring:1px solid var(--ck-color-focus-border);
    --ck-font-size-base:13px;
    --ck-line-height-base:1.84615;
    --ck-font-face:Helvetica,Arial,Tahoma,Verdana,Sans-Serif;
    --ck-font-size-tiny:0.7em;
    --ck-font-size-small:0.75em;
    --ck-font-size-normal:1em;
    --ck-font-size-big:1.4em;
    --ck-font-size-large:1.8em;
    --ck-ui-component-min-height:2.3em
}

.ck-reset_all :not(.ck-reset_all-excluded *),.ck.ck-reset,.ck.ck-reset_all{
    word-wrap:break-word;
    background:transparent;
    border:0;
    box-sizing:border-box;
    height:auto;
    margin:0;
    padding:0;
    position:static;
    text-decoration:none;
    transition:none;
    vertical-align:middle;
    width:auto
}

.ck-reset_all :not(.ck-reset_all-excluded *),.ck.ck-reset_all{
    border-collapse:collapse;
    color:var(--ck-color-text);
    cursor:auto;
    float:none;
    font:normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);
    text-align:left;
    white-space:nowrap
}

.ck-reset_all .ck-rtl :not(.ck-reset_all-excluded *){
    text-align:right
}

.ck-reset_all iframe:not(.ck-reset_all-excluded *){
    vertical-align:inherit
}

.ck-reset_all textarea:not(.ck-reset_all-excluded *){
    white-space:pre-wrap
}

.ck-reset_all input[type=password]:not(.ck-reset_all-excluded *),.ck-reset_all input[type=text]:not(.ck-reset_all-excluded *),.ck-reset_all textarea:not(.ck-reset_all-excluded *){
    cursor:text
}

.ck-reset_all input[type=password][disabled]:not(.ck-reset_all-excluded *),.ck-reset_all input[type=text][disabled]:not(.ck-reset_all-excluded *),.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *){
    cursor:default
}

.ck-reset_all fieldset:not(.ck-reset_all-excluded *){
    border:2px groove #dfdee3;
    padding:10px
}

.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner{
    border:0;
    padding:0
}

.ck[dir=rtl],.ck[dir=rtl] .ck{
    text-align:right
}

:root{
    --ck-border-radius:2px;
    --ck-inner-shadow:2px 2px 3px var(--ck-color-shadow-inner) inset;
    --ck-drop-shadow:0 1px 2px 1px var(--ck-color-shadow-drop);
    --ck-drop-shadow-active:0 3px 6px 1px var(--ck-color-shadow-drop-active);
    --ck-spacing-unit:0.6em;
    --ck-spacing-large:calc(var(--ck-spacing-unit)*1.5);
    --ck-spacing-standard:var(--ck-spacing-unit);
    --ck-spacing-medium:calc(var(--ck-spacing-unit)*0.8);
    --ck-spacing-small:calc(var(--ck-spacing-unit)*0.5);
    --ck-spacing-tiny:calc(var(--ck-spacing-unit)*0.3);
    --ck-spacing-extra-tiny:calc(var(--ck-spacing-unit)*0.16)
}

.ck.ck-autocomplete>.ck-search__results{
    background:var(--ck-color-base-background);
    border:1px solid var(--ck-color-dropdown-panel-border);
    border-radius:0;
    max-height:200px;
    min-width:auto;
    overflow-y:auto
}

.ck-rounded-corners .ck.ck-autocomplete>.ck-search__results,.ck.ck-autocomplete>.ck-search__results.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

.ck.ck-autocomplete>.ck-search__results{
    box-shadow:var(--ck-drop-shadow),0 0
}

.ck.ck-autocomplete>.ck-search__results.ck-search__results_n{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    margin-bottom:-1px
}

.ck.ck-autocomplete>.ck-search__results.ck-search__results_s{
    border-top-left-radius:0;
    border-top-right-radius:0;
    margin-top:-1px
}

.ck.ck-button,a.ck.ck-button{
    -webkit-appearance:none;
    background:var(--ck-color-button-default-background);
    border:1px solid transparent;
    border-radius:0;
    cursor:default;
    font-size:inherit;
    line-height:1;
    min-height:var(--ck-ui-component-min-height);
    min-width:var(--ck-ui-component-min-height);
    padding:var(--ck-spacing-tiny);
    text-align:center;
    transition:box-shadow .2s ease-in-out,border .2s ease-in-out;
    vertical-align:middle;
    white-space:nowrap
}

.ck.ck-button:not(.ck-disabled):hover,a.ck.ck-button:not(.ck-disabled):hover{
    background:var(--ck-color-button-default-hover-background)
}

.ck.ck-button:not(.ck-disabled):active,a.ck.ck-button:not(.ck-disabled):active{
    background:var(--ck-color-button-default-active-background)
}

.ck.ck-button.ck-disabled,a.ck.ck-button.ck-disabled{
    background:var(--ck-color-button-default-disabled-background)
}

.ck-rounded-corners .ck.ck-button,.ck-rounded-corners a.ck.ck-button,.ck.ck-button.ck-rounded-corners,a.ck.ck-button.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-button,a.ck.ck-button{
        transition:none
    }
}

.ck.ck-button:active,.ck.ck-button:focus,a.ck.ck-button:active,a.ck.ck-button:focus{
    border:var(--ck-focus-ring);
    box-shadow:var(--ck-focus-outer-shadow),0 0;
    outline:none
}

.ck.ck-button .ck-button__icon use,.ck.ck-button .ck-button__icon use *,a.ck.ck-button .ck-button__icon use,a.ck.ck-button .ck-button__icon use *{
    color:inherit
}

.ck.ck-button .ck-button__label,a.ck.ck-button .ck-button__label{
    color:inherit;
    cursor:inherit;
    font-size:inherit;
    font-weight:inherit;
    vertical-align:middle
}

[dir=ltr] .ck.ck-button .ck-button__label,[dir=ltr] a.ck.ck-button .ck-button__label{
    text-align:left
}

[dir=rtl] .ck.ck-button .ck-button__label,[dir=rtl] a.ck.ck-button .ck-button__label{
    text-align:right
}

.ck.ck-button .ck-button__keystroke,a.ck.ck-button .ck-button__keystroke{
    color:inherit;
    opacity:.5
}

[dir=ltr] .ck.ck-button .ck-button__keystroke,[dir=ltr] a.ck.ck-button .ck-button__keystroke{
    margin-left:var(--ck-spacing-large)
}

[dir=rtl] .ck.ck-button .ck-button__keystroke,[dir=rtl] a.ck.ck-button .ck-button__keystroke{
    margin-right:var(--ck-spacing-large)
}

.ck.ck-button.ck-disabled:active,.ck.ck-button.ck-disabled:focus,a.ck.ck-button.ck-disabled:active,a.ck.ck-button.ck-disabled:focus{
    box-shadow:var(--ck-focus-disabled-outer-shadow),0 0
}

.ck.ck-button.ck-disabled .ck-button__icon,.ck.ck-button.ck-disabled .ck-button__label,a.ck.ck-button.ck-disabled .ck-button__icon,a.ck.ck-button.ck-disabled .ck-button__label{
    opacity:var(--ck-disabled-opacity)
}

.ck.ck-button.ck-disabled .ck-button__keystroke,a.ck.ck-button.ck-disabled .ck-button__keystroke{
    opacity:.3
}

.ck.ck-button.ck-button_with-text,a.ck.ck-button.ck-button_with-text{
    padding:var(--ck-spacing-tiny) var(--ck-spacing-standard)
}

[dir=ltr] .ck.ck-button.ck-button_with-text .ck-button__icon,[dir=ltr] a.ck.ck-button.ck-button_with-text .ck-button__icon{
    margin-right:var(--ck-spacing-medium)
}

[dir=rtl] .ck.ck-button.ck-button_with-text .ck-button__icon,[dir=rtl] a.ck.ck-button.ck-button_with-text .ck-button__icon{
    margin-left:var(--ck-spacing-medium)
}

.ck.ck-button.ck-button_with-keystroke .ck-button__label,a.ck.ck-button.ck-button_with-keystroke .ck-button__label{
    flex-grow:1
}

.ck.ck-button.ck-on,a.ck.ck-button.ck-on{
    background:var(--ck-color-button-on-background);
    color:var(--ck-color-button-on-color)
}

.ck.ck-button.ck-on:not(.ck-disabled):hover,a.ck.ck-button.ck-on:not(.ck-disabled):hover{
    background:var(--ck-color-button-on-hover-background)
}

.ck.ck-button.ck-on:not(.ck-disabled):active,a.ck.ck-button.ck-on:not(.ck-disabled):active{
    background:var(--ck-color-button-on-active-background)
}

.ck.ck-button.ck-on.ck-disabled,a.ck.ck-button.ck-on.ck-disabled{
    background:var(--ck-color-button-on-disabled-background)
}

.ck.ck-button.ck-button-save,a.ck.ck-button.ck-button-save{
    color:var(--ck-color-button-save)
}

.ck.ck-button.ck-button-cancel,a.ck.ck-button.ck-button-cancel{
    color:var(--ck-color-button-cancel)
}

.ck.ck-button-action,a.ck.ck-button-action{
    background:var(--ck-color-button-action-background);
    color:var(--ck-color-button-action-text)
}

.ck.ck-button-action:not(.ck-disabled):hover,a.ck.ck-button-action:not(.ck-disabled):hover{
    background:var(--ck-color-button-action-hover-background)
}

.ck.ck-button-action:not(.ck-disabled):active,a.ck.ck-button-action:not(.ck-disabled):active{
    background:var(--ck-color-button-action-active-background)
}

.ck.ck-button-action.ck-disabled,a.ck.ck-button-action.ck-disabled{
    background:var(--ck-color-button-action-disabled-background)
}

.ck.ck-button-bold,a.ck.ck-button-bold{
    font-weight:700
}

:root{
    --ck-switch-button-toggle-width:2.6153846154em;
    --ck-switch-button-toggle-inner-size:calc(1.07692em + 1px);
    --ck-switch-button-translation:calc(var(--ck-switch-button-toggle-width) - var(--ck-switch-button-toggle-inner-size) - 2px);
    --ck-switch-button-inner-hover-shadow:0 0 0 5px var(--ck-color-switch-button-inner-shadow)
}

.ck.ck-button.ck-switchbutton,.ck.ck-button.ck-switchbutton.ck-on:active,.ck.ck-button.ck-switchbutton.ck-on:focus,.ck.ck-button.ck-switchbutton.ck-on:hover,.ck.ck-button.ck-switchbutton:active,.ck.ck-button.ck-switchbutton:focus,.ck.ck-button.ck-switchbutton:hover{
    background:transparent;
    color:inherit
}

[dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__label{
    margin-right:calc(var(--ck-spacing-large)*2)
}

[dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__label{
    margin-left:calc(var(--ck-spacing-large)*2)
}

.ck.ck-button.ck-switchbutton .ck-button__toggle{
    background:var(--ck-color-switch-button-off-background);
    border:1px solid transparent;
    border-radius:0;
    transition:background .4s ease,box-shadow .2s ease-in-out,outline .2s ease-in-out;
    width:var(--ck-switch-button-toggle-width)
}

.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle,.ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

[dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__toggle{
    margin-left:auto
}

[dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__toggle{
    margin-right:auto
}

.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner{
    background:var(--ck-color-switch-button-inner-background);
    border-radius:0;
    height:var(--ck-switch-button-toggle-inner-size);
    transition:all .3s ease;
    width:var(--ck-switch-button-toggle-inner-size)
}

.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner,.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners{
    border-radius:var(--ck-border-radius);
    border-radius:calc(var(--ck-border-radius)*.5)
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner{
        transition:none
    }
}

.ck.ck-button.ck-switchbutton .ck-button__toggle:hover{
    background:var(--ck-color-switch-button-off-hover-background)
}

.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner{
    box-shadow:var(--ck-switch-button-inner-hover-shadow)
}

.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle{
    opacity:var(--ck-disabled-opacity)
}

.ck.ck-button.ck-switchbutton:focus{
    border-color:transparent;
    box-shadow:none;
    outline:none
}

.ck.ck-button.ck-switchbutton:focus .ck-button__toggle{
    box-shadow:0 0 0 1px var(--ck-color-base-background),0 0 0 5px var(--ck-color-focus-outer-shadow);
    outline:var(--ck-focus-ring);
    outline-offset:1px
}

.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle{
    background:var(--ck-color-switch-button-on-background)
}

.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover{
    background:var(--ck-color-switch-button-on-hover-background)
}

[dir=ltr] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner{
    transform:translateX(var( --ck-switch-button-translation ))
}

[dir=rtl] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner{
    transform:translateX(calc(var( --ck-switch-button-translation )*-1))
}

.ck.ck-button.ck-list-item-button{
    padding:var(--ck-spacing-tiny) calc(var(--ck-spacing-standard)*2)
}

.ck.ck-button.ck-list-item-button,.ck.ck-button.ck-list-item-button.ck-on{
    background:var(--ck-color-list-background);
    color:var(--ck-color-text)
}

[dir=ltr] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder){
    padding-left:var(--ck-spacing-small)
}

[dir=rtl] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder){
    padding-right:var(--ck-spacing-small)
}

.ck.ck-button.ck-list-item-button.ck-button.ck-on:hover,.ck.ck-button.ck-list-item-button.ck-on:hover,.ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable),.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled){
    background:var(--ck-color-list-button-hover-background)
}

.ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled),.ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled),.ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable):not(.ck-disabled),.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled){
    color:var(--ck-color-text)
}

:root{
    --ck-collapsible-arrow-size:calc(var(--ck-icon-size)*0.5)
}

.ck.ck-collapsible>.ck.ck-button{
    border-radius:0;
    color:inherit;
    font-weight:700;
    width:100%
}

.ck.ck-collapsible>.ck.ck-button:focus{
    background:transparent
}

.ck.ck-collapsible>.ck.ck-button:active,.ck.ck-collapsible>.ck.ck-button:hover:not(:focus),.ck.ck-collapsible>.ck.ck-button:not(:focus){
    background:transparent;
    border-color:transparent;
    box-shadow:none
}

.ck.ck-collapsible>.ck.ck-button>.ck-icon{
    margin-right:var(--ck-spacing-medium);
    width:var(--ck-collapsible-arrow-size)
}

.ck.ck-collapsible>.ck-collapsible__children{
    padding:var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large)
}

.ck.ck-collapsible.ck-collapsible_collapsed>.ck.ck-button .ck-icon{
    transform:rotate(-90deg)
}

:root{
    --ck-color-grid-tile-size:24px;
    --ck-color-color-grid-check-icon:#166fd4
}

.ck.ck-color-grid{
    grid-gap:5px;
    padding:8px
}

.ck.ck-color-grid__tile{
    transition:box-shadow .2s ease
}

@media (forced-colors:none){
    .ck.ck-color-grid__tile{
        border:0;
        height:var(--ck-color-grid-tile-size);
        min-height:var(--ck-color-grid-tile-size);
        min-width:var(--ck-color-grid-tile-size);
        padding:0;
        width:var(--ck-color-grid-tile-size)
    }

    .ck.ck-color-grid__tile.ck-on,.ck.ck-color-grid__tile:focus:not(.ck-disabled),.ck.ck-color-grid__tile:hover:not(.ck-disabled){
        border:0
    }

    .ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered{
        box-shadow:0 0 0 1px var(--ck-color-base-border)
    }

    .ck.ck-color-grid__tile.ck-on{
        box-shadow:inset 0 0 0 1px var(--ck-color-base-background),0 0 0 2px var(--ck-color-base-text)
    }

    .ck.ck-color-grid__tile:focus:not(.ck-disabled),.ck.ck-color-grid__tile:hover:not(.ck-disabled){
        box-shadow:inset 0 0 0 1px var(--ck-color-base-background),0 0 0 2px var(--ck-color-focus-border)
    }
}

@media (forced-colors:active){
    .ck.ck-color-grid__tile{
        height:unset;
        min-height:unset;
        min-width:unset;
        padding:0 var(--ck-spacing-small);
        width:unset
    }

    .ck.ck-color-grid__tile .ck-button__label{
        display:inline-block
    }
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-color-grid__tile{
        transition:none
    }
}

.ck.ck-color-grid__tile.ck-disabled{
    cursor:unset;
    transition:unset
}

.ck.ck-color-grid__tile .ck.ck-icon{
    color:var(--ck-color-color-grid-check-icon);
    display:none
}

.ck.ck-color-grid__tile.ck-on .ck.ck-icon{
    display:block
}

.ck.ck-color-grid__label{
    padding:0 var(--ck-spacing-standard)
}

.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker,.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color{
    width:100%
}

.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    padding:calc(var(--ck-spacing-standard)/2) var(--ck-spacing-standard)
}

.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus){
    border-top:1px solid var(--ck-color-base-border)
}

[dir=ltr] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon{
    margin-right:var(--ck-spacing-standard)
}

[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon{
    margin-left:var(--ck-spacing-standard)
}

.ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label{
    font-weight:unset
}

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker{
    padding:8px
}

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker{
    height:100px;
    min-width:180px
}

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation){
    border-radius:var(--ck-border-radius) var(--ck-border-radius) 0 0
}

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue){
    border-radius:0 0 var(--ck-border-radius) var(--ck-border-radius)
}

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer),.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer){
    height:15px;
    width:15px
}

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar{
    padding:0 8px 8px
}

:root{
    --ck-dialog-overlay-background-color:rgba(0,0,0,.5);
    --ck-dialog-drop-shadow:0px 0px 6px 2px rgba(0,0,0,.15);
    --ck-dialog-max-width:100vw;
    --ck-dialog-max-height:90vh;
    --ck-color-dialog-background:var(--ck-color-base-background);
    --ck-color-dialog-form-header-border:var(--ck-color-base-border)
}

.ck.ck-dialog-overlay{
    animation:ck-dialog-fade-in .3s;
    background:var(--ck-dialog-overlay-background-color);
    z-index:var(--ck-z-dialog)
}

.ck.ck-dialog{
    --ck-drop-shadow:var(--ck-dialog-drop-shadow);
    background:var(--ck-color-dialog-background);
    border:1px solid var(--ck-color-base-border);
    border-radius:0;
    max-height:var(--ck-dialog-max-height);
    max-width:var(--ck-dialog-max-width);
    overscroll-behavior:contain
}

.ck-rounded-corners .ck.ck-dialog,.ck.ck-dialog.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

.ck.ck-dialog{
    box-shadow:var(--ck-drop-shadow),0 0
}

.ck.ck-dialog .ck.ck-form__header{
    border-bottom:1px solid var(--ck-color-dialog-form-header-border)
}

.ck-dialog-scroll-locked{
    overflow:hidden
}

@keyframes ck-dialog-fade-in{
    0%{
        background:transparent
    }

    to{
        background:var(--ck-dialog-overlay-background-color)
    }
}

.ck.ck-dialog .ck.ck-dialog__actions{
    padding:var(--ck-spacing-large)
}

.ck.ck-dialog .ck.ck-dialog__actions>*+*{
    margin-left:var(--ck-spacing-large)
}

:root{
    --ck-dropdown-arrow-size:calc(var(--ck-icon-size)*0.5)
}

.ck.ck-dropdown{
    font-size:inherit
}

.ck.ck-dropdown .ck-dropdown__arrow{
    width:var(--ck-dropdown-arrow-size)
}

[dir=ltr] .ck.ck-dropdown .ck-dropdown__arrow{
    margin-left:var(--ck-spacing-standard);
    right:var(--ck-spacing-standard)
}

[dir=rtl] .ck.ck-dropdown .ck-dropdown__arrow{
    left:var(--ck-spacing-standard);
    margin-right:var(--ck-spacing-small)
}

.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow{
    opacity:var(--ck-disabled-opacity)
}

[dir=ltr] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text){
    padding-left:var(--ck-spacing-small)
}

[dir=rtl] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text){
    padding-right:var(--ck-spacing-small)
}

.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label{
    overflow:hidden;
    text-overflow:ellipsis;
    width:7em
}

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label{
    opacity:var(--ck-disabled-opacity)
}

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label{
    width:auto
}

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active{
    box-shadow:none
}

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus,.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus{
    box-shadow:var(--ck-focus-outer-shadow),0 0
}

.ck.ck-dropdown__panel{
    background:var(--ck-color-dropdown-panel-background);
    border:1px solid var(--ck-color-dropdown-panel-border);
    border-radius:0;
    bottom:0;
    min-width:100%
}

.ck-rounded-corners .ck.ck-dropdown__panel,.ck.ck-dropdown__panel.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

.ck.ck-dropdown__panel{
    box-shadow:var(--ck-drop-shadow),0 0
}

.ck.ck-dropdown__panel.ck-dropdown__panel_se{
    border-top-left-radius:0
}

.ck.ck-dropdown__panel.ck-dropdown__panel_sw{
    border-top-right-radius:0
}

.ck.ck-dropdown__panel.ck-dropdown__panel_ne{
    border-bottom-left-radius:0
}

.ck.ck-dropdown__panel.ck-dropdown__panel_nw{
    border-bottom-right-radius:0
}

.ck.ck-dropdown__panel:focus{
    outline:none
}

.ck.ck-dropdown>.ck-dropdown__panel>.ck-list{
    border-radius:0
}

.ck-rounded-corners .ck.ck-dropdown>.ck-dropdown__panel>.ck-list,.ck.ck-dropdown>.ck-dropdown__panel>.ck-list.ck-rounded-corners{
    border-radius:var(--ck-border-radius);
    border-top-left-radius:0
}

.ck.ck-dropdown>.ck-dropdown__panel>.ck-list .ck-list__item:first-child>.ck-button{
    border-radius:0
}

.ck-rounded-corners .ck.ck-dropdown>.ck-dropdown__panel>.ck-list .ck-list__item:first-child>.ck-button,.ck.ck-dropdown>.ck-dropdown__panel>.ck-list .ck-list__item:first-child>.ck-button.ck-rounded-corners{
    border-radius:var(--ck-border-radius);
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    border-top-left-radius:0
}

.ck.ck-dropdown>.ck-dropdown__panel>.ck-list .ck-list__item:last-child>.ck-button{
    border-radius:0
}

.ck-rounded-corners .ck.ck-dropdown>.ck-dropdown__panel>.ck-list .ck-list__item:last-child>.ck-button,.ck.ck-dropdown>.ck-dropdown__panel>.ck-list .ck-list__item:last-child>.ck-button.ck-rounded-corners{
    border-radius:var(--ck-border-radius);
    border-top-left-radius:0;
    border-top-right-radius:0
}

:root{
    --ck-color-split-button-hover-background:#ebebeb;
    --ck-color-split-button-hover-border:#b3b3b3
}

[dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__action,[dir=ltr] .ck.ck-splitbutton:hover>.ck-splitbutton__action{
    border-bottom-right-radius:unset;
    border-top-right-radius:unset
}

[dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__action,[dir=rtl] .ck.ck-splitbutton:hover>.ck-splitbutton__action{
    border-bottom-left-radius:unset;
    border-top-left-radius:unset
}

.ck.ck-splitbutton>.ck-splitbutton__arrow{
    min-width:unset
}

[dir=ltr] .ck.ck-splitbutton>.ck-splitbutton__arrow{
    border-bottom-left-radius:unset;
    border-top-left-radius:unset
}

[dir=rtl] .ck.ck-splitbutton>.ck-splitbutton__arrow{
    border-bottom-right-radius:unset;
    border-top-right-radius:unset
}

.ck.ck-splitbutton>.ck-splitbutton__arrow svg{
    width:var(--ck-dropdown-arrow-size)
}

.ck.ck-splitbutton>.ck-splitbutton__arrow:not(:focus){
    border-bottom-width:0;
    border-top-width:0
}

.ck.ck-splitbutton.ck-splitbutton_open{
    border-radius:0
}

.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open,.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__action,.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners>.ck-splitbutton__action{
    border-bottom-left-radius:0
}

.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow,.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners>.ck-splitbutton__arrow{
    border-bottom-right-radius:0
}

.ck.ck-splitbutton.ck-splitbutton_open>.ck-button:not(.ck-on):not(.ck-disabled):not(:hover),.ck.ck-splitbutton:hover>.ck-button:not(.ck-on):not(.ck-disabled):not(:hover){
    background:var(--ck-color-split-button-hover-background)
}

.ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,.ck.ck-splitbutton:hover>.ck-splitbutton__arrow:not(.ck-disabled):after{
    background-color:var(--ck-color-split-button-hover-border);
    content:"";
    height:100%;
    position:absolute;
    width:1px
}

.ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:focus:after,.ck.ck-splitbutton:hover>.ck-splitbutton__arrow:focus:after{
    --ck-color-split-button-hover-border:var(--ck-color-focus-border)
}

[dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,[dir=ltr] .ck.ck-splitbutton:hover>.ck-splitbutton__arrow:not(.ck-disabled):after{
    left:-1px
}

[dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,[dir=rtl] .ck.ck-splitbutton:hover>.ck-splitbutton__arrow:not(.ck-disabled):after{
    right:-1px
}

.ck.ck-toolbar-dropdown .ck-toolbar{
    border:0
}

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button{
    border-radius:0;
    padding:var(--ck-spacing-tiny) calc(var(--ck-spacing-standard)*2);
    width:100%
}

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus{
    border-color:transparent;
    box-shadow:none
}

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on){
    background:var(--ck-color-button-default-hover-background)
}

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button>.ck-button__label{
    flex-grow:1;
    overflow:hidden;
    text-overflow:ellipsis
}

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled>.ck-button__label{
    opacity:var(--ck-disabled-opacity)
}

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon))>.ck-button__label{
    margin-left:calc(var(--ck-icon-size) - var(--ck-spacing-small))
}

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button>.ck-dropdown-menu-list__nested-menu__button__arrow{
    width:var(--ck-dropdown-arrow-size)
}

[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button>.ck-dropdown-menu-list__nested-menu__button__arrow{
    margin-right:calc(var(--ck-spacing-small)*-1);
    transform:rotate(-90deg)
}

[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button>.ck-dropdown-menu-list__nested-menu__button__arrow{
    margin-left:calc(var(--ck-spacing-small)*-1);
    transform:rotate(90deg)
}

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled>.ck-dropdown-menu-list__nested-menu__button__arrow{
    opacity:var(--ck-disabled-opacity)
}

[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text){
    padding-left:var(--ck-spacing-small)
}

[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button>.ck-dropdown-menu-list__nested-menu__button__arrow{
    margin-left:var(--ck-spacing-standard);
    right:var(--ck-spacing-standard)
}

[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text){
    padding-right:var(--ck-spacing-small)
}

[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button>.ck-dropdown-menu-list__nested-menu__button__arrow{
    left:var(--ck-spacing-standard);
    margin-right:var(--ck-spacing-small)
}

:root{
    --ck-dropdown-menu-menu-item-min-width:18em
}

.ck.ck-dropdown-menu-list__nested-menu__item{
    min-width:var(--ck-dropdown-menu-menu-item-min-width)
}

.ck-button.ck-dropdown-menu-list__nested-menu__item__button{
    border-radius:0
}

.ck-button.ck-dropdown-menu-list__nested-menu__item__button>.ck-spinner-container,.ck-button.ck-dropdown-menu-list__nested-menu__item__button>.ck-spinner-container .ck-spinner{
    --ck-toolbar-spinner-size:20px
}

.ck-button.ck-dropdown-menu-list__nested-menu__item__button>.ck-spinner-container{
    margin-left:calc(var(--ck-spacing-small)*-1);
    margin-right:var(--ck-spacing-small)
}

.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus{
    border-color:transparent;
    box-shadow:none
}

.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on){
    background:var(--ck-color-button-default-hover-background)
}

:root{
    --ck-dropdown-menu-menu-panel-max-width:75vw
}

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel{
    background:var(--ck-color-dropdown-panel-background);
    border:1px solid var(--ck-color-dropdown-panel-border);
    bottom:0;
    box-shadow:var(--ck-drop-shadow),0 0;
    height:-moz-fit-content;
    height:fit-content;
    max-width:var(--ck-dropdown-menu-menu-panel-max-width)
}

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:after,.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:before{
    display:none
}

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es,.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se{
    border-top-left-radius:0
}

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw,.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws{
    border-top-right-radius:0
}

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en,.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne{
    border-bottom-left-radius:0
}

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw,.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn{
    border-bottom-right-radius:0
}

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus{
    outline:none
}

:root{
    --ck-accessibility-help-dialog-max-width:600px;
    --ck-accessibility-help-dialog-max-height:400px;
    --ck-accessibility-help-dialog-border-color:#ccced1;
    --ck-accessibility-help-dialog-code-background-color:#ededed;
    --ck-accessibility-help-dialog-kbd-shadow-color:#9c9c9c
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content{
    border:1px solid transparent;
    max-height:var(--ck-accessibility-help-dialog-max-height);
    max-width:var(--ck-accessibility-help-dialog-max-width);
    overflow:auto;
    padding:var(--ck-spacing-large);
    -webkit-user-select:text;
    -moz-user-select:text;
    user-select:text
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus{
    border:var(--ck-focus-ring);
    box-shadow:var(--ck-focus-outer-shadow),0 0;
    outline:none
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content *{
    white-space:normal
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label{
    display:none
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3{
    font-size:1.2em;
    font-weight:700
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4{
    font-size:1em;
    font-weight:700
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3,.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4,.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p,.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table{
    margin:1em 0
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl{
    border-bottom:none;
    border-top:1px solid var(--ck-accessibility-help-dialog-border-color);
    display:grid;
    grid-template-columns:2fr 1fr
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd,.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt{
    border-bottom:1px solid var(--ck-accessibility-help-dialog-border-color);
    padding:.4em 0
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt{
    grid-column-start:1
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd{
    grid-column-start:2;
    text-align:right
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code,.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd{
    background:var(--ck-accessibility-help-dialog-code-background-color);
    border-radius:2px;
    display:inline-block;
    font-size:.9em;
    line-height:1;
    padding:.4em;
    text-align:center;
    vertical-align:middle
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code{
    font-family:monospace
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd{
    box-shadow:0 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
    margin:0 1px;
    min-width:1.8em
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd+kbd{
    margin-left:2px
}

:root{
    --ck-color-editable-blur-selection:#d9d9d9
}

.ck.ck-editor__editable:not(.ck-editor__nested-editable){
    border-radius:0
}

.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),.ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable){
    border-radius:var(--ck-border-radius)
}

.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){
    border:var(--ck-focus-ring);
    box-shadow:var(--ck-inner-shadow),0 0;
    outline:none
}

.ck.ck-editor__editable_inline{
    border:1px solid transparent;
    overflow:auto;
    padding:0 var(--ck-spacing-standard)
}

.ck.ck-editor__editable_inline[dir=ltr]{
    text-align:left
}

.ck.ck-editor__editable_inline[dir=rtl]{
    text-align:right
}

.ck.ck-editor__editable_inline>:first-child{
    margin-top:var(--ck-spacing-large)
}

.ck.ck-editor__editable_inline>:last-child{
    margin-bottom:var(--ck-spacing-large)
}

.ck.ck-editor__editable_inline.ck-blurred ::-moz-selection{
    background:var(--ck-color-editable-blur-selection)
}

.ck.ck-editor__editable_inline.ck-blurred ::selection{
    background:var(--ck-color-editable-blur-selection)
}

.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_n]:after{
    border-bottom-color:var(--ck-color-panel-background)
}

.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_s]:after{
    border-top-color:var(--ck-color-panel-background)
}

:root{
    --ck-form-header-height:44px
}

.ck.ck-form__header{
    border-bottom:1px solid var(--ck-color-base-border);
    height:var(--ck-form-header-height);
    line-height:var(--ck-form-header-height);
    padding:var(--ck-spacing-small) var(--ck-spacing-large)
}

[dir=ltr] .ck.ck-form__header>.ck-icon{
    margin-right:var(--ck-spacing-medium)
}

[dir=rtl] .ck.ck-form__header>.ck-icon{
    margin-left:var(--ck-spacing-medium)
}

.ck.ck-form__header .ck-form__header__label{
    --ck-font-size-base:15px;
    font-weight:700
}

:root{
    --ck-icon-size:calc(var(--ck-line-height-base)*var(--ck-font-size-normal));
    --ck-icon-font-size:.8333350694em
}

.ck.ck-icon{
    font-size:var(--ck-icon-font-size);
    height:var(--ck-icon-size);
    width:var(--ck-icon-size);
    will-change:transform
}

.ck.ck-icon,.ck.ck-icon *{
    cursor:inherit
}

.ck.ck-icon.ck-icon_inherit-color,.ck.ck-icon.ck-icon_inherit-color *{
    color:inherit
}

.ck.ck-icon.ck-icon_inherit-color :not([fill]){
    fill:currentColor
}

:root{
    --ck-input-width:18em;
    --ck-input-text-width:var(--ck-input-width)
}

.ck.ck-input{
    background:var(--ck-color-input-background);
    border:1px solid var(--ck-color-input-border);
    border-radius:0;
    min-height:var(--ck-ui-component-min-height);
    min-width:var(--ck-input-width);
    padding:var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
    transition:box-shadow .1s ease-in-out,border .1s ease-in-out
}

.ck-rounded-corners .ck.ck-input,.ck.ck-input.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-input{
        transition:none
    }
}

.ck.ck-input:focus{
    border:var(--ck-focus-ring);
    box-shadow:var(--ck-focus-outer-shadow),0 0;
    outline:none
}

.ck.ck-input[readonly]{
    background:var(--ck-color-input-disabled-background);
    border:1px solid var(--ck-color-input-disabled-border);
    color:var(--ck-color-input-disabled-text)
}

.ck.ck-input[readonly]:focus{
    box-shadow:var(--ck-focus-disabled-outer-shadow),0 0
}

.ck.ck-input.ck-error{
    animation:ck-input-shake .3s ease both;
    border-color:var(--ck-color-input-error-border)
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-input.ck-error{
        animation:none
    }
}

.ck.ck-input.ck-error:focus{
    box-shadow:var(--ck-focus-error-outer-shadow),0 0
}

@keyframes ck-input-shake{
    20%{
        transform:translateX(-2px)
    }

    40%{
        transform:translateX(2px)
    }

    60%{
        transform:translateX(-1px)
    }

    80%{
        transform:translateX(1px)
    }
}

.ck.ck-label{
    font-weight:700
}

:root{
    --ck-labeled-field-view-transition:.1s cubic-bezier(0,0,0.24,0.95);
    --ck-labeled-field-empty-unfocused-max-width:100% - 2 * var(--ck-spacing-medium);
    --ck-labeled-field-label-default-position-x:var(--ck-spacing-medium);
    --ck-labeled-field-label-default-position-y:calc(var(--ck-font-size-base)*0.6);
    --ck-color-labeled-field-label-background:var(--ck-color-base-background)
}

.ck.ck-labeled-field-view{
    border-radius:0
}

.ck-rounded-corners .ck.ck-labeled-field-view,.ck.ck-labeled-field-view.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper{
    width:100%
}

.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{
    background:var(--ck-color-labeled-field-label-background);
    font-weight:400;
    line-height:normal;
    max-width:100%;
    overflow:hidden;
    padding:0 calc(var(--ck-font-size-tiny)*.5);
    pointer-events:none;
    text-overflow:ellipsis;
    top:0;
    transition:transform var(--ck-labeled-field-view-transition),padding var(--ck-labeled-field-view-transition),background var(--ck-labeled-field-view-transition)
}

[dir=ltr] .ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{
    left:0;
    transform:translate(var(--ck-spacing-medium),-6px) scale(.75);
    transform-origin:0 0
}

[dir=rtl] .ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{
    right:0;
    transform:translate(calc(var(--ck-spacing-medium)*-1),-6px) scale(.75);
    transform-origin:100% 0
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{
        transition:none
    }
}

.ck.ck-labeled-field-view.ck-error .ck-input:not([readonly])+.ck.ck-label,.ck.ck-labeled-field-view.ck-error>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{
    color:var(--ck-color-base-error)
}

.ck.ck-labeled-field-view .ck-labeled-field-view__status{
    font-size:var(--ck-font-size-small);
    margin-top:var(--ck-spacing-small);
    white-space:normal
}

.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error{
    color:var(--ck-color-base-error)
}

.ck.ck-labeled-field-view.ck-disabled>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label,.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{
    color:var(--ck-color-input-disabled-text)
}

.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label,.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{
    background:transparent;
    max-width:calc(var(--ck-labeled-field-empty-unfocused-max-width));
    padding:0
}

[dir=ltr] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label,[dir=ltr] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{
    transform:translate(var(--ck-labeled-field-label-default-position-x),var(--ck-labeled-field-label-default-position-y)) scale(1)
}

[dir=rtl] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label,[dir=rtl] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{
    transform:translate(calc(var(--ck-labeled-field-label-default-position-x)*-1),var(--ck-labeled-field-label-default-position-y)) scale(1)
}

.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck-dropdown>.ck.ck-button{
    background:transparent
}

.ck.ck-labeled-field-view.ck-labeled-field-view_empty>.ck.ck-labeled-field-view__input-wrapper>.ck-dropdown>.ck-button>.ck-button__label{
    opacity:0
}

.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck-dropdown+.ck-label{
    max-width:calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard))
}

.ck.ck-labeled-input .ck-labeled-input__status{
    font-size:var(--ck-font-size-small);
    margin-top:var(--ck-spacing-small);
    white-space:normal
}

.ck.ck-labeled-input .ck-labeled-input__status_error{
    color:var(--ck-color-base-error)
}

.ck.ck-list{
    background:var(--ck-color-list-background);
    border-radius:0;
    list-style-type:none;
    padding:var(--ck-spacing-small) 0
}

.ck-rounded-corners .ck.ck-list,.ck.ck-list.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

.ck.ck-list__item{
    cursor:default;
    min-width:15em
}

.ck.ck-list__item>.ck-button:not(.ck-list-item-button){
    border-radius:0;
    min-height:unset;
    padding:var(--ck-spacing-tiny) calc(var(--ck-spacing-standard)*2);
    width:100%
}

[dir=ltr] .ck.ck-list__item>.ck-button:not(.ck-list-item-button){
    text-align:left
}

[dir=rtl] .ck.ck-list__item>.ck-button:not(.ck-list-item-button){
    text-align:right
}

.ck.ck-list__item>.ck-button:not(.ck-list-item-button) .ck-button__label{
    line-height:calc(var(--ck-line-height-base)*var(--ck-font-size-base))
}

.ck.ck-list__item>.ck-button:not(.ck-list-item-button):active{
    box-shadow:none
}

.ck.ck-list__item>.ck-button.ck-on:not(.ck-list-item-button){
    background:var(--ck-color-list-button-on-background);
    color:var(--ck-color-list-button-on-text)
}

.ck.ck-list__item>.ck-button.ck-on:not(.ck-list-item-button):active{
    box-shadow:none
}

.ck.ck-list__item>.ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled){
    background:var(--ck-color-list-button-on-background-focus)
}

.ck.ck-list__item>.ck-button.ck-on:not(.ck-list-item-button):focus:not(.ck-disabled){
    border-color:var(--ck-color-base-background)
}

.ck.ck-list__item>.ck-button:not(.ck-list-item-button):hover:not(.ck-disabled){
    background:var(--ck-color-list-button-hover-background)
}

.ck.ck-list__item>.ck-button.ck-switchbutton.ck-on{
    background:var(--ck-color-list-background);
    color:inherit
}

.ck.ck-list__item>.ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled){
    background:var(--ck-color-list-button-hover-background);
    color:inherit
}

.ck-list .ck-list__group{
    padding-top:var(--ck-spacing-medium)
}

.ck-list .ck-list__group:first-child{
    padding-top:0
}

:not(.ck-hidden)~.ck-list .ck-list__group{
    border-top:1px solid var(--ck-color-base-border)
}

.ck-list .ck-list__group>.ck-label{
    font-size:11px;
    font-weight:700;
    padding:var(--ck-spacing-medium) var(--ck-spacing-large) 0
}

.ck.ck-list__separator{
    background:var(--ck-color-base-border);
    height:1px;
    margin:var(--ck-spacing-small) 0;
    width:100%
}

.ck.ck-menu-bar{
    background:var(--ck-color-base-background);
    border:1px solid var(--ck-color-toolbar-border);
    display:flex;
    flex-wrap:wrap;
    gap:var(--ck-spacing-small);
    justify-content:flex-start;
    padding:var(--ck-spacing-small);
    width:100%
}

.ck.ck-menu-bar__menu{
    font-size:inherit
}

.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level{
    max-width:100%
}

.ck.ck-menu-bar__menu>.ck-menu-bar__menu__button{
    width:100%
}

.ck.ck-menu-bar__menu>.ck-menu-bar__menu__button>.ck-button__label{
    flex-grow:1;
    overflow:hidden;
    text-overflow:ellipsis
}

.ck.ck-menu-bar__menu>.ck-menu-bar__menu__button.ck-disabled>.ck-button__label{
    opacity:var(--ck-disabled-opacity)
}

[dir=ltr] .ck.ck-menu-bar__menu>.ck-menu-bar__menu__button:not(.ck-button_with-text){
    padding-left:var(--ck-spacing-small)
}

[dir=rtl] .ck.ck-menu-bar__menu>.ck-menu-bar__menu__button:not(.ck-button_with-text){
    padding-right:var(--ck-spacing-small)
}

.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level>.ck-menu-bar__menu__button{
    min-height:unset;
    padding:var(--ck-spacing-small) var(--ck-spacing-medium)
}

.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level>.ck-menu-bar__menu__button .ck-button__label{
    line-height:unset;
    overflow:visible;
    width:unset
}

.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level>.ck-menu-bar__menu__button.ck-on{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}

.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level>.ck-menu-bar__menu__button .ck-icon{
    display:none
}

.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button{
    border-radius:0
}

.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button>.ck-menu-bar__menu__button__arrow{
    width:var(--ck-dropdown-arrow-size)
}

[dir=ltr] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button>.ck-menu-bar__menu__button__arrow{
    margin-left:var(--ck-spacing-standard);
    margin-right:calc(var(--ck-spacing-small)*-1);
    transform:rotate(-90deg)
}

[dir=rtl] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button>.ck-menu-bar__menu__button__arrow{
    left:var(--ck-spacing-standard);
    margin-left:calc(var(--ck-spacing-small)*-1);
    margin-right:var(--ck-spacing-small);
    transform:rotate(90deg)
}

.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled>.ck-menu-bar__menu__button__arrow{
    opacity:var(--ck-disabled-opacity)
}

:root{
    --ck-menu-bar-menu-item-min-width:18em
}

.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item{
    min-width:var(--ck-menu-bar-menu-item-min-width)
}

.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button{
    border-radius:0
}

.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button>.ck-spinner-container,.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button>.ck-spinner-container .ck-spinner{
    --ck-toolbar-spinner-size:20px
}

.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button>.ck-spinner-container{
    font-size:var(--ck-icon-font-size)
}

[dir=ltr] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button>.ck-spinner-container{
    margin-right:var(--ck-spacing-medium)
}

[dir=rtl] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button>.ck-spinner-container{
    margin-left:var(--ck-spacing-medium)
}

:root{
    --ck-menu-bar-menu-panel-max-width:75vw
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel{
    background:var(--ck-color-dropdown-panel-background);
    border:1px solid var(--ck-color-dropdown-panel-border);
    border-radius:0;
    bottom:0;
    height:-moz-fit-content;
    height:fit-content;
    max-width:var(--ck-menu-bar-menu-panel-max-width)
}

.ck-rounded-corners .ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel{
    box-shadow:var(--ck-drop-shadow),0 0
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se{
    border-top-left-radius:0
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws{
    border-top-right-radius:0
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne{
    border-bottom-left-radius:0
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn{
    border-bottom-right-radius:0
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel:focus{
    outline:none
}

.ck.ck-menu-bar .ck-list-item-button:active,.ck.ck-menu-bar .ck-list-item-button:focus{
    border-color:transparent;
    box-shadow:none
}

.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active,.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus{
    border:var(--ck-focus-ring);
    box-shadow:var(--ck-focus-outer-shadow),0 0;
    outline:none;
    position:relative;
    z-index:2
}

:root{
    --ck-balloon-border-width:1px;
    --ck-balloon-arrow-offset:2px;
    --ck-balloon-arrow-height:10px;
    --ck-balloon-arrow-half-width:8px;
    --ck-balloon-arrow-drop-shadow:0 2px 2px var(--ck-color-shadow-drop)
}

.ck.ck-balloon-panel{
    background:var(--ck-color-panel-background);
    border:var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
    border-radius:0;
    min-height:15px
}

.ck-rounded-corners .ck.ck-balloon-panel,.ck.ck-balloon-panel.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

.ck.ck-balloon-panel{
    box-shadow:var(--ck-drop-shadow),0 0
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after,.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before{
    border-style:solid;
    height:0;
    width:0
}

.ck.ck-balloon-panel[class*=arrow_n]:after,.ck.ck-balloon-panel[class*=arrow_n]:before{
    border-width:0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width)
}

.ck.ck-balloon-panel[class*=arrow_n]:before{
    border-color:transparent transparent var(--ck-color-panel-border) transparent;
    margin-top:calc(var(--ck-balloon-border-width)*-1)
}

.ck.ck-balloon-panel[class*=arrow_n]:after{
    border-color:transparent transparent var(--ck-color-panel-background) transparent;
    margin-top:calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width))
}

.ck.ck-balloon-panel[class*=arrow_s]:after,.ck.ck-balloon-panel[class*=arrow_s]:before{
    border-width:var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width)
}

.ck.ck-balloon-panel[class*=arrow_s]:before{
    border-color:var(--ck-color-panel-border) transparent transparent;
    filter:drop-shadow(var(--ck-balloon-arrow-drop-shadow));
    margin-bottom:calc(var(--ck-balloon-border-width)*-1)
}

.ck.ck-balloon-panel[class*=arrow_s]:after{
    border-color:var(--ck-color-panel-background) transparent transparent transparent;
    margin-bottom:calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width))
}

.ck.ck-balloon-panel[class*=arrow_e]:after,.ck.ck-balloon-panel[class*=arrow_e]:before{
    border-width:var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height)
}

.ck.ck-balloon-panel[class*=arrow_e]:before{
    border-color:transparent transparent transparent var(--ck-color-panel-border);
    margin-right:calc(var(--ck-balloon-border-width)*-1)
}

.ck.ck-balloon-panel[class*=arrow_e]:after{
    border-color:transparent transparent transparent var(--ck-color-panel-background);
    margin-right:calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width))
}

.ck.ck-balloon-panel[class*=arrow_w]:after,.ck.ck-balloon-panel[class*=arrow_w]:before{
    border-width:var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0
}

.ck.ck-balloon-panel[class*=arrow_w]:before{
    border-color:transparent var(--ck-color-panel-border) transparent transparent;
    margin-left:calc(var(--ck-balloon-border-width)*-1)
}

.ck.ck-balloon-panel[class*=arrow_w]:after{
    border-color:transparent var(--ck-color-panel-background) transparent transparent;
    margin-left:calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width))
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_n:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_n:before{
    left:50%;
    margin-left:calc(var(--ck-balloon-arrow-half-width)*-1);
    top:calc(var(--ck-balloon-arrow-height)*-1)
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:before{
    left:calc(var(--ck-balloon-arrow-half-width)*2);
    top:calc(var(--ck-balloon-arrow-height)*-1)
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:before{
    right:calc(var(--ck-balloon-arrow-half-width)*2);
    top:calc(var(--ck-balloon-arrow-height)*-1)
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_s:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_s:before{
    bottom:calc(var(--ck-balloon-arrow-height)*-1);
    left:50%;
    margin-left:calc(var(--ck-balloon-arrow-half-width)*-1)
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:before{
    bottom:calc(var(--ck-balloon-arrow-height)*-1);
    left:calc(var(--ck-balloon-arrow-half-width)*2)
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_se:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_se:before{
    bottom:calc(var(--ck-balloon-arrow-height)*-1);
    right:calc(var(--ck-balloon-arrow-half-width)*2)
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:before{
    bottom:calc(var(--ck-balloon-arrow-height)*-1);
    margin-right:calc(var(--ck-balloon-arrow-half-width)*2);
    right:25%
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:before{
    bottom:calc(var(--ck-balloon-arrow-height)*-1);
    left:25%;
    margin-left:calc(var(--ck-balloon-arrow-half-width)*2)
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:before{
    margin-right:calc(var(--ck-balloon-arrow-half-width)*2);
    right:25%;
    top:calc(var(--ck-balloon-arrow-height)*-1)
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:before{
    left:25%;
    margin-left:calc(var(--ck-balloon-arrow-half-width)*2);
    top:calc(var(--ck-balloon-arrow-height)*-1)
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_e:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_e:before{
    margin-top:calc(var(--ck-balloon-arrow-half-width)*-1);
    right:calc(var(--ck-balloon-arrow-height)*-1);
    top:50%
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_w:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_w:before{
    left:calc(var(--ck-balloon-arrow-height)*-1);
    margin-top:calc(var(--ck-balloon-arrow-half-width)*-1);
    top:50%
}

.ck .ck-balloon-rotator__navigation{
    background:var(--ck-color-toolbar-background);
    border-bottom:1px solid var(--ck-color-toolbar-border);
    padding:0 var(--ck-spacing-small)
}

.ck .ck-balloon-rotator__navigation>*{
    margin-bottom:var(--ck-spacing-small);
    margin-right:var(--ck-spacing-small);
    margin-top:var(--ck-spacing-small)
}

.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter{
    margin-left:var(--ck-spacing-small);
    margin-right:var(--ck-spacing-standard)
}

.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper{
    box-shadow:none
}

:root{
    --ck-balloon-fake-panel-offset-horizontal:6px;
    --ck-balloon-fake-panel-offset-vertical:6px
}

.ck .ck-fake-panel div{
    background:var(--ck-color-panel-background);
    border:1px solid var(--ck-color-panel-border);
    border-radius:var(--ck-border-radius);
    box-shadow:var(--ck-drop-shadow),0 0;
    height:100%;
    min-height:15px;
    width:100%
}

.ck .ck-fake-panel div:first-child{
    margin-left:var(--ck-balloon-fake-panel-offset-horizontal);
    margin-top:var(--ck-balloon-fake-panel-offset-vertical)
}

.ck .ck-fake-panel div:nth-child(2){
    margin-left:calc(var(--ck-balloon-fake-panel-offset-horizontal)*2);
    margin-top:calc(var(--ck-balloon-fake-panel-offset-vertical)*2)
}

.ck .ck-fake-panel div:nth-child(3){
    margin-left:calc(var(--ck-balloon-fake-panel-offset-horizontal)*3);
    margin-top:calc(var(--ck-balloon-fake-panel-offset-vertical)*3)
}

.ck .ck-balloon-panel_arrow_s+.ck-fake-panel,.ck .ck-balloon-panel_arrow_se+.ck-fake-panel,.ck .ck-balloon-panel_arrow_sw+.ck-fake-panel{
    --ck-balloon-fake-panel-offset-vertical:-6px
}

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky{
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-width:0 1px 1px;
    box-shadow:var(--ck-drop-shadow),0 0
}

.ck-vertical-form>.ck-button:nth-last-child(2):after{
    border-right:1px solid var(--ck-color-base-border)
}

.ck.ck-responsive-form{
    padding:var(--ck-spacing-large)
}

.ck.ck-responsive-form:focus{
    outline:none
}

[dir=ltr] .ck.ck-responsive-form>:not(:first-child),[dir=rtl] .ck.ck-responsive-form>:not(:last-child){
    margin-left:var(--ck-spacing-standard)
}

@media screen and (max-width:600px){
    .ck.ck-responsive-form{
        padding:0;
        width:calc(var(--ck-input-width)*.8)
    }

    .ck.ck-responsive-form .ck-labeled-field-view{
        margin:var(--ck-spacing-large) var(--ck-spacing-large) 0
    }

    .ck.ck-responsive-form .ck-labeled-field-view .ck-input-number,.ck.ck-responsive-form .ck-labeled-field-view .ck-input-text{
        min-width:0;
        width:100%
    }

    .ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error{
        white-space:normal
    }

    .ck.ck-responsive-form>.ck-button:nth-last-child(2):after{
        border-right:1px solid var(--ck-color-base-border)
    }

    .ck.ck-responsive-form>.ck-button:last-child,.ck.ck-responsive-form>.ck-button:nth-last-child(2){
        border-radius:0;
        margin-top:var(--ck-spacing-large);
        padding:var(--ck-spacing-standard)
    }

    .ck.ck-responsive-form>.ck-button:last-child:not(:focus),.ck.ck-responsive-form>.ck-button:nth-last-child(2):not(:focus){
        border-top:1px solid var(--ck-color-base-border)
    }

    [dir=ltr] .ck.ck-responsive-form>.ck-button:last-child,[dir=ltr] .ck.ck-responsive-form>.ck-button:nth-last-child(2),[dir=rtl] .ck.ck-responsive-form>.ck-button:last-child,[dir=rtl] .ck.ck-responsive-form>.ck-button:nth-last-child(2){
        margin-left:0
    }

    [dir=rtl] .ck.ck-responsive-form>.ck-button:last-child:last-of-type,[dir=rtl] .ck.ck-responsive-form>.ck-button:nth-last-child(2):last-of-type{
        border-right:1px solid var(--ck-color-base-border)
    }
}

:root{
    --ck-search-field-view-horizontal-spacing:calc(var(--ck-icon-size) + var(--ck-spacing-medium))
}

.ck.ck-search>.ck-labeled-field-view .ck-input{
    width:100%
}

.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-icon{
    --ck-labeled-field-label-default-position-x:var(--ck-search-field-view-horizontal-spacing)
}

.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-icon>.ck-labeled-field-view__input-wrapper>.ck-icon{
    opacity:.5;
    pointer-events:none
}

.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-icon .ck-input{
    width:100%
}

[dir=ltr] .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-icon .ck-input,[dir=rtl] .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty){
    padding-left:var(--ck-search-field-view-horizontal-spacing)
}

.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset{
    --ck-labeled-field-empty-unfocused-max-width:100% - 2 * var(--ck-search-field-view-horizontal-spacing)
}

.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty{
    --ck-labeled-field-empty-unfocused-max-width:100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium)
}

.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset{
    background:none;
    min-height:auto;
    min-width:auto;
    opacity:.5;
    padding:0
}

[dir=ltr] .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset{
    right:var(--ck-spacing-medium)
}

[dir=rtl] .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset{
    left:var(--ck-spacing-medium)
}

.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover{
    opacity:1
}

.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-input{
    width:100%
}

[dir=ltr] .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty),[dir=rtl] .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-input{
    padding-right:var(--ck-search-field-view-horizontal-spacing)
}

.ck.ck-search>.ck-search__results{
    min-width:100%
}

.ck.ck-search>.ck-search__results>.ck-search__info{
    padding:var(--ck-spacing-medium) var(--ck-spacing-large);
    width:100%
}

.ck.ck-search>.ck-search__results>.ck-search__info *{
    white-space:normal
}

.ck.ck-search>.ck-search__results>.ck-search__info>span:first-child{
    font-weight:700
}

.ck.ck-search>.ck-search__results>.ck-search__info>span:last-child{
    margin-top:var(--ck-spacing-medium)
}

.ck.ck-spinner-container{
    animation:ck-spinner-rotate 1.5s linear infinite;
    height:var(--ck-toolbar-spinner-size);
    width:var(--ck-toolbar-spinner-size)
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-spinner-container{
        animation-duration:3s
    }
}

.ck.ck-spinner{
    border:2px solid var(--ck-color-text);
    border-radius:50%;
    border-top:2px solid transparent;
    height:var(--ck-toolbar-spinner-size);
    width:var(--ck-toolbar-spinner-size)
}

@keyframes ck-spinner-rotate{
    to{
        transform:rotate(1turn)
    }
}

.ck-textarea{
    overflow-x:hidden
}

:root{
    --ck-color-block-toolbar-button:var(--ck-color-text);
    --ck-block-toolbar-button-size:var(--ck-font-size-normal)
}

.ck.ck-block-toolbar-button{
    color:var(--ck-color-block-toolbar-button);
    font-size:var(--ck-block-toolbar-size)
}

.ck.ck-toolbar{
    background:var(--ck-color-toolbar-background);
    border:1px solid var(--ck-color-toolbar-border);
    border-radius:0;
    padding:0 var(--ck-spacing-small)
}

.ck-rounded-corners .ck.ck-toolbar,.ck.ck-toolbar.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

.ck.ck-toolbar .ck.ck-toolbar__separator{
    background:var(--ck-color-toolbar-border);
    height:var(--ck-icon-size);
    margin-bottom:var(--ck-spacing-small);
    margin-top:var(--ck-spacing-small);
    min-width:1px;
    width:1px
}

.ck.ck-toolbar .ck-toolbar__line-break{
    height:0
}

.ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break){
    margin-right:var(--ck-spacing-small)
}

.ck.ck-toolbar>.ck-toolbar__items:empty+.ck.ck-toolbar__separator{
    display:none
}

.ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break),.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown{
    margin-bottom:var(--ck-spacing-small);
    margin-top:var(--ck-spacing-small)
}

.ck.ck-toolbar.ck-toolbar_vertical{
    padding:0
}

.ck.ck-toolbar.ck-toolbar_vertical>.ck-toolbar__items>.ck{
    border-radius:0;
    margin:0;
    width:100%
}

.ck.ck-toolbar.ck-toolbar_compact{
    padding:0
}

.ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>*{
    margin:0
}

.ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>:not(:first-child):not(:last-child){
    border-radius:0
}

.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown>.ck.ck-button.ck-dropdown__button{
    padding-left:var(--ck-spacing-tiny)
}

.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown>.ck-dropdown__panel{
    min-width:auto
}

.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown>.ck-button>.ck-button__label{
    max-width:7em;
    width:auto
}

.ck.ck-toolbar:focus{
    outline:none
}

.ck-toolbar-container .ck.ck-toolbar{
    border:0
}

.ck.ck-toolbar[dir=rtl]>.ck-toolbar__items>.ck,[dir=rtl] .ck.ck-toolbar>.ck-toolbar__items>.ck{
    margin-right:0
}

.ck.ck-toolbar[dir=rtl]:not(.ck-toolbar_compact)>.ck-toolbar__items>.ck,[dir=rtl] .ck.ck-toolbar:not(.ck-toolbar_compact)>.ck-toolbar__items>.ck{
    margin-left:var(--ck-spacing-small)
}

.ck.ck-toolbar[dir=rtl]>.ck-toolbar__items>.ck:last-child,[dir=rtl] .ck.ck-toolbar>.ck-toolbar__items>.ck:last-child{
    margin-left:0
}

.ck.ck-toolbar.ck-toolbar_compact[dir=rtl]>.ck-toolbar__items>.ck:first-child,[dir=rtl] .ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>.ck:first-child{
    border-bottom-left-radius:0;
    border-top-left-radius:0
}

.ck.ck-toolbar.ck-toolbar_compact[dir=rtl]>.ck-toolbar__items>.ck:last-child,[dir=rtl] .ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>.ck:last-child{
    border-bottom-right-radius:0;
    border-top-right-radius:0
}

.ck.ck-toolbar.ck-toolbar_grouping[dir=rtl]>.ck-toolbar__items:not(:empty):not(:only-child),.ck.ck-toolbar[dir=rtl]>.ck.ck-toolbar__separator,[dir=rtl] .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items:not(:empty):not(:only-child),[dir=rtl] .ck.ck-toolbar>.ck.ck-toolbar__separator{
    margin-left:var(--ck-spacing-small)
}

.ck.ck-toolbar[dir=ltr]>.ck-toolbar__items>.ck:last-child,[dir=ltr] .ck.ck-toolbar>.ck-toolbar__items>.ck:last-child{
    margin-right:0
}

.ck.ck-toolbar.ck-toolbar_compact[dir=ltr]>.ck-toolbar__items>.ck:first-child,[dir=ltr] .ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>.ck:first-child{
    border-bottom-right-radius:0;
    border-top-right-radius:0
}

.ck.ck-toolbar.ck-toolbar_compact[dir=ltr]>.ck-toolbar__items>.ck:last-child,[dir=ltr] .ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>.ck:last-child{
    border-bottom-left-radius:0;
    border-top-left-radius:0
}

.ck.ck-toolbar.ck-toolbar_grouping[dir=ltr]>.ck-toolbar__items:not(:empty):not(:only-child),.ck.ck-toolbar[dir=ltr]>.ck.ck-toolbar__separator,[dir=ltr] .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items:not(:empty):not(:only-child),[dir=ltr] .ck.ck-toolbar>.ck.ck-toolbar__separator{
    margin-right:var(--ck-spacing-small)
}

.ck.ck-balloon-panel.ck-tooltip{
    --ck-balloon-border-width:0px;
    --ck-balloon-arrow-offset:0px;
    --ck-balloon-arrow-half-width:4px;
    --ck-balloon-arrow-height:4px;
    --ck-tooltip-text-padding:4px;
    --ck-color-panel-background:var(--ck-color-tooltip-background);
    box-shadow:none;
    padding:0 var(--ck-spacing-medium)
}

.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text{
    color:var(--ck-color-tooltip-text);
    font-size:.9em;
    line-height:1.5
}

.ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text{
    display:inline-block;
    max-width:200px;
    padding:var(--ck-tooltip-text-padding) 0;
    white-space:break-spaces
}

.ck.ck-balloon-panel.ck-tooltip:before{
    display:none
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content{
    border:solid var(--ck-color-base-border);
    border-radius:0;
    border-width:1px 1px 0
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners{
    border-radius:var(--ck-border-radius);
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky{
    border-bottom-width:1px
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar{
    border:0;
    border-bottom:1px solid var(--ck-color-base-border)
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar{
    border:0
}

.ck.ck-editor__main>.ck-editor__editable{
    background:var(--ck-color-base-background);
    border-radius:0
}

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners{
    border-radius:var(--ck-border-radius);
    border-top-left-radius:0;
    border-top-right-radius:0
}

.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){
    border-color:var(--ck-color-base-border)
}

.ck .ck-fake-bookmark-selection{
    background:var(--ck-color-link-fake-selection)
}

.ck .ck-fake-bookmark-selection_collapsed{
    border-right:1px solid var(--ck-color-base-text);
    height:100%;
    margin-right:-1px;
    outline:1px solid hsla(0,0%,100%,.5)
}

:root{
    --ck-clipboard-drop-target-dot-width:12px;
    --ck-clipboard-drop-target-dot-height:8px;
    --ck-clipboard-drop-target-color:var(--ck-color-focus-border)
}

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span{
    background:var(--ck-clipboard-drop-target-color);
    border:1px solid var(--ck-clipboard-drop-target-color);
    bottom:calc(var(--ck-clipboard-drop-target-dot-height)*-.5);
    margin-left:-1px;
    top:calc(var(--ck-clipboard-drop-target-dot-height)*-.5)
}

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span:after{
    border-color:var(--ck-clipboard-drop-target-color) transparent transparent transparent;
    border-style:solid;
    border-width:calc(var(--ck-clipboard-drop-target-dot-height)) calc(var(--ck-clipboard-drop-target-dot-width)*.5) 0 calc(var(--ck-clipboard-drop-target-dot-width)*.5);
    content:"";
    display:block;
    height:0;
    left:50%;
    position:absolute;
    top:calc(var(--ck-clipboard-drop-target-dot-height)*-.5);
    transform:translateX(-50%);
    width:0
}

.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range{
    outline:var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color)!important
}

.ck.ck-editor__editable .ck-widget:-webkit-drag{
    zoom:.6;
    outline:none!important
}

.ck.ck-clipboard-drop-target-line{
    background:var(--ck-clipboard-drop-target-color);
    border:1px solid var(--ck-clipboard-drop-target-color);
    height:0;
    margin-top:-1px
}

.ck.ck-clipboard-drop-target-line:before{
    border-style:solid;
    content:"";
    height:0;
    position:absolute;
    top:calc(var(--ck-clipboard-drop-target-dot-width)*-.5);
    width:0
}

[dir=ltr] .ck.ck-clipboard-drop-target-line:before{
    border-color:transparent transparent transparent var(--ck-clipboard-drop-target-color);
    border-width:calc(var(--ck-clipboard-drop-target-dot-width)*.5) 0 calc(var(--ck-clipboard-drop-target-dot-width)*.5) var(--ck-clipboard-drop-target-dot-height);
    left:-1px
}

[dir=rtl] .ck.ck-clipboard-drop-target-line:before{
    border-color:transparent var(--ck-clipboard-drop-target-color) transparent transparent;
    border-width:calc(var(--ck-clipboard-drop-target-dot-width)*.5) var(--ck-clipboard-drop-target-dot-height) calc(var(--ck-clipboard-drop-target-dot-width)*.5) 0;
    right:-1px
}

:root{
    --ck-color-code-block-label-background:#757575
}

.ck.ck-editor__editable pre[data-language]:after{
    background:var(--ck-color-code-block-label-background);
    color:#fff;
    font-family:var(--ck-font-face);
    font-size:10px;
    line-height:16px;
    padding:var(--ck-spacing-tiny) var(--ck-spacing-medium);
    right:10px;
    top:-1px;
    white-space:nowrap
}

.ck.ck-code-block-dropdown .ck-dropdown__panel{
    max-height:250px;
    overflow-x:hidden;
    overflow-y:auto
}

@media (forced-colors:active){
    .ck .ck-placeholder,.ck.ck-placeholder{
        forced-color-adjust:preserve-parent-color
    }
}

.ck .ck-placeholder:before,.ck.ck-placeholder:before{
    cursor:text
}

@media (forced-colors:none){
    .ck .ck-placeholder:before,.ck.ck-placeholder:before{
        color:var(--ck-color-engine-placeholder-text)
    }
}

@media (forced-colors:active){
    .ck .ck-placeholder:before,.ck.ck-placeholder:before{
        font-style:italic;
        margin-left:1px
    }
}

.ck.ck-find-and-replace-form{
    width:400px
}

.ck.ck-find-and-replace-form:focus{
    outline:none
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions,.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs{
    align-content:stretch;
    align-items:center;
    flex:1 1 auto;
    flex-direction:row;
    flex-wrap:wrap;
    margin:0;
    padding:var(--ck-spacing-large)
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions>.ck-button,.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>.ck-button{
    flex:0 0 auto
}

[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions>*+*,[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>*+*{
    margin-left:var(--ck-spacing-standard)
}

[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions>*+*,[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>*+*{
    margin-right:var(--ck-spacing-standard)
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view,.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view{
    flex:1 1 auto
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input,.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input{
    min-width:50px;
    width:100%
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs{
    align-items:flex-start
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>.ck-button-prev>.ck-icon{
    transform:rotate(90deg)
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>.ck-button-next>.ck-icon{
    transform:rotate(-90deg)
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter{
    color:var(--ck-color-base-border);
    top:50%;
    transform:translateY(-50%)
}

[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter{
    right:var(--ck-spacing-standard)
}

[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter{
    left:var(--ck-spacing-standard)
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>.ck-labeled-field-replace{
    flex:0 0 100%;
    padding-top:var(--ck-spacing-standard)
}

[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>.ck-labeled-field-replace{
    margin-left:0
}

[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>.ck-labeled-field-replace{
    margin-right:0
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions{
    flex-wrap:wrap;
    justify-content:flex-end;
    margin-top:calc(var(--ck-spacing-large)*-1)
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions>.ck-button-find{
    font-weight:700
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions>.ck-button-find .ck-button__label{
    padding-left:var(--ck-spacing-large);
    padding-right:var(--ck-spacing-large)
}

.ck.ck-find-and-replace-form .ck-switchbutton{
    align-items:center;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    width:100%
}

@media screen and (max-width:600px){
    .ck.ck-find-and-replace-form{
        max-width:100%;
        width:300px
    }

    .ck.ck-find-and-replace-form.ck-find-and-replace-form__input{
        flex-wrap:wrap
    }

    .ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view{
        flex:1 0 auto;
        margin-bottom:var(--ck-spacing-standard);
        width:100%
    }

    .ck.ck-find-and-replace-form.ck-find-and-replace-form__input>.ck-button{
        text-align:center
    }

    .ck.ck-find-and-replace-form.ck-find-and-replace-form__input>.ck-button:first-of-type{
        flex:1 1 auto
    }

    [dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input>.ck-button:first-of-type{
        margin-left:0
    }

    [dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input>.ck-button:first-of-type{
        margin-right:0
    }

    .ck.ck-find-and-replace-form.ck-find-and-replace-form__input>.ck-button:first-of-type .ck-button__label{
        text-align:center;
        width:100%
    }

    .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions>:not(.ck-labeled-field-view){
        flex:1 1 auto;
        flex-wrap:wrap
    }

    .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions>:not(.ck-labeled-field-view)>.ck-button{
        text-align:center
    }

    .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions>:not(.ck-labeled-field-view)>.ck-button:first-of-type{
        flex:1 1 auto
    }

    [dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions>:not(.ck-labeled-field-view)>.ck-button:first-of-type{
        margin-left:0
    }

    [dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions>:not(.ck-labeled-field-view)>.ck-button:first-of-type{
        margin-right:0
    }

    .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions>:not(.ck-labeled-field-view)>.ck-button .ck-button__label{
        text-align:center;
        width:100%
    }
}

.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label{
    width:8em
}

.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item{
    min-width:18em
}

:root{
    --ck-html-embed-content-width:calc(100% - var(--ck-icon-size)*1.5);
    --ck-html-embed-source-height:10em;
    --ck-html-embed-unfocused-outline-width:1px;
    --ck-html-embed-content-min-height:calc(var(--ck-icon-size) + var(--ck-spacing-standard));
    --ck-html-embed-source-disabled-background:var(--ck-color-base-foreground);
    --ck-html-embed-source-disabled-color:#737373
}

.ck-widget.raw-html-embed{
    background-color:var(--ck-color-base-foreground);
    font-size:var(--ck-font-size-base)
}

.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover){
    outline:var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border)
}

.ck-widget.raw-html-embed[dir=ltr]{
    text-align:left
}

.ck-widget.raw-html-embed[dir=rtl]{
    text-align:right
}

.ck-widget.raw-html-embed:before{
    background:#999;
    border-radius:0 0 var(--ck-border-radius) var(--ck-border-radius);
    color:var(--ck-color-base-background);
    content:attr(data-html-embed-label);
    font-family:var(--ck-font-face);
    font-size:var(--ck-font-size-tiny);
    left:var(--ck-spacing-standard);
    padding:calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
    top:calc(var(--ck-html-embed-unfocused-outline-width)*-1);
    transition:background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve)
}

.ck-widget.raw-html-embed[dir=rtl]:before{
    left:auto;
    right:var(--ck-spacing-standard)
}

.ck-widget.raw-html-embed[dir=ltr] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before{
    margin-left:50px
}

.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected:before{
    padding:var(--ck-spacing-tiny) var(--ck-spacing-small);
    top:0
}

.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected:before{
    background:var(--ck-color-focus-border);
    padding:var(--ck-spacing-tiny) var(--ck-spacing-small);
    top:0
}

.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover:before{
    padding:var(--ck-spacing-tiny) var(--ck-spacing-small);
    top:0
}

.ck-widget.raw-html-embed .raw-html-embed__content-wrapper{
    padding:var(--ck-spacing-standard)
}

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper{
    right:var(--ck-spacing-standard);
    top:var(--ck-spacing-standard)
}

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button{
    color:var(--ck-color-button-save)
}

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button{
    color:var(--ck-color-button-cancel)
}

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child){
    margin-top:var(--ck-spacing-small)
}

.ck-widget.raw-html-embed[dir=rtl] .raw-html-embed__buttons-wrapper{
    left:var(--ck-spacing-standard);
    right:auto
}

.ck-widget.raw-html-embed .raw-html-embed__source{
    box-sizing:border-box;
    direction:ltr;
    font-family:monospace;
    font-size:var(--ck-font-size-base);
    height:var(--ck-html-embed-source-height);
    min-width:0;
    padding:var(--ck-spacing-standard);
    resize:none;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    text-align:left;
    white-space:pre-wrap;
    width:var(--ck-html-embed-content-width)
}

.ck-widget.raw-html-embed .raw-html-embed__source[disabled]{
    -webkit-text-fill-color:var(--ck-html-embed-source-disabled-color);
    background:var(--ck-html-embed-source-disabled-background);
    color:var(--ck-html-embed-source-disabled-color);
    opacity:1
}

.ck-widget.raw-html-embed .raw-html-embed__preview{
    min-height:var(--ck-html-embed-content-min-height);
    width:var(--ck-html-embed-content-width)
}

.ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview{
    pointer-events:none
}

.ck-widget.raw-html-embed .raw-html-embed__preview-content{
    background-color:var(--ck-color-base-foreground);
    box-sizing:border-box
}

.ck-widget.raw-html-embed .raw-html-embed__preview-content>*{
    margin-left:auto;
    margin-right:auto
}

.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder{
    color:var(--ck-html-embed-source-disabled-color)
}

:root{
    --ck-image-insert-insert-by-url-width:250px
}

.ck.ck-image-insert-url{
    --ck-input-width:100%
}

.ck.ck-image-insert-url .ck-image-insert-url__action-row{
    grid-column-gap:var(--ck-spacing-large);
    margin-top:var(--ck-spacing-large)
}

.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel,.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save{
    justify-content:center;
    min-width:auto
}

.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label{
    color:var(--ck-color-text)
}

.ck.ck-image-insert-form>.ck.ck-button{
    display:block;
    width:100%
}

[dir=ltr] .ck.ck-image-insert-form>.ck.ck-button{
    text-align:left
}

[dir=rtl] .ck.ck-image-insert-form>.ck.ck-button{
    text-align:right
}

.ck.ck-image-insert-form>.ck.ck-collapsible{
    min-width:var(--ck-image-insert-insert-by-url-width)
}

.ck.ck-image-insert-form>.ck.ck-collapsible:not(:first-child){
    border-top:1px solid var(--ck-color-base-border)
}

.ck.ck-image-insert-form>.ck.ck-collapsible:not(:last-child){
    border-bottom:1px solid var(--ck-color-base-border)
}

.ck.ck-image-insert-form>.ck.ck-image-insert-url{
    min-width:var(--ck-image-insert-insert-by-url-width);
    padding:var(--ck-spacing-large)
}

.ck.ck-image-insert-form:focus{
    outline:none
}

:root{
    --ck-color-image-upload-icon:#fff;
    --ck-color-image-upload-icon-background:#008a00;
    --ck-image-upload-icon-size:20;
    --ck-image-upload-icon-width:2px;
    --ck-image-upload-icon-is-visible:clamp(0px,100% - 50px,1px)
}

.ck-image-upload-complete-icon{
    animation-delay:0ms,3s;
    animation-duration:.5s,.5s;
    animation-fill-mode:forwards,forwards;
    animation-name:ck-upload-complete-icon-show,ck-upload-complete-icon-hide;
    background:var(--ck-color-image-upload-icon-background);
    font-size:calc(1px*var(--ck-image-upload-icon-size));
    height:calc(var(--ck-image-upload-icon-is-visible)*var(--ck-image-upload-icon-size));
    opacity:0;
    overflow:hidden;
    width:calc(var(--ck-image-upload-icon-is-visible)*var(--ck-image-upload-icon-size))
}

.ck-image-upload-complete-icon:after{
    animation-delay:.5s;
    animation-duration:.5s;
    animation-fill-mode:forwards;
    animation-name:ck-upload-complete-icon-check;
    border-right:var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
    border-top:var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
    box-sizing:border-box;
    height:0;
    left:25%;
    opacity:0;
    top:50%;
    transform:scaleX(-1) rotate(135deg);
    transform-origin:left top;
    width:0
}

@media (prefers-reduced-motion:reduce){
    .ck-image-upload-complete-icon{
        animation-duration:0ms
    }

    .ck-image-upload-complete-icon:after{
        animation:none;
        height:.45em;
        opacity:1;
        width:.3em
    }
}

@keyframes ck-upload-complete-icon-show{
    0%{
        opacity:0
    }

    to{
        opacity:1
    }
}

@keyframes ck-upload-complete-icon-hide{
    0%{
        opacity:1
    }

    to{
        opacity:0
    }
}

@keyframes ck-upload-complete-icon-check{
    0%{
        height:0;
        opacity:1;
        width:0
    }

    33%{
        height:0;
        width:.3em
    }

    to{
        height:.45em;
        opacity:1;
        width:.3em
    }
}

:root{
    --ck-color-upload-placeholder-loader:#b3b3b3;
    --ck-upload-placeholder-loader-size:32px;
    --ck-upload-placeholder-image-aspect-ratio:2.8
}

.ck .ck-image-upload-placeholder{
    margin:0;
    width:100%
}

.ck .ck-image-upload-placeholder.image-inline{
    width:calc(var(--ck-upload-placeholder-loader-size)*2*var(--ck-upload-placeholder-image-aspect-ratio))
}

.ck .ck-image-upload-placeholder img{
    aspect-ratio:var(--ck-upload-placeholder-image-aspect-ratio)
}

.ck .ck-upload-placeholder-loader{
    height:100%;
    width:100%
}

.ck .ck-upload-placeholder-loader:before{
    animation:ck-upload-placeholder-loader 1s linear infinite;
    border-radius:50%;
    border-right:2px solid transparent;
    border-top:3px solid var(--ck-color-upload-placeholder-loader);
    height:var(--ck-upload-placeholder-loader-size);
    width:var(--ck-upload-placeholder-loader-size)
}

@keyframes ck-upload-placeholder-loader{
    to{
        transform:rotate(1turn)
    }
}

.ck.ck-editor__editable .image-inline.ck-appear,.ck.ck-editor__editable .image.ck-appear{
    animation:fadeIn .7s
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-editor__editable .image-inline.ck-appear,.ck.ck-editor__editable .image.ck-appear{
        animation:none;
        opacity:1
    }
}

.ck.ck-editor__editable .image .ck-progress-bar,.ck.ck-editor__editable .image-inline .ck-progress-bar{
    background:var(--ck-color-upload-bar-background);
    height:2px;
    transition:width .1s;
    width:0
}

@keyframes fadeIn{
    0%{
        opacity:0
    }

    to{
        opacity:1
    }
}

.ck .ck-link_selected{
    background:var(--ck-color-link-selected-background)
}

.ck .ck-link_selected span.image-inline{
    outline:var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background)
}

.ck .ck-fake-link-selection{
    background:var(--ck-color-link-fake-selection)
}

.ck .ck-fake-link-selection_collapsed{
    border-right:1px solid var(--ck-color-base-text);
    height:100%;
    margin-right:-1px;
    outline:1px solid hsla(0,0%,100%,.5)
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview{
    padding-left:0;
    padding-right:0
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label{
    color:var(--ck-color-link-default);
    cursor:pointer;
    max-width:var(--ck-input-width);
    min-width:3em;
    padding:0 var(--ck-spacing-medium);
    text-align:center;
    text-overflow:ellipsis
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover{
    text-decoration:underline
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview,.ck.ck-link-actions .ck-button.ck-link-actions__preview:active,.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,.ck.ck-link-actions .ck-button.ck-link-actions__preview:hover{
    background:none
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview:active{
    box-shadow:none
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label{
    text-decoration:underline
}

[dir=ltr] .ck.ck-link-actions .ck-button:not(:first-child),[dir=rtl] .ck.ck-link-actions .ck-button:not(:last-child){
    margin-left:var(--ck-spacing-standard)
}

@media screen and (max-width:600px){
    .ck.ck-link-actions .ck-button.ck-link-actions__preview{
        margin:var(--ck-spacing-standard) var(--ck-spacing-standard) 0
    }

    .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label{
        max-width:100%;
        min-width:0
    }

    [dir=ltr] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview),[dir=rtl] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview){
        margin-left:0
    }
}

.ck.ck-link-form_layout-vertical{
    min-width:var(--ck-input-width);
    padding:0
}

.ck.ck-link-form_layout-vertical .ck-labeled-field-view{
    margin:var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small)
}

.ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text{
    min-width:0;
    width:100%
}

.ck.ck-link-form_layout-vertical>.ck-button{
    border-radius:0;
    margin:0;
    padding:var(--ck-spacing-standard);
    width:50%
}

.ck.ck-link-form_layout-vertical>.ck-button:not(:focus){
    border-top:1px solid var(--ck-color-base-border)
}

[dir=ltr] .ck.ck-link-form_layout-vertical>.ck-button,[dir=rtl] .ck.ck-link-form_layout-vertical>.ck-button{
    margin-left:0
}

[dir=rtl] .ck.ck-link-form_layout-vertical>.ck-button:last-of-type{
    border-right:1px solid var(--ck-color-base-border)
}

.ck.ck-link-form_layout-vertical .ck.ck-list{
    margin:0 var(--ck-spacing-large)
}

.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton{
    padding:0;
    width:100%
}

.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover{
    background:none
}

:root{
    --ck-link-image-indicator-icon-size:20;
    --ck-link-image-indicator-icon-is-visible:clamp(0px,100% - 50px,1px)
}

.ck.ck-editor__editable a span.image-inline:after,.ck.ck-editor__editable figure.image>a:after{
    background-color:rgba(0,0,0,.4);
    background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:14px;
    border-radius:100%;
    content:"";
    height:calc(var(--ck-link-image-indicator-icon-is-visible)*var(--ck-link-image-indicator-icon-size));
    overflow:hidden;
    right:min(var(--ck-spacing-medium),6%);
    top:min(var(--ck-spacing-medium),6%);
    width:calc(var(--ck-link-image-indicator-icon-is-visible)*var(--ck-link-image-indicator-icon-size))
}

.ck.ck-list-properties.ck-list-properties_without-styles{
    padding:var(--ck-spacing-large)
}

.ck.ck-list-properties.ck-list-properties_without-styles>*{
    min-width:14em
}

.ck.ck-list-properties.ck-list-properties_without-styles>*+*{
    margin-top:var(--ck-spacing-standard)
}

.ck.ck-list-properties.ck-list-properties_with-numbered-properties>.ck-list-styles-list{
    grid-template-columns:repeat(4,auto)
}

.ck.ck-list-properties.ck-list-properties_with-numbered-properties>.ck-collapsible{
    border-top:1px solid var(--ck-color-base-border)
}

.ck.ck-list-properties.ck-list-properties_with-numbered-properties>.ck-collapsible>.ck-collapsible__children>*{
    width:100%
}

.ck.ck-list-properties.ck-list-properties_with-numbered-properties>.ck-collapsible>.ck-collapsible__children>*+*{
    margin-top:var(--ck-spacing-standard)
}

.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input{
    min-width:auto;
    width:100%
}

.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order{
    background:transparent;
    margin-bottom:calc(var(--ck-spacing-tiny)*-1);
    padding-left:0;
    padding-right:0
}

.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active,.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover{
    background:none;
    border-color:transparent;
    box-shadow:none
}

:root{
    --ck-list-style-button-size:44px
}

.ck.ck-list-styles-list{
    -moz-column-gap:var(--ck-spacing-medium);
    column-gap:var(--ck-spacing-medium);
    grid-template-columns:repeat(3,auto);
    padding:var(--ck-spacing-large);
    row-gap:var(--ck-spacing-medium)
}

.ck.ck-list-styles-list .ck-button{
    box-sizing:content-box;
    margin:0;
    padding:0
}

.ck.ck-list-styles-list .ck-button,.ck.ck-list-styles-list .ck-button .ck-icon{
    height:var(--ck-list-style-button-size);
    width:var(--ck-list-style-button-size)
}

:root{
    --ck-media-embed-placeholder-icon-size:3em;
    --ck-color-media-embed-placeholder-url-text:#757575;
    --ck-color-media-embed-placeholder-url-text-hover:var(--ck-color-base-text)
}

.ck-media__wrapper{
    margin:0 auto
}

.ck-media__wrapper .ck-media__placeholder{
    background:var(--ck-color-base-foreground);
    padding:calc(var(--ck-spacing-standard)*3)
}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon{
    background-position:50%;
    background-size:cover;
    height:var(--ck-media-embed-placeholder-icon-size);
    margin-bottom:var(--ck-spacing-large);
    min-width:var(--ck-media-embed-placeholder-icon-size)
}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon{
    height:100%;
    width:100%
}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text{
    color:var(--ck-color-media-embed-placeholder-url-text);
    font-style:italic;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap
}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover{
    color:var(--ck-color-media-embed-placeholder-url-text-hover);
    cursor:pointer;
    text-decoration:underline
}

.ck-media__wrapper[data-oembed-url*="open.spotify.com"]{
    max-height:380px;
    max-width:300px
}

.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon,.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon,.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon{
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Im0yMDYuNDc3IDI2MC45LTI4Ljk4NyAyOC45ODdhNS4yMTggNS4yMTggMCAwIDAgMy43OCAxLjYxaDQ5LjYyMWMxLjY5NCAwIDMuMTktLjc5OCA0LjE0Ni0yLjAzN3oiIGZpbGw9IiM1Yzg4YzUiLz48cGF0aCBkPSJNMjI2Ljc0MiAyMjIuOTg4Yy05LjI2NiAwLTE2Ljc3NyA3LjE3LTE2Ljc3NyAxNi4wMTQuMDA3IDIuNzYyLjY2MyA1LjQ3NCAyLjA5MyA3Ljg3NS40My43MDMuODMgMS40MDggMS4xOSAyLjEwNy4zMzMuNTAyLjY1IDEuMDA1Ljk1IDEuNTA4LjM0My40NzcuNjczLjk1Ny45ODggMS40NCAxLjMxIDEuNzY5IDIuNSAzLjUwMiAzLjYzNyA1LjE2OC43OTMgMS4yNzUgMS42ODMgMi42NCAyLjQ2NiAzLjk5IDIuMzYzIDQuMDk0IDQuMDA3IDguMDkyIDQuNiAxMy45MTR2LjAxMmMuMTgyLjQxMi41MTYuNjY2Ljg3OS42NjcuNDAzLS4wMDEuNzY4LS4zMTQuOTMtLjc5OS42MDMtNS43NTYgMi4yMzgtOS43MjkgNC41ODUtMTMuNzk0Ljc4Mi0xLjM1IDEuNjczLTIuNzE1IDIuNDY1LTMuOTkgMS4xMzctMS42NjYgMi4zMjgtMy40IDMuNjM4LTUuMTY5LjMxNS0uNDgyLjY0NS0uOTYyLjk4OC0xLjQzOS4zLS41MDMuNjE3LTEuMDA2Ljk1LTEuNTA4LjM1OS0uNy43Ni0xLjQwNCAxLjE5LTIuMTA3IDEuNDI2LTIuNDAyIDItNS4xMTQgMi4wMDQtNy44NzUgMC04Ljg0NC03LjUxMS0xNi4wMTQtMTYuNzc2LTE2LjAxNHoiIGZpbGw9IiNkZDRiM2UiIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PGVsbGlwc2Ugcnk9IjUuNTY0IiByeD0iNS44MjgiIGN5PSIyMzkuMDAyIiBjeD0iMjI2Ljc0MiIgZmlsbD0iIzgwMmQyNyIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMTkwLjMwMSAyMzcuMjgzYy00LjY3IDAtOC40NTcgMy44NTMtOC40NTcgOC42MDZzMy43ODYgOC42MDcgOC40NTcgOC42MDdjMy4wNDMgMCA0LjgwNi0uOTU4IDYuMzM3LTIuNTE2IDEuNTMtMS41NTcgMi4wODctMy45MTMgMi4wODctNi4yOSAwLS4zNjItLjAyMy0uNzIyLS4wNjQtMS4wNzloLTguMjU3djMuMDQzaDQuODVjLS4xOTcuNzU5LS41MzEgMS40NS0xLjA1OCAxLjk4Ni0uOTQyLjk1OC0yLjAyOCAxLjU0OC0zLjkwMSAxLjU0OC0yLjg3NiAwLTUuMjA4LTIuMzcyLTUuMjA4LTUuMjk5IDAtMi45MjYgMi4zMzItNS4yOTkgNS4yMDgtNS4yOTkgMS4zOTkgMCAyLjYxOC40MDcgMy41ODQgMS4yOTNsMi4zODEtMi4zOGMwLS4wMDItLjAwMy0uMDA0LS4wMDQtLjAwNS0xLjU4OC0xLjUyNC0zLjYyLTIuMjE1LTUuOTU1LTIuMjE1em00LjQzIDUuNjYuMDAzLjAwNnYtLjAwM3oiIGZpbGw9IiNmZmYiIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0ibTIxNS4xODQgMjUxLjkyOS03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVhNS4yMzMgNS4yMzMgMCAwIDAgLjQ0OS0yLjEyM3YtMzEuMTY1Yy0uNDY5LjY3NS0uOTM0IDEuMzQ5LTEuMzgyIDIuMDA1LS43OTIgMS4yNzUtMS42ODIgMi42NC0yLjQ2NSAzLjk5LTIuMzQ3IDQuMDY1LTMuOTgyIDguMDM4LTQuNTg1IDEzLjc5NC0uMTYyLjQ4NS0uNTI3Ljc5OC0uOTMuNzk5LS4zNjMtLjAwMS0uNjk3LS4yNTUtLjg3OS0uNjY3di0uMDEyYy0uNTkzLTUuODIyLTIuMjM3LTkuODItNC42LTEzLjkxNC0uNzgzLTEuMzUtMS42NzMtMi43MTUtMi40NjYtMy45OS0xLjEzNy0xLjY2Ni0yLjMyNy0zLjQtMy42MzctNS4xNjlsLS4wMDItLjAwM3oiIGZpbGw9IiNjM2MzYzMiLz48cGF0aCBkPSJtMjEyLjk4MyAyNDguNDk1LTM2Ljk1MiAzNi45NTN2LjgxMmE1LjIyNyA1LjIyNyAwIDAgMCA1LjIzOCA1LjIzOGgxLjAxNWwzNS42NjYtMzUuNjY2YTEzNi4yNzUgMTM2LjI3NSAwIDAgMC0yLjc2NC0zLjkgMzcuNTc1IDM3LjU3NSAwIDAgMC0uOTg5LTEuNDQgMzUuMTI3IDM1LjEyNyAwIDAgMC0uOTUtMS41MDhjLS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJtMjExLjk5OCAyNjEuMDgzLTYuMTUyIDYuMTUxIDI0LjI2NCAyNC4yNjRoLjc4MWE1LjIyNyA1LjIyNyAwIDAgMCA1LjIzOS01LjIzOHYtMS4wNDV6IiBmaWxsPSIjZmZmIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjwvZz48L3N2Zz4=)
}

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder{
    background:#4268b3
}

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon{
    background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05NjcuNDg0IDBINTYuNTE3QzI1LjMwNCAwIDAgMjUuMzA0IDAgNTYuNTE3djkxMC45NjZDMCA5OTguNjk0IDI1LjI5NyAxMDI0IDU2LjUyMiAxMDI0SDU0N1Y2MjhINDE0VjQ3M2gxMzNWMzU5LjAyOWMwLTEzMi4yNjIgODAuNzczLTIwNC4yODIgMTk4Ljc1Ni0yMDQuMjgyIDU2LjUxMyAwIDEwNS4wODYgNC4yMDggMTE5LjI0NCA2LjA4OVYyOTlsLTgxLjYxNi4wMzdjLTYzLjk5MyAwLTc2LjM4NCAzMC40OTItNzYuMzg0IDc1LjIzNlY0NzNoMTUzLjQ4N2wtMTkuOTg2IDE1NUg3MDd2Mzk2aDI2MC40ODRjMzEuMjEzIDAgNTYuNTE2LTI1LjMwMyA1Ni41MTYtNTYuNTE2VjU2LjUxNUMxMDI0IDI1LjMwMyA5OTguNjk3IDAgOTY3LjQ4NCAwIiBmaWxsPSIjRkZGRkZFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text{
    color:#cdf
}

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover{
    color:#fff
}

.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder{
    background:linear-gradient(-135deg,#1400c7,#b800b1,#f50000)
}

.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon{
    background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTA0IiBoZWlnaHQ9IjUwNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIC4xNTloNTAzLjg0MVY1MDMuOTRIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48cGF0aCBkPSJNMjUxLjkyMS4xNTljLTY4LjQxOCAwLTc2Ljk5Ny4yOS0xMDMuODY3IDEuNTE2LTI2LjgxNCAxLjIyMy00NS4xMjcgNS40ODItNjEuMTUxIDExLjcxLTE2LjU2NiA2LjQzNy0zMC42MTUgMTUuMDUxLTQ0LjYyMSAyOS4wNTYtMTQuMDA1IDE0LjAwNi0yMi42MTkgMjguMDU1LTI5LjA1NiA0NC42MjEtNi4yMjggMTYuMDI0LTEwLjQ4NyAzNC4zMzctMTEuNzEgNjEuMTUxQy4yOSAxNzUuMDgzIDAgMTgzLjY2MiAwIDI1Mi4wOGMwIDY4LjQxNy4yOSA3Ni45OTYgMS41MTYgMTAzLjg2NiAxLjIyMyAyNi44MTQgNS40ODIgNDUuMTI3IDExLjcxIDYxLjE1MSA2LjQzNyAxNi41NjYgMTUuMDUxIDMwLjYxNSAyOS4wNTYgNDQuNjIxIDE0LjAwNiAxNC4wMDUgMjguMDU1IDIyLjYxOSA0NC42MjEgMjkuMDU3IDE2LjAyNCA2LjIyNyAzNC4zMzcgMTAuNDg2IDYxLjE1MSAxMS43MDkgMjYuODcgMS4yMjYgMzUuNDQ5IDEuNTE2IDEwMy44NjcgMS41MTYgNjguNDE3IDAgNzYuOTk2LS4yOSAxMDMuODY2LTEuNTE2IDI2LjgxNC0xLjIyMyA0NS4xMjctNS40ODIgNjEuMTUxLTExLjcwOSAxNi41NjYtNi40MzggMzAuNjE1LTE1LjA1MiA0NC42MjEtMjkuMDU3IDE0LjAwNS0xNC4wMDYgMjIuNjE5LTI4LjA1NSAyOS4wNTctNDQuNjIxIDYuMjI3LTE2LjAyNCAxMC40ODYtMzQuMzM3IDExLjcwOS02MS4xNTEgMS4yMjYtMjYuODcgMS41MTYtMzUuNDQ5IDEuNTE2LTEwMy44NjYgMC02OC40MTgtLjI5LTc2Ljk5Ny0xLjUxNi0xMDMuODY3LTEuMjIzLTI2LjgxNC01LjQ4Mi00NS4xMjctMTEuNzA5LTYxLjE1MS02LjQzOC0xNi41NjYtMTUuMDUyLTMwLjYxNS0yOS4wNTctNDQuNjIxLTE0LjAwNi0xNC4wMDUtMjguMDU1LTIyLjYxOS00NC42MjEtMjkuMDU2LTE2LjAyNC02LjIyOC0zNC4zMzctMTAuNDg3LTYxLjE1MS0xMS43MUMzMjguOTE3LjQ0OSAzMjAuMzM4LjE1OSAyNTEuOTIxLjE1OVptMCA0NS4zOTFjNjcuMjY1IDAgNzUuMjMzLjI1NyAxMDEuNzk3IDEuNDY5IDI0LjU2MiAxLjEyIDM3LjkwMSA1LjIyNCA0Ni43NzggOC42NzQgMTEuNzU5IDQuNTcgMjAuMTUxIDEwLjAyOSAyOC45NjYgMTguODQ1IDguODE2IDguODE1IDE0LjI3NSAxNy4yMDcgMTguODQ1IDI4Ljk2NiAzLjQ1IDguODc3IDcuNTU0IDIyLjIxNiA4LjY3NCA0Ni43NzggMS4yMTIgMjYuNTY0IDEuNDY5IDM0LjUzMiAxLjQ2OSAxMDEuNzk4IDAgNjcuMjY1LS4yNTcgNzUuMjMzLTEuNDY5IDEwMS43OTctMS4xMiAyNC41NjItNS4yMjQgMzcuOTAxLTguNjc0IDQ2Ljc3OC00LjU3IDExLjc1OS0xMC4wMjkgMjAuMTUxLTE4Ljg0NSAyOC45NjYtOC44MTUgOC44MTYtMTcuMjA3IDE0LjI3NS0yOC45NjYgMTguODQ1LTguODc3IDMuNDUtMjIuMjE2IDcuNTU0LTQ2Ljc3OCA4LjY3NC0yNi41NiAxLjIxMi0zNC41MjcgMS40NjktMTAxLjc5NyAxLjQ2OS02Ny4yNzEgMC03NS4yMzctLjI1Ny0xMDEuNzk4LTEuNDY5LTI0LjU2Mi0xLjEyLTM3LjkwMS01LjIyNC00Ni43NzgtOC42NzQtMTEuNzU5LTQuNTctMjAuMTUxLTEwLjAyOS0yOC45NjYtMTguODQ1LTguODE1LTguODE1LTE0LjI3NS0xNy4yMDctMTguODQ1LTI4Ljk2Ni0zLjQ1LTguODc3LTcuNTU0LTIyLjIxNi04LjY3NC00Ni43NzgtMS4yMTItMjYuNTY0LTEuNDY5LTM0LjUzMi0xLjQ2OS0xMDEuNzk3IDAtNjcuMjY2LjI1Ny03NS4yMzQgMS40NjktMTAxLjc5OCAxLjEyLTI0LjU2MiA1LjIyNC0zNy45MDEgOC42NzQtNDYuNzc4IDQuNTctMTEuNzU5IDEwLjAyOS0yMC4xNTEgMTguODQ1LTI4Ljk2NiA4LjgxNS04LjgxNiAxNy4yMDctMTQuMjc1IDI4Ljk2Ni0xOC44NDUgOC44NzctMy40NSAyMi4yMTYtNy41NTQgNDYuNzc4LTguNjc0IDI2LjU2NC0xLjIxMiAzNC41MzItMS40NjkgMTAxLjc5OC0xLjQ2OVoiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjYikiLz48cGF0aCBkPSJNMjUxLjkyMSAzMzYuMDUzYy00Ni4zNzggMC04My45NzQtMzcuNTk2LTgzLjk3NC04My45NzMgMC00Ni4zNzggMzcuNTk2LTgzLjk3NCA4My45NzQtODMuOTc0IDQ2LjM3NyAwIDgzLjk3MyAzNy41OTYgODMuOTczIDgzLjk3NCAwIDQ2LjM3Ny0zNy41OTYgODMuOTczLTgzLjk3MyA4My45NzNabTAtMjEzLjMzOGMtNzEuNDQ3IDAtMTI5LjM2NSA1Ny45MTgtMTI5LjM2NSAxMjkuMzY1IDAgNzEuNDQ2IDU3LjkxOCAxMjkuMzY0IDEyOS4zNjUgMTI5LjM2NCA3MS40NDYgMCAxMjkuMzY0LTU3LjkxOCAxMjkuMzY0LTEyOS4zNjQgMC03MS40NDctNTcuOTE4LTEyOS4zNjUtMTI5LjM2NC0xMjkuMzY1Wm0xNjQuNzA2LTUuMTExYzAgMTYuNjk2LTEzLjUzNSAzMC4yMy0zMC4yMzEgMzAuMjMtMTYuNjk1IDAtMzAuMjMtMTMuNTM0LTMwLjIzLTMwLjIzIDAtMTYuNjk2IDEzLjUzNS0zMC4yMzEgMzAuMjMtMzAuMjMxIDE2LjY5NiAwIDMwLjIzMSAxMy41MzUgMzAuMjMxIDMwLjIzMSIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=)
}

.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text{
    color:#ffe0fe
}

.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover{
    color:#fff
}

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder{
    background:linear-gradient(90deg,#71c6f4,#0d70a5)
}

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon{
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNNDAwIDIwMGMwIDExMC41LTg5LjUgMjAwLTIwMCAyMDBTMCAzMTAuNSAwIDIwMCA4OS41IDAgMjAwIDBzMjAwIDg5LjUgMjAwIDIwMHpNMTYzLjQgMzA1LjVjODguNyAwIDEzNy4yLTczLjUgMTM3LjItMTM3LjIgMC0yLjEgMC00LjItLjEtNi4yIDkuNC02LjggMTcuNi0xNS4zIDI0LjEtMjUtOC42IDMuOC0xNy45IDYuNC0yNy43IDcuNiAxMC02IDE3LjYtMTUuNCAyMS4yLTI2LjctOS4zIDUuNS0xOS42IDkuNS0zMC42IDExLjctOC44LTkuNC0yMS4zLTE1LjItMzUuMi0xNS4yLTI2LjYgMC00OC4yIDIxLjYtNDguMiA0OC4yIDAgMy44LjQgNy41IDEuMyAxMS00MC4xLTItNzUuNi0yMS4yLTk5LjQtNTAuNC00LjEgNy4xLTYuNSAxNS40LTYuNSAyNC4yIDAgMTYuNyA4LjUgMzEuNSAyMS41IDQwLjEtNy45LS4yLTE1LjMtMi40LTIxLjgtNnYuNmMwIDIzLjQgMTYuNiA0Mi44IDM4LjcgNDcuMy00IDEuMS04LjMgMS43LTEyLjcgMS43LTMuMSAwLTYuMS0uMy05LjEtLjkgNi4xIDE5LjIgMjMuOSAzMy4xIDQ1IDMzLjUtMTYuNSAxMi45LTM3LjMgMjAuNi01OS45IDIwLjYtMy45IDAtNy43LS4yLTExLjUtLjcgMjEuMSAxMy44IDQ2LjUgMjEuOCA3My43IDIxLjgiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=)
}

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text{
    color:#b8e6ff
}

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover{
    color:#fff
}

:root{
    --ck-color-mention-background:rgba(153,0,48,.1);
    --ck-color-mention-text:#990030
}

.ck-content .mention{
    background:var(--ck-color-mention-background);
    color:var(--ck-color-mention-text)
}

:root{
    --ck-color-restricted-editing-exception-background:rgba(255,169,77,.2);
    --ck-color-restricted-editing-exception-hover-background:rgba(255,169,77,.35);
    --ck-color-restricted-editing-exception-brackets:rgba(204,105,0,.4);
    --ck-color-restricted-editing-selected-exception-background:rgba(255,169,77,.5);
    --ck-color-restricted-editing-selected-exception-brackets:rgba(204,105,0,.6)
}

.ck-editor__editable .restricted-editing-exception{
    background-color:var(--ck-color-restricted-editing-exception-background);
    border:1px solid;
    -o-border-image:linear-gradient(to right,var(--ck-color-restricted-editing-exception-brackets) 0,var(--ck-color-restricted-editing-exception-brackets) 5px,transparent 6px,transparent calc(100% - 6px),var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),var(--ck-color-restricted-editing-exception-brackets) 100%) 1;
    border-image:linear-gradient(to right,var(--ck-color-restricted-editing-exception-brackets) 0,var(--ck-color-restricted-editing-exception-brackets) 5px,transparent 6px,transparent calc(100% - 6px),var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),var(--ck-color-restricted-editing-exception-brackets) 100%) 1;
    transition:background .2s ease-in-out
}

@media (prefers-reduced-motion:reduce){
    .ck-editor__editable .restricted-editing-exception{
        transition:none
    }
}

.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected{
    background-color:var(--ck-color-restricted-editing-selected-exception-background);
    -o-border-image:linear-gradient(to right,var(--ck-color-restricted-editing-selected-exception-brackets) 0,var(--ck-color-restricted-editing-selected-exception-brackets) 5px,var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1;
    border-image:linear-gradient(to right,var(--ck-color-restricted-editing-selected-exception-brackets) 0,var(--ck-color-restricted-editing-selected-exception-brackets) 5px,var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1
}

.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed{
    padding-left:1ch
}

.ck-restricted-editing_mode_restricted,.ck-restricted-editing_mode_restricted *{
    cursor:default
}

.ck-restricted-editing_mode_restricted .restricted-editing-exception,.ck-restricted-editing_mode_restricted .restricted-editing-exception *{
    cursor:text
}

.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover{
    background:var(--ck-color-restricted-editing-exception-hover-background)
}

:root{
    --ck-character-grid-tile-size:24px
}

.ck.ck-character-grid{
    overflow-x:hidden;
    overflow-y:auto
}

.ck.ck-character-grid .ck-character-grid__tiles{
    grid-gap:var(--ck-spacing-standard);
    grid-template-columns:repeat(auto-fill,minmax(var(--ck-character-grid-tile-size),1fr));
    margin:var(--ck-spacing-standard) var(--ck-spacing-large)
}

.ck.ck-character-grid .ck-character-grid__tile{
    border:0;
    font-size:1.5em;
    height:var(--ck-character-grid-tile-size);
    min-height:var(--ck-character-grid-tile-size);
    min-width:var(--ck-character-grid-tile-size);
    padding:0;
    transition:box-shadow .2s ease;
    width:var(--ck-character-grid-tile-size)
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-character-grid .ck-character-grid__tile{
        transition:none
    }
}

.ck.ck-character-grid .ck-character-grid__tile:focus:not(.ck-disabled),.ck.ck-character-grid .ck-character-grid__tile:hover:not(.ck-disabled){
    border:0;
    box-shadow:inset 0 0 0 1px var(--ck-color-base-background),0 0 0 2px var(--ck-color-focus-border)
}

.ck.ck-character-grid .ck-character-grid__tile .ck-button__label{
    line-height:var(--ck-character-grid-tile-size);
    text-align:center;
    width:100%
}

.ck.ck-character-info{
    border-top:1px solid var(--ck-color-base-border);
    padding:var(--ck-spacing-small) var(--ck-spacing-large)
}

.ck.ck-character-info>*{
    font-size:var(--ck-font-size-small);
    text-transform:uppercase
}

.ck.ck-character-info .ck-character-info__name{
    max-width:280px;
    overflow:hidden;
    text-overflow:ellipsis
}

.ck.ck-character-info .ck-character-info__code{
    opacity:.6
}

.ck.ck-special-characters-navigation>.ck-label{
    max-width:160px;
    overflow:hidden;
    text-overflow:ellipsis
}

.ck.ck-special-characters-navigation>.ck-dropdown .ck-dropdown__panel{
    max-height:250px;
    overflow-x:hidden;
    overflow-y:auto
}

@media screen and (max-width:600px){
    .ck.ck-special-characters-navigation{
        max-width:190px
    }

    .ck.ck-special-characters-navigation>.ck-form__header__label{
        overflow:hidden;
        text-overflow:ellipsis
    }
}

.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active>.ck-button>.ck-button__label{
    font-style:italic
}

:root{
    --ck-style-panel-button-width:120px;
    --ck-style-panel-button-height:80px;
    --ck-style-panel-button-label-background:#f0f0f0;
    --ck-style-panel-button-hover-label-background:#ebebeb;
    --ck-style-panel-button-hover-border-color:#b3b3b3
}

.ck.ck-style-panel .ck-style-grid{
    -moz-column-gap:var(--ck-spacing-large);
    column-gap:var(--ck-spacing-large);
    row-gap:var(--ck-spacing-large)
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button{
    --ck-color-button-default-hover-background:var(--ck-color-base-background);
    --ck-color-button-default-active-background:var(--ck-color-base-background);
    height:var(--ck-style-panel-button-height);
    padding:0;
    width:var(--ck-style-panel-button-width)
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus){
    border:1px solid var(--ck-color-base-border)
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label{
    flex-shrink:0;
    height:22px;
    line-height:22px;
    overflow:hidden;
    padding:0 var(--ck-spacing-medium);
    text-overflow:ellipsis;
    width:100%
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview{
    background:var(--ck-color-base-background);
    border:2px solid var(--ck-color-base-background);
    opacity:.9;
    overflow:hidden;
    padding:var(--ck-spacing-medium);
    width:100%
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled{
    --ck-color-button-default-disabled-background:var(--ck-color-base-foreground)
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus){
    border-color:var(--ck-style-panel-button-label-background)
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview{
    border-color:var(--ck-color-base-foreground);
    filter:saturate(.3);
    opacity:.4
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on{
    border-color:var(--ck-color-base-active)
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label{
    box-shadow:0 -1px 0 var(--ck-color-base-active);
    z-index:1
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover{
    border-color:var(--ck-color-base-active-focus)
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label{
    background:var(--ck-style-panel-button-label-background)
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label{
    background:var(--ck-style-panel-button-hover-label-background)
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on){
    border-color:var(--ck-style-panel-button-hover-border-color)
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview{
    opacity:1
}

.ck.ck-style-panel .ck-style-panel__style-group>.ck-label{
    margin:var(--ck-spacing-large) 0
}

.ck.ck-style-panel .ck-style-panel__style-group:first-child>.ck-label{
    margin-top:0
}

:root{
    --ck-style-panel-max-height:470px
}

.ck.ck-style-panel{
    max-height:var(--ck-style-panel-max-height);
    overflow-y:auto;
    padding:var(--ck-spacing-large)
}

[dir=ltr] .ck.ck-input-color>.ck.ck-input-text{
    border-bottom-right-radius:0;
    border-top-right-radius:0
}

[dir=rtl] .ck.ck-input-color>.ck.ck-input-text{
    border-bottom-left-radius:0;
    border-top-left-radius:0
}

.ck.ck-input-color>.ck.ck-input-text:focus{
    z-index:0
}

.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button{
    padding:0
}

[dir=ltr] .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button{
    border-bottom-left-radius:0;
    border-top-left-radius:0
}

[dir=ltr] .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button:not(:focus){
    border-left:1px solid transparent
}

[dir=rtl] .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button{
    border-bottom-right-radius:0;
    border-top-right-radius:0
}

[dir=rtl] .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button:not(:focus){
    border-right:1px solid transparent
}

.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button.ck-disabled{
    background:var(--ck-color-input-disabled-background)
}

.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview{
    border:1px solid var(--ck-color-input-border);
    border-radius:0;
    height:20px;
    width:20px
}

.ck-rounded-corners .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview,.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview>.ck.ck-input-color__button__preview__no-color-indicator{
    background:red;
    border-radius:2px;
    height:150%;
    left:50%;
    top:-30%;
    transform:rotate(45deg);
    transform-origin:50%;
    width:8%
}

.ck.ck-input-color .ck.ck-input-color__remove-color{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    padding:calc(var(--ck-spacing-standard)/2) var(--ck-spacing-standard);
    width:100%
}

.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus){
    border-bottom:1px solid var(--ck-color-input-border)
}

[dir=ltr] .ck.ck-input-color .ck.ck-input-color__remove-color{
    border-top-right-radius:0
}

[dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color{
    border-top-left-radius:0
}

.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon{
    margin-right:var(--ck-spacing-standard)
}

[dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon{
    margin-left:var(--ck-spacing-standard);
    margin-right:0
}

.ck.ck-form{
    padding:0 0 var(--ck-spacing-large)
}

.ck.ck-form:focus{
    outline:none
}

.ck.ck-form .ck.ck-input-text{
    min-width:100%;
    width:0
}

.ck.ck-form .ck.ck-dropdown{
    min-width:100%
}

.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus){
    border:1px solid var(--ck-color-base-border)
}

.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label{
    width:100%
}

.ck.ck-form__row{
    padding:var(--ck-spacing-standard) var(--ck-spacing-large) 0
}

[dir=ltr] .ck.ck-form__row>:not(.ck-label)+*{
    margin-left:var(--ck-spacing-large)
}

[dir=rtl] .ck.ck-form__row>:not(.ck-label)+*{
    margin-right:var(--ck-spacing-large)
}

.ck.ck-form__row>.ck-label{
    min-width:100%;
    width:100%
}

.ck.ck-form__row.ck-table-form__action-row{
    margin-top:var(--ck-spacing-large)
}

.ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label{
    color:var(--ck-color-text)
}

:root{
    --ck-insert-table-dropdown-padding:10px;
    --ck-insert-table-dropdown-box-height:11px;
    --ck-insert-table-dropdown-box-width:12px;
    --ck-insert-table-dropdown-box-margin:1px
}

.ck .ck-insert-table-dropdown__grid{
    padding:var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
    width:calc(var(--ck-insert-table-dropdown-box-width)*10 + var(--ck-insert-table-dropdown-box-margin)*20 + var(--ck-insert-table-dropdown-padding)*2)
}

.ck .ck-insert-table-dropdown__label,.ck[dir=rtl] .ck-insert-table-dropdown__label{
    text-align:center
}

.ck .ck-insert-table-dropdown-grid-box{
    border:1px solid var(--ck-color-base-border);
    border-radius:1px;
    margin:var(--ck-insert-table-dropdown-box-margin);
    min-height:var(--ck-insert-table-dropdown-box-height);
    min-width:var(--ck-insert-table-dropdown-box-width);
    outline:none;
    transition:none
}

@media (prefers-reduced-motion:reduce){
    .ck .ck-insert-table-dropdown-grid-box{
        transition:none
    }
}

.ck .ck-insert-table-dropdown-grid-box:focus{
    box-shadow:none
}

.ck .ck-insert-table-dropdown-grid-box.ck-on{
    background:var(--ck-color-focus-outer-shadow);
    border-color:var(--ck-color-focus-border)
}

.ck.ck-table-cell-properties-form{
    width:320px
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row{
    align-self:flex-end;
    padding:0;
    width:25%
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar{
    background:none;
    margin-top:var(--ck-spacing-standard)
}

:root{
    --ck-color-selector-focused-cell-background:rgba(158,201,250,.3)
}

.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck-widget.table td.ck-editor__nested-editable:focus,.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck-widget.table th.ck-editor__nested-editable:focus{
    background:var(--ck-color-selector-focused-cell-background);
    outline:1px solid var(--ck-color-focus-border);
    outline-offset:-1px
}

:root{
    --ck-table-properties-error-arrow-size:6px;
    --ck-table-properties-min-error-width:150px
}

.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view>.ck-label{
    font-size:var(--ck-font-size-tiny);
    text-align:center
}

.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width{
    max-width:80px;
    min-width:80px;
    width:80px
}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row{
    padding:0
}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height,.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width{
    margin:0
}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator{
    align-self:flex-end;
    display:inline-block;
    height:var(--ck-ui-component-min-height);
    line-height:var(--ck-ui-component-min-height);
    margin:0 var(--ck-spacing-small)
}

.ck.ck-table-form .ck.ck-labeled-field-view{
    padding-top:var(--ck-spacing-standard)
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
    animation:ck-table-form-labeled-view-status-appear .15s ease both;
    background:var(--ck-color-base-error);
    border-radius:0;
    color:var(--ck-color-base-background);
    min-width:var(--ck-table-properties-min-error-width);
    padding:var(--ck-spacing-small) var(--ck-spacing-medium);
    text-align:center
}

.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners{
    border-radius:var(--ck-border-radius)
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after{
    border-color:transparent transparent var(--ck-color-base-error) transparent;
    border-style:solid;
    border-width:0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size)
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
        animation:none
    }
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus)+.ck.ck-labeled-field-view__status{
    display:none
}

@keyframes ck-table-form-labeled-view-status-appear{
    0%{
        opacity:0
    }

    to{
        opacity:1
    }
}

.ck.ck-table-properties-form{
    width:320px
}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{
    align-self:flex-end;
    padding:0
}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar{
    background:none;
    margin-top:var(--ck-spacing-standard)
}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items>*{
    width:40px
}

:root{
    --ck-table-selected-cell-background:rgba(158,207,250,.3)
}

.ck.ck-editor__editable .table table td.ck-editor__editable_selected,.ck.ck-editor__editable .table table th.ck-editor__editable_selected{
    box-shadow:unset;
    caret-color:transparent;
    outline:unset;
    position:relative
}

.ck.ck-editor__editable .table table td.ck-editor__editable_selected:after,.ck.ck-editor__editable .table table th.ck-editor__editable_selected:after{
    background-color:var(--ck-table-selected-cell-background);
    bottom:0;
    content:"";
    left:0;
    pointer-events:none;
    position:absolute;
    right:0;
    top:0
}

.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::-moz-selection, .ck.ck-editor__editable .table table th.ck-editor__editable_selected ::-moz-selection{
    background-color:transparent
}

.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection,.ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus,.ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection,.ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus{
    background-color:transparent
}

.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget,.ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget{
    outline:unset
}

.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget>.ck-widget__selection-handle,.ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget>.ck-widget__selection-handle{
    display:none
}

:root{
    --ck-widget-outline-thickness:3px;
    --ck-widget-handler-icon-size:16px;
    --ck-widget-handler-animation-duration:200ms;
    --ck-widget-handler-animation-curve:ease;
    --ck-color-widget-blurred-border:#dedede;
    --ck-color-widget-hover-border:#ffc83d;
    --ck-color-widget-editable-focus-background:var(--ck-color-base-background);
    --ck-color-widget-drag-handler-icon-color:var(--ck-color-base-background)
}

.ck .ck-widget{
    outline-color:transparent;
    outline-style:solid;
    outline-width:var(--ck-widget-outline-thickness);
    transition:outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve)
}

@media (prefers-reduced-motion:reduce){
    .ck .ck-widget{
        transition:none
    }
}

.ck .ck-widget.ck-widget_selected,.ck .ck-widget.ck-widget_selected:hover{
    outline:var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border)
}

.ck .ck-widget:hover{
    outline-color:var(--ck-color-widget-hover-border)
}

.ck .ck-editor__nested-editable{
    border:1px solid transparent
}

.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck .ck-editor__nested-editable:focus{
    box-shadow:var(--ck-inner-shadow),0 0
}

@media (forced-colors:none){
    .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck .ck-editor__nested-editable:focus{
        background-color:var(--ck-color-widget-editable-focus-background)
    }
}

.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td,th),.ck .ck-editor__nested-editable:focus:not(td,th){
    border:var(--ck-focus-ring);
    outline:none
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{
    background-color:transparent;
    border-radius:var(--ck-border-radius) var(--ck-border-radius) 0 0;
    box-sizing:border-box;
    left:calc(0px - var(--ck-widget-outline-thickness));
    opacity:0;
    padding:4px;
    top:0;
    transform:translateY(-100%);
    transition:background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve)
}

@media (prefers-reduced-motion:reduce){
    .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{
        transition:none
    }
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon{
    color:var(--ck-color-widget-drag-handler-icon-color);
    height:var(--ck-widget-handler-icon-size);
    width:var(--ck-widget-handler-icon-size)
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{
    opacity:0;
    transition:opacity .3s var(--ck-widget-handler-animation-curve)
}

@media (prefers-reduced-motion:reduce){
    .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{
        transition:none
    }
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator{
    opacity:1
}

.ck .ck-widget.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle{
    background-color:var(--ck-color-widget-hover-border);
    opacity:1
}

.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle,.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle{
    background-color:var(--ck-color-focus-border);
    opacity:1
}

.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator,.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{
    opacity:1
}

.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{
    left:auto;
    right:calc(0px - var(--ck-widget-outline-thickness))
}

.ck.ck-editor__editable.ck-read-only .ck-widget{
    transition:none
}

.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected){
    --ck-widget-outline-thickness:0px
}

.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover{
    background:var(--ck-color-widget-blurred-border)
}

.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover{
    outline-color:var(--ck-color-widget-blurred-border)
}

.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle,.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle:hover,.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle>.ck-widget__selection-handle,.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle>.ck-widget__selection-handle:hover{
    background:var(--ck-color-widget-blurred-border)
}

.ck.ck-editor__editable blockquote>.ck-widget.ck-widget_with-selection-handle:first-child,.ck.ck-editor__editable>.ck-widget.ck-widget_with-selection-handle:first-child{
    margin-top:calc(1em + var(--ck-widget-handler-icon-size))
}

:root{
    --ck-resizer-size:10px;
    --ck-resizer-offset:calc(var(--ck-resizer-size)/-2 - 2px);
    --ck-resizer-border-width:1px
}

.ck .ck-widget__resizer{
    outline:1px solid var(--ck-color-resizer)
}

.ck .ck-widget__resizer__handle{
    background:var(--ck-color-focus-border);
    border:var(--ck-resizer-border-width) solid #fff;
    border-radius:var(--ck-resizer-border-radius);
    height:var(--ck-resizer-size);
    width:var(--ck-resizer-size)
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left{
    left:var(--ck-resizer-offset);
    top:var(--ck-resizer-offset)
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right{
    right:var(--ck-resizer-offset);
    top:var(--ck-resizer-offset)
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right{
    bottom:var(--ck-resizer-offset);
    right:var(--ck-resizer-offset)
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left{
    bottom:var(--ck-resizer-offset);
    left:var(--ck-resizer-offset)
}

:root{
    --ck-widget-type-around-button-size:20px;
    --ck-color-widget-type-around-button-active:var(--ck-color-focus-border);
    --ck-color-widget-type-around-button-hover:var(--ck-color-widget-hover-border);
    --ck-color-widget-type-around-button-blurred-editable:var(--ck-color-widget-blurred-border);
    --ck-color-widget-type-around-button-radar-start-alpha:0;
    --ck-color-widget-type-around-button-radar-end-alpha:.3;
    --ck-color-widget-type-around-button-icon:var(--ck-color-base-background)
}

.ck .ck-widget .ck-widget__type-around__button{
    background:var(--ck-color-widget-type-around-button);
    border-radius:100px;
    height:var(--ck-widget-type-around-button-size);
    opacity:0;
    pointer-events:none;
    transition:opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
    width:var(--ck-widget-type-around-button-size)
}

@media (prefers-reduced-motion:reduce){
    .ck .ck-widget .ck-widget__type-around__button{
        transition:none
    }
}

.ck .ck-widget .ck-widget__type-around__button svg{
    height:8px;
    margin-top:1px;
    transform:translate(-50%,-50%);
    transition:transform .5s ease;
    width:10px
}

@media (prefers-reduced-motion:reduce){
    .ck .ck-widget .ck-widget__type-around__button svg{
        transition:none
    }
}

.ck .ck-widget .ck-widget__type-around__button svg *{
    stroke-dasharray:10;
    stroke-dashoffset:0;
    fill:none;
    stroke:var(--ck-color-widget-type-around-button-icon);
    stroke-width:1.5px;
    stroke-linecap:round;
    stroke-linejoin:round
}

.ck .ck-widget .ck-widget__type-around__button svg line{
    stroke-dasharray:7
}

.ck .ck-widget .ck-widget__type-around__button:hover{
    animation:ck-widget-type-around-button-sonar 1s ease infinite
}

.ck .ck-widget .ck-widget__type-around__button:hover svg polyline{
    animation:ck-widget-type-around-arrow-dash 2s linear
}

.ck .ck-widget .ck-widget__type-around__button:hover svg line{
    animation:ck-widget-type-around-arrow-tip-dash 2s linear
}

@media (prefers-reduced-motion:reduce){
    .ck .ck-widget .ck-widget__type-around__button:hover,.ck .ck-widget .ck-widget__type-around__button:hover svg line,.ck .ck-widget .ck-widget__type-around__button:hover svg polyline{
        animation:none
    }
}

.ck .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button,.ck .ck-widget:hover>.ck-widget__type-around>.ck-widget__type-around__button{
    opacity:1;
    pointer-events:auto
}

.ck .ck-widget:not(.ck-widget_selected)>.ck-widget__type-around>.ck-widget__type-around__button{
    background:var(--ck-color-widget-type-around-button-hover)
}

.ck .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button,.ck .ck-widget>.ck-widget__type-around>.ck-widget__type-around__button:hover{
    background:var(--ck-color-widget-type-around-button-active)
}

.ck .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button:after,.ck .ck-widget>.ck-widget__type-around>.ck-widget__type-around__button:hover:after{
    background:linear-gradient(135deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));
    border-radius:100px;
    height:calc(var(--ck-widget-type-around-button-size) - 2px);
    width:calc(var(--ck-widget-type-around-button-size) - 2px)
}

.ck .ck-widget.ck-widget_with-selection-handle>.ck-widget__type-around>.ck-widget__type-around__button_before{
    margin-left:20px
}

.ck .ck-widget .ck-widget__type-around__fake-caret{
    animation:ck-widget-type-around-fake-caret-pulse 1s linear infinite normal forwards;
    background:var(--ck-color-base-text);
    height:1px;
    outline:1px solid hsla(0,0%,100%,.5);
    pointer-events:none
}

.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after,.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before{
    outline-color:transparent
}

.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover,.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover{
    outline-color:var(--ck-color-widget-hover-border)
}

.ck .ck-widget.ck-widget_type-around_show-fake-caret_after>.ck-widget__type-around>.ck-widget__type-around__button,.ck .ck-widget.ck-widget_type-around_show-fake-caret_before>.ck-widget__type-around>.ck-widget__type-around__button{
    opacity:0;
    pointer-events:none
}

.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer>.ck-widget__resizer,.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle,.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle,.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer>.ck-widget__resizer,.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle,.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle{
    opacity:0
}

.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around>.ck-widget__type-around__button_before{
    margin-left:0;
    margin-right:20px
}

.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button,.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover>.ck-widget__type-around>.ck-widget__type-around__button{
    opacity:0;
    pointer-events:none
}

.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button:not(:hover){
    background:var(--ck-color-widget-type-around-button-blurred-editable)
}

.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button:not(:hover) svg *{
    stroke:#999
}

@keyframes ck-widget-type-around-arrow-dash{
    0%{
        stroke-dashoffset:10
    }

    20%,to{
        stroke-dashoffset:0
    }
}

@keyframes ck-widget-type-around-arrow-tip-dash{
    0%,20%{
        stroke-dashoffset:7
    }

    40%,to{
        stroke-dashoffset:0
    }
}

@keyframes ck-widget-type-around-button-sonar{
    0%{
        box-shadow:0 0 0 0 hsla(var(--ck-color-focus-border-coordinates),var(--ck-color-widget-type-around-button-radar-start-alpha))
    }

    50%{
        box-shadow:0 0 0 5px hsla(var(--ck-color-focus-border-coordinates),var(--ck-color-widget-type-around-button-radar-end-alpha))
    }

    to{
        box-shadow:0 0 0 5px hsla(var(--ck-color-focus-border-coordinates),var(--ck-color-widget-type-around-button-radar-start-alpha))
    }
}

@keyframes ck-widget-type-around-fake-caret-pulse{
    0%{
        opacity:1
    }

    49%{
        opacity:1
    }

    50%{
        opacity:0
    }

    99%{
        opacity:0
    }

    to{
        opacity:1
    }
}

.ck-content code{
    background-color:hsla(0,0%,78%,.3);
    border-radius:2px;
    padding:.15em
}

.ck.ck-editor__editable .ck-code_selected{
    background-color:hsla(0,0%,78%,.5)
}

.ck-content blockquote{
    border-left:5px solid #ccc;
    font-style:italic;
    margin-left:0;
    margin-right:0;
    overflow:hidden;
    padding-left:1.5em;
    padding-right:1.5em
}

.ck-content[dir=rtl] blockquote{
    border-left:0;
    border-right:5px solid #ccc
}

:root{
    --ck-bookmark-icon-hover-fill-color:var(--ck-color-widget-hover-border);
    --ck-bookmark-icon-selected-fill-color:var(--ck-color-focus-border);
    --ck-bookmark-icon-animation-duration:var(--ck-widget-handler-animation-duration);
    --ck-bookmark-icon-animation-curve:var(--ck-widget-handler-animation-curve)
}

.ck-bookmark.ck-widget{
    outline:none
}

.ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon__fill{
    transition:fill var(--ck-bookmark-icon-animation-duration) var(--ck-bookmark-icon-animation-curve)
}

.ck-bookmark.ck-widget:hover .ck-bookmark__icon .ck-icon__fill{
    fill:var(--ck-bookmark-icon-hover-fill-color)
}

.ck-bookmark.ck-widget.ck-widget_selected .ck-bookmark__icon .ck-icon__fill{
    fill:var(--ck-bookmark-icon-selected-fill-color)
}

.ck-bookmark.ck-widget.ck-widget_selected,.ck-bookmark.ck-widget.ck-widget_selected:hover{
    outline:none
}

.ck-bookmark.ck-widget .ck-bookmark__icon{
    position:relative;
    top:-.1em
}

.ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon{
    height:1.2em;
    vertical-align:middle;
    width:auto
}

.ck.ck-bookmark-view:focus{
    outline:none
}

.ck.ck-bookmark-form{
    align-items:flex-start;
    display:flex
}

@media screen and (max-width:600px){
    .ck.ck-bookmark-form{
        flex-wrap:wrap
    }

    .ck.ck-bookmark-form .ck-button,.ck.ck-bookmark-form .ck-labeled-field-view{
        flex-basis:100%
    }

    .ck.ck-bookmark-form .ck-button{
        justify-content:center
    }

    .ck.ck-bookmark-form.ck-responsive-form>.ck-button:last-child{
        border-radius:var(--ck-border-radius);
        margin:var(--ck-spacing-large);
        padding:0 var(--ck-spacing-standard)
    }
}

.ck.ck-bookmark-actions{
    align-items:center;
    display:flex
}

.ck.ck-bookmark-actions .ck-bookmark-actions__preview{
    cursor:default;
    font-weight:400;
    max-width:var(--ck-input-width);
    min-width:3em;
    overflow:hidden;
    text-align:center;
    text-overflow:ellipsis;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none
}

@media screen and (max-width:600px){
    .ck.ck-bookmark-actions{
        display:flex;
        flex-wrap:wrap
    }

    .ck.ck-bookmark-actions .ck-bookmark-actions__preview{
        flex-basis:100%;
        margin:var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
        min-width:auto
    }

    .ck.ck-bookmark-actions.ck-responsive-form .ck-button{
        flex-basis:50%;
        margin-top:var(--ck-spacing-standard)
    }
}

:root{
    --ck-image-processing-highlight-color:#f9fafa;
    --ck-image-processing-background-color:#e3e5e8
}

.ck.ck-editor__editable .image.image-processing{
    position:relative
}

.ck.ck-editor__editable .image.image-processing:before{
    animation:ck-image-processing-animation 2s linear infinite;
    background:linear-gradient(90deg,var(--ck-image-processing-background-color),var(--ck-image-processing-highlight-color),var(--ck-image-processing-background-color));
    background-size:200% 100%;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:1
}

.ck.ck-editor__editable .image.image-processing img{
    height:100%
}

@keyframes ck-image-processing-animation{
    0%{
        background-position:200% 0
    }

    to{
        background-position:-200% 0
    }
}

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position{
    display:inline;
    pointer-events:none;
    position:relative
}

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span{
    position:absolute;
    width:0
}

.ck.ck-editor__editable .ck-widget:-webkit-drag>.ck-widget__selection-handle,.ck.ck-editor__editable .ck-widget:-webkit-drag>.ck-widget__type-around{
    display:none
}

.ck.ck-clipboard-drop-target-line{
    pointer-events:none;
    position:absolute
}

.ck-content pre{
    background:hsla(0,0%,78%,.3);
    border:1px solid #c4c4c4;
    border-radius:2px;
    color:#353535;
    direction:ltr;
    font-style:normal;
    min-width:200px;
    padding:1em;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    text-align:left;
    white-space:pre-wrap
}

.ck-content pre code{
    background:unset;
    border-radius:0;
    padding:0
}

.ck.ck-editor__editable pre{
    position:relative
}

.ck.ck-editor__editable pre[data-language]:after{
    content:attr(data-language);
    position:absolute
}

.ck.ck-editor{
    position:relative
}

.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar{
    z-index:var(--ck-z-panel)
}

.ck.ck-menu-bar{
    border:none;
    border-bottom:1px solid var(--ck-color-toolbar-border)
}

.ck .ck-placeholder,.ck.ck-placeholder{
    position:relative
}

.ck .ck-placeholder:before,.ck.ck-placeholder:before{
    content:attr(data-placeholder);
    left:0;
    pointer-events:none;
    position:absolute;
    right:0
}

.ck.ck-read-only .ck-placeholder:before{
    display:none
}

.ck.ck-reset_all .ck-placeholder{
    position:relative
}

.ck.ck-editor__editable span[data-ck-unsafe-element]{
    display:none
}

.ck-find-result{
    background:var(--ck-color-highlight-background);
    color:var(--ck-color-text)
}

.ck-find-result_selected{
    background:#ff9633
}

.ck.ck-find-and-replace-form{
    max-width:100%
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions,.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs{
    display:flex
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions.ck-find-and-replace-form__inputs .ck-results-counter,.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs.ck-find-and-replace-form__inputs .ck-results-counter{
    position:absolute
}

.ck-content .text-tiny{
    font-size:.7em
}

.ck-content .text-small{
    font-size:.85em
}

.ck-content .text-big{
    font-size:1.4em
}

.ck-content .text-huge{
    font-size:1.8em
}

.ck.ck-heading_heading1 .ck-button__label{
    font-size:20px
}

.ck.ck-heading_heading2 .ck-button__label{
    font-size:17px
}

.ck.ck-heading_heading3 .ck-button__label{
    font-size:14px
}

.ck[class*=ck-heading_heading]{
    font-weight:700
}

:root{
    --ck-highlight-marker-yellow:#fdfd77;
    --ck-highlight-marker-green:#62f962;
    --ck-highlight-marker-pink:#fc7899;
    --ck-highlight-marker-blue:#72ccfd;
    --ck-highlight-pen-red:#e71313;
    --ck-highlight-pen-green:#128a00
}

.ck-content .marker-yellow{
    background-color:var(--ck-highlight-marker-yellow)
}

.ck-content .marker-green{
    background-color:var(--ck-highlight-marker-green)
}

.ck-content .marker-pink{
    background-color:var(--ck-highlight-marker-pink)
}

.ck-content .marker-blue{
    background-color:var(--ck-highlight-marker-blue)
}

.ck-content .pen-red{
    background-color:transparent;
    color:var(--ck-highlight-pen-red)
}

.ck-content .pen-green{
    background-color:transparent;
    color:var(--ck-highlight-pen-green)
}

.ck-editor__editable .ck-horizontal-line{
    display:flow-root
}

.ck-content hr{
    background:#dedede;
    border:0;
    height:4px;
    margin:15px 0
}

.ck-widget.raw-html-embed{
    display:flow-root;
    font-style:normal;
    margin:.9em auto;
    min-width:15em;
    position:relative
}

.ck-widget.raw-html-embed:before{
    position:absolute;
    z-index:1
}

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper{
    display:flex;
    flex-direction:column;
    position:absolute
}

.ck-widget.raw-html-embed .raw-html-embed__preview{
    display:flex;
    overflow:hidden;
    position:relative
}

.ck-widget.raw-html-embed .raw-html-embed__preview-content{
    border-collapse:separate;
    border-spacing:7px;
    display:table;
    margin:auto;
    position:relative;
    width:100%
}

.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder{
    align-items:center;
    bottom:0;
    display:flex;
    justify-content:center;
    left:0;
    position:absolute;
    right:0;
    top:0
}

:root{
    --ck-html-object-embed-unfocused-outline-width:1px
}

.ck-widget.html-object-embed{
    background-color:var(--ck-color-base-foreground);
    font-size:var(--ck-font-size-base);
    min-width:calc(76px + var(--ck-spacing-standard));
    padding:var(--ck-spacing-small);
    padding-top:calc(var(--ck-font-size-tiny) + var(--ck-spacing-large))
}

.ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover){
    outline:var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border)
}

.ck-widget.html-object-embed:before{
    background:#999;
    border-radius:0 0 var(--ck-border-radius) var(--ck-border-radius);
    color:var(--ck-color-base-background);
    content:attr(data-html-object-embed-label);
    font-family:var(--ck-font-face);
    font-size:var(--ck-font-size-tiny);
    font-style:normal;
    font-weight:400;
    left:var(--ck-spacing-standard);
    padding:calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
    position:absolute;
    top:0;
    transition:background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve)
}

.ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before{
    margin-left:50px
}

.ck-widget.html-object-embed .html-object-embed__content{
    pointer-events:none
}

div.ck-widget.html-object-embed{
    margin:1em auto
}

span.ck-widget.html-object-embed{
    display:inline-block
}

:root{
    --ck-color-image-caption-background:#f7f7f7;
    --ck-color-image-caption-text:#333;
    --ck-color-image-caption-highlighted-background:#fd0
}

.ck-content .image>figcaption{
    background-color:var(--ck-color-image-caption-background);
    caption-side:bottom;
    color:var(--ck-color-image-caption-text);
    display:table-caption;
    font-size:.75em;
    outline-offset:-1px;
    padding:.6em;
    word-break:break-word
}

@media (forced-colors:active){
    .ck-content .image>figcaption{
        background-color:unset;
        color:unset
    }
}

@media (forced-colors:none){
    .ck.ck-editor__editable .image>figcaption.image__caption_highlighted{
        animation:ck-image-caption-highlight .6s ease-out
    }
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-editor__editable .image>figcaption.image__caption_highlighted{
        animation:none
    }
}

@keyframes ck-image-caption-highlight{
    0%{
        background-color:var(--ck-color-image-caption-highlighted-background)
    }

    to{
        background-color:var(--ck-color-image-caption-background)
    }
}

.ck.ck-image-insert-url{
    padding:var(--ck-spacing-large) var(--ck-spacing-large) 0;
    width:400px
}

.ck.ck-image-insert-url .ck-image-insert-url__action-row{
    display:grid;
    grid-template-columns:repeat(2,1fr)
}

.ck-content img.image_resized{
    height:auto
}

.ck-content .image.image_resized{
    box-sizing:border-box;
    display:block;
    max-width:100%
}

.ck-content .image.image_resized img{
    width:100%
}

.ck-content .image.image_resized>figcaption{
    display:block
}

.ck.ck-editor__editable td .image-inline.image_resized img,.ck.ck-editor__editable th .image-inline.image_resized img{
    max-width:100%
}

[dir=ltr] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon{
    margin-right:var(--ck-spacing-standard)
}

[dir=rtl] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon{
    margin-left:var(--ck-spacing-standard)
}

.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label{
    width:4em
}

.ck.ck-image-custom-resize-form{
    align-items:flex-start;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap
}

.ck.ck-image-custom-resize-form .ck-labeled-field-view{
    display:inline-block
}

.ck.ck-image-custom-resize-form .ck-label{
    display:none
}

@media screen and (max-width:600px){
    .ck.ck-image-custom-resize-form{
        flex-wrap:wrap
    }

    .ck.ck-image-custom-resize-form .ck-labeled-field-view{
        flex-basis:100%
    }

    .ck.ck-image-custom-resize-form .ck-button{
        flex-basis:50%
    }
}

:root{
    --ck-image-style-spacing:1.5em;
    --ck-inline-image-style-spacing:calc(var(--ck-image-style-spacing)/2)
}

.ck-content .image.image-style-block-align-left,.ck-content .image.image-style-block-align-right{
    max-width:calc(100% - var(--ck-image-style-spacing))
}

.ck-content .image.image-style-align-left,.ck-content .image.image-style-align-right{
    clear:none
}

.ck-content .image.image-style-side{
    float:right;
    margin-left:var(--ck-image-style-spacing);
    max-width:50%
}

.ck-content .image.image-style-align-left{
    float:left;
    margin-right:var(--ck-image-style-spacing)
}

.ck-content .image.image-style-align-right{
    float:right;
    margin-left:var(--ck-image-style-spacing)
}

.ck-content .image.image-style-block-align-right{
    margin-left:auto;
    margin-right:0
}

.ck-content .image.image-style-block-align-left{
    margin-left:0;
    margin-right:auto
}

.ck-content .image-style-align-center{
    margin-left:auto;
    margin-right:auto
}

.ck-content .image-style-align-left{
    float:left;
    margin-right:var(--ck-image-style-spacing)
}

.ck-content .image-style-align-right{
    float:right;
    margin-left:var(--ck-image-style-spacing)
}

.ck-content p+.image.image-style-align-left,.ck-content p+.image.image-style-align-right,.ck-content p+.image.image-style-side{
    margin-top:0
}

.ck-content .image-inline.image-style-align-left,.ck-content .image-inline.image-style-align-right{
    margin-bottom:var(--ck-inline-image-style-spacing);
    margin-top:var(--ck-inline-image-style-spacing)
}

.ck-content .image-inline.image-style-align-left{
    margin-right:var(--ck-inline-image-style-spacing)
}

.ck-content .image-inline.image-style-align-right{
    margin-left:var(--ck-inline-image-style-spacing)
}

.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__action:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover),.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__action:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover){
    background-color:var(--ck-color-button-on-background)
}

.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__action:not(.ck-disabled):after,.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after,.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__action:not(.ck-disabled):after,.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled):after,.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after{
    display:none
}

.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover>.ck-splitbutton__action:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover>.ck-splitbutton__arrow:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover){
    background-color:var(--ck-color-button-on-hover-background)
}

.ck.ck-text-alternative-form{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap
}

.ck.ck-text-alternative-form .ck-labeled-field-view{
    display:inline-block
}

.ck.ck-text-alternative-form .ck-label{
    display:none
}

@media screen and (max-width:600px){
    .ck.ck-text-alternative-form{
        flex-wrap:wrap
    }

    .ck.ck-text-alternative-form .ck-labeled-field-view{
        flex-basis:100%
    }

    .ck.ck-text-alternative-form .ck-button{
        flex-basis:50%
    }
}

.ck.ck-editor__editable .image,.ck.ck-editor__editable .image-inline{
    position:relative
}

.ck.ck-editor__editable .image .ck-progress-bar,.ck.ck-editor__editable .image-inline .ck-progress-bar{
    left:0;
    position:absolute;
    top:0
}

.ck-image-upload-complete-icon{
    border-radius:50%;
    display:block;
    position:absolute;
    right:min(var(--ck-spacing-medium),6%);
    top:min(var(--ck-spacing-medium),6%);
    z-index:1
}

.ck-image-upload-complete-icon:after{
    content:"";
    position:absolute
}

.ck .ck-upload-placeholder-loader{
    align-items:center;
    display:flex;
    justify-content:center;
    left:0;
    position:absolute;
    top:0
}

.ck .ck-upload-placeholder-loader:before{
    content:"";
    position:relative
}

.ck-content .image{
    clear:both;
    display:table;
    margin:.9em auto;
    min-width:50px;
    text-align:center
}

.ck-content .image img{
    display:block;
    height:auto;
    margin:0 auto;
    max-width:100%;
    min-width:100%
}

.ck-content .image-inline{
    align-items:flex-start;
    display:inline-flex;
    max-width:100%
}

.ck-content .image-inline picture{
    display:flex
}

.ck-content .image-inline img,.ck-content .image-inline picture{
    flex-grow:1;
    flex-shrink:1;
    max-width:100%
}

.ck.ck-editor__editable .image>figcaption.ck-placeholder:before{
    overflow:hidden;
    padding-left:inherit;
    padding-right:inherit;
    text-overflow:ellipsis;
    white-space:nowrap
}

.ck.ck-editor__editable .image{
    z-index:1
}

.ck.ck-editor__editable .image.ck-widget_selected{
    z-index:2
}

.ck.ck-editor__editable .image-inline{
    z-index:1
}

.ck.ck-editor__editable .image-inline.ck-widget_selected{
    z-index:2
}

.ck.ck-editor__editable .image-inline.ck-widget_selected ::-moz-selection{
    display:none
}

.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection{
    display:none
}

.ck.ck-editor__editable .image-inline img{
    height:auto
}

.ck.ck-editor__editable td .image-inline img,.ck.ck-editor__editable th .image-inline img{
    max-width:none
}

.ck.ck-editor__editable img.image_placeholder{
    background-size:100% 100%
}

.ck.ck-editor__editable a span.image-inline:after,.ck.ck-editor__editable figure.image>a:after{
    display:block;
    position:absolute
}

.ck.ck-link-actions{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap
}

.ck.ck-link-actions .ck-link-actions__preview{
    display:inline-block
}

.ck.ck-link-actions .ck-link-actions__preview .ck-button__label{
    overflow:hidden
}

@media screen and (max-width:600px){
    .ck.ck-link-actions{
        flex-wrap:wrap
    }

    .ck.ck-link-actions .ck-link-actions__preview{
        flex-basis:100%
    }

    .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview){
        flex-basis:50%
    }
}

.ck.ck-link-form{
    align-items:flex-start;
    display:flex
}

.ck.ck-link-form .ck-label{
    display:none
}

@media screen and (max-width:600px){
    .ck.ck-link-form{
        flex-wrap:wrap
    }

    .ck.ck-link-form .ck-labeled-field-view{
        flex-basis:100%
    }

    .ck.ck-link-form .ck-button{
        flex-basis:50%
    }
}

.ck.ck-link-form_layout-vertical{
    display:block
}

.ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel,.ck.ck-link-form_layout-vertical .ck-button.ck-button-save{
    margin-top:var(--ck-spacing-medium)
}

.ck-editor__editable .ck-list-bogus-paragraph{
    display:block
}

.ck.ck-list-styles-list{
    display:grid
}

.ck-content ol{
    list-style-type:decimal
}

.ck-content ol ol{
    list-style-type:lower-latin
}

.ck-content ol ol ol{
    list-style-type:lower-roman
}

.ck-content ol ol ol ol{
    list-style-type:upper-latin
}

.ck-content ol ol ol ol ol{
    list-style-type:upper-roman
}

.ck-content ul{
    list-style-type:disc
}

.ck-content ul ul{
    list-style-type:circle
}

.ck-content ul ul ul,.ck-content ul ul ul ul{
    list-style-type:square
}

:root{
    --ck-todo-list-checkmark-size:16px
}

.ck-content .todo-list{
    list-style:none
}

.ck-content .todo-list li{
    margin-bottom:5px;
    position:relative
}

.ck-content .todo-list li .todo-list{
    margin-top:5px
}

.ck-content .todo-list .todo-list__label>input{
    -webkit-appearance:none;
    border:0;
    display:inline-block;
    height:var(--ck-todo-list-checkmark-size);
    left:-25px;
    margin-left:0;
    margin-right:-15px;
    position:relative;
    right:0;
    vertical-align:middle;
    width:var(--ck-todo-list-checkmark-size)
}

.ck-content[dir=rtl] .todo-list .todo-list__label>input{
    left:0;
    margin-left:-15px;
    margin-right:0;
    right:-25px
}

.ck-content .todo-list .todo-list__label>input:before{
    border:1px solid #333;
    border-radius:2px;
    box-sizing:border-box;
    content:"";
    display:block;
    height:100%;
    position:absolute;
    transition:box-shadow .25s ease-in-out;
    width:100%
}

@media (prefers-reduced-motion:reduce){
    .ck-content .todo-list .todo-list__label>input:before{
        transition:none
    }
}

.ck-content .todo-list .todo-list__label>input:after{
    border-color:transparent;
    border-style:solid;
    border-width:0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8) 0;
    box-sizing:content-box;
    content:"";
    display:block;
    height:calc(var(--ck-todo-list-checkmark-size)/2.6);
    left:calc(var(--ck-todo-list-checkmark-size)/3);
    pointer-events:none;
    position:absolute;
    top:calc(var(--ck-todo-list-checkmark-size)/5.3);
    transform:rotate(45deg);
    width:calc(var(--ck-todo-list-checkmark-size)/5.3)
}

.ck-content .todo-list .todo-list__label>input[checked]:before{
    background:#26ab33;
    border-color:#26ab33
}

.ck-content .todo-list .todo-list__label>input[checked]:after{
    border-color:#fff
}

.ck-content .todo-list .todo-list__label .todo-list__label__description{
    vertical-align:middle
}

.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox]{
    position:absolute
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>input,.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input{
    cursor:pointer
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>input:hover:before,.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:hover:before{
    box-shadow:0 0 0 5px rgba(0,0,0,.1)
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input{
    -webkit-appearance:none;
    border:0;
    display:inline-block;
    height:var(--ck-todo-list-checkmark-size);
    left:-25px;
    margin-left:0;
    margin-right:-15px;
    position:relative;
    right:0;
    vertical-align:middle;
    width:var(--ck-todo-list-checkmark-size)
}

.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label>span[contenteditable=false]>input{
    left:0;
    margin-left:-15px;
    margin-right:0;
    right:-25px
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:before{
    border:1px solid #333;
    border-radius:2px;
    box-sizing:border-box;
    content:"";
    display:block;
    height:100%;
    position:absolute;
    transition:box-shadow .25s ease-in-out;
    width:100%
}

@media (prefers-reduced-motion:reduce){
    .ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:before{
        transition:none
    }
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:after{
    border-color:transparent;
    border-style:solid;
    border-width:0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8) 0;
    box-sizing:content-box;
    content:"";
    display:block;
    height:calc(var(--ck-todo-list-checkmark-size)/2.6);
    left:calc(var(--ck-todo-list-checkmark-size)/3);
    pointer-events:none;
    position:absolute;
    top:calc(var(--ck-todo-list-checkmark-size)/5.3);
    transform:rotate(45deg);
    width:calc(var(--ck-todo-list-checkmark-size)/5.3)
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input[checked]:before{
    background:#26ab33;
    border-color:#26ab33
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input[checked]:after{
    border-color:#fff
}

.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox]{
    position:absolute
}

.ck-content .media{
    clear:both;
    display:block;
    margin:.9em 0;
    min-width:15em
}

.ck-media__wrapper .ck-media__placeholder{
    align-items:center;
    display:flex;
    flex-direction:column
}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url{
    max-width:100%;
    position:relative
}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text{
    display:block;
    overflow:hidden
}

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *,.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *,.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *,.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon *,.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *,.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *,.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon *{
    display:none
}

.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper>:not(.ck-media__placeholder),.ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder{
    pointer-events:none
}

.ck-vertical-form .ck-button:after{
    bottom:-1px;
    content:"";
    position:absolute;
    right:-1px;
    top:-1px;
    width:0;
    z-index:1
}

.ck-vertical-form .ck-button:focus:after{
    display:none
}

@media screen and (max-width:600px){
    .ck.ck-responsive-form .ck-button:after{
        bottom:-1px;
        content:"";
        position:absolute;
        right:-1px;
        top:-1px;
        width:0;
        z-index:1
    }

    .ck.ck-responsive-form .ck-button:focus:after{
        display:none
    }
}

.ck.ck-media-form{
    align-items:flex-start;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    width:400px
}

.ck.ck-media-form .ck-labeled-field-view{
    display:inline-block;
    width:100%
}

.ck.ck-media-form .ck-label{
    display:none
}

.ck.ck-media-form .ck-input{
    width:100%
}

@media screen and (max-width:600px){
    .ck.ck-media-form{
        flex-wrap:wrap
    }

    .ck.ck-media-form .ck-labeled-field-view{
        flex-basis:100%
    }

    .ck.ck-media-form .ck-button{
        flex-basis:50%
    }
}

:root{
    --ck-mention-list-max-height:300px
}

.ck.ck-mentions{
    max-height:var(--ck-mention-list-max-height);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain
}

.ck.ck-mentions>.ck-list__item{
    flex-shrink:0;
    overflow:hidden
}

:root{
    --ck-color-minimap-tracker-background:208,0%,51%;
    --ck-color-minimap-iframe-outline:#bfbfbf;
    --ck-color-minimap-iframe-shadow:rgba(0,0,0,.11);
    --ck-color-minimap-progress-background:#666
}

.ck.ck-minimap{
    background:var(--ck-color-base-background);
    position:absolute;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}

.ck.ck-minimap,.ck.ck-minimap iframe{
    height:100%;
    width:100%
}

.ck.ck-minimap iframe{
    border:0;
    box-shadow:0 2px 5px var(--ck-color-minimap-iframe-shadow);
    margin:0;
    outline:1px solid var(--ck-color-minimap-iframe-outline);
    pointer-events:none;
    position:relative
}

.ck.ck-minimap .ck.ck-minimap__position-tracker{
    background:hsla(var(--ck-color-minimap-tracker-background),.2);
    position:absolute;
    top:0;
    transition:background .1s ease-in-out;
    width:100%;
    z-index:1
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-minimap .ck.ck-minimap__position-tracker{
        transition:none
    }
}

.ck.ck-minimap .ck.ck-minimap__position-tracker:hover{
    background:hsla(var(--ck-color-minimap-tracker-background),.3)
}

.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging,.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover{
    background:hsla(var(--ck-color-minimap-tracker-background),.4)
}

.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:after,.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover:after{
    opacity:1
}

.ck.ck-minimap .ck.ck-minimap__position-tracker:after{
    background:var(--ck-color-minimap-progress-background);
    border:1px solid var(--ck-color-base-background);
    border-radius:3px;
    color:var(--ck-color-base-background);
    content:attr(data-progress) "%";
    font-size:10px;
    opacity:0;
    padding:2px 4px;
    position:absolute;
    right:5px;
    top:5px;
    transition:opacity .1s ease-in-out
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-minimap .ck.ck-minimap__position-tracker:after{
        transition:none
    }
}

.ck-content .page-break{
    align-items:center;
    clear:both;
    display:flex;
    justify-content:center;
    padding:5px 0;
    position:relative
}

.ck-content .page-break:after{
    border-bottom:2px dashed #c4c4c4;
    content:"";
    position:absolute;
    width:100%
}

.ck-content .page-break__label{
    background:#fff;
    border:1px solid #c4c4c4;
    border-radius:2px;
    box-shadow:2px 2px 1px rgba(0,0,0,.15);
    color:#333;
    display:block;
    font-family:Helvetica,Arial,Tahoma,Verdana,Sans-Serif;
    font-size:.75em;
    font-weight:700;
    padding:.3em .6em;
    position:relative;
    text-transform:uppercase;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    z-index:1
}

@media print{
    .ck-content .page-break{
        padding:0
    }

    .ck-content .page-break:after{
        display:none
    }

    .ck-content :has(+.page-break){
        margin-bottom:0
    }
}

:root{
    --ck-show-blocks-border-color:#757575
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget,.ck-widget *){
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget,.ck-widget *):not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget,.ck-widget *){
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget,.ck-widget *){
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image,figure.table) figcaption{
    background-repeat:no-repeat;
    padding-top:15px
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image,figure.table) figcaption:not(.ck-widget_selected):not(.ck-widget:hover){
    outline:1px dashed var(--ck-show-blocks-border-color)
}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image,figure.table) figcaption{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
    background-position:1px 1px
}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image,figure.table) figcaption{
    background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
    background-position:calc(100% - 1px) 1px
}

.ck-source-editing-area{
    overflow:hidden;
    position:relative
}

.ck-source-editing-area textarea,.ck-source-editing-area:after{
    border:1px solid transparent;
    font-family:monospace;
    font-size:var(--ck-font-size-normal);
    line-height:var(--ck-line-height-base);
    margin:0;
    padding:var(--ck-spacing-large);
    white-space:pre-wrap
}

.ck-source-editing-area:after{
    content:attr(data-value) " ";
    display:block;
    visibility:hidden
}

.ck-source-editing-area textarea{
    border-color:var(--ck-color-base-border);
    border-radius:0;
    box-sizing:border-box;
    height:100%;
    outline:none;
    overflow:hidden;
    position:absolute;
    resize:none;
    width:100%
}

.ck-rounded-corners .ck-source-editing-area textarea,.ck-source-editing-area textarea.ck-rounded-corners{
    border-radius:var(--ck-border-radius);
    border-top-left-radius:0;
    border-top-right-radius:0
}

.ck-source-editing-area textarea:not([readonly]):focus{
    border:var(--ck-focus-ring);
    box-shadow:var(--ck-inner-shadow),0 0;
    outline:none
}

.ck.ck-character-grid{
    max-width:100%
}

.ck.ck-character-grid .ck-character-grid__tiles{
    display:grid
}

.ck.ck-character-info{
    display:flex;
    justify-content:space-between
}

.ck.ck-special-characters>.ck-dialog__content>div{
    grid-column-gap:0;
    grid-row-gap:0;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr auto;
    height:100%;
    max-width:100%;
    width:350px
}

.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories{
    grid-area:1/1/2/2;
    padding:var(--ck-spacing-medium) var(--ck-spacing-large)
}

.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view{
    padding-top:var(--ck-spacing-standard);
    width:100%
}

.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view .ck.ck-labeled-field-view__status{
    animation:ck-table-form-labeled-view-status-appear .15s ease both;
    background:var(--ck-color-base-error);
    color:var(--ck-color-base-background);
    min-width:var(--ck-table-properties-min-error-width);
    padding:var(--ck-spacing-small) var(--ck-spacing-medium);
    text-align:center
}

.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view .ck.ck-labeled-field-view__status:after{
    border-color:transparent transparent var(--ck-color-base-error) transparent;
    border-style:solid;
    border-width:0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size)
}

@media (prefers-reduced-motion:reduce){
    .ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view .ck.ck-labeled-field-view__status{
        animation:none
    }
}

.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view .ck-input.ck-error:not(:focus)+.ck.ck-labeled-field-view__status{
    display:none
}

.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view>.ck-label{
    font-size:var(--ck-font-size-tiny);
    text-align:center
}

.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories .ck-dropdown{
    display:block;
    width:100%
}

.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories .ck-dropdown>button:not(:focus){
    border:1px solid var(--ck-color-base-border)
}

.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories .ck-dropdown>button>span{
    width:100%
}

.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-grid{
    grid-area:2/1/3/2;
    max-height:200px
}

.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-info{
    grid-area:3/1/4/2
}

:root{
    --ck-style-panel-columns:3
}

.ck.ck-style-panel .ck-style-grid{
    display:grid;
    grid-template-columns:repeat(var(--ck-style-panel-columns),auto);
    justify-content:start
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button{
    display:flex;
    flex-direction:column;
    justify-content:space-between
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview{
    align-content:center;
    align-items:center;
    display:flex;
    flex-basis:100%;
    flex-grow:1;
    justify-content:flex-start
}

.ck-content .table{
    display:table;
    margin:.9em auto
}

.ck-content .table table{
    border:1px double #b3b3b3;
    border-collapse:collapse;
    border-spacing:0;
    height:100%;
    width:100%
}

.ck-content .table table td,.ck-content .table table th{
    border:1px solid #bfbfbf;
    min-width:2em;
    padding:.4em
}

.ck-content .table table th{
    background:rgba(0,0,0,.05);
    font-weight:700
}

@media print{
    .ck-content .table table{
        height:auto
    }
}

.ck-content[dir=rtl] .table th{
    text-align:right
}

.ck-content[dir=ltr] .table th{
    text-align:left
}

.ck-editor__editable .ck-table-bogus-paragraph{
    display:inline-block;
    width:100%
}

.ck .ck-insert-table-dropdown__grid{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap
}

.ck.ck-form__row{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between
}

.ck.ck-form__row>:not(.ck-label){
    flex-grow:1
}

.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel,.ck.ck-form__row.ck-table-form__action-row .ck-button-save{
    justify-content:center
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row{
    flex-wrap:wrap
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type{
    flex-grow:0.57
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type{
    flex-grow:0.43
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button{
    flex-grow:1
}

.ck.ck-input-color{
    display:flex;
    flex-direction:row-reverse;
    width:100%
}

.ck.ck-input-color>input.ck.ck-input-text{
    flex-grow:1;
    min-width:auto
}

.ck.ck-input-color>div.ck.ck-dropdown{
    min-width:auto
}

.ck.ck-input-color>div.ck.ck-dropdown>.ck-input-color__button .ck-dropdown__arrow{
    display:none
}

.ck.ck-input-color .ck.ck-input-color__button{
    display:flex
}

.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview{
    overflow:hidden;
    position:relative
}

.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview>.ck.ck-input-color__button__preview__no-color-indicator{
    display:block;
    position:absolute
}

.ck.ck-table-form .ck-form__row.ck-table-form__background-row,.ck.ck-table-form .ck-form__row.ck-table-form__border-row{
    flex-wrap:wrap
}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row{
    align-items:center;
    flex-wrap:wrap
}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view{
    align-items:center;
    display:flex;
    flex-direction:column-reverse
}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown,.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator{
    flex-grow:0
}

.ck.ck-table-form .ck.ck-labeled-field-view{
    position:relative
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
    bottom:calc(var(--ck-table-properties-error-arrow-size)*-1);
    left:50%;
    position:absolute;
    transform:translate(-50%,100%);
    z-index:1
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after{
    content:"";
    left:50%;
    position:absolute;
    top:calc(var(--ck-table-properties-error-arrow-size)*-1);
    transform:translateX(-50%)
}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{
    align-content:baseline;
    flex-basis:0;
    flex-wrap:wrap
}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items{
    flex-wrap:nowrap
}

:root{
    --ck-color-selector-caption-background:#f7f7f7;
    --ck-color-selector-caption-text:#333;
    --ck-color-selector-caption-highlighted-background:#fd0
}

.ck-content .table>figcaption{
    background-color:var(--ck-color-selector-caption-background);
    caption-side:top;
    color:var(--ck-color-selector-caption-text);
    display:table-caption;
    font-size:.75em;
    outline-offset:-1px;
    padding:.6em;
    text-align:center;
    word-break:break-word
}

@media (forced-colors:active){
    .ck-content .table>figcaption{
        background-color:unset;
        color:unset
    }
}

@media (forced-colors:none){
    .ck.ck-editor__editable .table>figcaption.table__caption_highlighted{
        animation:ck-table-caption-highlight .6s ease-out
    }
}

.ck.ck-editor__editable .table>figcaption.ck-placeholder:before{
    overflow:hidden;
    padding-left:inherit;
    padding-right:inherit;
    text-overflow:ellipsis;
    white-space:nowrap
}

@keyframes ck-table-caption-highlight{
    0%{
        background-color:var(--ck-color-selector-caption-highlighted-background)
    }

    to{
        background-color:var(--ck-color-selector-caption-background)
    }
}

:root{
    --ck-color-selector-column-resizer-hover:var(--ck-color-base-active);
    --ck-table-column-resizer-width:7px;
    --ck-table-column-resizer-position-offset:calc(var(--ck-table-column-resizer-width)*-0.5 - 0.5px)
}

.ck-content .table .ck-table-resized{
    table-layout:fixed
}

.ck-content .table table{
    overflow:hidden
}

.ck-content .table td,.ck-content .table th{
    overflow-wrap:break-word;
    position:relative
}

.ck.ck-editor__editable .table .ck-table-column-resizer{
    bottom:0;
    cursor:col-resize;
    position:absolute;
    right:var(--ck-table-column-resizer-position-offset);
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    width:var(--ck-table-column-resizer-width);
    z-index:var(--ck-z-default)
}

.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer,.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer{
    display:none
}

.ck.ck-editor__editable .table .ck-table-column-resizer:hover,.ck.ck-editor__editable .table .ck-table-column-resizer__active{
    background-color:var(--ck-color-selector-column-resizer-hover);
    bottom:-999999px;
    opacity:.25;
    top:-999999px
}

.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer{
    left:var(--ck-table-column-resizer-position-offset);
    right:unset
}

.ck-hidden{
    display:none!important
}

:root{
    --ck-z-default:1;
    --ck-z-panel:calc(var(--ck-z-default) + 999);
    --ck-z-dialog:9999
}

.ck-transitions-disabled,.ck-transitions-disabled *{
    transition:none!important
}

:root{
    --ck-powered-by-font-size:calc(var(--ck-font-size-base)*7.5/13);
    --ck-powered-by-line-height:calc(var(--ck-font-size-base)*10/13);
    --ck-powered-by-letter-spacing:calc(var(--ck-font-size-base)*-0.2/13);
    --ck-powered-by-padding-vertical:2px;
    --ck-powered-by-padding-horizontal:4px;
    --ck-powered-by-text-color:#4f4f4f;
    --ck-powered-by-border-radius:var(--ck-border-radius);
    --ck-powered-by-background:#fff;
    --ck-powered-by-border-color:var(--ck-color-focus-border);
    --ck-powered-by-svg-width:53;
    --ck-powered-by-svg-height:10;
    --ck-powered-by-icon-width:calc(var(--ck-font-size-base)*var(--ck-powered-by-svg-width)/13);
    --ck-powered-by-icon-height:calc(var(--ck-font-size-base)*var(--ck-powered-by-svg-height)/13)
}

.ck.ck-balloon-panel.ck-powered-by-balloon{
    --ck-border-radius:var(--ck-powered-by-border-radius);
    background:var(--ck-powered-by-background);
    box-shadow:none;
    min-height:unset;
    z-index:calc(var(--ck-z-panel) - 1)
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by{
    line-height:var(--ck-powered-by-line-height)
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a{
    align-items:center;
    cursor:pointer;
    display:flex;
    filter:grayscale(80%);
    line-height:var(--ck-powered-by-line-height);
    opacity:.66;
    padding:var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal)
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label{
    color:var(--ck-powered-by-text-color);
    cursor:pointer;
    font-size:var(--ck-powered-by-font-size);
    font-weight:700;
    letter-spacing:var(--ck-powered-by-letter-spacing);
    line-height:normal;
    margin-right:4px;
    padding-left:2px;
    text-transform:uppercase
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon{
    cursor:pointer;
    display:block;
    height:var(--ck-powered-by-icon-height);
    width:var(--ck-powered-by-icon-width)
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a{
    filter:grayscale(0);
    opacity:1
}

.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_inside]{
    border-color:transparent
}

.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_border]{
    border:var(--ck-focus-ring);
    border-color:var(--ck-powered-by-border-color)
}

:root{
    --ck-evaluation-badge-font-size:calc(var(--ck-font-size-base)*7.5/13);
    --ck-evaluation-badge-line-height:calc(var(--ck-font-size-base)*7.5/13);
    --ck-evaluation-badge-letter-spacing:calc(var(--ck-font-size-base)*-0.2/13);
    --ck-evaluation-badge-padding-vertical:2px;
    --ck-evaluation-badge-padding-horizontal:4px;
    --ck-evaluation-badge-text-color:#4f4f4f;
    --ck-evaluation-badge-border-radius:var(--ck-border-radius);
    --ck-evaluation-badge-background:#fff;
    --ck-evaluation-badge-border-color:var(--ck-color-focus-border)
}

.ck.ck-balloon-panel.ck-evaluation-badge-balloon{
    --ck-border-radius:var(--ck-evaluation-badge-border-radius);
    background:var(--ck-evaluation-badge-background);
    box-shadow:none;
    min-height:unset;
    z-index:calc(var(--ck-z-panel) - 1)
}

.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge{
    line-height:var(--ck-evaluation-badge-line-height);
    padding:var(--ck-evaluation-badge-padding-vertical) var(--ck-evaluation-badge-padding-horizontal)
}

.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge .ck-evaluation-badge__label{
    color:var(--ck-evaluation-badge-text-color);
    display:block;
    font-size:var(--ck-evaluation-badge-font-size);
    font-weight:700;
    letter-spacing:var(--ck-evaluation-badge-letter-spacing);
    line-height:normal;
    padding:0 2px;
    text-transform:uppercase
}

.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*=position_inside]{
    border-color:transparent
}

.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*=position_border]{
    border:var(--ck-focus-ring);
    border-color:var(--ck-evaluation-badge-border-color)
}

.ck.ck-button,a.ck.ck-button{
    align-items:center;
    display:inline-flex;
    position:relative;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none
}

[dir=ltr] .ck.ck-button,[dir=ltr] a.ck.ck-button{
    justify-content:left
}

[dir=rtl] .ck.ck-button,[dir=rtl] a.ck.ck-button{
    justify-content:right
}

.ck.ck-button .ck-button__label,a.ck.ck-button .ck-button__label{
    display:none
}

.ck.ck-button.ck-button_with-text .ck-button__label,a.ck.ck-button.ck-button_with-text .ck-button__label{
    display:inline-block
}

.ck.ck-button:not(.ck-button_with-text),a.ck.ck-button:not(.ck-button_with-text){
    justify-content:center
}

.ck.ck-button.ck-switchbutton .ck-button__toggle,.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner{
    display:block
}

.ck.ck-list-item-button{
    border-radius:0;
    min-height:unset;
    width:100%
}

[dir=ltr] .ck.ck-list-item-button{
    text-align:left
}

[dir=rtl] .ck.ck-list-item-button{
    text-align:right
}

[dir=ltr] .ck.ck-list-item-button.ck-list-item-button_toggleable{
    padding-left:var(--ck-spacing-small)
}

[dir=rtl] .ck.ck-list-item-button.ck-list-item-button_toggleable{
    padding-right:var(--ck-spacing-small)
}

.ck.ck-list-item-button .ck-list-item-button__check-holder{
    display:inline-flex;
    height:.9em;
    width:.9em
}

[dir=ltr] .ck.ck-list-item-button .ck-list-item-button__check-holder{
    margin-right:var(--ck-spacing-small)
}

[dir=rtl] .ck.ck-list-item-button .ck-list-item-button__check-holder{
    margin-left:var(--ck-spacing-small)
}

.ck.ck-list-item-button .ck-list-item-button__check-icon{
    height:100%
}

.ck.ck-collapsible.ck-collapsible_collapsed>.ck-collapsible__children{
    display:none
}

.ck.ck-color-grid{
    display:grid
}

.color-picker-hex-input{
    width:-moz-max-content;
    width:max-content
}

.color-picker-hex-input .ck.ck-input{
    min-width:unset
}

.ck.ck-color-picker__row{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    margin:var(--ck-spacing-large) 0 0;
    width:unset
}

.ck.ck-color-picker__row .ck.ck-labeled-field-view{
    padding-top:unset
}

.ck.ck-color-picker__row .ck.ck-input-text{
    width:unset
}

.ck.ck-color-picker__row .ck-color-picker__hash-view{
    padding-right:var(--ck-spacing-medium);
    padding-top:var(--ck-spacing-tiny)
}

.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker,.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color{
    align-items:center;
    display:flex
}

[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker,[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color{
    justify-content:flex-start
}

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar{
    display:flex;
    flex-direction:row;
    justify-content:space-around
}

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel,.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save{
    flex:1
}

.ck.ck-dialog .ck.ck-dialog__actions{
    display:flex;
    justify-content:flex-end
}

.ck.ck-dialog-overlay{
    bottom:0;
    left:0;
    overscroll-behavior:none;
    position:fixed;
    right:0;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}

.ck.ck-dialog-overlay.ck-dialog-overlay__transparent{
    animation:none;
    background:none;
    pointer-events:none
}

.ck.ck-dialog{
    overscroll-behavior:none;
    position:absolute;
    width:-moz-fit-content;
    width:fit-content
}

.ck.ck-dialog .ck.ck-form__header{
    flex-shrink:0
}

.ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label{
    cursor:grab
}

.ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog{
    pointer-events:all
}

:root{
    --ck-dropdown-max-width:75vw
}

.ck.ck-dropdown{
    display:inline-block;
    position:relative
}

.ck.ck-dropdown .ck-dropdown__arrow{
    pointer-events:none;
    z-index:var(--ck-z-default)
}

.ck.ck-dropdown .ck-button.ck-dropdown__button{
    width:100%
}

.ck.ck-dropdown .ck-dropdown__panel{
    display:none;
    max-width:var(--ck-dropdown-max-width);
    position:absolute;
    z-index:var(--ck-z-panel)
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible{
    display:inline-block
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw{
    bottom:100%
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw{
    bottom:auto;
    top:100%
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se{
    left:0
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw{
    right:0
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s{
    left:50%;
    transform:translateX(-50%)
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw{
    left:75%;
    transform:translateX(-75%)
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme{
    left:25%;
    transform:translateX(-25%)
}

.ck.ck-toolbar .ck-dropdown__panel{
    z-index:calc(var(--ck-z-panel) + 1)
}

.ck.ck-splitbutton{
    font-size:inherit
}

.ck.ck-splitbutton .ck-splitbutton__action:focus{
    z-index:calc(var(--ck-z-default) + 1)
}

:root{
    --ck-toolbar-dropdown-max-width:60vw
}

.ck.ck-toolbar-dropdown>.ck-dropdown__panel{
    max-width:var(--ck-toolbar-dropdown-max-width);
    width:-moz-max-content;
    width:max-content
}

.ck.ck-toolbar-dropdown>.ck-dropdown__panel .ck-button:focus{
    z-index:calc(var(--ck-z-default) + 1)
}

.ck.ck-dropdown-menu-list__nested-menu__button>.ck-dropdown-menu-list__nested-menu__button__arrow{
    pointer-events:none;
    z-index:var(--ck-z-default)
}

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel{
    max-height:314px;
    overflow-y:auto;
    position:absolute;
    z-index:calc(var(--ck-z-panel) + 1)
}

.ck.ck-dropdown-menu-list__nested-menu{
    display:block
}

.ck.ck-aria-live-announcer{
    left:-10000px;
    position:absolute;
    top:-10000px
}

.ck.ck-aria-live-region-list{
    list-style-type:none
}

.ck.ck-form__header{
    align-items:center;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between
}

.ck.ck-form__header h2.ck-form__header__label{
    flex-grow:1
}

.ck.ck-icon{
    vertical-align:middle
}

.ck.ck-label{
    display:block
}

.ck.ck-voice-label{
    display:none
}

.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper{
    display:flex;
    position:relative
}

.ck.ck-labeled-field-view .ck.ck-label{
    display:block;
    position:absolute
}

.ck.ck-list{
    display:flex;
    flex-direction:column;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none
}

.ck.ck-list .ck-list__item,.ck.ck-list .ck-list__separator{
    display:block
}

.ck.ck-list .ck-list__item>:focus{
    position:relative;
    z-index:var(--ck-z-default)
}

:root{
    --ck-balloon-panel-arrow-z-index:calc(var(--ck-z-default) - 3)
}

.ck.ck-balloon-panel{
    display:none;
    position:absolute;
    z-index:var(--ck-z-panel)
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after,.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before{
    content:"";
    position:absolute
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before{
    z-index:var(--ck-balloon-panel-arrow-z-index)
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after{
    z-index:calc(var(--ck-balloon-panel-arrow-z-index) + 1)
}

.ck.ck-balloon-panel[class*=arrow_n]:before{
    z-index:var(--ck-balloon-panel-arrow-z-index)
}

.ck.ck-balloon-panel[class*=arrow_n]:after{
    z-index:calc(var(--ck-balloon-panel-arrow-z-index) + 1)
}

.ck.ck-balloon-panel[class*=arrow_s]:before{
    z-index:var(--ck-balloon-panel-arrow-z-index)
}

.ck.ck-balloon-panel[class*=arrow_s]:after{
    z-index:calc(var(--ck-balloon-panel-arrow-z-index) + 1)
}

.ck.ck-balloon-panel.ck-balloon-panel_visible{
    display:block
}

.ck .ck-balloon-rotator__navigation{
    align-items:center;
    display:flex;
    justify-content:center
}

.ck .ck-balloon-rotator__content .ck-toolbar{
    justify-content:center
}

.ck .ck-fake-panel{
    position:absolute;
    z-index:calc(var(--ck-z-panel) - 1)
}

.ck .ck-fake-panel div{
    position:absolute
}

.ck .ck-fake-panel div:first-child{
    z-index:2
}

.ck .ck-fake-panel div:nth-child(2){
    z-index:1
}

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky{
    position:fixed;
    top:0;
    z-index:var(--ck-z-panel)
}

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit{
    position:absolute;
    top:auto
}

.ck.ck-autocomplete{
    position:relative
}

.ck.ck-autocomplete>.ck-search__results{
    position:absolute;
    z-index:var(--ck-z-panel)
}

.ck.ck-autocomplete>.ck-search__results.ck-search__results_n{
    bottom:100%
}

.ck.ck-autocomplete>.ck-search__results.ck-search__results_s{
    bottom:auto;
    top:100%
}

.ck.ck-search>.ck-labeled-field-view>.ck-labeled-field-view__input-wrapper>.ck-icon{
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}

[dir=ltr] .ck.ck-search>.ck-labeled-field-view>.ck-labeled-field-view__input-wrapper>.ck-icon{
    left:var(--ck-spacing-medium)
}

[dir=rtl] .ck.ck-search>.ck-labeled-field-view>.ck-labeled-field-view__input-wrapper>.ck-icon{
    right:var(--ck-spacing-medium)
}

.ck.ck-search>.ck-labeled-field-view .ck-search__reset{
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}

.ck.ck-search>.ck-search__results>.ck-search__info>span:first-child{
    display:block
}

.ck.ck-search>.ck-search__results>.ck-search__info:not(.ck-hidden)~*{
    display:none
}

.ck.ck-highlighted-text mark{
    background:var(--ck-color-highlight-background);
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
    vertical-align:initial
}

.ck.ck-balloon-panel.ck-tooltip{
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
    z-index:calc(var(--ck-z-dialog) + 100)
}

:root{
    --ck-toolbar-spinner-size:18px
}

.ck.ck-spinner-container{
    display:block;
    position:relative
}

.ck.ck-spinner{
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:1
}

.ck.ck-toolbar{
    align-items:center;
    display:flex;
    flex-flow:row nowrap;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none
}

.ck.ck-toolbar>.ck-toolbar__items{
    align-items:center;
    display:flex;
    flex-flow:row wrap;
    flex-grow:1
}

.ck.ck-toolbar .ck.ck-toolbar__separator{
    display:inline-block
}

.ck.ck-toolbar .ck.ck-toolbar__separator:first-child,.ck.ck-toolbar .ck.ck-toolbar__separator:last-child{
    display:none
}

.ck.ck-toolbar .ck-toolbar__line-break{
    flex-basis:100%
}

.ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items{
    flex-wrap:nowrap
}

.ck.ck-toolbar.ck-toolbar_vertical>.ck-toolbar__items{
    flex-direction:column
}

.ck.ck-toolbar.ck-toolbar_floating>.ck-toolbar__items{
    flex-wrap:nowrap
}

.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown>.ck-dropdown__button .ck-dropdown__arrow{
    display:none
}

.ck.ck-block-toolbar-button{
    position:absolute;
    z-index:var(--ck-z-default)
}

.ck.ck-menu-bar__menu>.ck-menu-bar__menu__button>.ck-menu-bar__menu__button__arrow{
    pointer-events:none;
    z-index:var(--ck-z-default)
}

:root{
    --ck-menu-bar-menu-max-width:75vw;
    --ck-menu-bar-nested-menu-horizontal-offset:5px
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel{
    max-width:var(--ck-menu-bar-menu-max-width);
    position:absolute;
    z-index:var(--ck-z-panel)
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw{
    bottom:100%
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw{
    bottom:auto;
    top:100%
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se{
    left:0
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw{
    right:0
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es{
    left:calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset))
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es{
    top:0
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en{
    bottom:0
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws{
    right:calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset))
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws{
    top:0
}

.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn{
    bottom:0
}

.ck.ck-menu-bar__menu{
    display:block;
    position:relative
}

:root{
    --ck-color-resizer:var(--ck-color-focus-border);
    --ck-color-resizer-tooltip-background:#262626;
    --ck-color-resizer-tooltip-text:#f2f2f2;
    --ck-resizer-border-radius:var(--ck-border-radius);
    --ck-resizer-tooltip-offset:10px;
    --ck-resizer-tooltip-height:calc(var(--ck-spacing-small)*2 + 10px)
}

.ck .ck-widget,.ck .ck-widget.ck-widget_with-selection-handle{
    position:relative
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{
    position:absolute
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon{
    display:block
}

.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle,.ck .ck-widget.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle{
    visibility:visible
}

.ck .ck-size-view{
    background:var(--ck-color-resizer-tooltip-background);
    border:1px solid var(--ck-color-resizer-tooltip-text);
    border-radius:var(--ck-resizer-border-radius);
    color:var(--ck-color-resizer-tooltip-text);
    display:block;
    font-size:var(--ck-font-size-tiny);
    height:var(--ck-resizer-tooltip-height);
    line-height:var(--ck-resizer-tooltip-height);
    padding:0 var(--ck-spacing-small)
}

.ck .ck-size-view.ck-orientation-above-center,.ck .ck-size-view.ck-orientation-bottom-left,.ck .ck-size-view.ck-orientation-bottom-right,.ck .ck-size-view.ck-orientation-top-left,.ck .ck-size-view.ck-orientation-top-right{
    position:absolute
}

.ck .ck-size-view.ck-orientation-top-left{
    left:var(--ck-resizer-tooltip-offset);
    top:var(--ck-resizer-tooltip-offset)
}

.ck .ck-size-view.ck-orientation-top-right{
    right:var(--ck-resizer-tooltip-offset);
    top:var(--ck-resizer-tooltip-offset)
}

.ck .ck-size-view.ck-orientation-bottom-right{
    bottom:var(--ck-resizer-tooltip-offset);
    right:var(--ck-resizer-tooltip-offset)
}

.ck .ck-size-view.ck-orientation-bottom-left{
    bottom:var(--ck-resizer-tooltip-offset);
    left:var(--ck-resizer-tooltip-offset)
}

.ck .ck-size-view.ck-orientation-above-center{
    left:50%;
    top:calc(var(--ck-resizer-tooltip-height)*-1);
    transform:translate(-50%)
}

.ck .ck-widget_with-resizer{
    position:relative
}

.ck .ck-widget__resizer{
    display:none;
    left:0;
    pointer-events:none;
    position:absolute;
    top:0
}

.ck-focused .ck-widget_with-resizer.ck-widget_selected>.ck-widget__resizer{
    display:block
}

.ck .ck-widget__resizer__handle{
    pointer-events:all;
    position:absolute
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right,.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left{
    cursor:nwse-resize
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left,.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right{
    cursor:nesw-resize
}

.ck .ck-widget .ck-widget__type-around__button{
    display:block;
    overflow:hidden;
    position:absolute;
    z-index:var(--ck-z-default)
}

.ck .ck-widget .ck-widget__type-around__button svg{
    left:50%;
    position:absolute;
    top:50%;
    z-index:calc(var(--ck-z-default) + 2)
}

.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before{
    left:min(10%,30px);
    top:calc(var(--ck-widget-outline-thickness)*-.5);
    transform:translateY(-50%)
}

.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after{
    bottom:calc(var(--ck-widget-outline-thickness)*-.5);
    right:min(10%,30px);
    transform:translateY(50%)
}

.ck .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button:after,.ck .ck-widget>.ck-widget__type-around>.ck-widget__type-around__button:hover:after{
    content:"";
    display:block;
    left:1px;
    position:absolute;
    top:1px;
    z-index:calc(var(--ck-z-default) + 1)
}

.ck .ck-widget>.ck-widget__type-around>.ck-widget__type-around__fake-caret{
    display:none;
    left:0;
    position:absolute;
    right:0
}

.ck .ck-widget:hover>.ck-widget__type-around>.ck-widget__type-around__fake-caret{
    left:calc(var(--ck-widget-outline-thickness)*-1);
    right:calc(var(--ck-widget-outline-thickness)*-1)
}

.ck .ck-widget.ck-widget_type-around_show-fake-caret_before>.ck-widget__type-around>.ck-widget__type-around__fake-caret{
    display:block;
    top:calc(var(--ck-widget-outline-thickness)*-1 - 1px)
}

.ck .ck-widget.ck-widget_type-around_show-fake-caret_after>.ck-widget__type-around>.ck-widget__type-around__fake-caret{
    bottom:calc(var(--ck-widget-outline-thickness)*-1 - 1px);
    display:block
}

.ck.ck-editor__editable.ck-read-only .ck-widget__type-around,.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around,.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around{
    display:none
}

@layer {
    @keyframes bell-swing {
        0% {
            transform: rotate(0deg);
        }

        15% {
            transform: rotate(15deg);
        }

        30% {
            transform: rotate(-10deg);
        }

        45% {
            transform: rotate(10deg);
        }

        60% {
            transform: rotate(-5deg);
        }

        75% {
            transform: rotate(5deg);
        }

        100% {
            transform: rotate(0deg);
        }
    }

    .animate-bell {
        display: inline-block;
        transform-origin: top center;
        animation: bell-swing 1s ease-in-out infinite;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.collapse {
    visibility: collapse;
}

.static {
    position: static;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.inset-0 {
    inset: 0px;
}

.-top-0\.5 {
    top: -0.125rem;
}

.bottom-1 {
    bottom: 0.25rem;
}

.z-20 {
    z-index: 20;
}

.order-1 {
    order: 1;
}

.order-10 {
    order: 10;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.col-span-1 {
    grid-column: span 1 / span 1;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.col-span-3 {
    grid-column: span 3 / span 3;
}

.col-span-4 {
    grid-column: span 4 / span 4;
}

.col-span-5 {
    grid-column: span 5 / span 5;
}

.col-span-8 {
    grid-column: span 8 / span 8;
}

.col-span-full {
    grid-column: 1 / -1;
}

.m-0 {
    margin: 0px;
}

.m-auto {
    margin: auto;
}

.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-96 {
    margin-bottom: 24rem;
}

.me-2 {
    margin-inline-end: 0.5rem;
}

.ml-0 {
    margin-left: 0px;
}

.ml-1 {
    margin-left: 0.25rem;
}

.ml-1\.5 {
    margin-left: 0.375rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-4 {
    margin-left: 1rem;
}

.mr-1 {
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mt-0 {
    margin-top: 0px;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-7 {
    margin-top: 1.75rem;
}

.mt-8 {
    margin-top: 2rem;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.\!size-5 {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.size-10 {
    width: 2.5rem;
    height: 2.5rem;
}

.size-4 {
    width: 1rem;
    height: 1rem;
}

.size-5 {
    width: 1.25rem;
    height: 1.25rem;
}

.size-6 {
    width: 1.5rem;
    height: 1.5rem;
}

.size-64 {
    width: 16rem;
    height: 16rem;
}

.size-8 {
    width: 2rem;
    height: 2rem;
}

.size-full {
    width: 100%;
    height: 100%;
}

.h-20 {
    height: 5rem;
}

.h-24 {
    height: 6rem;
}

.h-5 {
    height: 1.25rem;
}

.h-8 {
    height: 2rem;
}

.h-9 {
    height: 2.25rem;
}

.h-screen {
    height: 100vh;
}

.w-1\/4 {
    width: 25%;
}

.w-2\/3 {
    width: 66.666667%;
}

.w-40 {
    width: 10rem;
}

.w-5 {
    width: 1.25rem;
}

.w-52 {
    width: 13rem;
}

.w-\[1200px\] {
    width: 1200px;
}

.w-full {
    width: 100%;
}

.min-w-60 {
    min-width: 15rem;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.shrink-0 {
    flex-shrink: 0;
}

.flex-grow {
    flex-grow: 1;
}

.border-collapse {
    border-collapse: collapse;
}

.-rotate-\[135deg\] {
    --tw-rotate: -135deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8,0,1,1);
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0,0,0.2,1);
    }
}

.animate-bounce {
    animation: bounce 1s infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.resize {
    resize: both;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-items-center {
    justify-items: center;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-x-1 {
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
}

.gap-x-2 {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}

.gap-x-3\.5 {
    -moz-column-gap: 0.875rem;
    column-gap: 0.875rem;
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}

.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}

.gap-y-2 {
    row-gap: 0.5rem;
}

.gap-y-5 {
    row-gap: 1.25rem;
}

.gap-y-6 {
    row-gap: 1.5rem;
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}

.self-center {
    align-self: center;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-none {
    border-radius: 0px;
}

.rounded-e-none {
    border-start-end-radius: 0px;
    border-end-end-radius: 0px;
}

.rounded-s-none {
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
}

.border {
    border-width: 1px;
}

.border-0 {
    border-width: 0px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-dashed {
    border-style: dashed;
}

.\!border-none {
    border-style: none !important;
}

.border-none {
    border-style: none;
}

.border-\[\#e6e9ee\] {
    --tw-border-opacity: 1;
    border-color: rgb(230 233 238 / var(--tw-border-opacity));
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 76 81 / var(--tw-border-opacity));
}

.bg-body {
    background-color: var(--color-body);
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.\!p-0 {
    padding: 0px !important;
}

.p-1 {
    padding: 0.25rem;
}

.p-10 {
    padding: 2.5rem;
}

.p-14 {
    padding: 3.5rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-6 {
    padding: 1.5rem;
}

.\!px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.\!pb-0 {
    padding-bottom: 0px !important;
}

.pb-0 {
    padding-bottom: 0px;
}

.pb-2 {
    padding-bottom: 0.5rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

.pl-1 {
    padding-left: 0.25rem;
}

.pr-3 {
    padding-right: 0.75rem;
}

.pt-4 {
    padding-top: 1rem;
}

.pt-5 {
    padding-top: 1.25rem;
}

.pt-6 {
    padding-top: 1.5rem;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-\[0\.8125rem\] {
    font-size: 0.8125rem;
}

.text-\[0\.9375rem\] {
    font-size: 0.9375rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-caption {
    font-size: 0.8125rem;
    line-height: 1.125rem;
    font-weight: 400;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-ti-28 {
    font-size: 1.75rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.text-\[\#5d596c\] {
    --tw-text-opacity: 1;
    color: rgb(93 89 108 / var(--tw-text-opacity));
}

.text-\[\#a5a3ae\] {
    --tw-text-opacity: 1;
    color: rgb(165 163 174 / var(--tw-text-opacity));
}

.text-\[\#acaab1\] {
    --tw-text-opacity: 1;
    color: rgb(172 170 177 / var(--tw-text-opacity));
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(36 179 100 / var(--tw-text-opacity));
}

.text-main\/70 {
    color: rgb(var(--color-main)/0.7);
}

.text-primary-500 {
    color: var(--color-primary-500);
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(255 76 81 / var(--tw-text-opacity));
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(230 68 73 / var(--tw-text-opacity));
}

.text-secondary-500 {
    --tw-text-opacity: 1;
    color: rgb(128 131 144 / var(--tw-text-opacity));
}

.text-text-disabled {
    color: var(--color-text-disabled);
}

.text-text-primary {
    color: var(--color-text-primary);
}

.text-text-secondary {
    color: var(--color-text-secondary);
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.opacity-0 {
    opacity: 0;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-75 {
    opacity: 0.75;
}

.shadow-md {
    --tw-shadow: 0px 4px 16px 0px;
    --tw-shadow-colored: 0px 4px 16px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
    --tw-shadow: 0px 2px 6px 0px;
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[\#000\]\/\[0\.1\] {
    --tw-shadow-color: rgb(0 0 0 / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
}

.outline {
    outline-style: solid;
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-green-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(40 199 111 / var(--tw-ring-opacity));
}

.ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 76 81 / var(--tw-ring-opacity));
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-\[opacity\2c margin\] {
    transition-property: opacity,margin;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.duration-200 {
    transition-duration: 200ms;
}

.ltr {
    direction: ltr;
}

.rtl {
    direction: rtl;
}

.row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    display: flex;
}

.row > * {
    width: 100%;
    max-width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.ti {
    font-family: 'tabler-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ti-sm {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.ti-md {
    font-size: 1.375rem;
    line-height: 0.9 !important;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-top-width: 1px;
    border-style: solid;
    color: var(--color-divider);
    opacity: 1;
}

.line {
    border-top-width: 1px;
    border-color: var(--color-divider);
}

.barcode svg {
    display: block;
    fill: var(--color-text-primary);
}

.before\:bg-blue-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 186 209 / var(--tw-bg-opacity));
}

.before\:bg-green-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(40 199 111 / var(--tw-bg-opacity));
}

.before\:text-ti-28::before {
    content: var(--tw-content);
    font-size: 1.75rem;
}

.first-of-type\:rounded-t-md:first-of-type {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.last-of-type\:rounded-b-md:last-of-type {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.checked\:border-primary-500:checked {
    border-color: var(--color-primary-500);
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none;
}

.disabled\:opacity-50:disabled {
    opacity: 0.5;
}

.group:hover .group-hover\:bg-action-hover {
    background-color: var(--color-action-hover);
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

.peer:checked ~ .peer-checked\:bg-primary-100 {
    background-color: var(--color-primary-100);
}

.peer:checked ~ .peer-checked\:text-primary-200 {
    color: var(--color-primary-200);
}

.peer:checked ~ .peer-checked\:ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:checked ~ .peer-checked\:ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:checked ~ .peer-checked\:ring-blue-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 186 209 / var(--tw-ring-opacity));
}

.peer:checked ~ .peer-checked\:ring-green-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(40 199 111 / var(--tw-ring-opacity));
}

.peer:checked ~ .peer-checked\:ring-primary-600 {
    --tw-ring-color: var(--color-primary-600);
}

.peer:checked ~ .peer-checked\:ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 76 81 / var(--tw-ring-opacity));
}

.peer:checked ~ .peer-checked\:ring-yellow-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 159 67 / var(--tw-ring-opacity));
}

@media (min-width: 768px) {
    .md\:size-72 {
        width: 18rem;
        height: 18rem;
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:flex-row {
        flex-direction: row;
    }

    .md\:items-center {
        align-items: center;
    }
}

@media (min-width: 1024px) {
    .lg\:order-1 {
        order: 1;
    }

    .lg\:order-2 {
        order: 2;
    }

    .lg\:order-none {
        order: 0;
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .lg\:col-span-8 {
        grid-column: span 8 / span 8;
    }

    .lg\:col-span-9 {
        grid-column: span 9 / span 9;
    }

    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:overflow-visible {
        overflow: visible;
    }
}

@media (min-width: 1280px) {
    .xl\:order-1 {
        order: 1;
    }

    .xl\:order-2 {
        order: 2;
    }

    .xl\:order-3 {
        order: 3;
    }

    .xl\:col-span-12 {
        grid-column: span 12 / span 12;
    }

    .xl\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .xl\:col-span-8 {
        grid-column: span 8 / span 8;
    }

    .xl\:mt-0 {
        margin-top: 0px;
    }

    .xl\:w-auto {
        width: auto;
    }

    .xl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:overflow-visible {
        overflow: visible;
    }
}

.dark\:text-\[\#76778e\]:where([data-mode="dark"], [data-mode="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(118 119 142 / var(--tw-text-opacity));
}








/*# sourceMappingURL=style.css.map */