.wrapper__f2-dQ{border-radius:4px;height:100%;width:100%}.list__p8zjT{padding:8px}.title__JO8oI{font-size:12px;height:20px;line-height:20px;margin-bottom:5px}.title__JO8oI.bgTitle__7GDXn{margin-top:12px}.recommend__hKnAO{display:flex;flex-wrap:wrap;width:100%}.spanWrapper__-y1W9{align-items:center;border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;flex:none;height:24px;justify-content:center;margin:0 1px 2px 0;padding:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:24px}.spanWrapper__-y1W9.selected__doopr,.spanWrapper__-y1W9:hover{border-color:var(--front-background-color)}.span__KZqEV{border-radius:2px;box-sizing:border-box;height:100%;overflow:hidden;pointer-events:none;position:relative;width:100%}.span__KZqEV.rim__e5hqM{border:1px solid var(--front-border-color)}.span__KZqEV.rim__e5hqM.reset__uPijl:after{left:-4px;top:8px}.span__KZqEV.reset__uPijl:after{border-bottom:1px solid var(--front-border-color);border-radius:1px;content:"";display:block;height:0;left:-2px;position:absolute;top:7px;transform:rotate(-45deg);width:27px;z-index:1}.fontSpan__xCsor{border:1px solid var(--front-border-color);border-radius:2px;box-sizing:border-box;font-size:12px;height:100%;line-height:16px;pointer-events:none;text-align:center;width:100%}.fontSpan__xCsor:hover{opacity:.8}.container__Sj3QH{background-color:var(--front-background-color);border-radius:4px;box-shadow:var(--page-box-shadow);height:234px;position:absolute;top:48px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:216px;z-index:99}.dy-color-background-icon-box{align-items:center;display:flex;height:32px;justify-content:center}.dy-color-background-icon-box .i-icon-color{width:20px}.dy-color-background-icon-box .textBox{align-items:center;border-radius:2px;display:flex;height:24px;justify-content:center;width:24px}