@charset "UTF-8";.element-item[data-v-ca1af53e]{position:relative;width:40px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer!important}.element-item .avatar-section[data-v-ca1af53e]{position:relative;width:40px;height:40px;border-radius:50%;backdrop-filter:blur(24px);box-shadow:.5px .5px .5px #ffffff52 inset,-.5px -.5px .5px #ffffff29 inset;padding:.2px .3px .3px .2px;background:var(--color-other-10)}.element-item .avatar-section img[data-v-ca1af53e]{width:100%;height:100%;object-fit:cover;border-radius:50%;overflow:hidden}.element-item .avatar-section img.top[data-v-ca1af53e]{object-position:center top}.element-item .avatar-section .voice-mark[data-v-ca1af53e]{position:absolute;width:16px;height:16px;right:-2px;bottom:0;background:linear-gradient(132.9deg,#30a967 -.99%,#c0ca29 129.99%);z-index:1;border-radius:50%;display:flex;justify-content:center;align-items:center}.element-item .label-section[data-v-ca1af53e]{width:44px;text-align:center;overflow:hidden;font-size:11px;line-height:10px;white-space:nowrap;text-overflow:ellipsis}.element-item:hover .avatar-section[data-v-ca1af53e]:before,.element-item.active .avatar-section[data-v-ca1af53e]:before{content:"";display:block;width:100%;height:100%;position:absolute;border-radius:50%;background-color:#0000001a;z-index:1;cursor:pointer}.element-item.disabled .avatar-section[data-v-ca1af53e]:before{content:"";display:block;width:100%;height:100%;position:absolute;border-radius:50%;z-index:1;cursor:not-allowed}.element-item.disabled .label-section[data-v-ca1af53e]{color:var(--color-text-3)}.subject-disable-tooltip-content[data-v-077c1e22]{max-width:280px}.subject-disable-tooltip-content .create-subject-disabled-tooltip[data-v-077c1e22]{font-weight:400;font-size:14px;line-height:24px;color:var(--color-text-1);overflow-wrap:break-word;word-break:normal;margin-right:8px}.subject-disable-tooltip-content .upgrade-membership-tooltip[data-v-077c1e22]{font-weight:400;font-size:14px;line-height:24px;color:var(--color-theme-2);cursor:pointer}.component__subject-select-section[data-v-077c1e22]{position:relative;width:100%;min-width:0;max-width:100%;height:80px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-start;gap:4px;padding:0 6px 6px}.component__subject-select-section[data-v-077c1e22]:before{content:"";pointer-events:none;transition:opacity .2s;display:block;position:absolute;bottom:-80px;width:100%;height:140px;background:linear-gradient(180deg,#0000,#0000007a 32%,#000c 48%,#0006 78%,#0000);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);opacity:1}.component__subject-select-section.is-collapsed[data-v-077c1e22]{pointer-events:none}.component__subject-select-section.is-collapsed[data-v-077c1e22]:before{opacity:0}.component__subject-select-section.is-collapsed .selected-subject-list[data-v-077c1e22]{pointer-events:none}.component__subject-select-section.is-collapsed .selected-subject-list .subject-btn[data-v-077c1e22]{pointer-events:auto}.component__subject-select-section .category-list[data-v-077c1e22],.component__subject-select-section .selected-subject-list[data-v-077c1e22]{width:100%;height:100%;box-sizing:border-box;flex-shrink:1;min-width:0;display:flex;justify-content:flex-start;align-items:flex-end;overflow-x:auto;overscroll-behavior-x:contain;gap:0;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,black 0,black calc(100% - 20px) ¸,transparent 100%);mask-image:linear-gradient(to right,black 0,black calc(100% - 20px),transparent 100%)}.component__subject-select-section .category-list[data-v-077c1e22]::-webkit-scrollbar,.component__subject-select-section .selected-subject-list[data-v-077c1e22]::-webkit-scrollbar{display:none}.component__subject-select-section .selected-subject-list .subject-btn[data-v-077c1e22]{margin-left:20px}.component__subject-select-section .selected-subject-list .subject-btn[data-v-077c1e22]:first-child{margin-left:0}.component__subject-select-section .category-list .subject-stack-item[data-v-077c1e22]{flex-shrink:0;transition:margin-left .3s ease-out,margin-right .3s ease-out,opacity .3s ease-out,transform .3s ease-out}.component__subject-select-section .category-list[data-v-077c1e22] .element-item,.component__subject-select-section .category-list .subject-btn[data-v-077c1e22]{justify-content:flex-end;transition:gap .15s ease-out}.component__subject-select-section .category-list[data-v-077c1e22] .element-item .avatar-section{width:40px;height:40px;position:relative}.component__subject-select-section .category-list[data-v-077c1e22] .element-item .label-section,.component__subject-select-section .category-list .subject-btn .label-section[data-v-077c1e22]{opacity:1;max-height:12px;transition:max-height .15s ease-out,opacity .15s ease-out .15s}.component__subject-select-section .category-list[data-v-077c1e22] .element-item .label-section{height:12px}.component__subject-select-section .category-list.is-expanded .subject-stack-item[data-v-077c1e22]{margin-left:20px}.component__subject-select-section .category-list.is-expanded .subject-stack-item[data-v-077c1e22]:first-child{margin-left:0}.component__subject-select-section .category-list.is-expanded[data-v-077c1e22] .element-item,.component__subject-select-section .category-list.is-expanded .subject-btn[data-v-077c1e22]{gap:6px}.component__subject-select-section .category-list.is-expanded[data-v-077c1e22] .element-item .label-section,.component__subject-select-section .category-list.is-expanded .subject-btn .label-section[data-v-077c1e22]{opacity:1;max-height:12px}.component__subject-select-section .category-list.is-collapsed[data-v-077c1e22]{overflow:hidden;padding-right:0;cursor:pointer;-webkit-mask-image:none;mask-image:none;pointer-events:none}.component__subject-select-section .category-list.is-collapsed .subject-stack-item[data-v-077c1e22]{margin-right:0;margin-left:-20px;z-index:calc(100 - var(--stack-index));transition:margin-left .35s ease-in-out,margin-right .35s ease-in-out,opacity .35s ease-in-out,transform .35s ease-in-out}.component__subject-select-section .category-list.is-collapsed[data-v-077c1e22] .element-item,.component__subject-select-section .category-list.is-collapsed .subject-btn[data-v-077c1e22]{gap:0;transition:gap 175ms ease-in-out 175ms}.component__subject-select-section .category-list.is-collapsed[data-v-077c1e22] .element-item .label-section,.component__subject-select-section .category-list.is-collapsed .subject-btn .label-section[data-v-077c1e22]{opacity:0;max-height:0;transition:opacity 175ms ease-in-out,max-height 175ms ease-in-out 175ms}.component__subject-select-section .category-list.is-collapsed .subject-stack-item[data-v-077c1e22]:first-child{margin-left:0}.component__subject-select-section .category-list.is-collapsed .subject-stack-item[data-v-077c1e22]:not(.is-overflow){pointer-events:auto}.component__subject-select-section .category-list.is-collapsed .subject-stack-item:not(.is-overflow) .subject-btn[data-v-077c1e22]{pointer-events:auto}.component__subject-select-section .category-list.is-collapsed[data-v-077c1e22] .subject-stack-item:not(.is-overflow) .element-item{pointer-events:auto}.component__subject-select-section .category-list.is-collapsed .subject-stack-item.is-overflow[data-v-077c1e22]{opacity:0;pointer-events:none}.component__subject-select-section .category-list.is-collapsed .subject-stack-item[data-v-077c1e22] .element-item .avatar-section:before{content:"";display:block;width:100%;height:100%;position:absolute;border-radius:50%;background-color:#0000004d;z-index:1;cursor:pointer}.component__subject-select-section .category-list.is-collapsed[data-v-077c1e22] .element-item .label-section{opacity:0}.component__subject-select-section .subject-all-btn[data-v-077c1e22]{box-sizing:border-box;flex-shrink:0;overflow:hidden;padding-bottom:4px;transition:gap .15s ease-out}.component__subject-select-section .subject-all-btn .label-section[data-v-077c1e22]{opacity:1;max-height:12px;transition:max-height .15s ease-out,opacity .15s ease-out .15s}.component__subject-select-section .subject-all-btn.is-expanded[data-v-077c1e22]{gap:6px;pointer-events:auto}.component__subject-select-section .subject-all-btn.is-expanded .label-section[data-v-077c1e22]{opacity:1;max-height:12px}.component__subject-select-section .subject-all-btn.is-collapsed[data-v-077c1e22]{gap:0;pointer-events:none;transition:gap 175ms ease-in-out 175ms}.component__subject-select-section .subject-all-btn.is-collapsed .label-section[data-v-077c1e22]{opacity:0;max-height:0;transition:opacity 175ms ease-in-out,max-height 175ms ease-in-out 175ms}.component__subject-select-section .subject-btn[data-v-077c1e22]{position:relative;width:46px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;cursor:pointer}.component__subject-select-section .subject-btn.disabled[data-v-077c1e22]{cursor:not-allowed}.component__subject-select-section .subject-btn.disabled .avatar-section[data-v-077c1e22]:hover{background-color:var(--color-bg-popover)!important}.component__subject-select-section .subject-btn .avatar-section[data-v-077c1e22]{position:relative;width:40px;height:40px;border-radius:50%;backdrop-filter:blur(16px);background-color:var(--color-bg-popover);display:flex;justify-content:center;align-items:center}.component__subject-select-section .subject-btn .avatar-section img[data-v-077c1e22]{width:100%;height:100%;object-fit:cover;border-radius:50%;overflow:hidden}.component__subject-select-section .subject-btn .avatar-section img.top[data-v-077c1e22]{object-position:center top}.component__subject-select-section .subject-btn .avatar-section[data-v-077c1e22]:hover{background-color:var(--color-bg-popover-1)}.component__subject-select-section .subject-btn .label-section[data-v-077c1e22]{width:44px;text-align:center;overflow:hidden;font-size:11px;line-height:10px;height:12px;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}.component__subject-select-section .subject-btn .avatar-section[data-v-077c1e22],.component__subject-select-section[data-v-077c1e22] .element-item .avatar-section{backdrop-filter:blur(16px)}.component__subject-select-section .subject-btn .avatar-section[data-v-077c1e22]:after,.component__subject-select-section[data-v-077c1e22] .element-item .avatar-section:after{content:"";position:absolute;inset:0;pointer-events:none;aspect-ratio:1/1;border-radius:44px;box-sizing:border-box;border:1px solid var(--color-fill-light)}.component__subject-select-section .subject-btn .label-section[data-v-077c1e22],.component__subject-select-section[data-v-077c1e22] .element-item .label-section{text-shadow:0 1px 2px rgba(0,0,0,.24)}
