| 1 |
- .hot-styles[data-v-659efdcc]{--size: 40px;--icon-size: calc(var(--size) * .85);margin:20px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--size),1fr));gap:calc(var(--size) / 4);align-items:start;justify-content:center}.hot-styles .item[data-v-659efdcc]{--un-active-color: rgba(var(--colors-primary-base-fill), 0);--active-transition: .3s ease;cursor:pointer}.hot-styles .item.disable[data-v-659efdcc]{opacity:.3;pointer-events:none;cursor:inherit}.hot-styles .item span[data-v-659efdcc]{width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;border:1px solid var(--un-active-color);position:relative;transition:border var(--active-transition);border-radius:4px}.hot-styles .item span .input[data-v-659efdcc]{margin:0}.hot-styles .item span img[data-v-659efdcc]{width:var(--icon-size);height:var(--icon-size);transition:outline-color var(--active-transition);border-radius:4px}.hot-styles .item span .delete[data-v-659efdcc]{--round-size: calc(var(--size) * .45);position:absolute;width:var(--round-size);height:var(--round-size);border-radius:50%;background-color:#fa3f48;right:calc(var(--round-size) * -1 / 2);top:calc(var(--round-size) * -1 / 2);transition:background-color var(--active-transition);font-size:12px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease}.hot-styles .item p[data-v-659efdcc]{transition:color var(--active-transition);margin-top:calc(var(--size) / 4);text-align:center;color:rgb(var(--colors-primary-fill));font-size:var(--small-size)}.hot-styles .item.active[data-v-659efdcc]{color:rgba(var(--colors-primary-base-fill),1);--un-active-color: rgba(var(--colors-primary-base-fill), 1)}.hot-styles .item.active span img[data-v-659efdcc]{outline-color:rgb(var(--colors-primary-fill))}.hot-styles .item.active p[data-v-659efdcc]{color:currentColor}.hot-styles .item:not(.style-more):hover .delete[data-v-659efdcc]{opacity:.5}.hot-styles .item:not(.style-more):hover .delete[data-v-659efdcc]:hover{opacity:1}.hot-styles .add[data-v-659efdcc]{height:100%;align-items:center;display:flex;flex:none}.hot-styles .add span[data-v-659efdcc]{font-size:calc(var(--icon-size) * .4);border:none}.hot-styles .add span[data-v-659efdcc]:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--icon-size);height:var(--icon-size);border-radius:2px;border:1px solid var(--colors-border-color);transition:border-color .3s ease}.hot-styles .add span[data-v-659efdcc]:hover:before{border-color:#fff}.hot-styles .add span[data-v-659efdcc]:active:before{border-color:var(--colors-primary-base)!important}.hot-styles .style-more .fun-ctrl[data-v-659efdcc]{position:relative}.hot-styles .style-more .more-content[data-v-659efdcc]{width:360px;z-index:9;--arrow-width: 20px;--bottom-left: 310px;--back-color: rgba(0, 0, 0, .7)}.hot-styles .style-more .more-content .hot-styles[data-v-659efdcc]{margin:0}.rep-val[data-v-5237e63d]{width:80%;display:flex;align-items:center}.rep-val span[data-v-5237e63d]{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rep-val .icon[data-v-5237e63d]{pointer-events:all}.edit-hot-layer[data-v-5237e63d]{position:fixed;inset:0;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);z-index:201;padding:20px;overflow-y:auto}.edit-hot-item[data-v-5237e63d]{margin:100px auto 20px;width:400px;padding:20px;background:rgba(27,27,28,.8);box-shadow:0 0 10px #0000004d;border-radius:4px}.edit-hot-item .input[data-v-5237e63d]{margin-bottom:10px}.edit-close[data-v-5237e63d]{position:absolute;cursor:pointer;top:calc((100% - 18px)/2);right:0;transform:translateY(-50%)}.style-select[data-v-5237e63d]{display:flex;align-items:center;justify-content:space-between}.mat-select[data-v-5237e63d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mat-select .select[data-v-5237e63d]{color:var(--colors-primary-base);cursor:pointer}.edit-title[data-v-5237e63d]{padding-bottom:18px;margin-bottom:18px;position:relative}.edit-title[data-v-5237e63d]:after{content:"";position:absolute;left:-20px;right:-20px;height:1px;bottom:0;background-color:#ffffff29}.edit-hot[data-v-5237e63d]{margin-top:20px;text-align:right}.edit-hot span[data-v-5237e63d]{font-size:14px;color:#fff9;cursor:pointer}.audio-tip[data-v-5237e63d]{font-size:12px;color:#ffffff4d;background:var(--colors-normal-back);height:100%;padding:8px 10px;border-radius:4px;border:1px solid var(--base-border-color);transition:border .3s ease;width:100%;text-align:center}.edit-hot-item .preplace input{padding-left:76px!important}.edit-hot-item .preplace .pre-icon{color:#fff9;width:70px;text-align:right}.del-file{display:inline-block;width:32px;height:32px;font-size:16px;background-color:#00000080;border-radius:50%;text-align:center;line-height:32px}.edit-hot-layer .input.ui-input .text.suffix input{padding-right:60px}.active[data-v-85c26ff6]{color:var(--color-main-normal)!important}.tagging-list[data-v-85c26ff6]{padding-bottom:30px}
|
