.publish-relation[data-v-029de361]{align-items:flex-start;display:flex;gap:0;margin:0 0 18px;width:100%}.publish-relation__header[data-v-029de361]{box-sizing:border-box;flex:0 0 var(--publish-relation-label-width,106px);line-height:32px;min-height:32px;padding-right:12px;text-align:right;width:var(--publish-relation-label-width,106px)}.publish-relation__title[data-v-029de361]{color:#1f2937;display:inline;font-size:14px;font-weight:600;line-height:32px}.publish-relation__helper[data-v-029de361]{color:#8b95a1;display:inline;font-size:12px;font-weight:400;line-height:18px;margin-left:8px;vertical-align:baseline}.publish-relation__slots[data-v-029de361]{align-items:flex-start;display:flex;flex:1;flex-wrap:nowrap;gap:8px;min-width:0;overflow-x:auto;padding-bottom:2px}.publish-relation__slot[data-v-029de361]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#9ca3af;cursor:pointer;flex:0 0 58px;height:78px;overflow:hidden;padding:0;position:relative;transition:border-color .15s ease,background-color .15s ease,color .15s ease;width:58px}.publish-relation__slot[data-v-029de361]:hover:not(.is-readonly):not(:disabled){background:#eff6ff;border-color:#93c5fd;color:#2563eb}.publish-relation__slot.is-readonly[data-v-029de361],.publish-relation__slot[data-v-029de361]:disabled{cursor:default}.publish-relation__slot--empty[data-v-029de361]{align-items:center;display:inline-flex;font-size:18px;justify-content:center}.publish-relation__slot--selected[data-v-029de361]{background:transparent;border:none;height:98px;overflow:visible}.publish-relation__slot--selected[data-v-029de361]:hover:not(.is-readonly):not(:disabled){background:transparent}.publish-relation__slot--selected:hover:not(.is-readonly):not(:disabled) .publish-relation__cover[data-v-029de361]{border-color:#93c5fd}.publish-relation__slot--selected .publish-relation__cover[data-v-029de361]{border:1px solid #e5e7eb;border-radius:8px;height:78px}.publish-relation__slot--selected .publish-relation__name[data-v-029de361]{height:18px;padding:2px 0 0;text-align:center}.publish-relation__cover[data-v-029de361]{background:linear-gradient(135deg,#e5e7eb,#cbd5e1);height:52px;overflow:hidden;width:100%}.publish-relation__cover img[data-v-029de361]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.publish-relation__cover span[data-v-029de361]{align-items:center;color:#64748b;display:inline-flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.publish-relation__name[data-v-029de361]{color:#374151;display:block;font-size:11px;height:20px;line-height:16px;overflow:hidden;padding:2px 4px 0;text-overflow:ellipsis;white-space:nowrap}.publish-relation__remove[data-v-029de361]{align-items:center;background:#111827b8;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;height:18px;justify-content:center;padding:0;position:absolute;right:3px;top:3px;width:18px}.publish-relation__remove[data-v-029de361]:hover{background:#111827e6}.publish-relation--top[data-v-029de361]{flex-direction:column;gap:8px;margin-bottom:20px}.publish-relation--top .publish-relation__header[data-v-029de361]{flex:none;line-height:20px;min-height:auto;padding-right:0;text-align:left;width:100%}.publish-relation--top .publish-relation__title[data-v-029de361]{font-weight:500;line-height:20px}.publish-relation--top .publish-relation__slots[data-v-029de361]{flex:none;width:100%}.publish-relation--avatar .publish-relation__slots[data-v-029de361]{align-items:flex-start;gap:12px;min-height:76px;padding-top:0}.publish-relation--avatar .publish-relation__slot[data-v-029de361]{background:#fff;border:none;border-radius:0;box-shadow:none;flex-basis:56px;height:76px;width:56px}.publish-relation--avatar .publish-relation__slot--selected[data-v-029de361]{background:transparent}.publish-relation--avatar .publish-relation__slot--empty[data-v-029de361]{border:1px solid #e5e7eb;border-radius:50%;color:#9ca3af;font-size:18px;height:56px}.publish-relation--avatar .publish-relation__cover[data-v-029de361]{border:1px solid #d1d5db;border-radius:50%;height:56px;width:100%}.publish-relation--avatar .publish-relation__name[data-v-029de361]{color:#374151;font-size:11px;font-weight:500;height:18px;line-height:16px;padding:2px 0 0;text-align:center}.publish-relation--avatar .publish-relation__remove[data-v-029de361]{font-size:10px;height:16px;right:0;top:0;width:16px}@media(max-width:640px){.publish-relation[data-v-029de361]{flex-direction:column;gap:8px}.publish-relation__header[data-v-029de361]{flex:none;padding-top:0;text-align:left;width:100%}}