@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');

/* body .video-js .vjs-tech{
    position: initial;
} */

/*.my-video-dimensions.video-js{
    width: max-content;
    height: 100%;
    border-radius: 0.75rem;
} */


/* ul.gfield_checkbox.selectcheckbox--group-checkbox{
    padding-left: 15px;
    padding-top: 20px;
} */

.canvas-slider-overlay{
    z-index: 999;
}


.social-upload-tab-username span{
    text-wrap: auto;
}




#closeSlider{
    position: absolute;
    z-index: 99999;
    left: -40px;
    top: 13px;
}


body .BeaconFabButtonFrame{
    right: 5px;
}

/* Iframe Canvas Styles */
.is-iframe .theme_builder_side_navigation__container,
body.is-iframe .vubli-cover-loader #back_to_dashboard{
    display: none;
}

.hover-green-text{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}


body.is-iframe #visual-builder-root{
    padding: 1rem;
    padding-left: 2rem;
}
  

.hover-green-text:hover{
    color: #7dc953;
}

body.is-iframe .vubli_canvas_main{
    padding: 0px;
    gap: 32px;
}

body.is-iframe .vubli_canvas_container{
    max-width: clamp(242px, calc((100cqh - 98px) * 9 / 16), 481px);
}


#canvas-slider-iframe{
    width: 69rem;
    max-width: calc(100% - 52px);
    z-index: 9999;
}

.calendar-schedule-post.selected-order{
    background-color: #f3faf0;
}

.main-container-row.upload-entry.selected-order{
    background-color: #F7F8FA;
}


.invisible-dropdown-cover{
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999;
}

#publish-container[data-upload-status="scheduled"] .schedule-activator,
#publish-container[data-upload-status="posted"] .schedule-activator{
    display: none;
}


#publish-container[data-upload-status="scheduled"] .button-container,
#publish-container[data-upload-status="posted"] .button-container{
    z-index: 99999;
}



#publish-container[data-upload-status="scheduled"] #platform_publish_forms:before,
#publish-container[data-upload-status="posted"] #platform_publish_forms:before{
    border-top-right-radius: .375rem;
    border-top-left-radius: .375rem;
}

#publish-container[data-upload-status="scheduled"] .bottom-section:before,
#publish-container[data-upload-status="posted"] .bottom-section:before{
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: .375rem;
}


#publish-container[data-upload-status="scheduled"] .smvul-settings-handler,
#publish-container[data-upload-status="posted"] .smvul-settings-handler{
    pointer-events: none;
}


#publish-container[data-upload-status="scheduled"] .bottom-section,
#publish-container[data-upload-status="posted"] .bottom-section{
    z-index: 9999;
}

#publish-container[data-upload-status="scheduled"] #platform_publish_forms,
#publish-container[data-upload-status="scheduled"] .bottom-section,
#publish-container[data-upload-status="posted"] #platform_publish_forms,
#publish-container[data-upload-status="posted"] .bottom-section{
    position: relative;

}

#publish-container[data-upload-status="scheduled"] #platform_publish_forms:before,
#publish-container[data-upload-status="scheduled"] .bottom-section:before,
#publish-container[data-upload-status="posted"] #platform_publish_forms:before,
#publish-container[data-upload-status="posted"] .bottom-section:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 1000;
}

.schedule-activator svg{
    width: 1.75rem;
}

.schedule-activator{
    border-left: 1.5px solid #fff;
}

.px-10px{
    padding-left: 10px;
    padding-right: 10px;
}

body .auto-generate-ai-fields-container{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 27px;
    background-color: #F7F8FA;
    border-radius: 14px;
}

body .auto-generate-ai-fields-container .mt-6{
    margin-top: 0px;
}

.auto-generate-ai-fields-container h2,
.auto-generate-ai-fields-container .autosave-container{
    display: none;
}

.hover\:white-transparent:hover {
    background-color: rgb(255 255 255 / 25%);
}

.calendar-posts .upload-entry{
    z-index: 0;
}

.entry-content ul.clear-list > li{
    list-style-type: none;
}

.custom-ai-prompt-settings  details.group{
    border-bottom: 1px solid #f5f5f5;
}

.ai-item-wrapper--warning-text.text-sm{
    font-size: .875rem;
}

.custom-ai-prompt-settings button:hover{
    background-color: unset;
    color: unset;
}


.entry-content ul.clear-list{
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.custom-ai-prompt-settings textarea{
    border: 1px solid #f5f5f5;
    resize: none;
}


.green-hover-icon:hover svg{
    color: #7cc854 !important;
}


.rounded-full-main{
    border-radius: 0.75rem;
}

body .fancybox-content.floatingpopup-style-1.tailwind.thumb-picker-modal{
    padding: 14px;
    width: auto;
    border-radius: 0.75rem;
}

body .fancybox-content.floatingpopup-style-1.thumb-picker-modal .fancybox-button{
    display: none;
}

.aspect-video{
    height: 600px;
}

.iframe-wrapper {
    position: relative;
    width: 100%;
  }
  .iframe-wrapper iframe {
    display: block;            /* removes inline gap */
    width: 100%;
    height: 100%;              /* set a fixed height on the wrapper if needed */
    border: 0;
  }
  .iframe-overlay-loader {
    position: absolute; inset: 0;
    display: none;             /* toggled by JS */
    align-items: center; justify-content: center;
    background: rgba(255,255,255,.75);
    z-index: 10;
    pointer-events: none;      /* clicks pass through when visible */
  }
  .iframe-overlay-loader__box {
    min-width: 200px; padding: 12px 16px; border-radius: 12px; background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.2); display: flex; align-items: center; gap: 10px;
    font: 500 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  }
  .iframe-overlay-spinner {
    width: 20px; height: 20px; border-radius: 999px;
    border: 3px solid #e5e7eb; border-top-color: #7DC953;
    animation: vbspin .8s linear infinite;
  }
  @keyframes vbspin { to { transform: rotate(360deg); } }


.vubli-full-width-green-btn{
    border-color: #63b239; background-color: #f6fff1; color: #63b239;
}

.vubli-full-width-green-btn:hover{
    background-color: #63b239;
    color: #fff;
}

.navigation-social-tab[data-not-available="true"][data-social-nav="tiktok"]{
    display: block;
}

.video-section img{
    border-radius: 0.5rem !important; 
}

.thumb-menu-btn{
    background-color: #fff;

}

.thumb-menu ul li{
    list-style-type: none;
}

.entry-content ul.p-0{
    padding: 0px;
}

.entry-content ul.m-0{
    margin: 0px;
}

.grid-hover-action{
    top: 10px;
    width: max-content;
    height: max-content;
    right: 10px;
    /* background-color: #fff; */
    padding: 5px;
    border-radius: 21px;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 
    0 4px 8px rgba(0, 0, 0, 0.1);  */
    /* Material Design elevation */
}

body #publish-calendar .fancybox-button.fancybox-close-small{
    top: 2px;
    right: -2px;
}

.schedule-activator a.disabled{
    pointer-events: auto;
}


.error-notification .list-disc li{
    text-align: left;
}


.vubli_drawer_container .vubli-container .bottom-section .button-container a[data-button="step-3"].border-left-radius-35rem{
    border-radius: 0px;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem;
}

.vubli_drawer_container .vubli-container .bottom-section .button-container a[data-button="step-3"].border-right-radius-35rem{
    border-radius: 0px;
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
}


.calendar-popup-close.btn{
    display: block;
}

.grid-gap-2{
    grid-gap: 2px;
}

body .calendar-type .pagination {
    margin: 0 !important;
}

.page-schedule #genesis-content {
    padding-bottom: 0;
    padding-top: 33px;
}


/* .calendar-schedule-container{
    visibility: hidden;
    height: 0;
} */

#video-about--input{
    padding: 7px 10px;
}

#video-about--input:focus-visible {
    outline: none;
    border-color: #7cc854;
}

.video-about--submit .video-loader {
    height: auto;
}

.video-about--submit .video-loader .lds-ellipsis.green {
    height: 20px;
}

.video-about--submit .video-loader div > div {
    background: #fff;
}

body .fancybox-content.floatingpopup-style-1.video-about {
    width: 585px;
}

.gfield_checkbox.selectcheckbox--group-checkbox.vubli-theme li{
    padding: 10px 16px;
    margin-bottom: 0px;
    border-bottom: 1px solid #E0E6EB;
}

.gfield_checkbox.selectcheckbox--group-checkbox.vubli-theme li:hover{
    background-color: #f9fafb;
}

.gfield_checkbox.selectcheckbox--group-checkbox.vubli-theme li:last-child{
    border-bottom: 0px;
}

ul.selectcheckbox--group-checkbox{
    margin-bottom: 0px;
}

.social-dropdown-button{
    width: 172px;
}

.social-dropdown-button:focus {
    background: #f9fafb;
    color: #9ca3af;
    border: none;
    outline: 0;
}

.social-dropdown-button:hover {
    background-color: #63B336;
    color: #fff;
}

.navigation-social-tab[data-active-nav="false"][data-token-error="true"] .tcb-icon{
    color: #EF476F !important;
}

.social-upload-tab-username{
    max-width: 100%;
}

#group_checkbox_subscribers_to_tags{
    max-height: 378px;
    overflow: auto;
}


.toggle-advance-option{
    background-color: #fff;
}

.group-div.py-2.overflow-hidden{
    overflow: visible;
}

#multiple-publish-note p{
    margin-bottom: 15px;
}

.error-message-prompt{
    font-size: 16px;
    color: #ef476f;
    padding-left: 15px;
}

.error-message-prompt{
    border: 1px solid #EF486F !important;
}

.ai-item-wrapper--warning-text{
    font-size: 16px;
    color: #ef476f;
    text-align: center;
}

#history-container .bottom-column{
    overflow: auto;
}

#gravityentrytable tbody tr.main-container-row td:nth-child(5){
    width: 233px !important;
}

.thumbnail-section--wrapper img{
    width: 100px;
    height: 100px;
}

.navigation-social-tab[data-not-available="true"]{
    display: none;
}

body{
    font-family: 'Inter', sans-serif;
}

body .ck.ck-dropdown__panel{
    border-color: transparent;
}

body .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){
    border: 0px;
    box-shadow: none;
}

body .ck.ck-dropdown .ck-button.ck-dropdown__button,
body .ck.ck-list__item .ck-button{
    box-shadow: none !important;
}

.ck.ck-list__item .ck-button.ck-on .ck-button__label{
    color: #7dc953;
}

body .ck.ck-button:active,body .ck.ck-button:focus,body a.ck.ck-button:active,body a.ck.ck-button:focus{
    border-color: transparent;
}

body .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus,body .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus{
    box-shadow: none;
    border-color: transparent;
}

body .ck.ck-button.ck-on,body a.ck.ck-button.ck-on{
    background: #f9fafb;
}

body .ck.ck-button.ck-on:not(.ck-disabled):hover,body a.ck.ck-button.ck-on:not(.ck-disabled):hover{
    background: #f9fafb;
}

body .ck.ck-list__item .ck-button.ck-on:hover:not(.ck-disabled),
body .ck.ck-list__item .ck-button.ck-on,
body .ck.ck-list__item .ck-button:hover:not(.ck-disabled){
    background: #f9fafb;
    border-color: transparent;
    color: #7dc953;
    outline: 0;
}

body .ck.ck-icon.ck-icon_inherit-color,
body .ck.ck-button .ck-button__label{
    color: #0f2f4d;
}


body .ck.ck-button:not(.ck-disabled):hover,
body a.ck.ck-button:not(.ck-disabled):hover,
.ck.ck-editor__main>.ck-editor__editable:hover{
    background: #f9fafb;
}

body .ck.ck-editor__main>.ck-editor__editable{
    border-radius: 0.5rem !important;
}

.sort-order[data-order="asc"] svg{
    transform: rotate(180deg);
}

.navigation-social-tab .icon-holder{
    pointer-events: none;
}


.navigation-social-tab .smvul-settings-handler{
    position: absolute;
    pointer-events: none;
    right: 2px;
    top: 2px;
}

.navigation-social-tab[data-active-nav="true"] .smvul-settings-handler{
    pointer-events: auto;
}

.navigation-social-tab[data-social-media-availability="true"] .smvul-error-icon,
.navigation-social-tab[data-social-media-availability="false"] label{
    display: none;
}

.navigation-social-tab .smvul-settings-handler .smvul-error-icon svg{
    position: static;
    display: flex;
    background-color: #fff;
    border-radius: 50%;
}

.navigation-social-tab .icon-holder svg{
    width: 33px;
    height: 33px;
    display: flex;
}

.navigation-social-tab input[type=checkbox]:checked+label:after{
    width: 20px;
    height: 20px;
    right: 0px;
    border-radius: 50%;
}

.navigation-social-tab input[type=checkbox]:checked+label:before{
    top: -1px;
    left: 2px;
}

.navigation-social-tab label{
    width: 20px;
    height: 20px;
    padding-left: 0 !important;
}

.ck-list-bogus-paragraph{
    letter-spacing: 0px;
}

body .ck-content p{
    margin: 1em 0 !important;
}

body .ck-content h3,
body .ck-content h2,
body .ck-content h1{
    font-weight: bold;
    letter-spacing: 0px;
}

body .ck-content ul,
body .ck-content ol{
    margin: 1em 0px;
}

body .ck-content h1{
    font-size: 28px;
}

body .ck-content h2{
    font-size: 21px;
    margin: 1em 0;
}

body .ck-content h3{
    font-size: 16.38px;
    margin: 1em 0;
}


.add-new-category-form{
    width: auto;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    column-gap: 5px;
}

body .add-new-category-form input{
    width: 187px;
    max-height: 38px;
}

body .add-new-category-form input::placeholder{
    font-size: .875rem !important;
}

.navigation-social-tab-wrapper form > ul {
    margin-bottom: 0;
}


.navigation-social-tab-wrapper[data-social-tab="facebook"] form{
    margin-bottom: 20px;
}

.gfield_radio.vubli-theme{
    padding: 0px;
    display: flex;
    grid-gap: 15px;
}

.gfield_radio.vubli-theme li{
    margin-bottom:  10px;
    list-style-type: none;
}

.gfield_checkbox.vubli-theme li{
    margin-bottom:  10px;
    list-style-type: none;
}

.thumbnail-container {
    width: 100%;
    margin: 0 auto;
    max-width: 856px;
    height: 640px;
}


.thumbnail-container.thumbnail-uploader-wrapper{
    height: 0px;
    visibility: hidden;
    position: fixed;
}

.freemium-dashboard .thumbnail-container {
    max-width: none;
}

.page-upload .thumbnail-container {
    padding: 20px;
}

.publish-steps .thumbnail-container {
    border-radius: .375rem;
    padding: 0 !important;
    height: auto;
    position: relative;
}


body .vubli-frill-widget .Frill_Badge{
    top: 1px;
    right: 1px;
    background-color: #EF476F;
}

.shorcuts-canva-right-navigation .splashecons-container#icon-pub-social:hover svg path,
.shorcuts-canva-right-navigation .active .splashecons-container#icon-pub-social svg path{
    fill: #fff;
}

.gsi-material-button {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: WHITE;
    background-image: none;
    border: 1px solid #747775;
    -webkit-border-radius: 20px;
    border-radius: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    font-family: 'Roboto', arial, sans-serif;.vubli_canvas_container .video-section
    font-size: 14px;
    height: 43px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
    transition: background-color .218s, border-color .218s, box-shadow .218s;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    max-width: 400px;
    min-width: min-content;
    display: block;
  }


  .ck-content{
    line-height: 26px;
    letter-spacing: -1px;
    font-size: 16px;
    color: #0f2f4d;
  }
  
  .gsi-material-button .gsi-material-button-icon {
    height: 20px;
    margin-right: 12px;
    min-width: 20px;
    width: 20px;
  }

  .gsi-material-button .gsi-material-button-icon svg {
    height: 20px;
    width: auto;
  }
  
  .gsi-material-button .gsi-material-button-content-wrapper {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
  }
  
  .gsi-material-button .gsi-material-button-contents {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    font-family: 'Roboto', arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    letter-spacing: -0.5px;
  }
  
  .gsi-material-button .gsi-material-button-state {
    -webkit-transition: opacity .218s;
    transition: opacity .218s;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .gsi-material-button:disabled {
    cursor: default;
    background-color: #ffffff61;
    border-color: #1f1f1f1f;
  }
  
  .gsi-material-button:disabled .gsi-material-button-contents {
    opacity: 38%;
  }
  
  .gsi-material-button:disabled .gsi-material-button-icon {
    opacity: 38%;
  }
  
  .gsi-material-button:not(:disabled):active .gsi-material-button-state, 
  .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
    background-color: #303030;
    opacity: 12%;
  }
  
  .gsi-material-button:not(:disabled):hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    color: #1f1f1f;
  }
  
  .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
    background-color: #303030;
    opacity: 8%;
  }
  
.main-styled-text.upload-form-box__form__title{
    font-size: 20px;
    letter-spacing: 0px;
    color: #0F2F4D;
}

.vubli_drawer_container > div .top-section .title.publish-label {
    font-size: 16px;
    letter-spacing: 0px;
    margin-bottom: 0px;
}
.upload-form-box[data-access-token="true"] .upload-form-box__social_media{
    display: none;
}

.upload-form-box .upload-form-box__social_media {
    display: none;
}

.upload-form-box[data-access-token="true"] .upload-form-box__form{
    display: block;
    z-index: 1;
    position: relative;
}


.vubli-cover-loader{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}

#publish-container [data-button="hidden"], #promote-container [data-button="hidden"]{
    display: none;
}

.bubble-color-preset__option{
    width: 46px;
    height: 46px;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid transparent;
}

.sub-content{
    display: flex;
    align-items: center;
    grid-gap: 15px;
}

.main-styled-text.thumbnail-limit-text{
    font-size: 14px;
    margin-top: 10px;
}

.data-status:before{
    content: '';
    position: absolute;
    height: 16px;
    width: 1px;
    background-color: #64829B;
    left: -8px;
    transform: translateY(-50%);
    top: 50%;
}

.data-status[data-status="processing"]{
    color: #EF476F;
}

.data-status[data-status="ready to publish"]{
    color: #E4CC37;
}

.data-status[data-status="published"]{
    color: #7CC854;
}


.data-status{
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -1px;
}

.upload-processing-box__processing{
    margin-top: 25px;
}

.upload-processing-box__desc{
    margin-top: 15px;
    margin-bottom: 35px;
}

a.upload-processing-box__upload{
    font-size: 16px;
    letter-spacing: -1px;
    border-bottom: 1px solid #A2B4C3;
}

.upload-processing-box{
    font-family: 'Inter', sans-serif;
    width: 465px;
    height: 412px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 20px;
    border: 1px solid var(--92-greyscale-200, #E0E6EB);
    margin: 100px auto 0 auto;
    max-width: 100%;
}


.video-preview-controller,
.preview-thumbnail img{
    max-width: 100%;
    height: 100%;
}


.circular-green-check svg{
    font-size: 97px;
    background: #7cc854;
    color: #fff;
    border-radius: 1000%;
    padding: 4px;
}

.circle-icon{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    padding: 3px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-icon--green{
    position: absolute;
    top: -15px;
    right: -11px;
    background-color: #7cc854;
    display: none;
}

[data-thumbnail-selected="true"] .circle-icon--green{
    display: flex;
}

.remove-thumbnail{
    position: absolute;
    top: -14px;
    left: -11px;
    cursor: pointer;
    display: none;
    z-index: 9999;
}

.circle-icon--red{
    background-color: rgba(243,119,149);
}

.thumbnail-section--wrapper:hover .circle-icon--red{
    display: flex;
}

.thumbnail-section--wrapper:hover{
    outline: 4px solid #7cc854;
}

.thumbnail-section--wrapper{
    position: relative;
    cursor: pointer;
}

.primary-green-outline{
    border-radius: 0.375rem;
}

.thumbnail-section--wrapper[data-thumbnail-selected="true"]{
    outline: 4px solid #7cc854;
}

.cvp-uploader__row{
    width: max-content;
    margin: 0 auto;
}


.uploadcare--tab__header,
.uploadcare--preview__back{
    display: none;
}

.uploadcare--progress_type_canvas{
    width: 100px;
    height: 100px;
}


.video-section video{
    height: 100%;
    border-radius: 0.75rem;
}

.video-section video#vubli-flyr-video{
    border-radius: 0;
}

.video-section .plyr{
    border-radius: 0.75rem;
}

.navigation-social-tab .gfield_checkbox,
.navigation-social-tab .gfield_checkbox li{
    margin-bottom: 0px;
}

.navigation-social-tab .gfield_checkbox{
    pointer-events: none;
}



#icon-tailwind-instagram circle.insta-circle {
    fill: transparent;
}

#icon-tailwind-instagram {
    background: rgb(153,14,216);
    background: linear-gradient(222deg, rgba(153,14,216,1) 0%, rgba(248,174,14,1) 100%);
    border-radius: 1000px;
}

#icon-tailwind-instagram svg {
    fill: #fff;
}

.navigation-social-tab[data-active-nav="false"] #icon-tailwind-instagram {
    background: #F3F4F6 !important;
}

.navigation-social-tab[data-active-nav="false"] .tcb-icon {
    color: #e9eaea !important;
}

.navigation-social-tab .gfield_checkbox li{
    grid-gap: 15px;
}

.connect-icon svg {
    width: 33px;
    height: 33px;
}

.navigation-social-tab li > div{
    pointer-events: auto;
}

.smvul-error-icon svg{
    font-size: 26px;
}

.social-media-upload{
    width: 100%;
    height: 100%;
}

.editing-option-box__help:hover svg{
    color: #7CC854;
}


.editing-option-box__help[data-slide-pointer="0"],
.editing-option-box__help[data-slide-pointer="1"]{
    pointer-events: auto;
}


.headless-sky_wrapper .snippets-details-paragraph textarea{
    height: 142px !important;
}


.thumbnail-text{
    display: none;
}

.gform_legacy_markup_wrapper ul.gfield_checkbox li.thumbnail-text{
    padding: 0px !important;
    width: 100%;
    overflow: unset;
    padding-top: 10px !important;
}

.shorcuts-canva-left-navigation {
    position: fixed;
    flex-direction: column;
    z-index: 9999;
    row-gap: 0;
    margin-top: 0;
    top: 0;
    left: 0;
}

body.vubli-transcript-processing #icon-arrow_back-duotone svg {
    fill: #fff;
}

.splasheo-hover svg{
    display: flex;
}


.splasheo-hover.splasheo-hover__medium:before{
    width: 80%;
    height: 80%;
}


.shorcuts-canva-left-navigation .theme_builder_side_navigation__container:nth-child(2){
    display: none;
}


.gform_legacy_markup_wrapper.headless-sky_wrapper .gform_heading{
    display: none;
}

.editing-option-box__label-side-text{
    color: #EF476F;
    font-size: 15px;
}

.editing-option-box__label{
    column-gap: 7px;
}

.editing-option-box__label svg{
    font-size: 20px;
    display: flex;
}

.shortcuts-canva .cmxform{
    display: none;
}

body.canva-submit-disabled .rounded-checkbox .ginput_container_checkbox ul li:not(.gchoice--disabled) input[type=checkbox]:checked+label:after{
    background-color: #7cc854;
    border-color: #7cc854;
}

body.canva-submit-disabled .rounded-checkbox li:not(.gchoice--disabled) input[type=checkbox]:checked+label:before{
    color: #fff;
    border-color: #fff;
}

.canva-submit-disabled .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container,
body.canva-submit-disabled .rounded-checkbox .ginput_container_checkbox ul li{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.canva-submit-disabled .rounded-checkbox .ginput_container_checkbox ul li:hover{
    background-color: rgba(255, 255, 255, 0.1);
}

body.canva-submit-disabled .gchoice--disabled .editing-option-box{
    color: #fff;
}

body.canva-submit-disabled #caption-style-list .caption-styles-icons:hover:before{
    background-color: transparent;
    border-color: #fff;
}

body.canva-submit-disabled .caption-styles-icons .select-video-layout{
    background-color: transparent;
    border-color: #fff;
}


/* shortcut bugs */
body.canva-submit-disabled.template-choice-shortcuts .select-video-layout .active-check-detector{
    background-color: white;
}

/* shortcut bugs */
body.canva-submit-disabled.template-choice-shortcuts .select-video-layout .active-check-detector svg{
    color: #0f2f4d;
}

body.canva-submit-disabled .rounded-checkbox .ginput_container_checkbox ul li:hover label:after{
    background-color: rgba(255, 255, 255, 0.1);
}

/* shortcuts bug */
body.canva-submit-disabled.template-choice-shortcuts .formidable-tab-style_wrapper .ginput_container input,
body.canva-submit-disabled.template-choice-shortcuts .formidable-tab-style .ginput_container_textarea textarea{
    background-color: rgba(255, 255, 255, 0.1);
    border: transparent;
    color: #fff;
}


body.canva-submit-disabled.template-choice-shortcuts .headlesss-sky{
    background-color: transparent;
}

body.canva-submit-disabled.template-choice-shortcuts .bubble-color-preset::after{
    background-color: rgba(255, 255, 255, 0.1);
}

body.canva-submit-disabled.template-choice-shortcuts #add-new-theme{
    width: 291px;
    max-width: 100%;
}





/* Jquery UI Select */
body span.ui-selectmenu-button {
    margin-bottom: 10px;
    padding: 10px 15px;
    border-radius: 4px;
    background: #ffff;
    color: #0F2F4D;
    border-color: #e0e6eb;
}

body span.ui-selectmenu-button:hover,
body span.ui-selectmenu-button:focus {
    background: #e0e6eb;
}

body .ui-selectmenu-menu {
    padding: 0;
}

body .ui-selectmenu-menu ul {
    border: 1px solid #e0e6eb !important;
    border-radius: 4px !important;
}
    
body .ui-selectmenu-menu.ui-front > ul[role=listbox] {
    padding: 0;
    margin: 0;
    font-size: 16px;
}

body .ui-selectmenu-menu.ui-front .ui-menu-item .ui-menu-item-wrapper {
    padding: 6px 16px;
    font-size: 16px;
}

body .ui-selectmenu-menu.ui-front .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background-color: #f7f8fa;
    color: #0F2F4D;
}

/* Jquery UI Select End */





/* body.canva-submit-disabled .left-position-drawer.order-sidedrawer{
    background: transparent;
    } */

    body.canva-submit-disabled.template-choice-shortcuts .formidable-tab-style .top_label .gfield_label,
    body.canva-submit-disabled.template-choice-shortcuts .primary-label{
        color: #fff;
    }

    body.canva-submit-disabled.template-choice-shortcuts .thumbnail-upload-container .file-details{
        color: #fff;
    }

    body.canva-submit-disabled .bubble-color-preset__option:hover,body.canva-submit-disabled .bubble-color-preset__option.active{
        border-color: #fff;
    }

    body.canva-submit-disabled.template-choice-shortcuts .gfield_radio li input[type=radio]+label{
        color: #fff;
    }   

    .shortcut-theme-builder .drawer-option-label{
        background-color: #0f2f4d;
    }

    .shortcut-theme-builder .drawer-option-label svg,
    .shortcut-theme-builder .drawer-option-label .main-styled-text{
        color: #fff;
    }

    .cvp-footer.cvp-footer--shortcuts{
        background-color: #0f2f4d;
    }

    .headline-drawer-divider--choose-options{
        padding-left: 15px;
        padding-right: 17px;
    }

    .theme_builder_side_navigation {
        position: fixed;
        width: 80px;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 99;
        background-color: #fff;
        padding-top: 17px;
    }

    .drawer-option-label{
        position: sticky;
        top: 0;
        z-index: 9999999;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #fff;
        display: none;
        text-align: center;
        height: 40px;
        justify-content: center;
        align-items: center;
    }

    .drawer-option-label .main-styled-text{
        letter-spacing: -1.3px;
    }

    .drawer-option-label .icon-btn--left{
        position: absolute;
        left: 14px;
    }

    .theme_builder_side_navigation__s1{
        margin-bottom: 30px;
    }

    .gform_legacy_markup_wrapper .rounded-checkbox ul.gfield_checkbox li input[type=checkbox]:checked+label{
        font-weight: normal;
    }

    .gchoice--disabled .editing-option-box{
        font-weight: normal;
        color: #839BAF;
    }

/* .canva-submit-disabled .rounded-checkbox .ginput_container_checkbox ul .gchoice--disabled input[type=checkbox]:checked+label:after{
    border-color: #0F2F4D;
    background: #0F2F4D;
    } */

    .gchoice--disabled{
        background: #F7F8FA;
        pointer-events: none;
    }

    .gchoice--disabled{
        background: rgba(255, 255, 255, 0.1);
    }


    .editing-option-box__subtext{
        color: #839BAF;
        font-size: 13px;
    }

    .editing-option-box--red-subtext .editing-option-box__label{
        display: flex;
        align-items: center;
        column-gap: 5px;
    }

    .bubble-color-preset__option:hover,
    .bubble-color-preset__option.active{
        border: 2px solid #7CC854;
    }

    .bubble-color-preset{
        padding-bottom: 30px;
        position: relative;
    }

    .bubble-color-preset__label{
        margin-bottom: 11px;
    }

    .bubble-color-preset__list{
        display: flex;
        flex-wrap: wrap;
        column-gap: 14px;
        row-gap: 14px;
        justify-content: center;
    }

    .bubble-color-preset::after{
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #E0E6EB;
        bottom: 0;
    }

    .shortcuts-style li.gfield input,
    .shortcuts-style li.gfield select {
        height: 56px;
    }


    .bold-type-checkbox .gchoice{
        padding: 0px;
    }

    .snippets-subdrawer{
        display: none;
    }

    .vsp-skeleton-frame{
        border-radius: 8px;
    }

    .shortcuts-canva .cmxform{
        margin-bottom: 50px;
        position: static;
        transform: none;
    }

    .shortcuts-canva .cmxform .splasheo-error{
        position: static;
    }   

    .horizontal-scroll {
        overflow-x: auto;
    }

    [data-ondemandshortcuts-id="credits_be_used"] {
        font-weight: 700;
    }

    .order-sidedrawer[data-template-choice="shortcuts"] .visual-preview-setting__col {
        padding-bottom: 0;
    }

    .order-score-list>div:last-child {
        font-weight: 700;
    }

    body .order-score-list {
        line-height: 1.5;
    }

    .label_ondemand-shortcut-rush {
        font-weight: 400;
        font-size: 18px;
    }

    input[type="checkbox"]:not(:checked)+label#label_ondemand-shortcut-rush:after {
        border: 1px solid #0f2f4d;
    }

    .label_text_ondemand-shortcut-rush {
        font-weight: 400;
        font-size: 18px;
        line-height: 1;
    }

    .canva-submit-disabled #add-new-theme {
        margin-right: 0;
    }

    .btn#request-video-order {
        padding: 8.5px 41px;
    }

    body.page-shortcuts #genesis-content {
        padding-top: 24px;
    }

    .shortcuts-style li.gfield .ui-selectmenu-button {
        line-height: 3;
    }

    body .gform_wrapper.gravity-theme .gform_footer input+input {
        margin-left: 0;
    }

    .section-style-modal.greyed-body .body-section {
        background-color: #f7f8fa;
        padding: 31px;
    }

    .section-style-modal .footer-section .btn {
        width: 100%;
        font-size: 24px;
        padding: 16.5px 26px;
    }

    .section-style-modal .footer-section {
        padding: 32px 24px;
    }

    body.canva-submit-disabled,
    body.canva-submit-disabled .theme_builder_side_navigation {
        background-color: #0f2f4d;
    }

    body.canva-submit-disabled .theme_builder_side_navigation__label-icon svg {
        color: #fff !important;
    }

    body.canva-submit-disabled .main-upload-container__grey-close-btn:before {
        background-color: rgba(255, 255, 255, 0.1);
    }

    body.canva-submit-disabled #splasheo-canva-name {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
        border: 0;
    }

    body.canva-submit-disabled .main-upload-container__grey-close-btn svg {
        color: #fff !important;
    }

    .shortcuts-icon-setting:not(.shortcuts-downloadable__inactive):hover .aspect-ratio-navigation,
    .shortcuts-navigation .shortcuts-icon-setting.__in-active .shortcuts-p-icon .aspect-ratio-navigation {
        border-color: #7cc854;
    }

    .shortcuts-navigation .shortcuts-icon-setting.__in-active .shortcuts-p-icon {
        border: 2px solid #7cc854;
        background-color: #fff;
        border-radius: 4px;
    }

    #repurpose-raw-form .splasheo-canva {
        width: 233px !important;
    }

    .aspect-ratio-navigation {
        width: 21px;
        height: 21px;
        border: 2px solid #333;
        border-radius: 3px;
        pointer-events: none;
        border-radius: 4px;
    }

    .aspect-ratio-navigation[data-navigation-icon="landscape"] {
        width: 32px;
    }

    .aspect-ratio-navigation[data-navigation-icon="portrait"] {
        height: 32px;
    }

    .aspect-ratio-navigation[data-navigation-icon="4to5"] {
        height: 26px;
    }

    .remove-aspect-navigation .order-confirmation-lightbox__body {
        display: block;
    }

    .order-sidedrawer[data-template-choice="shortcuts"] .aspect-ratio-nav-controller,
    .remove-aspect-navigation .order-confirmation-lightbox__body .order-confirmation-lightbox__col:nth-child(2),
    .video-order-details__row[data-field-slug="raw-transcript"] {
        display: none;
    }

    .vsf-main-logo.show-main-logo {
        visibility: visible !important;
    }

    .invisible-indicator:after,
    .vsf-main-logo.show-main-logo:after {
        content: "";
        position: absolute;
        border: 3px dotted #7cc854;
        top: -3px;
        left: -3px;
        right: -3px;
        bottom: -3px;
    }

    .headline-shortcut-notifier {
        position: relative;
        width: 80px;
        height: 40px;
        left: 15px;
        top: 10px;
    }

    .caption-styles-icons svg {
        width: 195px;
        max-height: 105px
    }

    #caption-style-list {
        width: 100%;
        padding-top: 64.5px;
        padding-left: 40px;
        padding-right: 40px;
    }

    #caption-list-divider .os-body #caption-style-list {
        position: relative;
        padding-bottom: 30px;
        box-sizing: border-box;
        /* overflow-y: scroll; */
    }

    .caption-styles-icons {
        width: max-content;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 24px;
    }

    .caption-styles-icons .select-video-layout {
        border-width: 2px;
        border-radius: 0;
        background-color: #f3faf0;
        z-index: -1;
    }

    .caption-styles-icons .select-video-layout .active-check-detector {
        width: 24px;
        height: 24px;
    }

    .caption-styles-icons .select-video-layout .active-check-detector svg {
        font-size: 20px;
    }

    .headless-sky .gfield_label {
        margin-bottom: 16px;
    }

    .shortcut-step-navigator[data-active="false"] {
        pointer-events: none;
    }

    .shortcuts-caption.activemode {
        position: absolute;
    }

    #cfp-footer {
        height: 72.4px;
    }

    .uploadcare--panel {
        padding: 90px 50px;
        align-items: center;
    }

    body .shortcuts {
        width: 292.5px;
        height: 520px;
    }

    .cutaway-field {
        position: relative;
        background-color: #fff;
        text-align: right;
    }

    .cutaway-uploader {
        display: inline-block;
        text-align: right;
    }

    .cutaway-uploader-con {
        padding-left: 10px;
        padding-right: 10px;
    }

    .revision-image-box:hover .revise-image-shadow {
        background: rgba(1, 1, 1, 0.4);
    }

    .uploadcare--panel__message_hidden,
    .uploadcare--panel__show-files[disabled="disabled"] {
        color: #a1b3c2 !important;
    }

    .uploadcare--button:disabled,
    .uploadcare--button[aria-disabled="true"] {
        border-color: #a1b3c2 !important;
    }

    .uploadcare--button_primary:disabled,
    .uploadcare--button_primary[aria-disabled="true"] {
        background: #a1b3c2 !important;
        border-color: #a1b3c2 !important;
    }

    .revisionform {
        background-color: #fff;
    }

    .revise-image-shadow {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(1, 1, 1, 0.1);
        border-radius: 4px;
    }

    .uploadcare--tab__header {
        padding-left: 53px;
    }

    .uploadcare--file:hover {
        background-color: #f7f8fa;
    }

    .uploadcare--file__progressbar .uploadcare--progressbar__value,
    .uploadcare--file_status_uploading .uploadcare--file__preview {
        background-color: #7cc854;
        color: #7cc854 !important;
    }

    .uploadcare--button {
        font-family: 'Inter', sans-serif;
        color: #0f2f4d;
        letter-spacing: -1.33px;
        line-height: 1.3;
        font-size: 18px;
    }

    .uploadcare--button.uploadcare--preview__done {
        color: #fff;
    }

    .uploadcare--button_primary {
        background: #7cc854;
        border-color: #7cc854;
        color: #fff;
        font-weight: 700;
    }

    .mr-15 {
        margin-right: 15px;
    }

    .revision-display-icon svg {
        color: #0f2f4d;
        font-size: 27px;
    }

    .revision-image-box:hover .revision-settings-icon.hidden {
        display: block;
    }

    .revision-image-box:hover {
        background-color: #0f2f4d;
    }

    .revision-image-box:hover .revision-display-icon {
        display: none;
    }

    .delete-revision-attachment svg {
        font-size: 27px;
    }

    .float-left {
        float: left;
    }

    .file-list {
        float: left;
        display: flex;
        grid-gap: 8px;
        border-radius: 4px;
    }

    .image-revision-title {
        padding: 4.5px 20px;
        border-radius: 4px;
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
        position: absolute;
        top: -38px;
        background-color: #7cc854;
        visibility: hidden;
    }

    .image-revision-title.main-styled-text {
        color: #fff;
    }

    .revision-image-box:hover .image-revision-title {
        visibility: visible;
    }

    .delete-revision-attachment {
        width: max-content;
        background-color: #7cc953;
        padding: 6px 10px;
        border-radius: 8px;
        position: absolute;
        bottom: -36px;
        left: 50%;
        column-gap: 10px;
        z-index: 9;
        transform: translateX(-50%);
    }

    .delete-revision-attachment svg {
        color: #fff;
    }

    .float-right {
        float: right;
    }

    .delete-revision-attachment .main-styled-text {
        color: #fff;
        font-size: 16px;
        letter-spacing: -1px;
        line-height: 1.5;
    }

    .revision-image-box {
        position: relative;
        width: 40px;
        height: 40px;
        background-color: #eff2f5;
        border-radius: 4px;
        cursor: pointer;
        margin-bottom: 15px;
    }

    .revision-settings-icon {
        color: #fff;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
        font-size: 25px;
        border-radius: 50%;
        line-height: 0;
    }

    .revision-image-box:hover .revision-settings-icon svg {
        background: rgb(255, 255, 255, 0.25);
        border-radius: 50%;
    }

    .clipboard-notif {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 30px 165px;
        border: 2px solid #7cc854;
        box-shadow: 0px 2px 28px 0 rgb(0 0 0 / 16%);
        background-color: #fff;
        z-index: 99999999;
        width: max-content;
        max-width: 100%;
    }

    .mb-80 {
        margin-bottom: 80px;
    }

    .splash-text-extrabold {
        font-size: 36px;
        color: #0f2f4d;
        font-weight: 800;
        letter-spacing: -2;
    }

    #gform_submit_button_50 {
        width: 100%;
    }

    #rev-submission-form {
        width: 500px;
        margin: 0 auto;
        text-align: center;
        max-width: 100%;
    }

    .page-template-checkoutv2-page #genesis-content {
        padding: 0;
        min-height: calc(100vh - 60px);
        display: flex;
        justify-content: center;
    }

    .main-styled-text.revert-settings__content {
        letter-spacing: normal;
    }

    body.canva-submit-disabled .gform_wrapper .formidable-tab-style ul.gform_fields li.gfield.background-music-track {
        padding-top: 0;
        margin-top: 0;
    }

    body .fancybox-content.section-style-modal {
        overflow: unset;
        width: 672px;
        padding: 0;
        border-radius: 8px;
    }

    .section-style-modal .header-section {
        padding-top: 23px;
        padding-bottom: 18px;
    }

    .section-style-modal h1 {
        font-weight: 800;
        letter-spacing: -2px;
        color: #0f2f4d;
        text-align: center;
    }

    .premium-grey .gform-body {
        padding: 32px 23px;
        background-color: #eff2f5;
    }

    .main-container-row .status .order-status-revise-icon svg {
        color: #e4cc37;
    }

    .order-sidedrawer.premium-drawer.active, .order-sidedrawer.visual-preview-setting-drawer.active {
        left: initial;
        z-index: 99;
    }

    .canva-checkout .fancybox-slide--iframe .fancybox-content {
        width: 928px;
        max-width: 100%;
    }

    span.podcast-audio {
        background-image: url("../images/unnamed.png");
        display: none;
        height: 57px;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 auto;
        background-position: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
        width: 302px;
    }

    span.podcast-audio.activemode {
        position: absolute;
    }

    .image-talent-handle-sub {
        font-size: 18px;
    }

    body .activemode.quote-icon {
        position: absolute;
    }

    .splashify {
        display: none;
        max-width: 100%;
    }

    #free-subsciption-success .btn.extra-large {
        padding: 12px 93px;
    }

    .preload-only #vsp-theme-tab .canva-wrapper {
        height: calc(100vh - 74px);
    }

    .Image-frame-container[data-outline="false"] .stock-head-outline {
        background-color: transparent;
    }

    .Image-frame-container[data-image-shadow="false"][data-talent-outline="false"] img,
    .Image-frame-container[data-outline="false"] .talent-body-main-v2 {
        filter: none;
    }

    .order-preview-wrapper[data-video-availability="true"] .video-preview-controller .pink-button {
        display: inline-flex;
    }

    .disabled {
        opacity: 0.5;
        pointer-events: none;
    }

    .video-preview-controller[data-order-category="image"] .vsp-skeleton-frame {
        margin: 0 auto;
        border-radius: 8px;
    }

    .video-preview-controller .vsp-skeleton-frame,
    .video-preview-controller img {
        border-radius: 8px;
        margin: 0 auto;
    }

    #video-canva-builder-tab {
        min-height: 373.19px;
        padding: 0;
    }

    #main-upload-container__grey-back-btn svg {
        font-size: 23px;
    }

    .btn.outline.upload-btn:before,
    .video-submission-inactive #field_45_270,
    .video-submission-inactive #field_45_271,
    .video-submission-inactive #field_45_272,
    .video-submission-inactive #field_45_289,
    .video-submission-inactive #field_45_290,
    .video-submission-inactive #field_45_291,
    .video-submission-inactive #field_45_292,
    .video-submission-inactive #field_45_293,
    .video-submission-inactive #field_45_294,
    .video-submission-inactive #field_45_301,
    .video-submission-inactive .hook-video-input,
    .video-submission-inactive .upload-btn,
    .video-submission-inactive .video-field-wrapper {
        display: none;
    }

    .order-controller .ui-widget-content[aria-hidden="true"] {
        display: block !important;
        position: absolute;
        visibility: hidden;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .splashify-canva-controller[data-controller-aspect-ratio="portrait"] .layer-shadow {
        border-radius: 13px;
    }

    .splashify-canva-controller[data-controller-aspect-ratio="portrait"] .select-video-layout {
        border-radius: 18px;
    }

    .splashify-canva-controller[data-controller-aspect-ratio="4to5"] .layer-shadow {
        border-radius: 10px;
    }

    .search-entry-container svg.tcb-icon[data-id="icon-close-duotone"] {
        right: 0;
        color: #0f2f4d;
        padding: 0 9.5px;
        cursor: pointer;
        display: none;
    }

    /* .video-preview-controller .pink-button {
        display: none;
    } */

    .video-preview-controller[data-video-availability="true"] .pink-button {
        display: inline-flex;
    }

    .order-controller .splasheo-canva {
        margin: 0 auto;
    }

    body .ui-tabs .ui-tabs-panel {
        padding: 0;
    }

    .video-detail-container {
        display: grid;
        column-gap: 5px;
        grid-template-columns: repeat(3, 1fr);
        max-width: 100%;
    }

    .splashify-canva .fields {
        display: none;
    }

    .admin-bar .vh100 {
        height: calc(100vh - 32px);
    }

    select {
        height: 40px;
        outline: 0;
    }

    .save-as-theme .s2 {
        display: none;
    }

    #cfp-footer .btn {
        display: inline;
    }

    #add-new-theme {
        margin-right: 16px;
    }

    .canva-wrapper .splashify-canva-controller {
        position: relative;
        margin-top: 15px;
    }

    .canva-wrapper .splashify-canva-controller:last-child,
    .talent-upload-wrapper {
        margin-bottom: 15px;
    }

    .canva-wrapper {
        overflow-y: auto;
    }

    .post-loading {
        padding-top: 5px;
    }

    .splashify-canva-actions {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .splashify-canva-actions .s1 {
        margin-bottom: 13px;
    }

    .splashify-canva-actions .s2 .btn {
        width: 112px;
        display: block;
        padding: 7px 0;
        font-size: 16px;
    }

    .btn.outline.danger,
    body .ui-widget-content a.btn.outline.danger{
        color: #ef476f;
        background-color: #fff;
        outline-color: #ef476f;
        border-color: #ef476f;
    }

    .btn.outline.danger:hover {
        background-color: #ef476f;
        color: #fff;
        border-color: #ef476f;
    }

    .splashify-canva-actions .s2 .btn:not(:last-child) {
        margin-bottom: 8px;
    }

    .image-frame-client-img.disabled {
        display: none;
    }

    .Image-frame-container[data-talent-file="true"] .talent-head-image-bg span {
        background-image: url("https://v1.vubli.ai/wp-content/plugins/splasheo-core/images/image-upload-head-v2-@2x.png");
    }

    .Image-frame-container[data-talent-file="true"] .talent-body-image-bg span {
        background-image: url("https://v1.vubli.ai/wp-content/plugins/splasheo-core/images/image-upload-body-v2-@2x.png");
    }

    .Image-frame-container[data-talent-file="true"] .quote-talent-body-image-bg span {
        background-image: url("https://v1.vubli.ai/wp-content/plugins/splasheo-canvas/images/image-upload-body-quota-v2@2x.png");
    }

    .quote-icon {
        position: absolute;
        top: -39px;
        left: -8px;
    }

    .quote-layout .image-frame-header {
        background: 0 0;
        text-align: left !important;
        padding: 0;
        width: 378px;
    }

    .quote-layout .image-frame-header span {
        font-size: 34px;
        line-height: 1.079;
        letter-spacing: -2.11px;
    }

    .quote-layout[data-aspect-ratio="landscape"] .image-frame-header span {
        font-size: 36px;
    }

    .splasheo-canva .quote-layout.Image-frame-container {
        padding-left: 50px;
        padding-top: 69px;
        background-size: cover;
        background-position: center;
    }

    .quote-layout .image-frame-clientname {
        position: relative !important;
        top: 0;
        margin-left: inherit;
        border-radius: 0;
        background: 0 0;
        padding: 0;
        width: 210px;
    }

    .quote-layout .image-frame-clientname span {
        font-size: 30px;
        letter-spacing: -1.67px;
        line-height: 1.067;
    }

    .quote-icon svg {
        width: 244px;
        height: 218px;
        color: #e6e9ee;
        fill: currentColor;
    }

    .quote-layout .image-frame-client-img {
        bottom: -61px;
        left: unset;
        right: -95px;
        width: 385.19px;
        height: 378.19px;
    }

    .quote-layout .image-frame-client-img .talent-head {
        top: -26px;
        left: 52%;
        transform: translate(-50%, 0);
        width: 219.1px;
    }

    .quote-layout[data-aspect-ratio="square"] img.talent-body-outline {
        transform: scale(0.98);
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="landscape"] {
        padding-top: 96px;
        padding-left: 86.5px;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="landscape"] .quote-icon {
        top: -5px;
        left: 24px;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="landscape"] .image-frame-header {
        margin-left: inherit;
        width: 401px;
        border-radius: 0;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="landscape"] .image-frame-clientname span {
        font-size: 30px;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="landscape"] .image-frame-client-img {
        width: 458.74px;
        right: -6px;
        bottom: -19px;
        height: 455.92px;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="landscape"] .image-frame-client-img .talent-head {
        width: 252.87px;
        left: 53%;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="landscape"] img.talent-body-main-v2 {
        filter: drop-shadow(7px -3px 0px #fff) drop-shadow(-8px -5px 0 #fff);
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="landscape"] .talent-body.activemode .talent-body-outline {
        -webkit-filter: drop-shadow(11px 1px 0 #9a9ea1) drop-shadow(-4px -5px 0 #9a9ea1) !important;
        filter: drop-shadow(11px 1px 0 #9a9ea1) drop-shadow(-4px -5px 0 #9a9ea1) !important;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="portrait"] {
        padding-left: 25px;
        padding-top: 52px;
        padding-right: 25px;
    }

    .quote-layout[data-aspect-ratio="portrait"] .image-frame-header {
        width: auto;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="portrait"] .image-frame-header span {
        font-size: 28px;
        letter-spacing: -1.76px;
        line-height: 1.188;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="portrait"] .quote-icon {
        top: -20px;
        left: -35px;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="portrait"] .image-frame-clientname span {
        font-size: 24px;
        letter-spacing: -1.33px;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="portrait"] .image-frame-client-img {
        width: 293.19px;
        height: 328.19px;
        bottom: -34px;
        left: unset;
        right: 15%;
        transform: translate(50%, 0);
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="portrait"] .talent-head {
        top: 0;
        left: 51%;
        width: 179.1px;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="portrait"] img.talent-body-main {
        filter: drop-shadow(-5px 6px 0px #fff) drop-shadow(0px -6px 0 #fff);
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="portrait"] img.talent-body-main-v2 {
        filter: drop-shadow(-5px 6px 0px #fff) drop-shadow(0px -6px 0 #fff);
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="4to5"] {
        padding-left: 24px;
        padding-top: 56px;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="4to5"] .image-frame-header {
        width: 257px;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="4to5"] .image-frame-header span {
        font-size: 30px;
        letter-spacing: -2.11px;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="4to5"] .image-frame-clientname span {
        font-size: 29px;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="4to5"] .image-frame-client-img {
        width: 374.2px;
        height: 366.53px;
        left: 80%;
        transform: translate(-50%, 0);
        bottom: -27px;
    }

    .quote-layout.Image-frame-container[data-aspect-ratio="4to5"] img.talent-body-outline {
        transform: scale(0.99);
    }

    .splash-tab-style.ui-widget.ui-widget-content {
        border: 0;
    }

    .purdy .vfs-title {
        width: 100%;
        z-index: 1;
        justify-content: flex-start;
    }

    .vfs-purdy-head {
        position: absolute !important;
        width: 100%;
        height: 100%;
        left: 0;
    }

    .quote-layout.v2 .quote-icon {
        top: 20px;
        left: -16px;
        z-index: -1;
    }

    .quote-layout.v2 .stock-head-outline {
        margin: 0;
        width: 100%;
        height: 100%;
        transform: scale(1.13);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .quote-layout.v2 .false.dropshadow_false .stock-head-outline,
    .quote-layout.v2 .false.dropshadow_true .stock-head-outline {
        transform: scale(1);
    }

    .quote-layout.v2 .image-frame-client-img.false .stock-head-outline {
        background-color: #fff !important;
    }

    .quote-layout.v2 .image-frame-client-img .talent-head>div {
        height: 100%;
    }

    .quote-layout.v2 .image-frame-client-img {
        position: relative;
        left: unset;
        right: unset;
        bottom: unset;
        margin-right: 18px;
        height: 72px;
        width: 72px;
    }

    .quote-layout.v2 .image-frame-client-img .talent-head {
        top: unset;
        left: unset;
        transform: none;
        position: relative;
        width: 72px;
        height: 100%;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="portrait"] .image-frame-client-img .talent-head {
        width: 65px;
    }

    .quote-layout.v2 .talent-name-image-cont {
        display: flex;
        align-items: center;
        margin-top: 64px;
        margin-bottom: 22px;
    }

    .quote-layout.v2 .image-frame-clientname {
        margin-top: 0;
        width: 300px;
    }

    .image-talent-handle {
        width: 300px;
        position: relative;
        min-height: 30px;
    }

    .splasheo-canva .quote-layout.v2.Image-frame-container {
        padding-left: 62px;
        z-index: 0;
    }

    .quote-layout.v2 .image-frame-content span {
        font-size: 20px;
        letter-spacing: -1.11px;
        line-height: 1.2;
    }

    .quote-layout.v2 .image-frame-header span {
        font-size: 27px;
        line-height: 1.43;
        letter-spacing: -1.56px;
        font-style: unset;
    }

    .quote-layout.v2 .image-frame-client-img .talent-head>div {
        text-align: center;
    }

    .quote-layout.v2 .talent-head-image-bg {
        padding: 0;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        height: 72px;
    }

    .quote-layout.v2[data-talent-file="true"] .talent-head-image-bg {
        background-image: none !important;
    }

    .v2.Image-frame-container .vsf-main-logo {
        background-position: bottom center;
        width: 93.2px;
        left: 50%;
        right: unset;
        transform: translateX(-50%);
    }

    .quote-layout.v2 .image-frame-header {
        width: 402px;
    }

    .quote-layout.v2[data-aspect-ratio="landscape"] .image-frame-client-img .talent-head {
        width: 100%;
        left: unset;
        width: 100%;
    }

    .quote-layout.v2 .talent-head-image-bg {
        height: 100%;
    }

    .quote-layout.v2[data-aspect-ratio="landscape"] .image-frame-client-img {
        left: unset;
        right: unset;
        bottom: unset;
        width: 93px;
        height: 93px;
    }

    .quote-layout.v2[data-aspect-ratio="landscape"] .image-frame-clientname span {
        font-size: 28px;
    }

    .splasheo-canva .quote-layout.v2.Image-frame-container[data-aspect-ratio="landscape"] {
        padding-left: 86.5px;
        padding-right: 86.5px;
    }

    .quote-layout.v2[data-aspect-ratio="landscape"] .talent-name-image-cont {
        margin-top: 42px;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="landscape"] .image-frame-header {
        width: 100%;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="landscape"] .image-frame-header #image-title-header {
        width: 100%;
        font-size: 36px;
        letter-spacing: -2px;
        line-height: 1.3;
    }

    .v2 .image-frame-client-img.false .talent-head.activemode:before {
        margin: 0;
    }

    .splasheo-canva .quote-layout.v2.Image-frame-container[data-aspect-ratio="portrait"] {
        padding-left: 34px;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="portrait"] .talent-name-image-cont {
        margin-top: 35px;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="portrait"] .image-frame-client-img {
        height: 65px;
        width: 65px;
        left: unset;
        right: unset;
        bottom: unset;
        transform: none;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="portrait"] .image-frame-clientname {
        width: 141px;
        min-height: 24px;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="portrait"] #image-client-name {
        font-size: 20px;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="portrait"] .image-frame-header span {
        font-size: 26px;
        letter-spacing: -1.56px;
        line-height: 1.429;
    }

    .quote-layout .image-frame-clientname.activemode:before,
    .quote-layout .image-frame-header.activemode:before,
    .quote-layout .image-frame-subheader.activemode:before {
        border-radius: 0;
    }

    .quote-layout.v2[data-aspect-ratio="portrait"] .image-frame-header {
        width: auto;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="4to5"] .image-frame-client-img {
        height: 72px;
        width: 72px;
        left: unset;
        right: unset;
        bottom: unset;
        transform: none !important;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="4to5"] .talent-head.talent-image-row {
        left: unset;
        width: 100%;
        height: 100%;
    }

    .quote-layout.v2 .talent-head-image-bg {
        height: 100%;
    }

    .splasheo-canva .quote-layout.v2.Image-frame-container[data-aspect-ratio="4to5"] {
        padding-left: 48px;
        padding-right: 48px;
    }

    .quote-layout.v2[data-aspect-ratio="4to5"] .quote-icon {
        top: -33px;
        left: -11px;
    }

    .quote-layout.v2[data-aspect-ratio="4to5"] .talent-name-image-cont {
        margin-top: 45px;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="4to5"] .image-frame-clientname span {
        font-size: 20px;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="4to5"] .image-frame-header {
        width: 100%;
    }

    .quote-layout.v2.Image-frame-container[data-aspect-ratio="4to5"] .image-frame-header span {
        font-size: 23px;
        letter-spacing: -1.56px;
    }

    .quote-layout.v2[data-aspect-ratio="4to5"] .image-frame-client-img .talent-head {
        left: 0;
    }

    .visual-form-style.activemode:before {
        z-index: -1;
    }

    .visual-form-style[data-template-choice="purdy"] {
        padding: 16px 10.5px 17px 10.5px;
    }

    .visual-form-style[data-template-choice="purdy"][data-aspect-ratio="portrait"] {
        padding: 8px 10.5px 8px 10.5px;
    }

    .visual-form-style[data-template-choice="purdy"][data-aspect-ratio="4to5"] {
        padding: 8px 8px 8px 8px;
    }

    .visual-form-style[data-template-choice="purdy"] .purdy-container {
        display: flex;
        border-radius: 16px;
        overflow: hidden;
        position: relative;
    }

    .visual-form-style[data-template-choice="purdy"] .purdy-container .vfs-image {
        width: 46%;
    }

    .visual-form-style[data-template-choice="purdy"] .purdy-container .vfs-header-container {
        width: 55%;
        background: #f7f8fa;
        position: relative;
        background-position: top;
    }

    .visual-form-style[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading {
        margin: 0 9px 0 18px;
        background-color: transparent !important;
        background-image: none !important;
        margin-top: 10px;
        padding: 0;
    }

    .visual-form-style[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading .vfs-child-title {
        text-align: left;
        font-size: 33px;
        letter-spacing: -2px;
        pointer-events: auto;
        position: relative;
    }

    .visual-form-style.landscape[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading .vfs-child-title {
        font-size: 60px;
        line-height: 1.067;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading .vfs-child-title,
    .visual-form-style.portrait[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading .vfs-child-title {
        font-size: 16px;
        letter-spacing: -0.94px;
        line-height: 1.125;
    }

    .visual-form-style[data-template-choice="purdy"] .vfs-caption {
        position: relative;
        margin: 24px 18px 0;
        text-align: left;
        line-height: 1.167;
        text-shadow: none;
        letter-spacing: -0.89px;
        pointer-events: auto;
    }

    .visual-form-style[data-template-choice="purdy"][data-aspect-ratio="landscape"] .vfs-caption {
        margin-top: 40px;
    }

    .visual-form-style[data-template-choice="purdy"] .vsf-main-logo {
        top: unset;
        bottom: 7px;
        margin: 0;
        left: 50%;
        transform: translate(-50%, 0);
        width: 68px;
        height: 68px;
    }

    .visual-form-style.fancy[data-template-choice="purdy"] .vfs-footer {
        position: relative;
        border-radius: 16px !important;
        overflow: hidden;
        padding-top: 0;
        margin-top: 13px;
        height: 76px;
        z-index: 0;
    }

    .visual-form-style[data-template-choice="purdy"] .vfs-footer .vfs-progress {
        height: 100%;
        top: 0;
        bottom: 0;
        position: relative !important;
    }

    .visual-form-style[data-template-choice="purdy"] .vfs-footer .position-box-progress {
        position: relative;
        height: 100%;
    }

    .caption-frame-container[data-aspect-ratio="landscape"] .cta-title {
        width: 700px;
    }

    .vfs-footer-container {
        position: relative;
    }

    .visual-form-style[data-template-choice="purdy"] .vfs-title-pf {
        position: absolute !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .visual-form-style[data-template-choice="purdy"][data-aspect-ratio="landscape"] .vfs-title-pf {
        width: 100%;
    }

    .visual-form-style[data-template-choice="purdy"] .vfs-child-title-pf {
        font-size: 27px;
        color: #0f2f4d;
        font-weight: 800;
        font-family: 'Inter', sans-serif;
        letter-spacing: -1.5px;
        line-height: 1.111;
        position: relative;
        width: auto;
        display: block;
        text-align: center;
        white-space: -moz-pre-wrap !important;
        white-space: -webkit-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        white-space: pre-wrap;
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
        margin: 0;
    }

    .progress-text {
        z-index: 1;
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 27px;
        color: #0f2f4d;
        font-weight: 800;
        font-family: 'Inter', sans-serif;
        /* letter-spacing: -1.5px; */
        line-height: 1.111;
    }

    .btn.outline.upload-btn {
        position: absolute;
        z-index: 1;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
        padding: 8px 15px;
        font-size: 18px;
        font-family: 'Inter', sans-serif;
    }

    .visual-form-style[data-template-choice="nifty-fifty"][data-aspect-ratio="landscape"] .btn.outline.upload-btn {
        left: 55%;
    }

    #layout-navigation-divider .upload-btn,
    #splasheo-canva-folder-popup .upload-btn,
    body.video-uploader-off .upload-btn {
        display: none !important;
    }

    .revert-settings__buttons {
        margin-top: 15px;
    }

    .visual-preview-setting__col {
        position: relative;
    }

    .visual-preview-setting__col .order-controller,
    .visual-preview-setting__col .templatebox-container {
        position: static;
    }

    .uploadcare--dialog__container {
        min-height: auto;
        max-width: 960px;
        height: 658px;
        border-radius: 16px;
        max-height: 100%;
    }

    .cvp-uploader__col img {
        height: 64px;
    }

    .cvp-uploader__row.grid.grid-col-3 {
        padding: 3px;
        align-items: center;
        justify-items: center;
    }

    .cvp-uploader__col[data-tab="file"] img {
        height: 51px;
    }

    .cvp-uploader__col[data-tab="file"] .cvp-uploader__col__image {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .uploadcare--dialog__close {
        cursor: pointer;
        top: -3px;
    }

    body .formidable-tab-style .image-subheadline-paragraph-text .ginput_container_textarea textarea,
    body .formidable-tab-style .name-paragraph-text .ginput_container_textarea textarea {
        height: 88px;
    }

    .page-canvas .intercom-launcher,
    .page-canvas .intercom-namespace iframe.intercom-launcher-frame {
        bottom: 69px;
    }

    .visual-form-style[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading:before,
    html body .visual-form-style.purdy[data-slice-type="fullmode"]:before {
        z-index: 0;
    }

    .purdy .purdy-container,
    .purdy .vfs-footer {
        z-index: 1;
        position: relative;
    }

    .progress-bar-text,
    html body .splash-visual-progress-bar-text-color {
        display: none;
    }

    .purdy-container .btn.outline {
        width: auto;
        padding: 7px 22px;
        white-space: nowrap;
    }

    button#main-upload-container__grey-back-btn {
        display: none;
        position: absolute;
        left: 0;
        right: initial;
        cursor: pointer;
        top: 0;
    }

    .uploadcare--panel__show-files,
    .uploadcare--preview__back {
        color: #7cc854;
        background-color: #fff;
        border: 1px solid #7cc854;
        font-weight: 700;
    }

    .uploadcare--panel__show-files:active,
    .uploadcare--panel__show-files:hover,
    .uploadcare--preview__back:active,
    .uploadcare--preview__back:hover {
        color: #fff;
        background-color: #7cc854;
        border: 1px solid #7cc854;
        font-weight: 700;
    }

    .uploadcare--panel__footer {
        background: #f7f8fa;
    }

    .visual-form-style.landscape[data-template-choice="purdy"] .purdy-container .vfs-image {
        width: 35%;
    }

    .visual-form-style.landscape[data-template-choice="purdy"] .purdy-container .vfs-header-container {
        width: 80%;
    }

    .visual-form-style.landscape[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading {
        margin: 20px 9px 0 18px;
    }

    .visual-form-style.landscape[data-template-choice="purdy"] .vsf-main-logo {
        left: unset;
        transform: none;
        right: 15px;
        bottom: 15px;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .purdy-container,
    .visual-form-style.portrait[data-template-choice="purdy"] .purdy-container {
        display: block;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .purdy-container .vfs-image,
    .visual-form-style.portrait[data-template-choice="purdy"] .purdy-container .vfs-image {
        width: 100%;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .purdy-container .vfs-header-container,
    .visual-form-style.portrait[data-template-choice="purdy"] .purdy-container .vfs-header-container {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        background: 0 0;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading,
    .visual-form-style.portrait[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading {
        height: 62px;
        pointer-events: none;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading .vfs-child-title,
    .visual-form-style.portrait[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading .vfs-child-title {
        width: 65%;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading .vfs-title,
    .visual-form-style.portrait[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading .vfs-title {
        justify-content: flex-start;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-caption,
    .visual-form-style.portrait[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-caption {
        position: absolute;
        bottom: 10px;
        text-align: center;
        z-index: 1;
        font-size: 16px;
        letter-spacing: -0.67px;
        line-height: 1;
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
        margin: 0;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .vsf-main-logo,
    .visual-form-style.portrait[data-template-choice="purdy"] .vsf-main-logo {
        top: 23px;
        right: 18px;
        left: unset;
        transform: none;
        width: 36px;
        height: 36px;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .vsf-main-logo {
        top: 21px;
        width: 40px;
        height: 40px;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .vfs-child-title-pf,
    .visual-form-style.portrait[data-template-choice="purdy"] .vfs-child-title-pf {
        font-size: 20px;
    }

    .visual-form-style.fancy.portrait[data-template-choice="purdy"] .vfs-footer {
        height: 56px;
        margin-top: 8px;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-heading .vfs-title .vfs-child-title {
        width: 200px;
        font-size: 18px;
        letter-spacing: -0.94px;
        line-height: 1.125;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .purdy-container .vfs-header-container .vfs-caption {
        font-size: 25px;
        letter-spacing: -1.11px;
        line-height: 1.067;
    }

    .visual-form-style.fourtofive[data-template-choice="purdy"] .vfs-child-title-pf {
        font-size: 27px;
    }

    .true.dropshadow_true .stock-head-outline {
        filter: drop-shadow(rgba(0, 0, 0, 0.416) 0px 0px 10px);
    }

    .Image-frame-container[data-talent-outline="false"] img {
        filter: drop-shadow(rgba(0, 0, 0, 0.416) 0px 0px 10px);
    }

    .true.dropshadow_true img.talent-body-main-v1 {
        filter: drop-shadow(transparent 9px 0px 0px) drop-shadow(transparent -5px -5px 0px) drop-shadow(rgba(0, 0, 0, 0.816) 0px 0px 10px);
    }

    .iframe-css .header-logo {
        display: none;
    }

    .iframe-css #genesis-content {
        padding: 0;
    }

    .iframe-css .footer {
        display: none;
    }

    .iframe-css .splasheo-mepr-signup-form .container .column:last-child {
        max-width: 418px;
    }

    .iframe-css .splasheo-mepr-signup-form .container {
        max-width: 902px;
    }

    .page-template-checkoutv2-page.iframe-css .site-container::after {
        width: 55%;
    }

    body .canva-checkout .fancybox-button.fancybox-close-small {
        top: 0;
        right: 0;
        opacity: 1;
    }

    .quote-layout .image-frame-clientname.activemode:before,
    .quote-layout .image-frame-header.activemode:before,
    .quote-layout .image-frame-subheader.activemode:before {
        border-radius: 0 !important;
    }

    .popup-aspect-ratio {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        background: #0000004a;
        z-index: 9999999;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .popup-aspect-ratio .aspect-container {
        width: 768px;
        background: #fff;
        padding: 48px 80px 39px;
        box-sizing: border-box;
        position: relative;
        border-radius: 8px;
    }

    .popup-aspect-ratio #audiogram_fourtofive,
    .popup-aspect-ratio #audiogram_landscape,
    .popup-aspect-ratio #audiogram_portrait,
    .popup-aspect-ratio #instagram_igtv,
    .popup-aspect-ratio #linked_stories,
    .popup-aspect-ratio .aspect-ratio-suggestion__items[aspect-ratio="4to5"],
    .present_ui_container .hidden {
        display: none !important;
    }

    .popup-aspect-ratio .aspect-ratio-suggestion__items {
        margin-right: 32px !important;
        margin-bottom: 32px !important;
        border: 3px solid transparent !important;
        background-color: #f7f8fa !important;
    }

    .popup-aspect-ratio .aspect-ratio-suggestion__items#instagram_stories,
    .popup-aspect-ratio .aspect-ratio-suggestion__items#youtube_shorts {
        margin-right: 0 !important;
    }

    .popup-aspect-ratio .aspect-ratio-suggestion__items.active,
    .popup-aspect-ratio .aspect-ratio-suggestion__items:hover {
        border-color: #7cc854 !important;
    }

    .popup-aspect-ratio .aspect-ratio-suggestion__items .main-styled-text {
        font-weight: 700;
    }

    .popup-aspect-ratio .title {
        font-size: 36px;
        text-align: center;
        letter-spacing: -2px;
        line-height: 1.33;
        font-family: 'Inter', sans-serif;
        font-weight: 800;
        width: 449px;
        margin: 0 auto 32px;
        color: #0f2f4d;
    }

    .popup-aspect-ratio .button {
        padding: 8px 49px 8px 42px;
        position: relative;
        font-size: 18px;
        letter-spacing: -1px;
        line-height: 1.333;
    }

    .popup-aspect-ratio .button-container {
        text-align: center;
    }

    .popup-aspect-ratio .button #keyboard_arrow_right-duotone svg {
        font-size: 31px;
        position: absolute;
        top: 6px;
        right: 16px;
    }

    .popup-aspect-ratio .present_ui_container .hidden {
        display: inline-block !important;
        margin-right: 0 !important;
    }

    .popup-aspect-ratio #custom-size .thumbnail:after {
        content: "?";
        position: absolute;
        font-family: sans-serif;
        font-weight: 500;
        background: #0f2f4d;
        color: #fff;
        border-radius: 100%;
        padding: 1px 7.5px 0;
        line-height: 24px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .confirm-checkbox-ondemand .label_text {
        font-weight: 400;
        font-size: 18px;
        line-height: 1;
    }

    .confirm-checkbox-ondemand input[type=checkbox]:not(:checked)+label:after {
        border: 1px solid #0f2f4d;
    }

    .repurpose_checkbox input[type=checkbox]:not(:checked)+label:after {
        border: 1px solid #e0e6eb;
    }

    .confirm-checkbox-ondemand .tooltip {
        margin-left: 9px;
    }

    .confirm-checkbox-ondemand .tooltip svg {
        top: -2.5px;
        background: #fff;
        color: #7dc953;
        padding: 2px;
        border-radius: 100%;
        font-size: 14px;
        border: 1px solid #7dc953;
        transition: all 0.2s;
    }

    .confirm-checkbox-ondemand .tooltip:hover svg {
        background: #7dc953;
        color: #fff;
    }

    .repurpose_checkbox.confirm-checkbox-ondemand .tooltip svg {
        font-size: 20px;
    }

    .shortcuts-canva .theme_builder_side_navigation_columns > div {
        display: none;
    }

    .shortcuts-canva .theme_builder_side_navigation_columns > div:last-child {
        display: block;
    }

    .shortcuts-canva .drawer-form_wrapper form div >  ul[id*="gform_fields"]> li.gfield_groups {
        left: 0;
        right: initial;
        transform: translateX(-103%);
    }



    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container > .gfgf_wrap {
        width: 291px;
        margin: 0 0 0 auto;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .theme-settings-field #layout-theme-divider .os-body #vsp-theme-tab .canva-wrapper > .splashify-canva-controller {
        transform: scale(0.91);
        margin-top: 0;
    }

    /* width */
    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .theme-settings-field #layout-theme-divider .os-body #vsp-theme-tab .canva-wrapper::-webkit-scrollbar {
        width: 7px;
    }

    /* Track */
    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .theme-settings-field #layout-theme-divider .os-body #vsp-theme-tab .canva-wrapper::-webkit-scrollbar-track {
        border-radius: 0px;
        background: #E0E6EB;
    }

    /* Handle */
    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .theme-settings-field #layout-theme-divider .os-body #vsp-theme-tab .canva-wrapper::-webkit-scrollbar-thumb {
        background: #C0C0C0; 
        border-radius: 0px;
    }

    /* Handle on hover */
    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .theme-settings-field #layout-theme-divider .os-body #vsp-theme-tab .canva-wrapper::-webkit-scrollbar-thumb:hover {
        background: #C0C0C0;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .gfgf_wrap ul, .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .gfgf_wrap {
        background-color: transparent;
    }

    .shortcuts-canva .cmxform #splasheo-canva-name {
        border: 1px solid #E0E6EB;
        /* margin-bottom: 51px; */
    }

    .gform_legacy_markup_wrapper .canvas-bold-label h2.gsection_title,
    .canvas-colum-label__title{
        font-size: 18px;
        color: #0F2F4D;
        letter-spacing: -1px !important;
        line-height: 1.3;
        margin-bottom: 8px !important;
    }

    .canvas-colum-label__sub{
        font-weight: 500;
        color: #839BAF;
        font-size: 18px;
        letter-spacing: -1px;
    }

    .canvas-colum-label__title{
        margin-bottom: 0px !important;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .field_sublabel_below {
        border: none;
        margin: 0;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container > .gfgf_wrap > ul > li.field_sublabel_below {
        margin-bottom: 32px;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container > .gfgf_wrap > ul > li.field_sublabel_below input {
        border: 1px solid #E0E6EB;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .checkout-subdrawer {
        margin-bottom: 50px;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container {
        right: 0;
        left: unset;
        transform: none;
        box-shadow: none;
        background: #fff;
        padding-top: 30px;
        padding-bottom: 21px;
        width: 100%;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .credits-subdrawer .video-detail-container {
        flex-direction: column;
        padding-left: 14px;
        padding-right: 14px;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .credits-subdrawer .video-detail-container .video-card-details {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        align-items: center;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .credits-subdrawer .video-detail-container .video-card-details .s2 {
        width: 80%;
        text-align: left;
        font-size: 17px;
        color: #0F2F4D;
        letter-spacing: -1px !important;
        line-height: 1.3;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .credits-subdrawer .video-detail-container .video-card-details .s1 {
        width: 20%;
        text-align: right;
        font-size: 17px;
        color: #0F2F4D;
        letter-spacing: -1px !important;
        line-height: 1.3;
        padding: 9px 0;
    }

    #cfp-footer.shortcuts-canva {
        background: #fff;
        border-top: 1px solid #E0E6EB;
    }


    .gform_wrapper .top_label li.rounded-checkbox ul.gfield_checkbox{
        width: 100%;
        margin: 0;
    }

    body .rounded-checkbox .ginput_container_checkbox ul label {
        padding: 0 !important;
        width: 100%;
        font-size: 18px;
        color: #0F2F4D;
        letter-spacing: -1px !important;
        line-height: 1.3;
    }

    body .rounded-checkbox.bold-type-checkbox .ginput_container_checkbox ul label{
        font-weight: bold;
    }

    body .rounded-checkbox .ginput_container_checkbox ul label:before, 
    body .rounded-checkbox .ginput_container_checkbox ul label:after {
        right: 0;
        left: unset;
    }

    body .rounded-checkbox .ginput_container_checkbox ul label:before {
        right: 20px;
        border-top: 0px solid transparent;
        border-left: 0px solid transparent;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        top: 50%;
        width: 7px;
        height: 13px;
        margin-top: 3px;
        -webkit-transform: rotateZ(37deg);
        transform: rotateZ(34deg) translateY(-95%);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        z-index: 99;
    }

    body .rounded-checkbox .ginput_container_checkbox ul label:after {
        border-color: #E0E6EB;
        width: 23px;
        height: 23px;
        border-radius: 100%;
        background-color: #E0E6EB;
        top: 50%;
        transform: translateY(-50%);
    }

    /* shortcut bugs */
/* body.canva-submit-disabled .formidable-tab-style .ginput_container_textarea textarea,
body.canva-submit-disabled .formidable-tab-style .ginput_container_email input{
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 0;
    } */

    body.canva-submit-disabled .rounded-checkbox .ginput_container_checkbox ul label:after{
        background-color: #0f2f4d;
    }

    body.canva-submit-disabled .rounded-checkbox .ginput_container_checkbox ul input[type=checkbox]:checked+label:after{
        background-color: #fff;
        border-color: #fff;
    }

    body.canva-submit-disabled .rounded-checkbox input[type=checkbox]:checked+label:before{
        color: #0f2f4d;
        border-color: #0f2f4d;
    }

    .rounded-checkbox .ginput_container_checkbox ul input[type=checkbox]:checked+label:after {
        border-color: #7CC854;
        background-color: #7CC854;
    }

    body .rounded-checkbox .ginput_container_checkbox ul li {
        margin: 0;
        padding: 14px 14px !important;
        border-bottom: 1px solid #EFF2F5;
    }


    body .rounded-checkbox.rounded-checkbox--remove-border-bottom .ginput_container_checkbox ul li{
        border-bottom: 0px;
    }

    body .rounded-checkbox> div>ul>li>label {
        margin-bottom: 10px;
    }

    body .rounded-checkbox .ginput_container_checkbox ul li:hover {
        background: #F7F8FA;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container fieldset {
        border: 0;
        font-size: 18px;
        color: #0F2F4D;
        letter-spacing: -1px !important;
        line-height: 1.3;
        border-radius: 0;
        margin: 0;
        padding: 0;
        z-index: 99;
        position: relative;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container fieldset legend {
        padding: 0;
        font-weight: normal;
        width: 100%;
        padding: 14px 8px !important;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container:hover, .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container.active {
        background: #F7F8FA;
        z-index: 999999;
        position: relative;
    }
    .canva-submit-disabled .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container:hover,.canva-submit-disabled .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container.active {
        background: rgba(255, 255, 255, 0.1);
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container {
        margin: 0;
        /* padding: 14px 14px !important; */
        border-bottom: 1px solid #EFF2F5;
        cursor: pointer;
        /* overflow: hidden; */
        /*max-height: 52px;*/    
        transition: all .3s;
        position: relative;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .theme-settings-field #layout-theme-divider .os-body {
        height: auto !important;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .theme-settings-field #layout-theme-divider .os-body #vsp-theme-tab .canva-wrapper {
        padding: 0;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .theme-settings-field #layout-theme-divider  .layout-theme-divider__scroller {
        padding: 0;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .theme-settings-field #layout-theme-divider .layout-theme-divider__scroller .toggle_tab_navigation__col {
        padding: 7px 10px;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container.active {
        max-height: 10000px;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container fieldset > ul {
        padding-top: 0px !important;
        display: none;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container.active fieldset > ul {
        display: block;
        padding-top: 30px !important;
        padding-bottom: 14px!important;
        padding: 12px 14px 33px !important;
    }


    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container fieldset > ul ul {
        margin: 0;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container .dropdown-icon {
        position: absolute;
        right: 14px;
        top: 14px;
        font-size: 14px;
        transform: rotate(-90deg);
        color: #0F2F4D;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container.active .dropdown-icon {
        transform: rotate(90deg);
    }


    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .style-settings-field #caption-list-divider, .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .theme-settings-field #layout-theme-divider {
        transform: none;
        left: unset;
        position: relative;
        border: none;
        box-shadow: none;
        width: 100%;
        bottom: unset;
        right: unset;
        top: unset;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .style-settings-field #caption-list-divider .os-header, .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .theme-settings-field #layout-theme-divider .os-header {
        display: none;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .style-settings-field #caption-list-divider #caption-style-list {
        padding: 18px 0;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .style-settings-field #caption-list-divider #caption-style-list .caption-styles-icons {
        padding: 0;
        margin: 0px auto 15px;
        width: 86%;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .style-settings-field #caption-list-divider #caption-style-list .caption-styles-icons:last-child {
        margin-bottom: 0;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .style-settings-field #caption-list-divider #caption-style-list .caption-styles-icons svg {
        width: 145px;
        max-height: 90px;
        overflow: visible;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .style-settings-field #caption-list-divider #caption-style-list .caption-styles-icons .select-video-layout {
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .style-settings-field #caption-list-divider  .os-body {
        height: auto;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .style-settings-field #caption-list-divider #caption-style-list .caption-styles-icons .select-video-layout svg {
        font-size: 30px;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .style-settings-field #caption-list-divider #caption-style-list .caption-styles-icons:before {
        width: 100%;
    }
    .shortcuts-repurpose .credits-subdrawer, .shortcuts-canva .headline-settings-field, .shortcut-theme-builder .theme-settings-field, .shortcut-theme-builder .credits-subdrawer, .shortcuts-repurpose.shorties .snippets-settings-field {
        display: none;
    }

    .shortcuts-canva.shorties .headline-settings-field, .shortcuts-canva.shorties .headline-shortcut-notifier, .shortcuts-repurpose.shorties .credits-subdrawer{
        display: block;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .colors-settings-field ul li {
        margin-bottom: 23px;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .colors-settings-field ul li:last-child {
        margin-bottom: 0;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .spelling-settings-field .gfield_label {
        display: none;
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> .help-tutorial-divider.open {
        transform: initial;
        left: 80px;
    }

    .shortcuts-canva .splasheo-canva .visual-form-style #field_45_211 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        opacity: 0;
        transition: all .13s;
    }

    .shortcuts-canva .splasheo-canva .visual-form-style:hover #field_45_211 {
        opacity: 1;
    }

    .shortcuts-canva .splasheo-canva .visual-form-style #field_45_211 a:hover {
        background: #fff;
        color: #EF476F;
    }

    .logo-settings-field .gfgf_fields .logo-settings-close {
        margin-right: 7px;
        margin-left: 15px;
        padding: 8px 12.9px;
    }

    .theme-settings-field .theme-canva-search {
        padding: 0 4px;
        margin-bottom: 16px;
    }

    .theme-settings-field .theme-canva-search #search-shortcut-entries {
        border-radius: 4px;
    }

    .theme-settings-field .theme-canva-search svg.tcb-icon {
        display: none;
    }

    .shortcuts-canva #add-new-theme {
        padding: 8.5px 15px;
    }

    .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container {
        background-color: #0f2f4d;
    }


    .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .credits-subdrawer .video-detail-container .video-card-details .s1 {
        background: transparent;
        color: #fff;
    }

    .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .gsection_title, .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .credits-subdrawer .video-detail-container .video-card-details .s2, .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container fieldset legend, .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container .dropdown-icon, .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .editing-subdrawer> div>ul>li>label, .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .editing-subdrawer .ginput_container_checkbox ul label {
        color: #fff;
    }

    .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container:hover legend, .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container.active legend, .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container:hover .dropdown-icon, .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer .settings-fields-container.active .dropdown-icon, .shortcut-theme-builder.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .editing-subdrawer .ginput_container_checkbox ul li:hover label {
        color: #fff;
    }

    .shortcuts-confirmation-popup .main-styled-text {
        text-align: center;
        letter-spacing: -1.33px;
        margin-bottom: 37px !important;
    }

    .shortcuts-confirmation-popup {
        padding: 17px 25px 17px 25px !important;
    }

    .shortcuts-confirmation-popup a.fancy-cancel-btn {
        color: #EF476F;
        border-color: #EF476F;
    }

    .shortcuts-confirmation-popup a.fancy-cancel-btn:hover {
        color: #fff;
        background: #EF476F;
    }

    .snippets-settings-field legend {
        display: none;
    }


    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer.snippets-subdrawer .snippets-settings-field fieldset > ul {
        display: block;
    }


    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container .settings-subdrawer.snippets-subdrawer select {
        border: none;
        background: transparent;
        cursor: pointer;
        letter-spacing: -1px !important;
    }
    .shortcuts-caption span {
        display: flex;
        width: 100%;
    }

    /* canvas more info */

    html body .grey-square {
        background-color: #EFF2F5;
        color: #0F2F4D;
        border-color: #EFF2F5;
    }

    .popup-more-info {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #00000069;
        opacity: 0;
        transform: translate(-2000px, 0px);
    }

    .popup-more-info.active {
        z-index: 9999;
        opacity: 1;
        transform: translate(0px, 0px);
    }

    .popup-more-info .aspect-container {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .popup-more-info .aspect-container .popup-global {
        background: #fff;
        max-width: 800px !important;
        min-height: 489px;
        position: relative;
        margin: 0 auto;
        display: block !important;
        border-radius: 10px;
        overflow: hidden;
    }

    .popup-more-info .aspect-container .popup-global .top-section {
        border-bottom: 1px solid #E0E6EB;
        padding: 8px 19px;
    }

    .popup-more-info .aspect-container .popup-global .top-section .popup-title {
        font-size: 24px;
        color: #0F2F4D;
        letter-spacing: -1px !important;
        line-height: 1.3;
        font-weight: 700;
    }

    .popup-more-info .aspect-container .popup-global .top-section .popup-title span {
        font-size: 13px;
        color: #839BAF;
        font-weight: 500;
        display: block;
        letter-spacing: -0.5px;
    }

    .popup-more-info .aspect-container .popup-global .top-section .close-drawer-panel {
        top: 10px;
    }

    .popup-more-info .aspect-container .popup-global .bottom-section {
        display: flex;
        height: calc(100% - 65px);
        position: absolute;
    }

    .popup-more-info .aspect-container .popup-global .bottom-section .popup-content {
        padding-top: 20px;
    }

    .popup-more-info .aspect-container .popup-global .bottom-section .container-left {
        display: flex;
        width: 66%;
        justify-content: center;
        font-size: 24px;
        color: #0F2F4D;
        letter-spacing: -1px !important;
        line-height: 1.3;
        font-weight: 700;
        gap: 37px;
        border-right: 1px solid #E0E6EB;
        padding-top: 13px;
    }

    .popup-more-info .aspect-container .popup-global .bottom-section  .container-right {
        width: 34%;
        padding: 27px 20px;
    }

    .popup-more-info .slick-dots li button:before {
        font-size: 51px;
        color: #F7F8FA;
    }

    .popup-more-info .slick-dots li.slick-active  button:before {
        color: #7CC854;
        opacity: 1;
    }

    .popup-more-info .slick-dots li {
        margin: 0 2px;
    }

    .popup-more-info .slick-list {
        padding: 0 22.5% 0 !important;
        overflow: visible;
    }

    .popup-more-info .container {
        width: 100%;
        max-width: 1559px;
        padding: 0 !important; 
    }


    .popup-more-info .aspect-container .popup-global .bottom-section .container-left .content img {
        width: 100%;
        max-width: 199px;
        min-height: 347px;
    }

    .popup-more-info .aspect-container .popup-global .bottom-section .container-left .title {
        text-align: center;
        margin-bottom: 8px;
    }

    .popup-more-info .slick-dots {
        bottom: -40px;
    }

    .slick-slider {
      -webkit-user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -ms-user-select: text;
      user-select: text !important;
  }

  .popup-close-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
}

.popup-more-info .aspect-container button.slick-arrow {
    z-index: 9999;
    width: 55px;
    height: 55px;
}

.popup-more-info .aspect-container button.slick-prev {
    left: 15px;
}

.popup-more-info .aspect-container button.slick-next {
    right: 15px;
    transform: rotate(180deg);
    top: 46%;
}

.popup-more-info .aspect-container button.slick-arrow:before {
    color: transparent;
    display: none;
}

.popup-more-info .aspect-container button.slick-arrow .dropdown-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 999999;
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    overflow: hidden;
}

.popup-more-info .aspect-container button.slick-arrow .dropdown-icon svg {
    color: #fff;
    position: relative;
    width: 100%;
    height: 100%;
    background: #a1a1a17d;
    padding: 10px;
    box-sizing: border-box;
}

.popup-more-info .aspect-container button.slick-arrow .dropdown-icon svg:hover {
    background: #36363673;
    color: #fff;
}

.popup-more-info .aspect-container .popup-global:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    background: #0000008c;
    border-radius: 10px;
}

.popup-more-info .aspect-container .slick-current .popup-global:after {
    display: none;
}

.popup-more-info .aspect-container button.slick-arrow.slick-disabled {
    opacity: 0;
}

html body .grey-square:hover {
    background-color: #E0E6EB;
    color: #0F2F4D;
}

.popup-more-info .aspect-container .popup-global .bottom-section .popup-content span {
    display: block;
    position: relative;
    margin-bottom: 11px;
}

.popup-more-info .aspect-container .popup-global .bottom-section .popup-content .container-row {
    width: 194px;
}

.popup-more-info .aspect-container .popup-global .bottom-section .popup-content .container-row .content {
    border-radius: 6px;
    overflow: hidden;
}

.popup-more-info .aspect-container .popup-global .bottom-section .container-left.vertical-align {
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 25px;
}

.popup-more-info .aspect-container .popup-global .bottom-section .container-left.vertical-align .container-row {
    width: 100%;
}

.popup-more-info .aspect-container .popup-global .bottom-section .container-left.vertical-align .container-row .title {
    text-align: left;
}

.popup-more-info .aspect-container .popup-global .bottom-section .container-left.vertical-align .container-row  img {
    max-width: unset;
    width: auto;
    min-height: auto;
    max-height: 92px;
}

.popup-more-info .aspect-container .popup-global#rush-order .container-left.popup-content {
    width: 40%;
    align-items: center;
    padding: 0;
    overflow: hidden;
}

.popup-more-info .aspect-container .popup-global#rush-order .container-left.popup-content .right-row {
    display: none;
}

.popup-more-info .aspect-container .popup-global#rush-order .container-left.popup-content .title {
    display: none;
}

.popup-more-info .aspect-container .popup-global#rush-order .container-left.popup-content .content {
    box-shadow: none;
    border-radius: 0;
}

.popup-more-info .aspect-container .popup-global#rush-order .container-right.popup-content {
    width: 68%;
}

.popup-more-info .aspect-container .popup-global#rush-order .container-left.popup-content .container-row {
    width: 100%;
}

.popup-more-info .aspect-container .popup-global#rush-order .container-left.popup-content .container-row img {
    max-width: 100%;
    min-height: auto;
}


.popup-more-info .aspect-container .popup-global .bottom-section .container-left.left-side-text-content .title {
    font-size: 21px;
    text-align: left;
    font-weight: 600;
    letter-spacing: -0.7px;
}

.popup-more-info .aspect-container .popup-global .bottom-section .container-left.left-side-text-content {
    flex-direction: column;
    padding: 13px 21px 20px 18px;
    justify-content: flex-start;
}

.popup-more-info .aspect-container .popup-global .bottom-section .container-left.left-side-text-content .container-row {
    width: 100%;
}

.popup-more-info .aspect-container .popup-global .bottom-section .container-left.left-side-text-content .right-row {
    display: none;
}

.popup-more-info .aspect-container .popup-global .bottom-section .container-left.left-side-text-content li {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    margin-bottom: 12px;
    gap: 8px;
    letter-spacing: -0.7px;
}

.popup-more-info .aspect-container .popup-global .bottom-section .container-left.left-side-text-content ul {
    margin-top: 16px;
}

.popup-more-info .aspect-container .popup-global .bottom-section .container-left.left-side-text-content li > div {
    margin-top: -6px;
    color: #7CC854;
    font-size: 26px;
}

#tidy-up .bottom-section {flex-direction: row-reverse;}

#tidy-up .bottom-section .container-right {
    width: 66%;
    border-right: 1px solid #E0E6EB;
    padding: 27px 17px 27px 20px;
}

#tidy-up .bottom-section .container-left {
    width: 34%;
    border: none;
}

.shorcuts-canva-right-navigation {
    position: relative;
    flex-direction: column;
    /* z-index: 999; */
    margin-top: 0;
    height: 100%;
    width: 80px;
    align-items: center;
    gap: 20px;
    padding-top: 0;
    background: #fff;
}

.top-video-container .shorcuts-canva-right-navigation {
    width: auto;
}

.upload-form-box__social_media > div > img {
    display: inline-block;
    margin-bottom: 10px;
    width: 32px;
}

/* .vubli-upload-field{
    display: none;
} */

.transcription-loading{
    /*margin-top: 45px;*/
}

.disabled-field{
    pointer-events: none;
    opacity: 0.4;
}

.shorcuts-canva-right-navigation .splashecons-container {
    font-size: 27px;
    color: #7dc953;
    cursor: pointer;
    width: 43px;
    height: 43px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.shorcuts-canva-right-navigation .splashecons-container:hover, .shorcuts-canva-right-navigation .active .splashecons-container {
    background: #7dc953;
    color: #fff;
}*/

.right-drawer-section .shorcuts-canva-right-navigation .splashecons-container {
    color: #0F2F4D;
    padding: 7px;
}

.shorcuts-canva-right-navigation .icon-container.active .splashecons-container, .shorcuts-canva-right-navigation .icon-container:hover .splashecons-container {
    color: #7dc953;
}

.shorcuts-canva-right-navigation #transcript .splashecons-container {
    width: auto;
    height: auto;
    background: transparent;
    color: #7dc953;
    pointer-events: none;
    font-size: 24px;
}

.shorcuts-canva-right-navigation #icon-pub-social svg {
    position: relative;
    top: 4px;
    left: 1px;
}

.vubli_drawer_container > div {
    position: fixed;
    height: 100%;
    width: 384px;
    border: 1px solid #EFF2F5;
    flex-direction: column;
    z-index: 9;
/*    padding: 20px 20px 0;*/
    transition: all .2s;
    right: 79px;
}

.vubli_drawer_container > div .top-section {
    overflow: auto;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    padding: 20px;
}

.vubli_drawer_container > div .top-section span.icon-container {
    display: flex;
    gap: 3px;
    cursor: pointer;
}

.vubli_drawer_container > div .top-section .title {
    font-size: 20px;
    font-weight: 600;
    color: #0F2F4D;
    letter-spacing: -1.33px;

}

.vubli_drawer_container > div .top-section .splashecons-container {
    width: 33px;
    height: 33px;
}

.vubli_drawer_container > div .top-section .ai-item-wrapper .splashecons-container {
    color: #0F2F4D;
}

.vubli_drawer_container > div .top-section .canvas-scroll-down .splashecons-container {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.vubli_drawer_container > div .top-section .publish-step-2 .splashecons-container, .vubli_drawer_container > div .top-section .promote-step-2 .splashecons-container {
    width: 44px;
    height: 44px;
}

.vubli_drawer_container .vubli-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.vubli_drawer_container .vubli-container .bottom-section {
    background: #f9fafb;
    display: flex;
    padding: 14px 1.25rem;
    margin-top: 0;
    align-items: center;
    justify-content: center;
    height: auto;
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem;
    width: calc(100% - 58px);
    border: 0;
    border-top: 1px solid #E0E6EB !important;
    border-top: 0;

}

.vubli_drawer_container .vubli-container.disabled-form .bottom-section, .vubli_drawer_container .vubli-container.platform-error .bottom-section  {
    background-color: rgb(0 0 0 / 56%);
    background-color: rgb(249 250 251);
}

.notification-platform, .upload-form-box > .error-notification-container {
    background-color: rgb(0 0 0 / 56%);
    display: none !important;
        border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: rgb(249 250 251);
}

.error-notif-bg {
    background-color: rgb(0 0 0 / 56%);
}

.disabled-form .error-notification-container {
    display: none !important;
}

.platform-error .upload-form-box > .error-notification-container {
    display: flex !important;
}

.platform-error .notification-platform {
    display: none !important;
}

.disabled-form .notification-platform {
    display: flex !important;
}

.vubli_drawer_container textarea {
    resize: none;
    /* border: none; */
    outline: none;
    padding: 15px;
    background: #fff;
    /*height: 100%;
    height: 180px;
    resize: vertical;*/
    height: 100%;
    resize: none; 
    line-height: 1.5;
    color: #0f2f4d;     
}

.vubli_drawer_container input {
    padding: 15px;
    background: transparent;
}

.vubli_drawer_container textarea::placeholder, .vubli_drawer_container input::placeholder {
    font-size: 18px !important;
    letter-spacing: 0px !important;
    line-height: normal !important;
    color: #839BAF !important;
}

.vubli_drawer_container .vubli-container textarea:focus, .vubli_drawer_container .vubli-container input:focus, .vubli_drawer_container .vubli-container textarea:hover, .vubli_drawer_container .vubli-container input:hover {
    background: #fff !important;
    cursor: pointer;
/*    border-radius: 10px;*/
}

.vubli_drawer_container .vubli-container textarea:hover {
    background-color: #F9FAFB !important;
}

.vubli_drawer_container .vubli-container .bottom-section .button-container {
    text-align: center;
}

.vubli_drawer_container .vubli-container .bottom-section .button-container a {
    max-width: 100%;
    width: 100%;
    border-radius: .375rem;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    letter-spacing: 0;
    font-weight: 600;
    padding: 8.5px 9px;
}

.vubli_drawer_container .vubli-container .divider-column {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.vubli_drawer_container .vubli-container .top-column {
    align-items: center;
    justify-content: space-between;
    display: flex;
    margin-bottom: 15px;
}

.vubli_drawer_container .vubli-container .bottom-column {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.vubli_drawer_container #metadata-container .top-section {
    gap: 31px;
}

.vubli_drawer_container #metadata-container .bottom-section {
    height: 8%;
    justify-content: flex-end;
}

.vubli_drawer_container #metadata-container .first-column .bottom-column, .vubli_drawer_container #metadata-container .third-column .bottom-column, .vubli_drawer_container #metadata-container .first-column, .vubli_drawer_container #metadata-container .third-column {
    height: auto;
}

.vubli_drawer_container .vubli-container .toggle-widget-wrapper {
    justify-content: flex-end;
    margin-top: 10px;
}

.vubli_drawer_container .vubli-container .toggle-widget-wrapper .toggle-widget-container {
    justify-content: flex-end;
}

.vubli_drawer_container .vubli-container .toggle-widget-wrapper .toggle-widget-container > div {
    margin-left: 10px;
}

.vubli_drawer_container .vubli-container .toggle-widget-wrapper .toggle-widget-container .toogle-widget {
    background: #7dc953;
}

.thumbnail-selection {
    display: flex;
    padding: 15px 5px 15px;
    gap: 25px;
}

.thumbnail-selection .thumbnail-item {
    cursor: pointer;
    position: relative;
    width: 303px;
    max-width: 100%;
}

.thumbnail-selection .thumbnail-section--wrapper {
    margin-top: 17px;
}

.thumbnail-selection .thumbnail-item img {
    border-radius: 20px;
    border: 6px solid transparent;
}

.thumbnail-selection .thumbnail-item:last-child {
    margin-bottom: 31px;
}

#thumbnail-container .bottom-column {
    overflow: auto;
}

.thumbnail-selection .thumbnail-item.active img, .thumbnail-selection .thumbnail-item:hover img {
    border: 6px solid #7dc953;
}

.thumbnail-selection .thumbnail-section--wrapper img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
}

span.active-thumbnail-indicator {
    position: absolute;
    top: -12px;
    right: -11px;
    max-height: 28px;
}

.vubli_drawer_container > div .top-section .active-thumbnail-indicator .splashecons-container {
    color: #7dc953;
    max-height: 28px;
    background: #fff;
    border-radius: 100px;
    overflow: hidden;
}

.vubli_drawer_container > div .top-section .active-thumbnail-indicator .splashecons-container svg {
    top: -10px;
    position: relative;
}

.thumbnail-selection .thumbnail-item img {
    border-radius: 20px;
    border: 6px solid transparent;
}


.publish-selection .navigation-social-tab .left-column {
    justify-content: space-between;
    align-items: center;
    gap: 7px;
}

.publish-selection .navigation-social-tab .left-column .social-checkbox {
    position: relative;
}

/*.publish-selection .navigation-social-tab .left-column .social-checkbox input {
    width: 100%;
}
*/
.publish-selection .navigation-social-tab .left-column .social-checkbox label {
    position: relative;
    top: -18px;
    left: 3px;
}

::after {
}

.publish-selection .navigation-social-tab .left-column .social-title {
    flex-direction: column;
    font-weight: 500;
    color: #0f2f4d;
    font-size: 14px;
    letter-spacing: 0;
}

.publish-selection .navigation-social-tab .left-column .social-title .social-data-connection {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -.5px;
}

.publish-selection .navigation-social-tab .left-column .social-checkbox .smvul-error-icon svg {
    font-size: 29px;
}

.publish-selection .navigation-social-tab .left-column .social-checkbox .smvul-error-icon {
    margin-left: 2px;
}

.publish-selection .navigation-social-tab {
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
    padding: .4rem .5rem .4rem;
    border-radius: .375rem;
    margin-bottom: 1rem;
    position: relative;
}

.publish-selection .navigation-social-tab  .right-colum {
    width: 32px;
}

.publish-selection .navigation-social-tab .right-colum .splashecons-container {
    width: 32px;
    height: 32px;
    display: flex;
}

/*.publish-selection .navigation-social-tab:hover, .publish-selection .navigation-social-tab.active {
    background: #f9fafb;
}*/

.publish-selection {
    align-items: flex-end;
}

.publish-selection .navigation-social-tab .right-colum #icon-pub-reels-svg svg, .publish-step-2 .navigation-social-tab .left-column  #icon-pub-reels-svg svg, .account-not-connected #icon-pub-reels-svg svg{
    background: #5C55A1;
    background: linear-gradient(to left, #5C55A1 0%, #C4356C 50%, #FBC15E 100%);
    border-radius: 100px;
    fill: #fff;
}

.publish-selection .navigation-social-tab .right-colum #icon-pub-facebook-svg svg, .publish-step-2 .navigation-social-tab .left-column  #icon-pub-facebook-svg svg, .promote-step-2 .navigation-social-tab .left-column  #icon-pub-facebook-svg svg, .account-not-connected #icon-pub-facebook-svg svg{
    fill: #317BE6;
}

.publish-selection .navigation-social-tab .right-colum #icon-pub-shorts-svg svg, .publish-step-2 .navigation-social-tab .left-column  #icon-pub-shorts-svg svg, .promote-step-2 .navigation-social-tab .left-column  #icon-pub-shorts-svg svg, .account-not-connected #icon-pub-shorts-svg svg{
    fill: #E83F3A;
}

.publish-selection .navigation-social-tab .right-colum #icon-pub-twitter-svg svg, .publish-step-2 .navigation-social-tab .left-column  #icon-pub-twitter-svg svg, .promote-step-2 .navigation-social-tab .left-column  #icon-pub-twitter-svg svg, .account-not-connected #icon-pub-twitter-svg svg{
    fill: #1DA1F2;
}

.publish-selection .navigation-social-tab .right-colum #icon-pub-linkedin-svg svg, .publish-step-2 .navigation-social-tab .left-column  #icon-pub-linkedin-svg svg, .promote-step-2 .navigation-social-tab .left-column  #icon-pub-linkedin-svg svg, .account-not-connected #icon-pub-linkedin-svg svg{
    fill: #0578B6;
}

.publish-selection .navigation-social-tab .right-colum #icon-pub-wp-svg svg, .publish-step-2 .navigation-social-tab .left-column #icon-pub-wp-svg svg, .promote-step-2 .navigation-social-tab .left-column #icon-pub-wp-svg svg, .account-not-connected #icon-pub-wp-svg svg{
    fill: #01579B;
}

.publish-selection .destination-counter {
    margin-top: 16px;
}

.vubli_drawer_container .vubli-container .bottom-section .button-container {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 11px;
        margin-bottom: 0;
            width: 100%;
}

.vubli_drawer_container .vubli-container .bottom-column .publish-step-1 .divider-column {
    margin-top: 25px;
    height: 80%;
}

.publish-step-2, .promote-step-2, .publish-step-3, .promote-step-3 {
    padding: 1.25rem;
    background: #F9FAFB;
    border-radius: .5rem;
    height: 100%;
    margin-right: 59px;
}




/*.publish-step-2 .social-icon-container svg, .promote-step-2 .social-icon-container svg {
    width: 36px;
    height: 36px;
}*/
.publish-step-2 .social-icon-container svg, .promote-step-2 .social-icon-container svg {
    width: 100%;
    height: 100%;
}

/*.publish-step-2 .social-icon-container, .promote-step-2 .social-icon-container {
    height: 36px;
}*/



.publish-step-2 .publish-selection .left-column, .promote-step-2 .publish-selection .left-column {
    gap: 14px;
}

.publish-step-2 .publish-selection .navigation-social-tab, .promote-step-2 .publish-selection .navigation-social-tab  {
    background: #fff;
    margin-bottom: 0;
    border-radius: .5rem;
    padding: 5px;
    align-items: center;
    padding: 1.25rem;
}

.beta-notice {
    color: #7cc854;
    font-weight: 400;
}

.notice {
    color: #ef466f;
}

.platform-identifier {
    width: 280px;
}

.publish-step-2 .publish-selection, .promote-step-2 .publish-selection {
    gap: 10px;
    align-items: flex-start;
    overflow-y: scroll;
    scroll-behavior: smooth;
    height: 100%;
    height: calc(100% - 88px);
}

.publish-step-2 .navigation-social-tab .right-colum .splashecons-container, .publish-step-2 .navigation-social-tab .right-colum svg, .publish-step-2 .navigation-social-tab .right-colum, .promote-step-2 .navigation-social-tab .right-colum .splashecons-container, .promote-step-2 .navigation-social-tab .right-colum svg, .promote-step-2 .navigation-social-tab .right-colum {
    width: 36px;
    height: 36px;
    display: block !important;
    margin-right: 6px;
}

.publish-step-2 .navigation-social-tab .right-colum #icon-check-duotone, .promote-step-2 .navigation-social-tab .right-colum #icon-check-duotone {
    color: #7dc953;
}

.publish-step-2 .navigation-social-tab .right-colum #icon-close-duotone, .promote-step-2 .navigation-social-tab .right-colum #icon-close-duotone {
    color: #ef476f;
}

.publish-step-2 .social-checkbox .left-column, .promote-step-2 .social-checkbox .left-column {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 36px;
}

.publish-step-2 .social-checkbox .left-column label, .promote-step-2 .social-checkbox .left-column label {
    position: relative;
}

.publish-step-2 .social-checkbox, .promote-step-2 .social-checkbox {
    gap: 5px;
    position: relative;
    align-items: center;
}

.publish-step-2 .social-checkbox input, .promote-step-2 .social-checkbox input {
    height: 100%;
    width: 100%;
}

.vubli_drawer_container .top-section .promote-step-2 .title {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
}


#publish-container .publish-step-3 .icon-container .splashecons-container, #promote-container .promote-step-3 .icon-container .splashecons-container {
    display: block;
}

.publish-step-3 .icon-container .splashecons-container svg, .promote-step-3 .icon-container .splashecons-container svg  {
        font-size: 47px;
    background: #7dc953;
    border-radius: 100px;
    color: #fff;
}

.publish-step-3 .icon-container, .promote-step-3 .icon-container {
    margin-bottom: 29px;
}

.publish-step-3 .publish-selection .navigation-social-tab, .promote-step-3 .publish-selection .navigation-social-tab {
    align-items: center;
    justify-content: center;
}

.publish-step-3 .publish-selection .navigation-social-tab .social-title, .promote-step-3 .publish-selection .navigation-social-tab .social-title {
    color: #0f2f4d;
}

.publish-step-3 .publish-selection .navigation-social-tab, .promote-step-3 .publish-selection .navigation-social-tab {
    background: transparent;
    cursor: unset;
    background: #F3FAF0;
    border: 1px solid #B9E0A4;
    padding: 1rem .5rem;
}

.vubli_drawer_container .vubli-container .bottom-section .button-container a[data-button="close"] {
    max-width: 100%;
    width: auto;
}

.vubli_canvas_container .vsp-skeleton-frame{
    height: calc(100vh - 200px);
    aspect-ratio: 9/16;
}

.vubli_canvas_container .video-section {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* height: 523px; */
}

.video-loader{
    height: 523px;
    display: flex;
    align-items: center;
}

/* .video-section video{
    width: 100%;
    height: 100%;
} */

.thumbnail-section--wrapper img{
    border-radius: 0.375rem;
}

.vubli_canvas_main .preview-thumbnail {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0.75rem;
}

.vubli_canvas_main .preview-thumbnail:hover .pink-button {
    background: #e7456d;
}

.vubli_canvas_main .preview-thumbnail:hover .pink-button svg {
    color: #fff;
}

.preview-thumbnail .thumbnail-image {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #EFF2F5;
    border-radius: 15px;
}

.preview-thumbnail .thumbnail-image img {
    height: 100%;
    border: none;
}

/* .vubli_canvas_container .video-section img {
    width: 100%;
} */

.vubli_drawer_container .vubli-container .bottom-column .publish-step-1 .divider-column .social-form-container {
    height: 100%;
}

.account-not-connected .icon-container {
    width: 64px;
}

.account-not-connected {
    align-items: center;
    margin-top: 31px;
    gap: 7px;
    height: 100%;
}

.account-not-connected .top-section .main-styled-text {
    text-align: center;
}

.account-not-connected .top-section {
    gap: 9px;
    padding: 0 19px;
    height: auto !important;
}

.vubli_drawer_container {
    position: relative;
    height: 100%;
    width: 384px;
    display: block;
}

.right-drawer-section {
    display: flex;
}

.vubli_canvas_container {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    max-width: 460.5px;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.cvp-uploader__col__image {
    margin-bottom: 8px;
    width: 105px;
    height: 65px;
}

.uploadcare--dialog__container .cvp-uploader {
    width: 750px;
    height: 100%;
}

.cvp-uploader__col:hover {
    background-color: #EFF2F5;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
    transition-property: background-color;
}

.cvp-uploader__col:hover .cvp-uploader__col__floating_tooltip {
    visibility: visible;
}

.cvp-uploader__col:hover:before {
    visibility: visible;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
    transition-property: visibility;
}

.cvp-uploader__col__label.main-styled-text {
    letter-spacing: -1px;
}

.cvp-uploader__col {
    position: relative;
    border-radius: 4px;
    background-color: #f7f8fa;
    aspect-ratio: 1/1;
    width: 190px;
    padding: 30.5px;
}

.cvp-uploader__row {
    column-gap: 32px;
    row-gap: 32px;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.date-table {
    color: #64829B;
    font-size: 14px;
}

.instruction-text.main-styled-text {
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
    margin-bottom: 17px;
    color: #0F2F4D;
}

.upload-thumbnail .btn {
    width: 144px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    border-radius: .375rem;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    letter-spacing: 0;
    font-weight: 600;
}

.active .active-thumbnail-indicator.hidden {
    display: block;
}

.upload-thumbnail .btn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}



/* vubli new css*/

.vubli_canvas_container {

}

.right-drawer-section {
    width: 764px;
    max-width: 100%;
    flex-direction: column-reverse;
    gap: 12px;
}

.vubli_drawer_container {
    width: 100%;
    z-index: 999;
}

.shorcuts-canva-right-navigation {
    flex-direction: row;
    width: 100%;
    height: auto;
}

.vubli-video-container {
    width: 100%;
    /* display: flex;
    align-items: flex-start;
    gap: 10px; */
}

.vubli-video-container .shorcuts-canva-right-navigation {
    width: auto;
}

.vubli_drawer_container > div {
    position: absolute;
    width: 100%;
    right: 0;
    border: none;
    transition: none;
    opacity: 1;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
        padding-bottom: 14px;
}

.vubli_history_container {
    padding-right: 58px;
}
/* 
.vubli_drawer.hidden {
    opacity: 0;
    display: flex;
    z-index: -1;
} */

.vubli_drawer_container > div .top-section {
    overflow: hidden;
    padding: 0;
}

.publish-step-1, .promote-step-1 {
    display: flex;
    flex-direction: row-reverse;
    gap: 9px;
    height: 100%;
}

.navigation-social-tab li > div .social-name {
    display: none;
}

.vubli_drawer_container .vubli-container .first-column > .top-column {
    display: none;
}

.vubli_drawer_container .vubli-container .bottom-column .publish-step-1 .divider-column, .vubli_drawer_container .vubli-container .bottom-column .promote-step-1 .divider-column {
    margin: 0;
    height: 100%;
    /*overflow-y: scroll;*/
    background: #fff;
    border-top-left-radius: .375rem;
}

#platform_publish_forms .upload-form-box__form p {
    margin-top: 0;
    letter-spacing: 0px;
    text-align: right;
}

/* YouTube Caption card – header + title + description grouped in white box */
.youtube-caption-card {
    padding: 0;
    margin-bottom: 0;
}
.youtube-caption-card__group {
    background: #fff;
    border-radius: 0.5rem;
    padding: 0.3rem 15px 15px 15px;
    margin-bottom: 20px;
}
.youtube-caption-card__group--at-limit {
    border: 1px solid red;
}
.youtube-caption-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.youtube-caption-card__title {
    font-weight: 600;
    font-size: 1rem;
    color: #0F2F4D;
    letter-spacing: 0;
}

.vubli_drawer_container > div .top-section .youtube-caption-card__body .title.publish-label{
    font-size: .875rem;
}
.youtube-caption-card__menu-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    position: relative;
}
/* Thumb menu dropdown: below the button, right-aligned to the wrap */
.youtube-caption-card__menu-wrap .thumb-menu {
    top: 100%;
    right: 0;
    left: auto;
    margin-top: 0.25rem;
    min-width: 14rem;
}
.youtube-caption-card__body {
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
}
.youtube-caption-card__body .main-style-form {
    margin-bottom: 0;
}
/* Caption body only: Title + Description (transparent wrapper, gray body); Tags/Visibility/Category/Playlist keep default .ai-item-wrapper styling below */
.youtube-caption-card__body .ai-item-wrapper {
    background: transparent;
    padding: 0;
}
.youtube-caption-card__body .ai-item-wrapper.integrated-suggestions {
    margin-bottom: 10px;
}
.youtube-caption-card__body .ai-item-wrapper:last-of-type {
    margin-bottom: 0 !important;
}
.youtube-caption-card__body .ai-item-wrapper .title.publish-label {
    position: static;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #6b7280;
    margin-bottom: 0.375rem;
    letter-spacing: 0;
}
.youtube-caption-card__body .ai-item-wrapper input[name="title"],
.youtube-caption-card__body .ai-item-wrapper textarea[name="description"] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 0.625rem 0.75rem;
    width: 100%;
    font-size: 0.9375rem;
    color: #111827;
    box-sizing: border-box;
}
.youtube-caption-card__body .ai-item-wrapper .field-proxy {
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    padding: 0 !important;
    width: 100%;
    font-size: 16px;
    color: #0f2f4d;
    box-sizing: border-box;
}
.youtube-caption-card__body .ai-item-wrapper .field-proxy {
    background: transparent !important;
}
.youtube-caption-card__body .ai-item-wrapper .field-proxy:hover {
    background: transparent;
}
.youtube-caption-card__body:hover {
    background: #f9fafb;
}
.youtube-caption-card__body .ai-item-wrapper textarea[name="description"],
.youtube-caption-card__body .ai-item-wrapper .field-proxy[data-autosave="youtube_autosave_description"] {
    min-height: 100px;
    resize: vertical;
}
.youtube-caption-card__body .ai-item-wrapper .youtube-caption-char-count {
    margin: 0;
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    color: #6b7280;
    text-align: right;
}
.youtube-caption-card__body .ai-item-wrapper .youtube-caption-char-count.is-at-limit {
    color: #dc2626;
}

.navigation-social-tab-wrapper {
    padding: 1.25rem;
    background: #fff;
    border-radius: 0;
    height: 100%;
    overflow: hidden;
    display: none;
    padding: 0;
    border: 1px solid #E0E6EB;
    border: 1px solid #f9fafb;
    border: none;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.navigation-social-tab-wrapper > .upload-form-box {
    padding: 1.25rem;
    overflow-y: scroll;
    scroll-behavior: smooth;
    height: 100%;
    height: calc(100% - 88px);
    border: 1px solid;
    border-top: none;
    border-color: #f9fafb;
        background: #F9FAFB;
}

.navigation-social-tab-wrapper > .upload-form-box[data-access-token="false"] {
    /*opacity: 0.3;
    overflow: hidden;
    pointer-events: none;*/
}

.navigation-social-tab-wrapper.active{
    display: block;
}

.thumbnail-collapse-textbox svg {
    transform: rotate(0deg);
    transition: all .1s;
}

.thumbnail-collapse-textbox.active svg {
    transform: rotate(180deg);
    
}

.navigation-social-tab-wrapper.disabled-form {
    overflow: hidden;
}

.navigation-social-tab-wrapper.platform-error {
    overflow: hidden;
}

.ai-item-wrapper {
    border: none !important;
    background: #fff;
    border-radius: .375rem !important;
    margin-bottom: 1rem !important;
    padding: 40px 15px 15px 15px;
}

/*.right-drawer-section #social-nav-bar-form {
    min-width: 60px;
}*/

.navigation-social-tab li > div {
    position: absolute;
    top: 1px;
    right: 2px;
    gap: 0;
    border-radius: 100px;
    z-index: 9;
}

.navigation-social-tab li > div .smvul-error-icon .tcb-icon {
    background: #fff;
    border-radius: 100px;
}

.navigation-social-tab li > div label:after {
    border-radius: 100px !important;
    right: 0;
    left: unset;
    width: 20px !important;
    height: 20px !important;
}

.navigation-social-tab li > div label:before {
    right: 11px;
    left: unset !important;
    width: 6px !important;
    height: 11px !important;
}

.smvul-error-icon svg {
    font-size: 21px;
    top: -5px;
}

.navigation-social-tab li > div.icon-holder {
    position: relative;
    top: unset;
    right: unset;
    z-index: 0;
    width: 33px;
    height: 33px;
    background: #fff;
}

.navigation-social-tab li > div.icon-holder svg {
    width: 100%;
    height: 100%;
}

.flex.vubli_canvas_main {
    height: 100%;
    width: 100%;
    justify-content: center;
    gap: 36px;
    padding: 20px 30px 0;
}

.ai-item-wrapper .field-proxy {
    padding: .75rem !important;
    border-radius: .5rem;
    min-height: auto !important;
    letter-spacing: 0px !important;
}

.textarea-custom.ai-item-wrapper .field-proxy {
    min-height: 118px !important;
}

ul.tagit li.tagit-choice-editable.tagit-choice .tagit-label, ul.tagit .tag-suggestions .suggestion .content{
    letter-spacing: 0px !important;
}

.ai-item-wrapper .field-proxy:hover {
    background: #f9fafb;
}

.ai-item-wrapper .tagit {
    padding-top: 0 !important;
    margin: 0;
}

.vubli_drawer_container textarea {
    padding: .8rem;
    border-radius: .5rem;
    height: 100%;
    border: none !important;
    font-size: 16px;
}

.vubli_drawer_container #thumbnail-container .bottom-column, .vubli_drawer_container #transcripts-container .bottom-column, .vubli_drawer_container #history-container .bottom-column {
    padding: 1.25rem;
    background: #F9FAFB;
    border-radius: .5rem;
}

.vubli_drawer_container textarea:hover {
    background: #fff !important;
}

body span.ui-selectmenu-button {
    border: none;
    font-size: 16px;
}

/*.shorcuts-canva-right-navigation .icon-container, .shorcuts-canva-right-navigation .icon-container-disabled {
    letter-spacing: 0px;
    padding: 12px;
    cursor: pointer;
    border-radius: .375rem;
    color: #0F2F4D;
    font-size: 18px;
}*/

.shorcuts-canva-right-navigation .icon-container#transcripts {
    padding: 5px 10px 7px;
}

.shorcuts-canva-right-navigation .icon-container.active, .shorcuts-canva-right-navigation .icon-container:hover, .shorcuts-canva-right-navigation .icon-container-disabled:hover {
    background: #F9FAFB;
        color: #7dc953;
}

.shorcuts-canva-right-navigation .icon-container#transcripts:hover div#icon-title-duotone, .shorcuts-canva-right-navigation .icon-container#transcripts.active div#icon-title-duotone {
    color: #7dc953;
}

.shorcuts-canva-right-navigation .icon-container#transcripts #icon-title-duotone {
    width: auto;
    height: auto;
    border-radius: 0;
    color: #0F2F4D;
    display: block;
    background: none;
    pointer-events: none;
}

.semibold {
    font-weight: 600;
}

.vubli_canvas_main .cmxform input {
    padding: .75rem;
    font-weight: 600;
    height: 41.39px;
    text-align: left;
    color: #0F2F4D;
    font-size: 18px !important;
        border-radius: 7px;
}

.vubli_canvas_main .cmxform {
    margin: 0 auto 0 auto;
}

.vubli_drawer_container #history-container .bottom-column .history-row {
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
    background: #fff;
    border-radius: .5rem;
}

.vubli_drawer_container #history-container .bottom-column .history-row .history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-top: 1px solid #f9fafb;
}

.vubli_drawer_container #history-container .bottom-column .history-row .history-item .history-icons {
    display: flex;
    gap: 25px;
    align-items: center;
    justify-content: flex-start;
    margin-top: 13px;
}

.vubli_drawer_container #history-container .bottom-column .history-row .history-item .history-icons .icon-item {
    width: 34px;
    height: 34px;
}

.history-icons svg {
    width: 100%;
    height: 100%;
}

.vubli_drawer_container #history-container .bottom-column .history-row .history-item .history-icons .icon-item img {
    width: 100%;
}

.vubli_drawer_container #history-container .bottom-column .history-row .history-item .main-styled-text {
    font-size: 16px;
    letter-spacing: 0px;
    color: #0F2F4D;
    font-weight: 500;
}


.vubli_drawer_container #history-container .bottom-column .history-row .history-item .history-date {
    color: #64829B;
    font-size: 14px;
    font-weight: 400;
}

.vubli_drawer_container .vubli-container .bottom-column .publish-step-1 .divider-column .thumbnail-container .divider-column {
    overflow: hidden;
    padding-bottom: 20px;
    border-top: 1px solid #E5E7EB;
    padding-top: 10px;
}

/* .thumbnail-main {
    display: none;
} */

.my-config {
  --darkmode: 0;
  --h-accent: 99;
  --s-accent: 52%;
  --l-accent: 56%;
}

/* dashboard */

.entry-dashboard-container .search-entry-container input:focus {
    --tw-border-opacity: 1;
border-color: rgba(124,200,84,var(--tw-border-opacity));
}


.entry-dashboard-container .search-entry-container input {
    background: transparent;
    /* border: 1px solid;
    --tw-border-opacity: 1; */
    /* border-color: rgba(229,231,235,var(--tw-border-opacity)); */
    /* border-radius: .375rem; */
    color: #9CA3AF;
    padding-left: 30px;
    font-size: .875rem;
}



.container.dashboard {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}

#gravityentrytable tbody tr.main-container-header-row td,
#gravityentrytable tbody tr.main-container-row td:first-child{
    display: flex;
}

#gravityentrytable tbody tr.main-container-header-row td {
    align-items: center;
    justify-content: center;
    /* flex: .3; */
}

#gravityentrytable tbody tr.main-container-row td:first-child{
    align-items: start;
    align-items: center;
}

.full-list-view.table-view.calendar-type table tbody .upload-entry td{
    flex: .3;
}

.full-list-view #gravityentrytable tbody tr.main-container-header-row td{
    flex: .3;
}

.full-list-view #gravityentrytable tbody tr.main-container-header-row td:first-child{
    flex: 1;
}

.full-list-view #gravityentrytable tbody tr.main-container-row td:first-child{
    flex: 1;
    justify-content: start;
}

.full-list-view.table-view.calendar-type table tbody .upload-entry td{
    display: flex;
    align-items: center;
}

#gravityentrytable tbody tr.main-container-row .order-name, #gravityentrytable tbody tr.main-container-header-row .order-name {
    max-width: 100%;
    padding-right: 30px;
    padding: 0 17px !important;
    justify-content: flex-start;
    flex: 1;
}

#gravityentrytable tbody tr.main-container-row .order-platform, #gravityentrytable tbody tr.main-container-header-row .order-platform {
    padding: 0 20px;
    width: 196px;
    max-width: 100%;
}

#gravityentrytable tbody tr.main-container-row .order-posted, #gravityentrytable tbody tr.main-container-header-row .order-posted {
    width: 129px;
    max-width: 100%;
    padding: 0 20px;
    /* display: flex; */
    justify-content: center;
}

#gravityentrytable tbody tr.main-container-row .order-upload, #gravityentrytable tbody tr.main-container-header-row .order-upload {
    width: 129px;
    max-width: 100%;
    padding: 0 20px;
    /* display: flex; */
    justify-content: center;
}

#gravityentrytable tbody tr.main-container-row .order-hover, #gravityentrytable tbody tr.main-container-header-row .order-hover {
    /* padding: 27px 30px; */
    /*width: 28px;*/
    padding: 0;
    max-width: 100%;
    /* display: flex; */
    justify-content: flex-end;
    padding-right: 17px;
    position: absolute;
    right: 0;
}

 /* #gravityentrytable tbody tr.main-container-row:hover .order-upload  {
    opacity: 0;
} */

#gravityentrytable tbody tr .order-hover .action-publish-container {
    opacity: 0;
}
#gravityentrytable tbody tr:not([data-upload-status="processing"]):hover .order-hover .action-publish-container{
    opacity: 1;
}
/* #gravityentrytable tbody tr:hover .order-hover .action-publish-container {
    opacity: 1;
} */

#gravityentrytable .action-publish-container .action-dashboard svg {
    width: 100%;
    height: 100%;
    color: #0F2F4D;
    line-height: normal;
    display: block;
}

#gravityentrytable .action-publish-container .action-dashboard .splashecons-container:hover svg {
    color: #7cc854;
}

.action-publish-container .delete-icon svg {
    color: #EF476F;
}

.action-publish-container .delete-icon:hover svg {
    color: #cf244d;
}

.action-publish-container .delete-icon .splashecons-container, .action-publish-container .delete-icon .splashecons-container svg {
    width: 100%;
    height: 100%;
}

.action-publish-container .action-dashboard svg[data-id="icon-title-duotone"] {
    top: 1px;
    position: relative;
}


#gravityentrytable tbody tr.main-container-row td {
	min-height: 89px;
}

/* Match order-id/order-name cell height to main-container-row/upload-entry row */
#gravityentrytable tbody tr.main-container-row.upload-entry td.order-id.order-name,
#gravityentrytable tbody tr.main-container-row.upload-entry td:first-child {
	min-height: 89px;
	vertical-align: top;
	box-sizing: border-box;
}

/*#gravityentrytable tbody tr.main-container-row td .flex > div {
	display: flex;
	width: 100%;
	justify-content: flex-start;
}*/

#gravityentrytable tbody tr.main-container-row td .flex > div.sub-content {
	justify-content: center;
}

.social-video-publisher-status svg {
	width: 16px;
	height: 16px;
}
#sort-order-date {
	min-width: 89px;
    align-items: center;
    justify-content: center;
}

.light-text {
    font-size: 14px;
    top: 0;
    letter-spacing: 0px;
    color: #111827;
    font-weight: 500;
    height: 20px;
    /* display: block; */
}

.page-dashboard .title-value {
    max-width: 260px;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* help center */

.container.help-center-container {
    margin: 0;
    max-width: 61rem;
    padding: 0 5rem;
    width: 100%;
}


.container.help-center-container .content-heading {
    background: transparent;
    padding: 0;
    margin-bottom: 54px;
}

.help-center-container .heading-title {
    font-size: 1.5em;
    letter-spacing: -.4px;
    text-align: left !important;
    font-weight: 700 !important;
    margin-bottom: 16px;
}

.help-center-container .help-text.text-center {
    text-align: left !important;
    font-size: 16px;
    letter-spacing: -.5px;
}

.help-center-contact-container .row {
    background: #F9FAFB;
    border-color: transparent;
    height: 188px;
}

.help-center-contact-container .row svg {
    color: #9CA3AF;
    width: 66px !important;
    margin-bottom: 2px;
}

.help-center-contact-container {
    padding: 0 0 50px;
    margin-top: 43px;
}

.help-center-container .help-text.text-center {
    width: 100%;
}

.help-center-container .help-subtitle {
    font-size: 1.5em;
    letter-spacing: -.4px;
    text-align: left !important;
    font-weight: 700 !important;
    margin-bottom: 16px;
}

.help-center-contact-container .row:hover {
    border-width: 1px;
}

/* Connected app */

.social-media-connection-settings {
    margin: 0;
    max-width: 61rem;
    padding: 0 5rem;
    width: 100%;
}

.social-media-connection-settings h1.main-styled-text {
    font-size: 1.5em;
    letter-spacing: 0px;
    text-align: left !important;
    font-weight: 700 !important;
    margin-bottom: 20px;
}

.social-media-connection-settings > .main-styled-text {
    text-align: left !important;
    font-size: 16px;
    letter-spacing: -.5px;
}

.social-media-connection-settings .social-row .flex > div .main-styled-text {
    display: none;
}

.social-media-connection-settings .social-row .flex > div strong.main-styled-text {
    display: block;
    font-size: 14px;
    letter-spacing: -.4px;
}

.social-media-connection-settings .social-row .flex {
    gap: 29px;
}

.social-row .social-thumb {
    width: 44px;
}

.social-row .social-thumb img {
    width: 100%;
}

a.btn.error {}

.social-row .btn {
    font-size: .875rem;
    line-height: 1.25rem;
    width: 112px;
    letter-spacing: -.5px;
    font-weight: 600;
    border-radius: .375rem;
}

.social-media-connection-settings .two-times-width {
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: -.5px;
    font-weight: 600;
    border-radius: .375rem;
}

.coming-soon {
    /*background: #f9fafbc2;
    box-shadow: 0px 0px 7px #00000012;*/
    border-radius: .5rem;
}
/* #history-container .history-row {
    opacity: 0.1;
} */
/*end*/

/**
*   Publish form Validations
*/

body .ui-selectmenu-button.validation-error, body .validation-error {
    border-color: #EF476F !important;
    outline: 1px solid #EF476F !important;
}

/**
*   Form Instructions
*/
.main-style-form .instruction-wrapper .instruction {
    font-size: 12px;
    margin-top: 6px;
    color: #4f4f4f;
    font-weight: 100;
}

.popup-thumbnail {
  --l10n-upload-files: 'Choose your documents';
}

.publish-steps > .publish-selection > .navigation-social-tab.flex, .promote-steps > .publish-selection > .navigation-social-tab.flex {
    pointer-events: none;
}

.content-publish{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 156px;    
}
/* 
.calendar-type .content-publish {
    display: none;
    justify-content: start;
} */

.btn.disabled[publish-drawer="publish-steps"] .video-loader, .btn.disabled[publish-drawer="promote-steps"] .video-loader {
    height: 100%;
}

.btn.disabled[publish-drawer="publish-steps"] .video-loader .lds-ellipsis div, .btn.disabled[publish-drawer="promote-steps"] .video-loader .lds-ellipsis div {
    background: #fff;
}

.btn.disabled[publish-drawer="publish-steps"] .video-loader .lds-ellipsis, .btn.disabled[publish-drawer="promote-steps"] .video-loader .lds-ellipsis {
    height: 19px;
}

.vubli-video-container .video-loader {
    height: auto;
    width: 100%;
    background: #f9fafb;
    border-radius: .5rem;
}

.canvas-title-section .splashecons-container svg, .canvas-title-section .splashecons-container {
    width: 100% !important;
    height: 100% !important;
}

.mouse-scroll {
    width: 100%;
    max-width: 31px;
    height: 100%;
    border: solid 2px #C1CDD7;
    border-radius: 30px;
    position: relative;
    background: #fff;
}

.mouse-scroll:before {
    content: '';
    width: .4em;
    height: .4em;
    border-radius: 50%;
    background: #C1CDD7;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    animation: scroll 2.5s infinite;
}

.custom-select-container .custom-select {
    position: relative;
}

#original-select {
    display: none;
}

.custom-select-container .select-dropdown {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 10;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #e0e6eb;
}

.custom-select-container .select-dropdown a {
    text-decoration: none;
    display: block;
    transition: background-color 0.3s;
    padding: 10px 16px;
    font-size: 15px;
    color: #0F2F4D;
    border-top: 1px solid #E0E6EB;
    letter-spacing: -.5px;
}

.custom-select-container .select-dropdown a.option-disabled {
    color: #0f2f4d52;
    pointer-events: none;
}

.custom-select-container .select-dropdown a:first-child {
    border: none;
}

.custom-select-container .select-dropdown a:hover {
    background-color: #f9fafb;
}

.custom-select-container .custom-select .select-dropdownss::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 10px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #f9f9f9 transparent;
}

.custom-select-container .custom-select.open .select-dropdown {
    display: block;
}

::-webkit-scrollbar {
width: 5px;
}

.custom-w-scrollbar::-webkit-scrollbar {
width: 7px;
}

::-webkit-scrollbar-track {
background: transparent; /* Track background color */
}

::-webkit-scrollbar-thumb {
background-color: #EFF2F5; /* Thumb color */
border-radius: 4px; /* Rounded corners */
}

::-webkit-scrollbar-thumb:hover {
background-color: #E0E6EB; /* Hover color */
}

@keyframes scroll {
    0% {
    bottom: 80%;
    opacity: 1;
    }

    100% {
    bottom: 20%;
    opacity: 0;
    }
}

.arrow-scroll {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 31px;
}

.arrow-scroll .arrow {
    border: solid #C1CDD7;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 8px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translatex(-50%) rotate(45deg);
}

.arrow-scroll .arrow:nth-child(2) {
    animation: arrow1 1.5s ease-in-out infinite;
}

.arrow-scroll .arrow:nth-child(3) {
    animation: arrow2 1.5s ease-in-out infinite;
}

.plan-total-minutes svg, .plan-total-storage svg {
    width: 17px;
    height: 17px;
}

.vubli-container .bottom-column > .hidden {
    display: none;
}


.connection-popup-instructions {
    background: #1e1e1e7d;
    z-index: 9999;
}

.change-title-field {
    outline: 0;
    width: 600px;
    text-align: left;
}

@keyframes arrow1 {
    100% {
    opacity: 0;
    top: 100%;
    }
}

@keyframes arrow2 {
    100% {
    opacity: 0;
    top: 50%;
    }
}


@keyframes bounces {
    0%,to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

.animate-bounces {
    animation: bounces 1s infinite
}

.vubli-container.disabled-form .canvas-scroll-down {
    opacity: 0 !important;
    z-index: -99999 !important;
    pointer-events: none !important;
}

.check-your-email .box-container{
    transform: rotate(-24deg);
}

.check-your-email .box-container svg{
    transform: rotate(218deg) scaleX(-1);
    position: absolute;
    top: 48px;
    left: 66px;
}

.ck-powered-by-balloon {
    opacity: 0;
}

.vubli_drawer_container .vubli-container input.custom-select-input {
    width: 5px;
    padding: 0;
    border: none;
    background-color: transparent !important;
    color: #0F2F4D;
    font-size: 16px !important;
    letter-spacing: -.5px;
}

.vubli_drawer_container .vubli-container input.custom-select-input:hover {
    background-color: transparent !important;
}

.dashboard .table-responsive .title-content input {
    color: #111827;
    border: none;
    font-weight: 500;
    max-width: 350px;
    padding-right: 10px;
}

div#history.active ~ .autosave-container {
    opacity: 0;
    pointer-events: none;
}

/*Timepicker*/
#edit-time-schedule {
    overflow: visible;
}

.timepicker-container {
    position: relative;
    display: inline-block;
    width: 200px;
}
.timepicker-input {
    width: 100%;
    padding: 8px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    cursor: pointer;
}
.timepicker-dropdown {
    display: none;
    position: absolute;
    top: 106%;
    left: 0;
    width: 110%;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
    padding: 10px;
    flex-wrap: wrap;
    gap: 5px;
}
.timepicker-dropdown.open {
    display: flex;
}
.timepicker-column {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    flex-grow: 1;
}
.timepicker-column select {
    width: 100%;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
    padding-right: 1px;
}
.timepicker-ok {
    text-align: center;
    cursor: pointer;
    color: #fff;
    flex-grow: 1;
    background: #7cc854;
    border-radius: .375rem;
    padding: 6px;
}

.timepicker-ok:hover {
    background: #63b239;
}


.editable-container::-webkit-scrollbar {
  height: 0px;
}

#edit-time-schedule #timepicker:focus-visible {
    outline: 0;
}

.custom-tipso-arrow:after {
    content: '';
    position: absolute;
    bottom: -3px;
    width: 23px;
    height: 23px;
    transform: rotate(45deg);
    background: #fff;
}

.right-drawer-section .shorcuts-canva-right-navigation > .icon-container {
    padding: 9px 18px;
    border-radius: 6px;
    cursor: pointer;
}

.page-canvas .custom-back-to-dashboard {
    display: none;
}

.freemium-dashboard #vubli-freeSignupForm, #vubli-plusSignupForm, #vubli-plus-yearlySignupForm {
    z-index: 9999;
}

.top-menu .view-button {
    cursor: pointer;
}

.top-menu .active, .top-menu .view-button:hover {
    background-color: #f9fafb;
    color: #7cc854;
}

.top-menu .active span, .top-menu .active span svg, .top-menu .view-button:hover span, .top-menu .view-button:hover span svg {
    color: #7cc854;
}

.twitter-timeline, .twitter-timeline iframe {
    height: 100% !important;
}

#back_to_dashboard_popup .go_to_dashboard:focus {
    color: #ef476f !important;
}

#back_to_dashboard_popup .go_to_dashboard:hover:focus {
    color: #fff !important;
}

#x-feed {
    display: flex;
    flex-direction: column;
    overflow: scroll;
    height: calc(100% - 51px);
}

#twitter-feed-container .x-video-player {
    position: relative;
    display: block;
    width: 100%;
    max-width: 510px; /* Matches X's typical video width */
    margin-top: 12px;
}

#twitter-feed-container .video-container {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: #000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#twitter-feed-container .video-preview {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

#twitter-feed-container .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

#twitter-feed-container .play-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 16px solid white;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

#twitter-feed-container .x-video-player:hover .play-button {
    opacity: 0.8;
}

.progress-circle-wrapper {
    text-align: center;
    /* margin-bottom: 20px; */
  }

  /* background circle path */
  .progress-bg {
    stroke: #E6E7EB;
    stroke-width: 3.5;
    fill: none;
  }

  /* rotate only the progress stroke */
  .progress-rotate {
    transform: rotate(-90deg);
    transform-origin: center;
  }

  /* progress ring (green) */
  .progress-ring {
    stroke: #7DC855;
    stroke-width: 3.5;
    fill: none;
    stroke-linecap: round;
    stroke-dasharray: 62.83;
    stroke-dashoffset: 62.83; /* start hidden */
  }

  /* inner number */
  .progress-text {
    font-family: 'Inter', Helvetica, Arial, sans-serif;
    font-size: 9px;
    fill: #6B7A90;
    font-weight: 400;
    text-anchor: middle;
  }

  .loading-text-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
  }

  .loading-text {
    font-family: 'Inter', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #6B7A90;
    position: relative;
    display: inline-block;
    /* shimmer/ripple effect */
    background: linear-gradient(
      120deg,
      #6B7A90 0%,
      #A1B0C5 20%,
      #6B7A90 40%,
      #6B7A90 100%
    );
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: textShimmer 2s infinite;
    white-space: nowrap;
  }

  /* shimmer effect animation */
  @keyframes textShimmer {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }

@media screen and (max-width: 1830px) {
    .change-title-field {
        max-width: 437px;
    }

}

@media screen and (max-width: 1536px) {
    .check-your-email .box-container{
        transform: rotate(-13deg);
    }

    .check-your-email .box-container svg{
        transform: rotate(259deg) scaleX(-1);
        position: absolute;
        top: 20px;
        left: -54px;
    }

    .change-title-field {
        max-width: 252px;
    }

    .freemium-dashboard .thumbnail-container {
        height: calc(100vh - 369px);
    }
}


@media screen and (max-height: 1000px) {
    .cmxform {
        width: 395px;
    }

    /* .vubli_canvas_container .video-section {
        max-width: 395px;
    } */
}

@media screen and (max-width: 1441px) {
    .popup-more-info .slick-list {
        padding: 0 20.5% 0 !important;
    }
}

@media screen and (max-width: 1360px) {
    .flex.vubli_canvas_main {
        padding: 20px 30px 0 47px;
    }
}

@media screen and (max-width: 1281px) {
    .popup-more-info .slick-list {
        padding: 0 17.5% 0 !important;
    }

    .cvp-uploader__col img {
        height: 41px;
    }

    .cvp-uploader__col__image {
        margin-bottom: 8px;
        width: 105px;
        height: 41px;
    }
    .cvp-uploader__col {
        padding: 0px;
    }

    .uploadcare--dialog__container .cvp-uploader {
        width: 100%;
        height: 100%;
    }


}

@media screen and (max-width: 1281px) {
       /* body.sidebaractivated {
        padding-left: 0px !important;
    } */

    .calendar-post-title {
	    width: 100%;
	    max-width: 530px;
	}

}


@media screen and (max-width: 1024px) {
    .popup-more-info .slick-list {
        padding: 0 8.5% 0 !important;
        overflow: visible;
    }

    /*#gravityentrytable tbody tr.main-container-row td:nth-child(1), #gravityentrytable tbody tr.main-container-row td:nth-child(2), #gravityentrytable tbody tr.main-container-header-row td:nth-child(2), #gravityentrytable tbody tr.main-container-header-row td:nth-child(1) {
        width: 50% !important;
        border: none;
    }

    #gravityentrytable tbody tr.main-container-row td:nth-child(2), #gravityentrytable tbody tr.main-container-header-row td:nth-child(2) {
        padding-right: 28px !important;
    }

    #gravityentrytable tbody tr.main-container-row td:nth-child(3) {
        width: 100% !important;
        min-height: auto;
    }

    #gravityentrytable tbody tr.main-container-header-row td:nth-child(3) {
        display: none !important;
    }*/

    #gravityentrytable tbody tr.main-container-row td:nth-child(5) {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .list-type tbody tr {
        flex-wrap: wrap;
    }

    #gravityentrytable tbody tr.main-container-row td .flex > div.sub-content {
        justify-content: end;
    }

    .container.dashboard {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    body:not(.page-template-vubli-plans) .vubli-sidebar {
        z-index: 99;
    }

    .content-publish {
    	justify-content: flex-start;
    	padding: 0 17px;
    }

}

@media screen and (max-width: 1024px) and (min-width: 943px) {

    .right-drawer-section {
        min-width: 459px;
    }

    .vubli_canvas_container {
        width: 100%;
        max-width: 100%;
    }


}


@media screen and (max-width: 995px) {
    body.canvas-drawer-open .BeaconFabButtonFrame{
        bottom: 136px !important;
    }
}


@media screen and (min-width: 943px) {
    .shortcuts-canva #splasheo-canva-folder {
        position: absolute;
        z-index: 999;
        display: inline-block;
        height: auto;
        top: -moz-calc(50% - 60px);
        top: -webkit-calc(50% - 60px);
        top: -o-calc(50% - 60px);
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container > .gfgf_wrap > ul > li.field_sublabel_below:first-child .headline-drawer-divider {
        display: none;
    }

    .right-drawer-section {
        min-width: 459px;
    }



}

@media screen and (max-width: 943px) {
	
    #gravityentrytable .main-container-row td .title-content {
    	width: 263px;
    	max-width: 100%;
    }

	.drawer-option-label{
		display: flex;
	}

	.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container {
		padding: 0px;
		width: auto;
		left: 0;
		right: unset;
		transform: translateX(-100%);
	}


	.drawer-form .gfield_wrap_group.visible-settings-container > .gfgf_wrap{
		padding-left: 17px;
		padding-right: 17px;
		padding-top: 17px;
	}


	.theme_builder_side_navigation{
		width: 60px;
	}

	.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container.open {
		transform: translateX(0);
		left: 0px;
		right: unset;
		-webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 24%);
		-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.24);
		box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 24%);
	}

	#gform_wrapper_45 {
		z-index: 999;
		position: relative;
	}

	.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container > .gfgf_wrap > ul > li.field_sublabel_below:first-child .headline-drawer-divider {
		position: absolute;
		top: 0;
		margin: 0 !important;
	}

	.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container > .gfgf_wrap > ul > li.field_sublabel_below:first-child .headline-drawer-divider__headlinetext, .shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container > .gfgf_wrap > ul > li.field_sublabel_below:first-child .headline-drawer-divider::before {
		display: none;
	}

	.shortcuts-canva .drawer-form_wrapper form div > ul[id*="gform_fields"]> li.visible-settings-container > .gfgf_wrap > ul > li.field_sublabel_below:first-child .close-drawer-panel {
		position: relative;
		top: 4px;
		transform: rotate(180deg);
		right: unset;
	}

	.right-drawer-section .shorcuts-canva-right-navigation {
		width: 100%;
		align-items: center;
		justify-content: space-between;
		box-shadow: 0 0 13px #00000012;
		padding: 6px 10px;
        bottom: 0px;
        z-index: 999;
	}

	.right-drawer-section {
		position: absolute;
		width: 100%;
		height: 100%;
		bottom: 0px;
		left: 0;
	}

	.vubli_drawer_container {
		position: absolute;
		top: 0;
		left: 0;
	}

	html body .BeaconFabButtonFrame {
		bottom: 15px;
		right: 15px;
	}

	html body.page-canvas .BeaconFabButtonFrame {
		bottom: 120px;
		right: 4px;
	}

	.flex.vubli_canvas_main {
		padding: 4px 15px 0;
        overflow: hidden;
	}

	.vubli_canvas_container {
		overflow: hidden;
		height: calc(100vh - 74px);
        position: relative;
        height: 100%;
	}

    .vubli_canvas_container > .video-title-section {
        position: fixed;
        width: 100%;
        z-index: 9997;
        background: #fff;
        padding: 3px 17px 3px 70px;
        top: 0;
    }

	.vubli_drawer_container > div {
		padding: 9px 15px 0;
		background: #fff;
		z-index: 999;
		position: absolute !important;
		height: calc(100vh - 74px);
		height: 100%;
	}


    .is-iframe .vubli_drawer_container > div{
        padding: 0px;
    }

	.vubli_drawer_container > div.vubli_transcript_container {
		height: calc(100vh - 137px);
		margin-top: 55px;
		height: 100%;
	}

    .vubli-video-container {
        width: 100%;
        height: 100%;
        overflow: scroll;
        margin-top: 55px;
    }

    .vh100 {
        overflow: hidden;
        height: calc(100svh - 78px) !important;
    }

	html body .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items {
		flex-wrap: wrap;
	}

	.shorcuts-canva-right-navigation .icon-container {
		padding: 7px;
	}

	.publish-step-1, .promote-step-1 {
		flex-direction: column;
	}

	.publish-step-1 .publish-selection, .promote-step-1 .publish-selection {
		flex-direction: row !important;
		gap: 1rem;
		margin-left: 0px;
		overflow-x: auto;
		min-height: 67.78px;
		width: calc(100% - 0px);
		padding: 4px 25px;
        white-space: nowrap;
        scroll-behavior: smooth;
	}

    .promote-step-1 .publish-selection {
        padding: 4px 0px;
    }


	.publish-step-1 .publish-selection .navigation-social-tab, .promote-step-1 .publish-selection .navigation-social-tab  {
		max-width: 49px;
		margin-bottom: 0;
	}

	.vubli_drawer_container .vubli-container .bottom-section {
		width: calc(100% - 0px);
		/*padding-right: 60px;*/
	}

    .vubli_drawer_container .vubli-container .bottom-column .publish-step-1 .divider-column, .vubli_drawer_container .vubli-container .bottom-column .promote-step-1 .divider-column {
        height: calc(100% - 42px);
    }

    .navigation-social-tab-wrapper {
        height: 100%;
    }

    .navigation-social-tab-wrapper > .upload-form-box {
        padding-bottom: 70px;
    }

	.publish-step-2, .promote-step-2, .publish-step-3, .promote-step-3 {
		margin-right: 0;
	}

    .top-video-container #transcript {
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background: #F9FAFB;
        color: #374151;
        padding: 6px 6px;
    }

    .shorcuts-canva-right-navigation #transcript .splashecons-container{
        color: #374151;
        font-size: 17px;
    }

    .top-video-container #transcript:hover, .shorcuts-canva-right-navigation #transcript:hover .splashecons-container {
        color: #7dc953;
    }


    .vubli_canvas_main .cmxform {
        max-width: 100%;
    }

    .change-title-field {
        max-width: 220px;
    }

    .shorcuts-canva-right-navigation {
        position: fixed;
    }

    .top-video-container .shorcuts-canva-right-navigation {
        position: relative;
    }

    div#beacon-container{
        z-index: 1000001;
        position: relative;
    }

    .right-drawer-section .shorcuts-canva-right-navigation > .icon-container {
        padding: 0 10px 3px;
    }

}

@media screen and (max-width: 800px) {

	.thumbnail-container {
		height: 578px;
	}

}

@media screen and (max-width: 768px) {

	body.sidebaractivated {
		padding-left: 0 !important;
	}

    .change-title-field {
        max-width: 220px;
    }

    .freemium-dashboard .thumbnail-container {
        min-height: calc(100vh - 369px);
        height: 100%;
    }


    #canvas-slider-iframe{
        width: 100%;
        max-width: 100%;
    }

    #closeSlider{
        left: 14px;
        top: 13px;
        color: #000;
    }

}

@media screen and (max-width: 600px) {



    


    body .progress-circle-animation-wrapper{
        align-items: start;
        flex-direction: unset;
        grid-gap: 10px;
    }

    body .fancybox-content.floatingpopup-style-1.video-about {
        width: 90%;
    }

    .apple-device .uc-alert-mobile {
        display: block;
    }

    .freemium-dashboard .thumbnail-container {
        height: 100%;
    }

    .agreement-field input[type=checkbox]+label {
        display: block;
    }

    .custom-select-container .select-dropdown {
        position: relative;
    }

    .page-canvas .upgrade-plan-section .fancybox-slide--html {
        padding-bottom: 65px !important
    }

    #upgrade-plan-container {
        padding-bottom: 100px !important;
    }

    #upgrade-plan-container .fancybox-button {
        z-index: 9999;
        position: fixed;
    }

    #upgrade-plan-container .theme_builder_side_navigation__container {
        align-items: flex-start;
    }

	.thumbnail-container {
		height: 387px;
	}

    #gravityentrytable tbody tr.main-container-row td:nth-child(5){
        width: auto !important;
        right: 29px;
        transform: translateX(50%);
        padding: 15px 15px !important;
        z-index: 9999;
        min-height: max-content !important;
    }

    

	ul.tagit li.tagit-choice-editable.tagit-choice {
		padding: 3px 34px 3px 9px;
		background-color: #F7F8FA;
		border-radius: 7px;
		max-width: 204px;
	}

	ul.tagit li.tagit-choice-editable.tagit-choice .tagit-label {
		padding: 0;
		justify-content: flex-start;
		border-radius: 0;
	}

	ul.tagit.ui-widget.ui-widget-content.ui-corner-all {
		padding: 0;
	}

    .publish-step-2, .promote-step-2, .publish-step-3, .promote-step-3 {
        margin-top: 0;
        overflow-y: scroll;
    }


	.shorcuts-canva-right-navigation .splashecons-container {
		width: 38px;
		height: 38px;
	}

	.shorcuts-canva-right-navigation .icon-container {
		padding: 0px;
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 5px;
	}

	/*.list-type tbody tr.main-container-header-row {
		display: none !important;
	}*/

	.list-type tbody tr td.order-id > div.flex {
		display: flex; 
		justify-content: start;
	}

	#gravityentrytable tbody tr.main-container-row td {
		border: none;
		flex: 1;
		width: 100% !important;
		/* min-height: 62px; */
	}

	#gravityentrytable tbody tr.main-container-row {
		flex-direction: column;
	}

	#gravityentrytable tbody tr.main-container-header-row td:nth-child(2)  {
		display: none;
	}

	#gravityentrytable tbody tr.main-container-row td:nth-child(2) {
		justify-content: start;
        min-height: 36px;
	}

	#gravityentrytable tbody tr.main-container-row:hover td:nth-child(2)  {
		opacity: 0;
	}

	.content-publish {
		padding: 0;
	}

	#gravityentrytable .main-container-row td .title-content {
		text-align: left;
		max-width: 65%;
	}

	#gravityentrytable tbody tr.main-container-row td:nth-child(3), #gravityentrytable tbody tr.main-container-header-row td:nth-child(3) {
		position: absolute;
		right: 0;
		justify-content: end;
	}

	#gravityentrytable tbody tr.main-container-row:hover td:nth-child(3) {
        opacity: 1;
    }

    .publish-step-1 .publish-selection, .promote-step-1 .publish-selection {
        min-height: 51.78px;
    }

    /*.navigation-social-tab-wrapper > .upload-form-box {
        height: calc(100% - 184px);
    }*/

    .publish-step-2 .notes-container, .promote-step-2 .notes-container, .publish-step-3 .notes-container, .promote-step-3 .notes-container {
        display: none;
    }

    .publish-step-2 .publish-selection, .promote-step-2 .publish-selection {
        height: calc(100% - 140px);
    }

    .vubli-sidebar {
        height: calc(100vh - 49px);
    }

    .change-title-field {
        max-width: 250px;
    }

    .col-splitter{
        flex-direction: column;
        height: calc(100vh - 239px);
        @supports (-webkit-touch-callout: none) {
            height: calc(100vh - 195px);
        }
        overflow: auto;
        padding: 0px;
        border: 0px;
        box-shadow: none !important;
    }
    /* Changes calendar */
    .col-splitter .flex-1{
        padding-bottom: 20px;
        flex: unset;
        border: 0;
    }

    .calendar-time-wrapper{
        width: 100%;
    }

    .calendar-time-list{
        flex-direction: row;
        padding: 0px;
    }

    .calendar-time-list > div{
        font-size: 12px;
        line-height: 1.4;
        text-align: center;
    }

    #calendar-header,
    #publish-calendar-body{
        padding-left: 5px;
        padding-right: 5px;
    }

    .calendar-time-header{
        height: 46px;
    }


    #publish-time-picker{
        display: flex;
        align-items: center;
        height: 69px;
    }

    #publish-calendar{
        align-items: unset;
    }
    
    /* Changes calendar*/
    .publish-calendar-container--wrapper{
        padding-top: 59px;
        border-radius: 0px;
        height: 100vh;
    }

    /* Changes calendar*/
    #publish-calendar [data-button="step-3"][schedule="true"]{
        position: fixed;
        bottom: 72px;
        width: calc(100% - 15px);
        max-width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

}

@media screen and (max-width: 429px) {
    .change-title-field {
        max-width: 150px;
    }

}

@media screen and (max-width: 396px) {

}


@media screen and (max-width: 330px) {


}