.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.liner-white{background:-webkit-linear-gradient(0deg,var(--normal-liner-begin-color) 0,var(--normal-liner-end-color) 20%,var(--normal-liner-end-color) 100%)}.liner-similar{background:-webkit-linear-gradient(0deg,var(--similar-liner-begin-color) 0,var(--similar-liner-end-color) 20%,var(--similar-liner-end-color) 100%)}.liner-hover{background:-webkit-linear-gradient(0deg,var(--liner-beign-hover-color) 0,var(--liner-end-hover-color) 20%,var(--liner-end-hover-color) 100%)}.liner-active{background:-webkit-linear-gradient(0deg,var(--liner-beign-active-color) 0,var(--liner-end-active-color) 20%,var(--liner-end-active-color) 100%)}.liner-white-trans{background:-webkit-linear-gradient(0deg,var(--KGalleryModel-background) 0,var(--KGalleryModel-background) 20%,var(--KGalleryModel-background) 100%)}.backbar{height:32px;padding:0 12px;justify-content:space-between}.backbar,.backbar-left{display:flex;align-items:center}.backbar-left{cursor:pointer}.backbar-left:hover{color:var(--text-04)}.backbar-left:active{color:var(--text-03)}.backbar-middle{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:calc(100% - 150px)}.preview{height:100%;padding:0 24px}.preview,.preview__text{display:flex;justify-content:space-between;align-items:center}.preview__text{width:100%;border:1px solid #d7d9de;border:solid 1px var(--ctl-border-01);border-radius:4px}.preview__text--active{background:var(--status-04)}.preview__text:hover{border-color:var(--ctl-border-02)}.preview__text-input input,.preview__text-input/deep/.kw-input__inner:hover{border:none}.preview__text/deep/.kw-button.is-text:hover{background-color:#fff;color:var(--theme-common-02)}.preview__button{min-width:80px;font-size:14px;height:30px;padding:0 20px;margin-left:10px}.preview/deep/.kw-button--secondary:hover{border-color:var(--ctl-border-02)}.preview ul li{height:28px;line-height:28px;padding:0 8px;cursor:pointer}.preview ul li:hover{background:var(--status-02)}.preview ul li:active{background:var(--status-03)}.preview .dc-input__inner,.preview .dc-input__inner:focus,.preview .dc-input__inner:hover{border:1px solid transparent!important}.preview .dc-input.is-disabled .dc-input__inner{background:transparent!important;border:none}.search-font{height:100%;padding-bottom:50px}.search-font__list{width:100%;padding-left:16px;height:100%}.search-font__list--preview{height:calc(100% - 50px)}.search-font__footer{position:fixed;bottom:0;left:0;right:0;height:50px;background-color:var(--background-01)}.search-font .backbar{margin:0 24px;height:48px;line-height:48px;padding:0}.search-font__bar--strong{font-weight:700}.search-font__page-status{top:32px!important;background-color:var(--background-02);bottom:216px!important}.search-font__page-status--full{bottom:0!important}.search-font__page-status .kso-page-status__empty-img,.search-font__page-status .kso-page-status__error-img{height:100px}.search-font__sort{position:absolute;top:8px;right:14px}.search-font__sort .dc-button--text-button{background-color:transparent}.search-font__sort-dropdownItem{font-size:12px;color:var(--text-03)}.search-font__empty-text{display:flex;align-items:center}.search-font__empty-text .dc-button--normal{padding:0}.search-font__recommend--preview{bottom:50px!important}