@charset "utf-8";

@font-face { font-family: Inter; src: url("/assets/693b77d4f32ee9b8bfc9.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }

@font-face { font-family: martel-sans; src: url("/assets/f5812feec683d7db6313.woff2") format("woff2"), url("/assets/dd49a5a291804e1d3d63.woff") format("woff"); font-weight: 400; font-display: swap; }

@font-face { font-family: martel-sans; src: url("/assets/fd25ab2ccf9211d5ac68.woff2") format("woff2"), url("/assets/20e5284506ae1fb3f051.woff") format("woff"); font-weight: 600; font-display: swap; }

@font-face { font-family: martel-sans; src: url("/assets/f62f19814fae700448a1.woff2") format("woff2"), url("/assets/dcdd74399890bf0808df.woff") format("woff"); font-weight: 700; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/a0357cb694b5284870c7.woff") format("woff"), url("/assets/eeee8057e8b35113884c.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/d3cd72b3406363d94d62.woff") format("woff"), url("/assets/6c4e465946864f576c02.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/1e2916c514af4531e75f.woff") format("woff"), url("/assets/bdf983a7d3f8b72e7819.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/a1cb81c9f07f1f399db6.woff") format("woff"), url("/assets/3fc333eb3107febd4065.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/641673bef88ac6746fb4.woff") format("woff"), url("/assets/7eb166fdf2e73d393aec.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/22e7a1b10c110072f5a0.woff") format("woff"), url("/assets/dee2d2b7658161d7efa0.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/26b216fadb2ffcd542ca.woff") format("woff"), url("/assets/9f8567ea7c2d954377d5.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/bb7bba640412aaea13f9.woff") format("woff"), url("/assets/478acaaa7b6aa3c74814.ttf") format("truetype"); font-weight: 600; font-style: italic; font-display: swap; }

.ai-recommend-image-wrapper { font-family: open_sans, "Open Sans", sans-serif; padding: 30px; font-size: 14px; }

.ai-recommend-image-wrapper:lang(ja) { font-family: open_sans, "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.ai-recommend-image-wrapper:lang(zh-cn), .ai-recommend-image-wrapper:lang(zh), .ai-recommend-image-wrapper:lang(sxl) { font-family: open_sans, "Open Sans", "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑, sans-serif; }

.ai-recommend-image-wrapper:lang(zh-tw) { font-family: open_sans, "Open Sans", "PingFang TC", "Microsoft JhengHei", 微軟正黑體, STXihei, sans-serif; }

.ai-recommend-image-wrapper .ai-search-input-container { margin-bottom: 20px; }

.ai-recommend-image-wrapper .recommend-image-list-wrap { width: 100%; }

.ai-recommend-image-wrapper .recommend-image-list-wrap .waterfall-item { cursor: pointer; position: relative; }

.ai-recommend-image-wrapper .recommend-image-list-wrap .waterfall-item .recommend-image-item .skeleton-item { width: 100%; }

.ai-recommend-image-wrapper .recommend-image-list-wrap .waterfall-item .recommend-image-item:not(.searching)::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 0.2s; }

.ai-recommend-image-wrapper .recommend-image-list-wrap .waterfall-item:not(.searching):hover .recommend-image-item::before { opacity: 1; }

.ai-recommend-image-wrapper .recommend-image-list-wrap img { display: block; width: 100%; }

.ai-recommend-image-wrapper .select-type-wrapper { display: grid; grid-auto-flow: column; align-items: center; justify-content: flex-start; column-gap: 20px; font-size: 14px; color: rgb(141, 148, 156); margin-bottom: 20px; }

.ai-recommend-image-wrapper .select-type-wrapper .select-type-tips { font-size: inherit; font-weight: bold; line-height: 1.5; color: inherit; }

.ai-recommend-image-wrapper .select-type-wrapper .s-kit-checkbox-wrapper { color: inherit; }

.ai-recommend-image-wrapper .select-type-wrapper .select-type-pack { position: relative; }

.ai-recommend-image-wrapper .select-type-wrapper .select-type-pack .select-value-wrap { display: grid; grid-template-columns: repeat(2, auto); justify-content: flex-start; align-items: center; column-gap: 6px; font-size: inherit; color: inherit; }

.ai-recommend-image-wrapper .select-type-wrapper .select-type-pack .select-name { font-size: inherit; color: inherit; line-height: 1.5; }

.ai-recommend-image-wrapper .select-type-wrapper .select-type-pack .s-kit-select-wrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; opacity: 0; }

.ai-recommend-image-wrapper .select-type-wrapper .select-type-pack .s-kit-select-wrapper .s-kit-icon.entypo-arrow-combo { pointer-events: none; }

.ai-recommend-image-wrapper .load-more-btn, .ai-recommend-image-wrapper .no-more-btn { margin-top: 30px; display: flex; justify-content: center; }

.ai-recommend-image-wrapper .load-more-btn .no-more-tips, .ai-recommend-image-wrapper .no-more-btn .no-more-tips, .ai-recommend-image-wrapper .load-more-btn .load-more-tips, .ai-recommend-image-wrapper .no-more-btn .load-more-tips { font-size: inherit; color: rgb(141, 148, 156); line-height: 1.5; text-decoration: underline; cursor: pointer; }

.ai-recommend-image-wrapper .load-more-btn { position: relative; }

.ai-recommend-image-wrapper .no-more-btn { justify-content: start; }

.ai-recommend-image-wrapper .no-more-btn .no-more-tips { text-decoration: none; }

.ai-recommend-image-wrapper .no-more-btn .no-more-tips .text-underline { text-decoration: underline; }

.ai-recommend-image-wrapper .ai-add-images-skeleton { display: flex; flex-flow: wrap; justify-content: space-between; }

.ai-recommend-image-wrapper .skeleton-item { height: 180px; width: 270px; margin-bottom: 20px; opacity: 0.5; background: rgb(162, 172, 187); animation: 1s linear 0s infinite normal none running am-opacity; }

@keyframes am-opacity { 
  0% { opacity: 0.6; }
  33.3% { opacity: 0.25; }
  100% { opacity: 0.6; }
}