.circle-selector[data-v-eb8012b4]{padding:12px 0}.circle-selector .circle-selector-wrapper[data-v-eb8012b4]{width:100%;display:inline-block}.circle-selector .circle-selector-wrapper .circle-selector-header[data-v-eb8012b4]{color:#f0f0f0;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;line-height:20px;display:flex}.circle-selector .circle-selector-wrapper .circle-selector-more[data-v-eb8012b4]{color:#a1a1a1;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:500;line-height:24px;display:flex}.circle-selector .circle-selector-wrapper .circle-selector-more .el-icon-arrow-right[data-v-eb8012b4]{font-size:16px;line-height:16px}.circle-selector .circle-selector-wrapper .circle-selector-join[data-v-eb8012b4]{color:#ca75fe;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:14px;font-weight:500;display:flex}.circle-selector .circle-selector-wrapper .quick-bar[data-v-eb8012b4]{padding-top:12px;position:relative}.circle-selector .circle-selector-wrapper .quick-bar .quick-items-wrap[data-v-eb8012b4]{gap:8px;display:flex;overflow:hidden}.circle-selector .circle-selector-wrapper .quick-bar .quick-item[data-v-eb8012b4]{box-sizing:border-box;cursor:pointer;background-color:#202020;border:1px solid #2e2e2e;border-radius:12px;flex-shrink:0;align-items:center;gap:10px;width:264px;padding:8px;transition:border-color .2s,background-color .2s;display:flex;overflow:hidden}.circle-selector .circle-selector-wrapper .quick-bar .quick-item[data-v-eb8012b4]:hover{border-color:#4e4e4e}.circle-selector .circle-selector-wrapper .quick-bar .quick-item.is-selected[data-v-eb8012b4]{background:linear-gradient(90deg,#4f0f7733,#24242433),#292b2d;border-color:#a55bd3}.circle-selector .circle-selector-wrapper .quick-bar .quick-item.is-disabled[data-v-eb8012b4]{cursor:not-allowed}.circle-selector .circle-selector-wrapper .quick-bar .quick-item .item-cover[data-v-eb8012b4]{background-color:#3a3a3a;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;width:48px;min-width:48px;height:48px}.circle-selector .circle-selector-wrapper .quick-bar .quick-item .item-text[data-v-eb8012b4]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.circle-selector .circle-selector-wrapper .quick-bar .quick-item .item-text .item-title[data-v-eb8012b4]{color:#f0f0f0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:20px;overflow:hidden}.circle-selector .circle-selector-wrapper .quick-bar .quick-item .item-text .item-desc[data-v-eb8012b4]{text-overflow:ellipsis;white-space:nowrap;color:#9e9e9e;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.circle-selector .circle-selector-wrapper .quick-bar .quick-item .item-text .item-desc-line[data-v-eb8012b4]{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;line-height:24px;display:flex;overflow:hidden}.circle-selector .circle-selector-wrapper .quick-bar .quick-item .item-text .item-desc-line .count-text[data-v-eb8012b4]{color:#a1a1a1;font-size:12px;font-weight:400;line-height:22px}.circle-selector .circle-selector-wrapper .quick-bar .more-btn-wrapper[data-v-eb8012b4]{background-image:linear-gradient(90deg,#24242400,#242424);justify-content:flex-end;align-items:center;width:40px;height:100%;display:flex;position:absolute;top:0;right:0}.circle-selector .circle-selector-wrapper .quick-bar .more-btn-wrapper .more-btn[data-v-eb8012b4]{cursor:pointer;background-color:#393939;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.circle-selector .circle-selector-wrapper .quick-bar .more-btn-wrapper .more-btn .icon[data-v-eb8012b4]{color:#9a9a9a;font-size:16px;font-weight:700;line-height:16px}.circle-selector.is-card-mode[data-v-eb8012b4]{width:100%}.circle-selector.is-card-mode .circle-selector-wrapper[data-v-eb8012b4]{display:block}.circle-selector.is-card-mode .quick-items-wrap[data-v-eb8012b4]{--circle-card-gap:8px;--circle-card-width:calc(25% - var(--circle-card-gap)*3/4);gap:8px;overflow:hidden}.circle-selector.is-card-mode .quick-item[data-v-eb8012b4]{flex-direction:column;min-width:0;height:232px;flex:0 0 var(--circle-card-width)!important;width:var(--circle-card-width)!important;background:#ffffff0f!important;border:none!important;border-radius:12px!important;align-items:stretch!important;gap:10px!important;padding:8px!important;display:flex!important}.circle-selector.is-card-mode .quick-item.is-selected[data-v-eb8012b4]{background:linear-gradient(90deg,#4f0f7733,#24242433),#292b2d!important;border:1px solid #a55bd3!important}.circle-selector.is-card-mode .card-media[data-v-eb8012b4]{flex-shrink:0;width:100%;height:160px;margin-bottom:-34px;position:relative}.circle-selector.is-card-mode .card-cover[data-v-eb8012b4]{border-radius:8px;width:100%;height:120px}.circle-selector.is-card-mode .card-avatar[data-v-eb8012b4],.circle-selector.is-card-mode .card-cover[data-v-eb8012b4]{background-color:#333;background-position:50%;background-repeat:no-repeat;background-size:cover}.circle-selector.is-card-mode .card-avatar[data-v-eb8012b4]{box-sizing:border-box;border:3px solid #242424;border-radius:12px;width:48px;height:48px;position:absolute;bottom:25px;left:12px}.circle-selector.is-card-mode .item-text[data-v-eb8012b4]{gap:4px!important}.circle-selector.is-card-mode .item-title[data-v-eb8012b4]{color:#fff!important;font-size:16px!important;font-weight:700!important;line-height:26px!important}.circle-selector.is-card-mode .item-desc-line[data-v-eb8012b4]{height:20px;padding:4px 0;line-height:16px!important}.contribution-publish-circle-selector-popover{flex-direction:column;gap:8px;display:flex;box-sizing:border-box!important;background-color:#2e2e2e!important;border:none!important;border-radius:8px!important;width:360px!important;max-height:400px!important;padding:6px!important;box-shadow:0 0 10px #00000040!important}.contribution-publish-circle-selector-popover .popover-title{color:#fff;box-sizing:border-box;padding:0 6px;font-size:14px;font-weight:500;line-height:24px}.contribution-publish-circle-selector-popover .circle-list-container{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.contribution-publish-circle-selector-popover .circle-list-container .circle-items{flex-direction:column;display:flex}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item{box-sizing:border-box;cursor:pointer;background-color:#0000;border-radius:8px;align-items:center;gap:8px;width:100%;height:60px;padding:6px;transition:background-color .2s;display:flex;overflow:hidden}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item.selected,.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item:hover{background-color:#242424}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item .item-cover{background-color:#3a3a3a;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;width:48px;min-width:48px;height:48px}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item .text-wrapper{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item .text-wrapper .item-title{color:#f0f0f0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:22px;overflow:hidden}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item .text-wrapper .item-desc-line{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:flex;overflow:hidden}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item .text-wrapper .item-desc-line .count-text{color:#a1a1a1;font-size:12px;font-weight:400;line-height:22px}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item .item-state{justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;display:flex}.contribution-publish-circle-selector-popover ::-webkit-scrollbar{width:4px}.contribution-publish-circle-selector-popover ::-webkit-scrollbar-thumb{background-color:#434343;border-radius:8px}.contribution-publish-circle-selector-popover ::-webkit-scrollbar-track{background-color:#2e2e2e;border-radius:8px}