.index__new-template-page__VYHIE .index__template-header__24ZUY div[class*=title-box]{margin-bottom:0}.index__new-template-page__VYHIE .index__template-header__24ZUY ul[class*=tabs-ul]{padding-top:15px}.index__new-template-page__VYHIE .index__template-header__24ZUY ul[class*=tabs-ul] li .count{background:#eaeaea;padding:2px 8px 1px 7px;font-size:12px;color:#555;font-weight:500;line-height:18px;border-radius:9px}.index__new-template-page__VYHIE .index__new-action-box__2SAbH .action-wrap{padding:10px;border:1px solid #ccc;width:36px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.index__new-template-page__VYHIE .index__new-action-box__2SAbH .action-wrap .icon_phoenix-vertical-dots{font-size:30px}.index__new-template-page__VYHIE .index__new-action-box__2SAbH .action-wrap ul[class*=popover]{top:calc(100% + 2px)}.index__new-template-page__VYHIE.index__no-full-width__EMNhF .template-wrap{width:25%;height:240px}.index__new-template-page__VYHIE.index__no-full-width__EMNhF .template-wrap .template-block .template-overlay{padding:24px 15px}.index__new-template-page__VYHIE.index__no-full-width__EMNhF .index__template-grid-wrapper-shimmer__GN02n .template-wrap .template-block .template-details{bottom:10px}.index__new-template-page__VYHIE.index__template-list__3XF_X{height:calc(100vh - 106px);overflow:hidden}.index__new-template-page__VYHIE.index__template-list__3XF_X .table-container-wrapper{padding-bottom:150px}.grid-section{width:100%;height:calc(100vh - 254px);overflow:auto}.index__template-grid-wrapper__3zmWQ{margin:0 -5px;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%}.index__template-grid-wrapper__3zmWQ .template-wrap{width:20%;height:216px;padding:0 5px;cursor:pointer;margin-bottom:10px}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block{width:100%;height:100%;border-radius:8px;background-color:#fff;margin-bottom:10px}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-preview-image{width:100%;height:100%;border-radius:8px;overflow:hidden;padding:25px 20px 0;background-color:#e5e9f0}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-preview-image img{width:100%;height:auto;border-top-left-radius:4px;border-top-right-radius:4px}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-preview-image .mobile-layout{width:100%;height:100%;border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid #e5e9f0;padding:10px 10px 0;background-color:#fff;border-bottom:0}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-preview-image .mobile-layout .mobile-header{text-align:center;margin-bottom:10px}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-preview-image .mobile-layout .mobile-header span{width:35px;height:4px;border-radius:4px;background-color:#e5e9f0;display:block;margin:0 auto}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-details{position:absolute;bottom:0;left:5px;width:calc(100% - 10px);height:58px;z-index:1;padding:10px 15px;background-color:#fff;border:1px solid #ccc;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-details .template-detail-name{font-size:14px;color:#212121;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-details .template-detail-type{font-size:12px;color:#8f8f8f;font-weight:400;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-details .template-detail-type span{font-size:12px;color:#212121;font-weight:400;line-height:18px}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-overlay{position:absolute;bottom:0;left:5px;width:calc(100% - 10px);height:100%;border-radius:8px;display:none;padding:24px;background:rgba(33,33,33,.8);z-index:10;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-overlay .template-name-block{font-size:18px;color:#fff;font-weight:400;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:22px}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-overlay .overlay-btn span{font-size:12px;color:#fff;font-weight:400;line-height:18px}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-overlay .overlay-btn.preview-btn{background-color:#e3effc;padding:8px}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-overlay .overlay-btn.preview-btn span{font-size:12px;color:#1976d2;font-weight:400;line-height:18px}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-overlay .action-box-wrapper .action-wrap{padding:10px;background-color:#e3effc;border:0;width:36px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-overlay .action-box-wrapper .action-wrap .icon_phoenix-vertical-dots{font-size:30px}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-overlay .action-box-wrapper .action-wrap:hover{background-color:#e3effc}.index__template-grid-wrapper__3zmWQ .template-wrap .template-block .template-overlay .action-box-wrapper .action-wrap ul[class*=popover]{position:absolute;top:calc(100% + 12px);right:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.index__template-grid-wrapper__3zmWQ .template-wrap:hover .template-block .template-details{display:none}.index__template-grid-wrapper__3zmWQ .template-wrap:hover .template-block .template-overlay{display:-webkit-box;display:-ms-flexbox;display:flex}.index__template-grid-wrapper__3zmWQ .template-wrap:nth-child(5n) .template-block .template-overlay .action-box-wrapper ul[class*=popover]{right:0;left:auto;-webkit-transform:none;transform:none}.index__template-grid-wrapper__3zmWQ .template-wrap.last-template-block .template-block .template-overlay .action-box-wrapper ul[class*=popover]{top:auto;bottom:calc(100% + 12px)}.index__template-grid-wrapper__3zmWQ.index__template-grid-wrapper-shimmer__GN02n .template-wrap .template-block{background:#f5f5f5;border-bottom-left-radius:0;border-bottom-right-radius:0;height:172px}.index__template-grid-wrapper__3zmWQ.index__template-grid-wrapper-shimmer__GN02n .template-wrap .template-block .template-preview-image{width:calc(100% - 40px);height:calc(100% - 20px);position:absolute;top:20px;left:20px;position:relative;border-bottom-left-radius:0;border-bottom-right-radius:0}.index__template-grid-wrapper__3zmWQ.index__template-grid-wrapper-shimmer__GN02n .template-wrap .template-block .template-details{border:1px solid #f5f5f5;padding:10px 20px;bottom:15px;position:absolute!important}.index__template-grid-wrapper__3zmWQ.index__template-grid-wrapper-shimmer__GN02n .template-wrap .template-block .template-details .template-detail-name{width:100%;height:15px;border-radius:20px;margin-bottom:6px}.index__template-grid-wrapper__3zmWQ.index__template-grid-wrapper-shimmer__GN02n .template-wrap .template-block .template-details .template-detail-type{width:120px;height:15px;border-radius:20px}.index__template-grid-wrapper__3zmWQ.index__template-grid-wrapper-shimmer__GN02n .template-wrap:hover .template-details{display:block}.index__template-grid-wrapper__3zmWQ.index__template-list-wrapper-shimmer__18SJn .template-row{padding:15px 16px}.index__template-grid-wrapper__3zmWQ.index__template-list-wrapper-shimmer__18SJn .template-row .template-name-block .template-preview-image{width:80px;height:70px;border-radius:6px;margin-right:12px}.index__template-grid-wrapper__3zmWQ.index__template-list-wrapper-shimmer__18SJn .template-row .template-name-block .template-detail-name{width:107px;height:20px;border-radius:6px;margin-bottom:7px}.index__template-grid-wrapper__3zmWQ.index__template-list-wrapper-shimmer__18SJn .template-row .template-name-block .template-detail-type{width:192px;height:18px;border-radius:6px}.index__template-grid-wrapper__3zmWQ.index__template-list-wrapper-shimmer__18SJn .template-row .template-row-text{width:80px;height:auto}.index__template-grid-wrapper__3zmWQ.index__template-list-wrapper-shimmer__18SJn .template-row .template-row-text div{width:40px;height:20px;border-radius:6px}.create-edit-template{width:100%;height:100%;overflow:hidden}.new-template-table .overflow-y{height:calc(100vh - 184px)}.new-template-table .table-head{padding:0 10px;height:48px}.new-template-table .table-head .label-text{font-size:12px;color:#555;font-weight:400;line-height:18px;white-space:nowrap}.new-template-table .table-head i.pointer{padding-left:0}.new-template-table .table-head i:before{font-weight:400}.new-template-table .table-head i.icon_phoenix-down-arrow,.new-template-table .table-head i.icon_phoenix-up-arrow{font-size:15px}.new-template-table .table-head i.icon_phoenix-info{font-size:16px}.new-template-table .table-head i.icon_phoenix-info:before{color:#757575}.new-template-table tbody tr td{padding:15px 10px;cursor:default}.new-template-table tbody tr td .template-block{line-height:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.new-template-table tbody tr td .template-block .template-img{width:80px;height:70px;border-radius:4px;background:#e5e9f0;padding:10px 8px 0;margin-right:12px}.new-template-table tbody tr td .template-block .template-img img{width:100%;height:auto;border-radius:4px}.new-template-table tbody tr td .template-block .template-img .mobile-layout{width:100%;height:100%;border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid #e5e9f0;padding:4px 4px 0;background-color:#fff;border-bottom:0}.new-template-table tbody tr td .template-block .template-img .mobile-layout .mobile-header{text-align:center;margin-bottom:4px}.new-template-table tbody tr td .template-block .template-img .mobile-layout .mobile-header span{width:15px;height:4px;border-radius:4px;background-color:#e5e9f0;display:block;margin:0 auto}.new-template-table tbody tr td .template-block .template-img .mobile-layout img{height:auto;display:block}.new-template-table tbody tr td .template-block .temp-desc{width:calc(100% - 92px)}.new-template-table tbody tr td .template-block .template-name{font-size:14px;color:#212121;font-weight:400;line-height:20px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;cursor:pointer;max-width:250px}.new-template-table tbody tr td .template-block .template-desc{font-size:12px;color:#8f8f8f;font-weight:400;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:250px}.new-template-table tbody tr td .template-block .default-type{border-radius:4px;font-size:12px;color:#555;font-weight:400;line-height:18px;padding:2px 8px;background:#eaeaea}.new-template-table tbody tr td:last-child{width:114px;padding:0}.new-template-table tbody tr td:last-child .icon_phoenix-vertical-dots{opacity:0}.new-template-table tbody tr td .action-wrap{width:36px;height:36px;font-size:0;padding:10px 14px;border:1px solid #e5e9f0;background:#fff}.new-template-table tbody tr td .action-wrap .icon-cheveron_open{font-size:30px;margin:-7px 0 0 -5px}.new-template-table tbody tr td .action-wrap .icon-cheveron_open:before{content:"\F1A81"!important}.new-template-table tbody tr:hover{background-color:#f2f4f7!important}.new-template-table tbody tr:hover td .template-name{color:#1976d2}.index__grapes-shimmer-wrapper__3Kob3{max-width:640px;margin:0 auto;padding:40px 40px 28px;background:#fff}.index__grapes-shimmer-wrapper__3Kob3 .index__template-header__24ZUY{width:calc(100% - 90px);height:35px;border-radius:6px}.index__grapes-shimmer-wrapper__3Kob3 .index__template-img__34M1q{width:100%;height:232px;border-radius:6px}.index__grapes-shimmer-wrapper__3Kob3 .index__template-wrap__1vdKS{width:100%;height:18px;border-radius:6px}.index__grapes-shimmer-wrapper__3Kob3 .index__template-button__2zZI5{width:153px;height:48px;border-radius:6px}.index__text-shimmer-wrapper__3Z2dk{width:345px;height:500px;background:#fff;margin:0 auto;padding:12px 40px}.index__text-shimmer-wrapper__3Z2dk div{width:100%;height:21px;border-radius:6px}.add-brand-block{font-size:14px;color:#1976d2;font-weight:400;line-height:20px}.add-brand-block i{margin-left:8px;font-size:16px}.add-brand-block i:before{color:#1976d2}.library-grid-wrapper-shimmer{-ms-flex-wrap:wrap;flex-wrap:wrap}.library-grid-wrapper-shimmer .template-wrap{width:16.66%;height:245px;padding:0 5px}.library-grid-wrapper-shimmer .template-wrap .template-block .template-preview-image{width:100%;height:200px;border-radius:8px;margin-bottom:4px}.library-grid-wrapper-shimmer .template-wrap .template-block .template-details .template-detail-name{width:136px;height:20px;border-radius:8px}.library-template-section .ai-template-block{border-radius:4px;padding:20px 24px;background-color:#f9f7fd}.library-template-section h2{font-size:16px;color:#212121;font-weight:400;line-height:24px}.library-template-section h2 i{margin:-9px 0 0 5px;font-size:20px}.library-template-section .template-wrap{width:16.66%;height:245px}.library-template-section .template-wrap .template-block{background:transparent}.library-template-section .template-wrap .template-block .template-preview-image{width:100%;height:200px}.library-template-section .template-wrap .template-block .template-details{height:auto;border:0;padding:4px 0 0;position:static;background:transparent}.library-template-section .template-wrap .template-block .template-overlay{width:calc(100% - 10px);height:calc(100% - 42px);top:0}.library-template-section .template-wrap:hover .template-block .template-details{display:block}.library-template-section .template-wrap:hover .template-block .template-overlay{height:calc(100% - 42px);top:0}.glare-transition{opacity:.5;background:rgba(71,71,71,.2);background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(51.56%,rgba(71,71,71,.2)),to(hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(71,71,71,.2) 51.56%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:100% 100%;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:glareShimmer;animation-name:glareShimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes index__glareShimmer__5WTEF{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes index__glareShimmer__5WTEF{0%{background-position:-468px 0}to{background-position:468px 0}}