.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}.online-font{position:relative;height:100%;padding-bottom:50px}.online-font__category{margin:0 24px}.online-font__skeleton{width:100%}.online-font__list{width:100%;padding-left:16px;height:100%}.online-font__list--hasTip{padding-top:48px}.online-font_ohos__sort .svg-icon{margin-top:-1px}.online-font__sort{position:absolute;top:8px;right:6px}.online-font__sort .dc-button--text-button{background-color:transparent}.online-font__sort-dropdownItem{font-size:12px;color:var(--text-03)}.online-font__sort/deep/.kw-button--middle{padding:0!important}.online-font__footer{position:fixed;bottom:0;left:0;right:0;height:50px;background-color:var(--background-01)}.online-font__search{position:absolute;right:14px;height:28px;top:-37px}.online-font__banner{width:240px;height:142px;margin:0 8px 16px;cursor:pointer;float:left;position:relative;display:flex;align-items:center;justify-content:space-around;background-color:var(--background-01);border-radius:3px}.online-font__banner img{max-width:100%;max-height:100%}.online-font__banner:hover{box-shadow:0 6px 14px 0 var(--card-box-shadow-color)}.online-font__page-status{top:48px!important;background-color:var(--background-02);bottom:50px!important}