@charset "utf-8";

.ai-color { background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(270deg, rgb(203, 12, 159) 1.37%, rgb(118, 113, 255) 100%); }

@keyframes skeleton-am { 
  0% { opacity: 1; }
  33.3% { opacity: 0.5; }
  100% { opacity: 1; }
}

.s-ai-regenerate-section-modal { opacity: 0; pointer-events: none; visibility: visible; will-change: opacity, visibility; display: flex !important; }

.s-ai-regenerate-section-modal.show { opacity: 1; pointer-events: auto; visibility: visible; }

.s-ai-regenerate-section-modal.s-kit-modal-wrap { overflow: hidden; }

.s-ai-regenerate-section-modal .s-kit-modal-content { background-color: rgb(244, 246, 250); }

.s-ai-regenerate-section-modal .s-kit-modal-content .s-kit-modal-body { padding: 0px; height: 100vh; box-sizing: border-box; }

.s-ai-regenerate-section-modal .s-kit-modal-content h2, .s-ai-regenerate-section-modal .s-kit-modal-content h4, .s-ai-regenerate-section-modal .s-kit-modal-content p { color: inherit; font-size: inherit; line-height: inherit; }

.s-ai-regenerate-section-modal .s-kit-modal-content .ai-add-sections-dialog-container .s-small-black-button { opacity: 0; }

.ai-add-sections-skeleton { display: grid; }

.ai-add-sections-skeleton.middle { grid-template-columns: repeat(3, 1fr); gap: 20px; }

.ai-add-sections-skeleton.middle .skeleton-item-wrap { min-width: 271px; background: rgb(255, 255, 255); padding-top: 65%; position: relative; }

.ai-add-sections-skeleton .skeleton-line-wrap { width: 100%; height: 100%; padding: 0px 40px; position: absolute; top: 0px; left: 0px; box-sizing: border-box; display: grid; grid-template-columns: repeat(1, 1fr); justify-items: center; align-content: center; row-gap: 15px; }

.ai-add-sections-skeleton .skeleton-line { max-width: 200px; width: 100%; height: 16px; border-radius: 8px; background: rgb(244, 246, 250); animation: 1s linear 0s infinite normal none running skeleton-am; }

.ai-add-sections-dialog-container { display: flex; flex-direction: column; width: 1090px; height: 100vh; overflow: hidden; text-align: left; font-family: open_sans, "Open Sans", sans-serif; }

@media only screen and (max-width: 1090px) {
  .ai-add-sections-dialog-container { width: 740px; }
  .ai-add-sections-dialog-container .ai-add-sections-skeleton.middle { grid-template-columns: repeat(2, 1fr); }
}

.ai-add-sections-dialog-container .fade-regenerate-enter { opacity: 0; }

.ai-add-sections-dialog-container .fade-regenerate-enter-active { opacity: 1; transition: opacity 300ms; }

.ai-add-sections-dialog-container .fade-regenerate-exit { opacity: 1; }

.ai-add-sections-dialog-container .fade-regenerate-exit-active { opacity: 0; }

.ai-add-sections-dialog-container .ai-section-dialog-body { flex: 1 1 0%; width: 100%; padding: 0px 30px 30px; overflow: hidden auto; box-sizing: border-box; }

.ai-add-sections-dialog-container .cursor { cursor: pointer; }

.ai-add-sections-dialog-container .text-underline { text-decoration: underline; }

.ai-add-sections-dialog-container .pro-icon { display: inline-block; text-transform: uppercase; position: absolute; top: 10px; right: -10px; background: gold; padding: 2px 4px; font-size: 12px; border-radius: 3px; z-index: 10; border: 1px solid rgba(0, 0, 0, 0.1); color: rgb(34, 34, 34); font-weight: bold; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }

body.editor-rtl-layout .ai-add-sections-dialog-container .pro-icon { right: auto; left: -10px; }

.ai-add-sections-dialog-container .ai-search-input-container { margin-bottom: 20px; }

.ai-add-sections-dialog-container .generate-more-button-wrapper { display: flex; justify-content: center; padding: 30px 0px; }

.ai-add-sections-dialog-container .generate-more-button { font-size: 14px; font-weight: bold; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; color: rgb(146, 148, 149); text-transform: uppercase; padding: 6px 12px; background: rgb(255, 255, 255); border-radius: 2px; cursor: pointer; }

.ai-add-sections-dialog-container .dialog-title-wrap { display: grid; align-items: center; grid-template-columns: repeat(2, auto); column-gap: 10px; justify-content: center; padding-top: 30px; margin-bottom: 30px; font-size: 20px; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; line-height: 1.5; color: rgb(82, 97, 106); text-transform: uppercase; }

.ai-add-sections-dialog-container .dialog-title-wrap .dialog-title { font-size: inherit; font-weight: bold; }

.ai-add-sections-dialog-container .section-description-wrap { display: grid; align-items: center; grid-template-columns: 1fr auto; column-gap: 10px; border-bottom: 1px solid rgb(198, 201, 205); padding-bottom: 6px; font-size: 18px; line-height: 1.5; color: rgb(99, 105, 114); }

.ai-add-sections-dialog-container .section-description-wrap .section-desc-text { line-height: inherit; }

.ai-add-sections-dialog-container .search-desc-wrap { display: grid; align-items: center; grid-template-columns: 1fr auto; column-gap: 10px; }

.ai-add-sections-dialog-container .search-desc-wrap .s-kit-input-wrapper { width: 100%; }

.ai-add-sections-dialog-container .search-desc-wrap .search-btn { margin: 0px; }

.ai-add-sections-dialog-container .search-desc-wrap .search-enter-package { position: relative; }

.ai-add-sections-dialog-container .search-desc-wrap .redo-undo-wrap { display: grid; grid-template-columns: repeat(2, auto); align-items: center; column-gap: 4px; position: absolute; top: 50%; right: 14px; will-change: transform; transform: translateY(-50%); }

.ai-add-sections-dialog-container .section-type-wrapper { margin-top: 30px; position: relative; }

.ai-add-sections-dialog-container .section-type-wrapper .s-kit-label { display: grid; column-gap: 5px; align-items: center; justify-content: flex-start; grid-auto-flow: column; }

.ai-add-sections-dialog-container .section-type-wrapper .section-type-name-wrap { display: flex; justify-content: flex-start; align-items: center; column-gap: 8px; }

.ai-add-sections-dialog-container .section-type-wrapper .section-type-name-wrap .s-kit-label { display: flex; column-gap: 5px; align-items: center; justify-content: flex-start; margin-bottom: 0px; }

.ai-add-sections-dialog-container .section-type-wrapper .section-type-name-wrap .s-kit-label .s-kit-icon { display: block; color: rgb(179, 187, 200); }

.ai-add-sections-dialog-container .section-type-wrapper .section-type-name-wrap .s-kit-label > * { display: block; }

.ai-add-sections-dialog-container .section-type-wrapper .section-type-name-wrap .s-kit-icon { width: 13px; height: 13px; font-size: 13px; }

.ai-add-sections-dialog-container .section-type-wrapper .section-type-icon { display: block; width: 12px; height: auto; }

.ai-add-sections-dialog-container .section-type-wrapper .section-type-name { color: rgb(99, 105, 114); }

.ai-add-sections-dialog-container .section-type-wrapper .section-type-name .s-kit-icon { color: rgb(198, 201, 205); margin: 0px; }

.ai-add-sections-dialog-container .section-type-wrapper .debugger-tool { cursor: pointer; color: rgb(179, 187, 200); font-size: 14px; }

.ai-add-sections-dialog-container .section-type-wrapper .section-type-subtitle { font-size: 14px; color: rgb(169, 174, 178); line-height: 1.5; margin-top: 2px; }

body.editor-rtl-layout .ai-add-sections-dialog-container .section-type-wrapper .section-type-subtitle { text-align: right; }

.ai-add-sections-dialog-container .section-type-wrapper .generate-more-layout-wrapper { display: flex; justify-content: flex-end; margin-top: 10px; }

.ai-add-sections-dialog-container .section-type-wrapper .generate-more-layout-wrapper .generate-more-layout-btn { display: grid; column-gap: 5px; align-items: center; justify-content: flex-start; grid-auto-flow: column; cursor: pointer; font-size: 14px; color: rgb(141, 148, 156); line-height: 1.5; }

.ai-add-sections-dialog-container .section-type-wrapper .generate-more-layout-wrapper .generate-more-icon { font-size: 18px; }

.ai-add-sections-dialog-container .section-type-wrapper .generate-more-layout-wrapper .generate-more-desc { font-size: inherit; color: inherit; line-height: 1.5; text-decoration: underline; }

.ai-add-sections-dialog-container .section-separator { font-size: 14px; color: rgb(169, 174, 178); line-height: 1.5; margin-top: 40px; margin-bottom: 20px; }

.ai-add-sections-dialog-container .section-list-wrap { margin-top: 10px; }

.ai-add-sections-dialog-container .section-list-wrap .section-waterfall-column .generate-more-layout-wrapper { display: none; margin-top: 0px; }

.ai-add-sections-dialog-container .section-list-wrap .section-waterfall-column:last-child .generate-more-layout-wrapper { display: flex; margin-top: 10px; }

.ai-add-sections-dialog-container .section-list-wrap .waterfall-item-wrapper { position: relative; }

.ai-add-sections-dialog-container .section-list-wrap .section-waterfall-item { overflow: hidden; cursor: pointer; box-sizing: border-box; border-radius: 4px; }

.ai-add-sections-dialog-container .section-list-wrap .section-waterfall-item::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; border-radius: 4px; z-index: 9; pointer-events: none; }

.ai-add-sections-dialog-container .section-list-wrap .section-waterfall-item:hover::before, .ai-add-sections-dialog-container .section-list-wrap .section-waterfall-item.selected::before { border: 5px solid rgb(118, 113, 255); }

.ai-add-sections-dialog-container .section-list-wrap .section-waterfall-item.selected .section-thumbnail-selected-icon { display: block; }

.ai-add-sections-dialog-container .section-list-wrap .section-waterfall-item .section-thumbnail-selected-icon { width: 20px; height: 20px; border-radius: 4px; background: rgb(118, 113, 255); position: absolute; top: 0px; left: 0px; z-index: 10; display: none; }

.ai-add-sections-dialog-container .section-list-wrap .section-waterfall-item .section-thumbnail-selected-icon::before { content: ""; position: absolute; top: 2px; left: 7px; width: 5px; height: 10px; border-style: solid; border-color: rgb(255, 255, 255); border-image: none; border-width: 0px 2px 2px 0px; will-change: transform; transform: rotate(45deg); }

body.editor-rtl-layout .ai-add-sections-dialog-container .section-list-wrap .section-waterfall-item .section-thumbnail-selected-icon { left: auto; right: 0px; }

.ai-add-sections-dialog-container .section-list-wrap .section-waterfall-item .section-thumbnail-box li.slide { pointer-events: none; will-change: transform; transform: scale(0.24) translateZ(0px); }

.ai-add-sections-dialog-container .section-list-wrap .section-waterfall-item .section-thumbnail-box .new-grid-section-editor-wrapper { display: none; }

.ai-add-sections-dialog-container .section-list-wrap li.slide { width: 1375px; height: auto; display: block; transform-origin: left top; background: rgb(255, 255, 255); position: relative; pointer-events: none; }

body.editor-rtl-layout .ai-add-sections-dialog-container .section-list-wrap li.slide { transform-origin: right top; }

.ai-add-sections-dialog-container .section-list-wrap li.slide::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.ai-add-sections-dialog-container .section-list-wrap li.slide .s-section:not(.s-slider-section) { padding-top: 75px !important; padding-bottom: 75px !important; }

.ai-add-sections-dialog-container .loading-section-wrapper { margin-top: 20px; }

.ai-add-sections-dialog-container .generating-loading-wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }

.ai-add-sections-dialog-container .generating-loading-wrap .generating-loading-item { display: grid; grid-template-columns: repeat(3, auto); align-items: center; font-size: 14px; color: rgb(169, 174, 178); line-height: 1.5; }

.ai-add-sections-dialog-container .generating-loading-wrap .generating-loading-tips { font-size: inherit; line-height: inherit; margin: 0px 10px 0px 5px; }

body.editor-rtl-layout .ai-add-sections-dialog-container .generating-loading-wrap .generating-loading-tips { margin: 0px 5px 0px 10px; }

.ai-add-sections-dialog-container .generating-loading-wrap .cancel-icon { font-size: 20px; line-height: 21px; }

.ai-add-sections-dialog-container .generating-loading-wrap .cancel-icon::before { content: "×"; display: block; font-family: anticon; }

.ai-add-sections-dialog-container .generating-loading-wrap .section-generating-process { width: 100px; }

.ai-add-sections-dialog-container .generating-loading-wrap .section-generating-process .s-kit-progress-outer { display: block; }

.ai-add-sections-dialog-container .generating-loading-wrap .section-generating-process .s-kit-progress-line { display: block; font-size: 5px; line-height: 1; }

.ai-add-sections-dialog-container .generating-loading-wrap .section-generating-process .s-kit-progress-bg { background: rgb(145, 156, 171); height: 5px !important; }

.ai-add-sections-dialog-container .generating-loading-wrap .section-generating-process .s-kit-progress-inner { display: block; background-color: rgb(203, 210, 221); }

.ai-add-sections-dialog-container .section-type-select-wrap { display: grid; grid-template-columns: repeat(2, auto); align-items: center; justify-content: flex-start; column-gap: 5px; margin-top: 10px; font-size: 14px; color: rgb(141, 148, 156); }

.ai-add-sections-dialog-container .section-type-select-wrap.disabled .s-kit-select-wrapper, .ai-add-sections-dialog-container .section-type-select-wrap.disabled .s-kit-select { cursor: not-allowed; }

.ai-add-sections-dialog-container .section-type-select-wrap.disabled .s-kit-select { pointer-events: none; }

.ai-add-sections-dialog-container .section-type-select-wrap .section-type-tips { font-size: inherit; font-weight: bold; line-height: 1.5; }

.ai-add-sections-dialog-container .section-type-select-wrap .section-type-select { position: relative; }

.ai-add-sections-dialog-container .section-type-select-wrap .section-type-select .select-value-wrap { display: grid; grid-template-columns: repeat(2, auto); justify-content: flex-start; align-items: center; column-gap: 5px; font-size: inherit; color: inherit; }

.ai-add-sections-dialog-container .section-type-select-wrap .section-type-select .select-name { font-size: inherit; color: inherit; line-height: 1.5; }

.ai-add-sections-dialog-container .section-type-select-wrap .section-type-select .s-kit-select-wrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; opacity: 0; }

.ai-add-sections-dialog-container .section-type-select-wrap .section-type-select .s-kit-select-wrapper .s-kit-icon.entypo-arrow-combo { pointer-events: none; }

.ai-add-sections-dialog-container .dialog-bottom-tips { font-size: 14px; color: rgb(169, 174, 178); line-height: 1.5; margin-top: 40px; }

body.editor-rtl-layout .ai-add-sections-dialog-container .dialog-bottom-tips { text-align: right; }

.s-ai-section-tips-modal strong { font-weight: bold; }

.s-ai-section-tips-modal .orange { color: rgb(251, 125, 43); }

.s-ai-section-tips-modal .s-kit-modal-body { max-width: 440px; font-size: 14px; line-height: 1.5; color: rgb(99, 105, 114); }

.s-ai-section-tips-modal .s-ai-section-tips-title { display: flex; justify-content: flex-start; align-items: center; column-gap: 8px; margin-bottom: 20px; font-size: 20px; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; color: rgb(73, 77, 86); font-weight: bold; line-height: 1.5; text-transform: uppercase; }

.s-ai-section-tips-modal .s-ai-section-tips-desc { margin-bottom: 20px; line-height: 1.5; }

.s-ai-section-tips-modal .buttons-wrapper { display: flex; align-items: center; column-gap: 10px; }