.ui-kv-pm[data-v-c661f177]{width:280px;padding:8px}.ui-kv-pm-card[data-v-c661f177]{background:var(--kv-l2);border-radius:8px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex}.ui-kv-pm-avatar[data-v-c661f177]{border:1px solid var(--kv-gray-200);background:var(--kv-l4);border-radius:50%;flex:none;width:30px;height:30px;position:relative;overflow:hidden}.ui-kv-pm-male[data-v-c661f177]{background:var(--kv-fg1);width:24px;height:24px;margin:auto;position:absolute;inset:0;-webkit-mask:url(../docs/demo/avatar-male.svg) 50%/contain no-repeat;mask:url(../docs/demo/avatar-male.svg) 50%/contain no-repeat}.ui-kv-pm-who[data-v-c661f177]{min-width:0}.ui-kv-pm-name[data-v-c661f177]{color:var(--kv-fg1);font-size:13px;font-weight:600}.ui-kv-pm-mail[data-v-c661f177],.ui-kv-pm-name[data-v-c661f177]{white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}.ui-kv-pm-mail[data-v-c661f177]{color:var(--kv-fg2);font-size:11px}.ui-kv-pm-count[data-v-c661f177]{color:#fff;text-align:center;background:var(--kv-gray-950);border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:10px;line-height:18px}.ui-kv-pm-divider[data-v-c661f177]{border-bottom:1px solid var(--kv-gray-200);margin:6px 4px}.ui-kv-pm-theme[data-v-c661f177]{justify-content:space-between}.ui-kv-pm-switch[data-v-c661f177]{background:var(--kv-l0);width:48px;height:24px;box-shadow:inset 0 0 0 1px var(--kv-gray-200);border-radius:999px;flex:none;display:inline-flex;position:relative;overflow:hidden}.ui-kv-pm-knob[data-v-c661f177]{background:var(--kv-l1);border-radius:50%;width:24px;height:24px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.ui-kv-pm-knob.is-dark[data-v-c661f177]{transform:translate(24px)}.ui-kv-pm-opt[data-v-c661f177]{width:24px;height:24px;color:var(--kv-fg2);place-items:center;display:grid;position:relative}.ui-kv-pm-opt.is-on[data-v-c661f177]{color:var(--kv-fg1)}.ui-kvs-page[data-v-8fd2eca4]{background:var(--kv-gray-50);display:flex;position:absolute;top:0;left:0}.ui-kvs-main[data-v-8fd2eca4]{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.ui-kvs-content[data-v-8fd2eca4]{flex:1;min-height:0;position:relative}.ui-kvs-title[data-v-8fd2eca4]{width:80px;height:16px;position:absolute;top:16px;left:24px}.ui-kvs-outside[data-v-8fd2eca4]{width:1px;height:1px;position:absolute;top:560px;left:1320px}.ui-kvs-add[data-v-8fd2eca4]{top:48px;left:980px}.ui-kvs-profile[data-v-8fd2eca4]{top:48px;left:1296px}
