.variant-attribute-select{position:relative;width:100%;height:42px}
.variant-attribute-trigger{width:100%;height:42px;padding:0 0 0 15px;display:flex;align-items:center;justify-content:space-between;border:1px solid #409eff;border-radius:4px;background:#fff;color:#606266;text-align:left;cursor:pointer}
.variant-attribute-trigger i{width:42px;height:40px;display:grid;place-items:center;border-left:1px solid #d7dfe9;color:#a7b0bd;font-size:17px;font-style:normal}
.variant-attribute-menu{position:absolute;left:0;right:0;top:50px;z-index:3;padding:0;border:1px solid #d9e0e9;border-radius:3px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.14)}
.variant-attribute-menu:before{content:"";position:absolute;top:-6px;left:34px;width:10px;height:10px;border-left:1px solid #d9e0e9;border-top:1px solid #d9e0e9;background:#fff;transform:rotate(45deg)}
.variant-attribute-menu[hidden]{display:none}
.variant-attribute-menu button{position:relative;z-index:1;display:block;width:100%;height:40px;padding:0 18px;border:0;background:#fff;color:#606266;text-align:left;cursor:pointer}
.variant-attribute-menu button:hover,.variant-attribute-menu button.active{background:#f5f7fa;color:#409eff;font-weight:600}
.variant-type-tags{display:flex;align-items:center;gap:8px}
.variant-type-tags:empty{display:none}
.variant-type-tags>span{position:relative;display:inline-flex;align-items:center;height:30px;padding:0 20px;border:1px solid #d6dde8;border-radius:3px;background:#fff;color:#425065}
.variant-type-tags>span button{position:absolute;right:-6px;top:-7px;width:14px;height:14px;padding:0;border:0;border-radius:50%;background:#f5222d;color:#fff;font-size:11px;line-height:14px}
.editor-variant-table .variant-data-row td{height:62px}
.editor-variant-table .variant-data-row td:first-child{color:#1684ff}
.editor-variant-table .variant-data-row input{height:34px;border:0;background:transparent;padding:0;color:#435063}
.editor-variant-table .variant-data-row input:focus{border:1px solid #409eff;background:#fff;outline:0}
.editor-variant-table .variant-data-row .variant-name-input{color:#435063}
.editor-variant-table .variant-image-add{width:60px;height:60px;border:1px dashed #b8c7dc;background:#fff;color:#8390a2;font-size:26px;font-weight:300}
.editor-variant-table .variant-image-add span{display:block;max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}