:root{
    --height-custom-btn: max-content;
    --height-custom-input: max-content;
    --ico-size: unset;

    --aside-size: 280px;
    --chat-size: 580px;
}
.ovv{overflow: visible !important;}
.rounded-8{
    border-radius: 8px !important;
}
.justify-end{justify-content: flex-end !important;}
.abs{position: absolute;}
.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}
.w-min-drp{width:min-content !important;}
.w-auto{width: auto !important;}
.py-0{
    padding-top: 0;
    padding-bottom: 0;
}
.line-normal{line-height: normal !important;}
.aside-pl{
    margin-left: var(--aside-size);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.tool-label-btn [data-tippy-root]{
    position: fixed !important;
}

.tool-label-btn input:checked ~ [data-tippy-root]{
    display: none !important;
}

[data-theme="--sm-tippy"].tippy-box{
    font-size: 13px;
    font-weight: 500;
    font-family: var(--fotnFamilyRaleway);
}/*
.aside-pl::before{
    content: "";
    display: block;
    min-width: var(--aside-size);
    position: fixed;
    pointer-events: none;
    top: 0; left: 0; height: 100%;
    background-color: #fff;
    z-index: 50;
}*/
.chat-pr{
    margin-right: var(--chat-size);

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.chat-pdf-layout-content{
    position: relative;
}

/* Keep initial refresh stable while preview pages are appended incrementally. */
.chat-pdf-shell,
.chat-pdf-layout-content,
.canva-documents,
.canva-documents--body,
.canva-pages-list{
    overflow-anchor: none;
}

.canva-documents{
    position: relative;
}

.chat-pdf-initial-loader{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--aside-size);
    z-index: 95;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.92);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.sidebar-left-closed .chat-pdf-initial-loader{
    left: 48px;
}

@media (max-width: 991px){
    .chat-pdf-initial-loader,
    .sidebar-left-closed .chat-pdf-initial-loader{
        left: 0;
    }
}
.chat-pdf-initial-loader__card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    color: #4B5563;
    font-family: var(--fotnFamilyRaleway);
    background: transparent;
    border: 0;
    box-shadow: none;
}
.chat-pdf-initial-loader__spinner{
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    border: 2.5px solid rgba(117, 70, 226, 0.2);
    border-top-color: #7546E2;
    animation: chatPdfLoaderSpin 0.85s linear infinite;
    background: none;
}
.chat-pdf-initial-loader .chat-pdf-initial-loader__spinner{
    width: 48px;
    height: 48px;
    border-width: 3px;
}
@keyframes chatPdfLoaderSpin{
    to{
        transform: rotate(360deg);
    }
}
.chat-pdf-initial-loader__text{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    color: #4B5563;
    text-align: center;
}
.chat-pdf-initial-loader .chat-pdf-initial-loader__text{
    font-size: 16px;
    color: #374151;
}

.chat-pdf-preview-loader{
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 90;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    pointer-events: none;
    will-change: top, left, width, height;
}

.chat-pdf-preview-loader.chat-pdf-preview-loader--pending{
    opacity: 1;
}

.chat-pdf-preview-loading .chat-pdf-preview-loader{
    display: flex;
}

.chat-pdf-preview-loading .canva-documents{
    overflow: hidden;
}

.chat-pdf-preview-loading .canva-documents--body{
    overflow: hidden;
}

.chat-pdf-preview-loading .canva-pages-list{
    visibility: hidden;
}

.chat-pdf-nonpdf-preview__canvas{
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 18px;
    gap: 14px;
}

.chat-pdf-nonpdf-preview__head{
    display: flex;
    align-items: center;
    gap: 12px;
}

.chat-pdf-nonpdf-preview__icon{
    width: 46px;
    height: 46px;
    flex-shrink: 0;
}

.chat-pdf-nonpdf-preview__title-wrap{
    min-width: 0;
}

.chat-pdf-nonpdf-preview__name{
    font-family: var(--fotnFamilyRaleway);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.35;
    color: #060C32;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-pdf-nonpdf-preview__meta{
    margin-top: 2px;
    font-family: var(--fotnFamilyRaleway);
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4;
    color: #667085;
}

.chat-pdf-uploading-state{
    flex: 1;
    min-height: 420px;
    border-radius: 14px;
    border: 1px dashed #B89BFF;
    background: linear-gradient(180deg, #FCFAFF 0%, #F6F2FF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.chat-pdf-uploading-state__card{
    width: min(440px, 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
}

.chat-pdf-uploading-state__spinner{
    width: 56px;
    height: 56px;
    background: url("/img/img-15-08-2024/ico-load-shapes.gif") no-repeat center center / contain;
}

.chat-pdf-uploading-state__title{
    margin: 0;
    font-family: var(--fotnFamilyRaleway);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.35;
    color: #060C32;
}

.chat-pdf-uploading-state__desc{
    margin: 0;
    font-family: var(--fotnFamilyRaleway);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #667085;
}

.chat-pdf-uploading-state__bar{
    width: min(320px, 100%);
    height: 8px;
    border-radius: 999px;
    background: #E9DFFF;
    overflow: hidden;
    position: relative;
}

.chat-pdf-uploading-state__bar::after{
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent 0%, #7C4DFF 45%, #A98BFF 55%, transparent 100%);
    animation: chatPdfUploadShimmer 1.4s ease-in-out infinite;
}

@keyframes chatPdfUploadShimmer{
    0%{ transform: translateX(-100%); }
    100%{ transform: translateX(220%); }
}

.chat-pdf-uploading-state--warning{
    border-style: solid;
    border-color: #E4E7EC;
    background: #F9FAFB;
}

.chat-pdf-uploading-state--warning .chat-pdf-uploading-state__bar{
    display: none;
}

.nonpdf-preview-text{
    flex: 1;
    margin: 0;
    padding: 14px;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #EAECF0;
    white-space: pre-wrap;
    word-break: break-word;
    overflow: auto;
    font-family: var(--fotnFamilyRaleway);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.65;
    color: #1D2939;
}

.chat-aside.chat-with-pdf .aside-custom-body{
    position: relative;
}

.chat-pdf-chat-loader{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.chat-pdf-chat-loading .chat-pdf-chat-loader{
    display: flex;
}

.chat-pdf-booting .chat-pdf-initial-loader{
    display: flex;
}

.chat-pdf-switch-loading .chat-pdf-initial-loader{
    display: flex;
}

.chat-pdf-booting .chat-pdf-layout-splitter,
.chat-pdf-booting .sidebar-left__splitter{
    pointer-events: none !important;
    opacity: 0 !important;
}

.chat-pdf-booting-split .chat-pdf-layout-splitter,
.chat-pdf-booting-split .sidebar-left__splitter{
    pointer-events: none !important;
    opacity: 0 !important;
}

.chat-pdf-switch-loading .chat-pdf-layout-splitter,
.chat-pdf-switch-loading .sidebar-left__splitter{
    pointer-events: none !important;
}

.chat-pdf-booting .chat-pdf-layout .chat-pr,
.chat-pdf-booting .aside-custom,
.chat-pdf-booting .sidebar-left,
.chat-pdf-booting .aside-pl,
.chat-pdf-booting .canva-documents,
.chat-pdf-booting .canva-documents--body,
.chat-pdf-booting .canva-pages-list{
    transition: none !important;
}

.chat-pdf-booting-split .chat-pdf-layout .chat-pr,
.chat-pdf-booting-split .aside-custom,
.chat-pdf-booting-split .sidebar-left,
.chat-pdf-booting-split .aside-pl,
.chat-pdf-booting-split .canva-documents,
.chat-pdf-booting-split .canva-documents--body,
.chat-pdf-booting-split .canva-pages-list{
    transition: none !important;
}

.chat-pdf-switch-loading .chat-pdf-layout .chat-pr,
.chat-pdf-switch-loading .aside-custom,
.chat-pdf-switch-loading .sidebar-left,
.chat-pdf-switch-loading .aside-pl,
.chat-pdf-switch-loading .canva-documents,
.chat-pdf-switch-loading .canva-documents--body,
.chat-pdf-switch-loading .canva-pages-list{
    transition: none !important;
}

.chat-pdf-booting .canva-documents,
.chat-pdf-booting .canva-documents--body,
.chat-pdf-booting .canva-pages-list{
    overflow-anchor: none;
}

.chat-pdf-booting-split .canva-documents,
.chat-pdf-booting-split .canva-documents--body,
.chat-pdf-booting-split .canva-pages-list{
    overflow-anchor: none;
}

.chat-pdf-switch-loading .canva-documents,
.chat-pdf-switch-loading .canva-documents--body,
.chat-pdf-switch-loading .canva-pages-list{
    overflow-anchor: none;
}

.chat-pdf-booting .main_wrapper{
    overflow: hidden !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
}

.chat-pdf-switch-loading .main_wrapper{
    overflow: hidden !important;
}

.chat-pdf-booting .chat-pdf-empty-state{
    display: none !important;
}

.chat-pdf-booting-split .chat-pdf-empty-state{
    display: none !important;
}

.chat-pdf-booting-split .chat-pdf-initial-loader{
    display: flex !important;
}

.chat-pdf-switch-loading .chat-pdf-empty-state{
    display: none !important;
}

.chat-pdf-booting .after_upload{
    visibility: hidden;
}

.chat-pdf-switch-loading .after_upload{
    visibility: hidden;
}

.chat-pdf-landing-boot .chat-pdf-layout .chat-pr,
.chat-pdf-landing-boot .aside-custom,
.chat-pdf-landing-boot .sidebar-left,
.chat-pdf-landing-boot .aside-pl,
.chat-pdf-landing-boot .canva-documents,
.chat-pdf-landing-boot .canva-documents--body,
.chat-pdf-landing-boot .canva-pages-list{
    transition: none !important;
}

.chat-pdf-first-upload-lock .chat-pdf-layout .chat-pr,
.chat-pdf-first-upload-lock .aside-custom,
.chat-pdf-first-upload-lock .sidebar-left,
.chat-pdf-first-upload-lock .aside-pl,
.chat-pdf-first-upload-lock .canva-documents,
.chat-pdf-first-upload-lock .canva-documents--body,
.chat-pdf-first-upload-lock .canva-pages-list{
    transition: none !important;
}

.chat-pdf-layout-splitter{
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(50%);
    width: 18px;
    height: 100%;
    cursor: ew-resize;
    touch-action: none;
    z-index: 70;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.chat-pdf-layout-splitter::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background-color: #7C4DFF;
    border-radius: 999px;
    opacity: 0;
    transition: opacity 0.12s ease, width 0.12s ease;
}

.chat-pdf-layout-splitter:hover::before,
.chat-pdf-layout-splitter.is-dragging::before,
.chat-pdf-layout-splitter:focus-visible::before{
    opacity: 1;
    width: 4px;
}

.chat-pdf-layout-splitter.is-dragging{
    cursor: grabbing;
}

.chat-pdf-layout-splitter:focus{
    outline: none;
}

.chat-pdf-layout-splitter:focus-visible::before{
    outline: 2px solid rgba(124, 77, 255, 0.4);
    outline-offset: 2px;
}

.chat-pdf-layout--dragging{
    user-select: none;
}

/* Make resize feel instant (remove lag from 0.3s transitions while dragging). */
.chat-pdf-layout--dragging.chat-pr{
    transition: none !important;
}
.chat-pdf-layout--dragging .aside-custom{
    transition: none !important;
}
.chat-pdf-layout--dragging .canva-documents,
.chat-pdf-layout--dragging .canva-documents--body,
.chat-pdf-layout--dragging .canva-pages-list{
    transition: none !important;
}

/* Sidebar resizer (Chat with PDF). */
.sidebar-left__splitter{
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(50%);
    width: 18px;
    height: 100%;
    cursor: ew-resize;
    touch-action: none;
    z-index: 80;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.sidebar-left__splitter::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background-color: #7C4DFF;
    border-radius: 999px;
    opacity: 0;
    transition: opacity 0.12s ease, width 0.12s ease;
}

.sidebar-left:hover .sidebar-left__splitter::before,
.sidebar-left__splitter:hover::before,
.sidebar-left__splitter.is-dragging::before,
.sidebar-left__splitter:focus-visible::before{
    opacity: 1;
    width: 4px;
}

.sidebar-left__splitter.is-dragging{
    cursor: grabbing;
}

.sidebar-left__splitter:focus{
    outline: none;
}

.sidebar-left__splitter:focus-visible::before{
    outline: 2px solid rgba(124, 77, 255, 0.4);
    outline-offset: 2px;
}

.sidebar-left-closed .sidebar-left__splitter{
    display: none;
}

.chat-pdf-sidebar--dragging{
    user-select: none;
}

.chat-pdf-sidebar--dragging .sidebar-left,
.chat-pdf-sidebar--dragging .aside-pl{
    transition: none !important;
}
.chat-pdf-sidebar--dragging .chat-pr,
.chat-pdf-sidebar--dragging .aside-custom,
.chat-pdf-sidebar--dragging .canva-documents,
.chat-pdf-sidebar--dragging .canva-documents--body,
.chat-pdf-sidebar--dragging .canva-pages-list{
    transition: none !important;
}

.chat-pdf-layout--dragging .page-canvas,
.chat-pdf-sidebar--dragging .page-canvas{
    box-shadow: none !important;
}

/* Chat with PDF: keep the drop overlay out of the left sidebar. */
.chat-pdf-layout .drop-your-file-here{
    left: var(--aside-size);
    width: calc(100% - var(--aside-size));
}
.sidebar-left-closed .chat-pdf-layout .drop-your-file-here{
    left: 48px;
    width: calc(100% - 48px);
}

.color-white{color: white !important;}
.pt-0{padding-top: 0 !important;}
.gap-5{gap: 5px;}
.ico-10{
    --ico-size: 10px;
}
.ico-size{
    min-width: var(--ico-size);
    max-width: var(--ico-size);
    height: var(--ico-size);
}
.rounded-full{
    border-radius: 360px !important;
}
.btn-custom--xxs{
    padding: 4px;
    --height-custom-btn: 24px;
    --ico-size: 16px;
}
.btn-custom--xs{
    padding: 6px;
    --height-custom-btn: 32px;
    --ico-size: 16px;
}
.btn-custom--sm{
    padding: 8px;
    --height-custom-btn: 36px;
    --ico-size: 18px;
}
.btn-custom--md{
    padding: 10px;
    --height-custom-btn: 40px;
    --ico-size: 18px;
}
.btn-custom--xl{
    padding: 12px;
    --height-custom-btn: 42px;
    --ico-size: 18px;
}

.btn-custom--xxl{
    padding: 12px;
    --height-custom-btn: 44px;
    --ico-size: 18px;
}


.input-custom--xs{
    padding: 6px 10px;
    --height-custom-input: 32px;
    --ico-size: 16px;
}
.input-custom--sm{
    padding: 8px 12px;
    --height-custom-input: 36px;
    --ico-size: 18px;
}
.input-custom--md{
    padding: 10px 14px;
    --height-custom-input: 40px;
    --ico-size: 18px;
}
.input-custom--xl{
    padding: 12px 16px;
    --height-custom-input: 42px;
    --ico-size: 18px;
}
.input-custom--xll{
    padding: 12px 16px;
    --height-custom-input: 44px;
    --ico-size: 18px;
}
.input-custom--xxl{
    padding: 20px;
    --height-custom-input: 52px;
    --ico-size: 18px;
}


.btn-squere{
    padding: 0;
    min-width: var(--height-custom-btn);
    max-width: var(--height-custom-btn);
    justify-content: center;
}
.btn-custom{
    font-family: var(--fotnFamilyRaleway);
    font-weight: 500;
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid transparent;
    gap: 8px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

        min-height: var(--height-custom-btn);
        max-height: var(--height-custom-btn);

}

.--active-input{
    border-color: #7C4DFF !important;
}

.input-custom{
    font-family: var(--fotnFamilyRaleway);
    border: 1px solid transparent;
    background-color: transparent;
    font-weight: 500;
    color: #000;
    border-radius: var(--rounded, unset);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

        min-height: var(--height-custom-input);
        max-height: var(--height-custom-input);
}
.input-custom::placeholder{
    font-family: var(--fotnFamilyRaleway) !important;
    color: rgba(6, 12, 50, 0.5) !important; 
    font-weight: 500;
}
.input-custom::-webkit-outer-spin-button,
.input-custom::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0; -moz-appearance: textfield;
}


.input--light{
    background-color: #fff !important;
    border-color: #E0DFDF !important;
}









.tool-label-btn{
    display: flex;
}
.tool-label-btn .btn-custom{
    cursor: pointer;
}
.tool-label-btn input:checked ~ .btn--tool{
    border-color: #7C4DFF;
}
.tool-block{
    display: flex;
    gap: 6px;
    --size-menu: 450px;
    max-width: 100%;
}

.tool-menu-wrapper{
    display: flex;
    padding: 0;
    border-radius: 360px;
    overflow: auto;
    background: #00020AC2;
    border: 4px solid transparent;
    position: relative;
    max-width: var(--size-menu);
    width: 100%;
    white-space: nowrap;
    backdrop-filter: blur(8px);
}


.tool-menu-wrapper-2{
    display: flex;
    padding: 0;
    border-radius: 360px;
    overflow: auto;
    background: #ffffff;
    border: 4px solid transparent;
    position: relative;
    max-width: var(--size-menu);
    width: 100%;
    white-space: nowrap;
    box-shadow: 0px 3px 6px 0px #5B68711F,
                0px 0px 1px 0px #1A202452;
}

.tool-menu{
    display: flex;
    align-items: center;
    flex: auto;
}
.tool-menu--item{
    display: flex;
    align-items: center;
    gap: 1px;
    position: relative;
}
.tool-menu--item--gap{
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
}
.tool-menu--item + .tool-menu--item::before{
    content: "";
    display: block;
    width: 1px;
    min-height: 20px;
    max-height: 20px;
    position: relative;
    background: rgba(256, 256, 256, 0.16);
    margin-left: 4px;
    margin-right: 4px;
    pointer-events: none;
}
.btn--tool{
    background: transparent;
    color: rgba(256, 256, 256, 0.9);
    border: 2px solid transparent;
}

.btn--tool:hover{
    background: #FFFFFF0F;
}

.btn--tool-2{
    background: transparent;
    color: rgba(6, 12, 50, 0.5);
}
.btn--tool-22{
    background: transparent;
    color: rgba(6, 12, 50, 0.5);
}
.btn--tool-2:hover{
    background-color: #F9F9F9;
    color: rgba(6, 12, 50, 0.5);
}

.calculator{
    display: flex;
    max-width: 114px;
    overflow: hidden;
    width: 100%;
}
.btn-calculator{
    color: rgba(256, 256, 256, 0.6);
}



.pages-pagination{
    display: flex;
    align-items: center;
    color: rgba(256, 256, 256, 0.6);
    font-size: 13px;
    font-weight: 500;
}
.input-tool{
    border-radius: 8px;
    background: #FFFFFF29;
    color: #ffffff;
}
.total-pages-text{
    font-size: 13px;
    font-weight: 500; gap: 2px;
    color: #060C32;
}
.tool-menu-wrapper .total-pages-text{
    color: rgba(256, 256, 256, 0.6);
}


.tool-menu-wrapper-2 .tool-menu--item 
+ .tool-menu--item::before{
    display: none;
}





.canva-documents{
    display: flex;
    flex-direction: column;
    flex: auto;
    overflow: auto;
   
}

.full-sinle-editor .wrapper.--snap-view{
    border: 2px solid #7C4DFF;
}

.canva-documents--header{
    display: flex;
    flex-direction: column;
    align-self: center;
    background-color: transparent;
    padding: 20px 0;
    position: fixed;
    top: 12px;
    left: calc(var(--aside-size) + ((100vw - var(--aside-size) - var(--chat-size)) / 2));
    transform: translateX(-50%);
    z-index: 60;
    pointer-events: auto;
    width: max-content;
    max-width: calc(100vw - var(--aside-size) - var(--chat-size) - 24px);
    margin-left: 0;
    margin-right: 0;
}
.canva-documents--body{
    display: flex;
    flex-direction: column;
    flex: auto;
    position: relative;
    min-height: 0;

}
.canva-documents--header .tool-block{
    justify-content: center;
}


.canva-pages-list,
.canva-page-item{
    display: flex;
    flex-direction: column;
}
.canva-page-item{
    align-items: center;
}
.canva-pages-list{
    gap: 10px;
    height: max-content;
}
.canva-pages-list
{
    /* margin: auto; */
    padding:32px;
    position: relative;
}

.page-canvas{
    /* width: 516px; */
    width: 100%;
}
.page-canvas{
    /* height: 728px; */
    overflow: hidden;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px #5B687152,
                0px 0px 1px 0px #1A202452;
}

.page-canvas > .generate-page{
    width: 100%;
    height: 100%;
}



.full-sinle-editor{
    overflow: hidden;
}
.full-sinle-editor .wrapper{
    overflow: auto;
    height: 100%;
}

.full-sinle-editor .content{
    position: relative;
}


.open-sidebar .aside-button{
    background-color: #ffffff;
    color: #7C4DFF;
}
.aside-button{
    background-color: #7C4DFF;
    color: #ffffff;
    display: none;
}
.aside-custom .aside-button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

}
.aside-custom .aside-button.--right-side{
    left: calc(var(--height-custom-btn) * -1);
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.aside-custom{
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    --size-aside: 100%;
    width: var(--size-aside);
    z-index: 60;
    position: fixed;
    height: 100%; top: 0;
    font-family: var(--fotnFamilyRaleway);

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.chat-aside{
    --size-aside: var(--chat-size);
    right: 0;
}
.aside-custom-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: inherit;
}

.aside-custom-header + .aside-custom-body{
    padding-top: 0;
}
.aside-custom-body{
    background-color: inherit;
    display: flex;
    flex-direction: column;
    flex: auto;
    overflow-y: auto;
    overflow-x: hidden;
}
.aside-custom-footer{
    display: flex;
    flex-direction: column;
}
.aside-custom-body::-webkit-scrollbar{
    display: none;
}
.aside-custom-header,
.aside-custom-body{
    padding: 12px 20px;
}
.aside-custom-footer{
    padding: 20px;
}
.chat-title{
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}
.chat-titled-block{
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dropdown__body-shadow{
    box-shadow: 0px 4px 8px 0px #5B68713D,
                0px 0px 1px 0px #1A202452,
                0px 3px 6px 0px #5B68711F,
                0px 0px 1px 0px #1A202452;
}

.drp-block--header-2{
    letter-spacing: 0.05em;
    font-weight: 500;
    font-family: var(--fotnFamilyRaleway);
    opacity: 0.7;
    padding-top: 0;
    padding-bottom: 0;
}
.btn-drp-custom,
.select-title{
    font-size: 13px;
    font-weight: 500;
    font-family: var(--fotnFamilyRaleway);

    text-overflow: ellipsis;
    overflow: hidden;
}
.btn-drp-custom{
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
}


.val-select-drp{
    gap: 5px;
    display: flex;
    align-items: center;
    --ico-size: 12px;
}

.ico-val-select{
    opacity: 0.4;
}

.dropdown-open .btn-drp-custom .ico-arrow{
    transform: rotate(180deg);
}
.dropdown-open .btn-drp-custom .select-title{
    text-shadow: 0 0 0.5px;
}
.dropdown-open .btn-drp-custom .ico-val-select{
    opacity: 1;
    filter: brightness(0) saturate(100%) invert(28%) 
    sepia(63%) saturate(2807%) hue-rotate(243deg) 
    brightness(101%) contrast(101%);
}


.check-item-2 input:checked ~ .check-box-2-btn .check::after {
    opacity: 1;
    background: url(../img/img-17-08-2023/Done-Check-2.svg) 
                no-repeat center center / 14px;
}

.select-custom.--bottom-left .select-custom--body{
    left: 0 !important;
    top: 100% !important;
}

.select-custom.--bottom-right .select-custom--body{
    left: auto !important;
    top: 100% !important;
    right: 0% !important;
}
.drp-w-152{
    max-width: 152px !important;
}
.drp-w-152 .select-custom--body,
.drp-w-152 .btn-drp-custom{
    max-width: 152px !important;
    min-width: 152px !important;
}

.drp-w .select-custom--body,
.drp-w .btn-drp-custom{overflow: hidden;}

.ovh{overflow: hidden !important;}
.drp-w .drp-block,
.drp-w .drp-block--body,
.drp-w .drp-block--body .list,
.drp-w .drp-block--body .list > li{
    overflow: hidden;
}


.chat-actions--block{
    display: flex;
    gap: 3px;
}

.dropdown-open .btn--tool-2{
    background-color: #F7F4FF;
    color: #7C4DFF;
}
.btn-drp-link:hover{
    color: #7C4DFF;
}

.separator-drp{
    pointer-events: none;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    border-top: 1px solid #EEEEEE;
    margin-bottom: 2px;
    margin-top: 2px;
}



.messages-list,
.message-list-item{
    display: flex;
    flex-direction: column;
}

.messages-list{
    gap: 16px;
}
.message-box{
    max-width: 450px;
    width: 100%;
    gap: 4px;
    font-family: var(--fotnFamilyRaleway);
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
}
.message-box,
.message-box-body{
    display: flex;
    flex-direction: column;
}

.message-box-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}
.message-load-shapes .btn-load-msg{
    align-items: center;
    justify-content: center;
}
.message-load-shapes__image{
    width: 24px;
    height: 24px;
    display: block;
}
.message-load-shapes--fallback .btn-load-msg::before{
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(6, 12, 50, 0.25);
    border-top-color: #015CEF;
    border-radius: 50%;
    animation: message-load-shapes-spin 0.8s linear infinite;
}
.message-load-shapes--fallback .message-load-shapes__image{
    display: none;
}
@keyframes message-load-shapes-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.message-box-body{
    overflow: hidden;
    padding: 16px;
}
.message-box-custom-1 .message-box-body,
.btn-load-msg-custom-1{
    background-color: #fff;
    border: 1px solid #E0DFDF;
    color: #000000;
}
.message-box-custom-2 .message-box-body,
.btn-load-msg-custom-2{
    background-color: #015CEF;
    border: 1px solid transparent;
    color: #ffffff;
}
.btn-load-msg.--radius-box-1,
.--radius-box-1 .message-box-body{
    border-radius: 10px 10px 10px 2px;
}
.btn-load-msg.--radius-box-2,
.--radius-box-2 .message-box-body{
    border-radius: 10px 10px 2px 10px;
}


.message-box-actions{
    display: flex;
    align-items: center;
}
.message-action-item{
    display: flex;
}


.btn--tool-3{
    color: rgba(6, 12, 50, 0.5);
    background-color: transparent;
}
.btn--tool-4{
    opacity: 0.6;
    background-color: transparent;
}
.btn--tool-4:hover{
    opacity: 0.9;
}
.crop-image-generate{
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
    user-select: none;
    pointer-events: none;
}
.crop-image-generate > img{
    width: 100%;
    height: 100%;
}



.wrappe-input {
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
}
.wrappe-input .input-custom{
    border: none;
    background-color: inherit;
    box-shadow: none;
    color: inherit;
    font-family: inherit;
    border-radius: 0;
    width: 100%;
    min-height: auto;
    padding: 0;
    max-height: 100%; 
}
.input-custom--shadow{
    box-shadow: 0px 3px 6px 0px #5B68711F, 
                0px 0px 1px 0px #1A202452;
}
.chat-send-form {
    --rounded: 360px;
    border-radius: var(--rounded);
    --ico-size: 14px;
    width: 100%;
    overflow: hidden;
    display: flex; padding: 0;
    white-space: nowrap;
}

.chat-send-form-2 {
    --rounded: 360px;
    border-radius: var(--rounded);
    --ico-size: 14px;
    width: 100%;
    overflow: hidden;
    display: flex; padding: 0;
    white-space: nowrap;
    border: 1px solid transparent;
}

.input-custom--shadow::placeholder,
.input-custom--shadow .input-custom::placeholder{
    color: rgba(6, 12, 50, 0.5);
}

.input-bordered-actions{
    display: flex;
    border-radius: var(--rounded);
    border: 6px solid transparent;
    --height-custom-btn: 24px;
}

.input-button-width{
    width: var(--height-custom-input);
    height: 100%;
    max-height: 100%;
}


.aside-overlay{
    z-index: 55;
    display: none;
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
}



.snapshot-select{
    display: block;
    border: 1px dashed #7C4DFF;
    background-color: transparent;
    position: absolute;
    max-width: 100%;
}




.snapshot-widget{
    pointer-events: none;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}
.snap-select{
    max-width: 100%;
    position: absolute;
    background: transparent;
    box-shadow: 
    0 0 0 10000px rgba(0, 0, 0, 0.75);
    box-sizing: border-box;
    border: 2px dashed #7C4DFF; 
}
.snap-loader{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    background: #060C32BF;
}


.btn-annotate{
    color: #015CEF;
    border: 1px solid #5B68711F;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px #5B68711F,
                0px 0px 0.67px 0px #1A202452;
}
.btn-annotate.--anotate-active{
    background-color: #015CEF;
    color: #fff;
    border-color: #015CEF;
}

.dropdown__body{
    z-index: 300 !important;
}

.tool-max-menu{
    --size-menu: max-content;
}
.tool-max-menu .tool-menu-wrapper{
    border: none;
}
.tool-max-menu .tool-menu--item + .tool-menu--item::before{
    margin: 0 !important;
}

.sidebar-left{
    z-index:50;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.sidebar-left *{
    transition: none;
}

.canva-documents--body .drop-your-file-here{
    position: absolute;
    display: flex;
    font-family: var(--fotnFamilyRaleway);
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: rgba(256, 256, 256, 0.6);
    z-index:46;
}

.annotate-widget{
    display: flex;
    align-items: center;
    gap: 6px;
}
.annotate-widget .tool-block{
    position: absolute;
    --size-menu: 310px;
    min-width: var(--size-menu);
    max-width: var(--size-menu);
}

.message-tool-block .tool-menu-wrapper{ 
    border-radius: 10px;
    white-space: normal;
    font-family: var(--fotnFamilyRaleway);
    font-size: 13px;
    color: #ffffff;
    padding: 15px;
    border: none;
    line-height: 18px;
}

.message-tool-block .tool-menu--item + .tool-menu--item::before{
    min-height: 100%;
    max-height: 100%;
    height: 100%;
}   

.message-tool-block .tool-menu,
.message-tool-block .tool-menu--item{
    align-items: unset;
}


.sidebar-left__chat-back{
    gap: 10px;
}
.folder-item__back-link{
    overflow: hidden;
}
.sidebar-left,
.sidebar-left__container{
    overflow: hidden;
}
.sidebar-left__header-link-chat,
.sidebar-left__header-title{
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar-left .sidebar-left__body,
.sidebar-left .sidebar-left__header{
    white-space: nowrap;
}
.folder-item__btn-text,
.folder-item__chat-link-text{
    flex: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.folder-item__open-list{
    overflow: hidden;
    white-space: nowrap;
}
.folder-item__chat-item{
    overflow: hidden;
}
.folder-item__chat-link{
    white-space: nowrap;
    overflow: hidden;
}

.folder-item__head,
.folder-item__btn{
    overflow: hidden;
    white-space: nowrap;
}
.z-infinite{
    z-index: 99999999 !important;
}

@media (max-width: 1439.99px) {
    :root{
        --chat-size: 380px;
    }
}

@media (max-width: 1200px) {
    
    .open-sidebar .aside-overlay{
        display: block;
    }

    .canva-documents--header{
        left: calc(var(--aside-size) + ((100vw - var(--aside-size)) / 2));
        max-width: calc(100vw - var(--aside-size) - 24px);
    }

    /* Chat Toggle Styles */
    .chat-pr{
        margin-right: 0;
    }
    .chat-pdf-layout-splitter{
        display: none;
    }
    .chat-aside{
        transform: translateX(100%);
    }
    .chat-aside .aside-button{
        display: flex;
    }
    .open-sidebar .chat-aside.active-sidebar{
        transform: translateX(0%);
    }
    /* Chat Toggle Styles */
}

@media (max-width: 575.98px) {

    :root {
        --chat-size: 100%;
    }
    .flex-576{display: flex;}
    .hidden-576{display: none;}

    .open-sidebar .chat-aside.active-sidebar .aside-button{
        display: none;
    }
}
@media (max-width: 991.98px) {
    .aside-pl{
        margin-left: 48px;
    }
    .canva-documents--header{
        left: calc(48px + ((100vw - 48px) / 2));
        max-width: calc(100vw - 64px);
    }
}

@media (min-width: 575.98px) {
    .flex-576{display: none;}
}
@media (min-width: 1200px) {
    .open-sidebar .aside-overlay{
        display: none;
    }
}