.ui-pm[data-v-cafe03fa]{background:#fafafc}.ui-pm-page[data-v-cafe03fa]{position:absolute;inset:48px 0 0}.ui-pm-line[data-v-cafe03fa]{background:#e6e6ea;height:1px;margin-top:-48px}.ui-pm-bar[data-v-cafe03fa],.ui-pm-line[data-v-cafe03fa]{position:absolute;left:0;right:0}.ui-pm-bar[data-v-cafe03fa]{color:#fff;background:#4b70e3;height:48px;top:0}.ui-pm-add[data-v-cafe03fa]{border:1px solid #ffffff59;border-radius:50%;width:32px;left:-26px}.ui-pm-add[data-v-cafe03fa],.ui-pm-search[data-v-cafe03fa]{height:32px;position:absolute;top:8px}.ui-pm-search[data-v-cafe03fa]{color:#ffffffe6;background:#6f8de9;border-radius:16px;align-items:center;gap:12px;width:239px;padding:0 14px;font-size:14px;display:flex;left:10px}.ui-pm-apps[data-v-cafe03fa],.ui-pm-bell[data-v-cafe03fa]{position:absolute;top:15px}.ui-pm-bell[data-v-cafe03fa]{left:260px}.ui-pm-apps[data-v-cafe03fa]{left:296px}.ui-pm-avatar[data-v-cafe03fa]{color:#fffc;background:#ffffff2e;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;left:330px}.ui-pm-menu[data-v-cafe03fa]{width:280px;padding:8px;top:48px;left:81px}.ui-pm-card[data-v-cafe03fa]{background:var(--l3);border-radius:8px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex}.ui-pm-card-avatar[data-v-cafe03fa]{border:1px solid var(--tr);background:var(--l4);border-radius:50%;flex:none;width:30px;height:30px;position:relative;overflow:hidden}.ui-avatar-male[data-v-cafe03fa]{background:var(--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-pm-card-text[data-v-cafe03fa]{min-width:0}.ui-pm-name[data-v-cafe03fa]{color:var(--fg1);font-size:13px;font-weight:600}.ui-pm-mail[data-v-cafe03fa],.ui-pm-name[data-v-cafe03fa]{white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}.ui-pm-mail[data-v-cafe03fa]{color:var(--fg2);font-size:11px}.ui-pm-theme-label[data-v-cafe03fa]{flex:1}.ui-pm-switch[data-v-cafe03fa]{background:var(--l0);border-radius:999px;width:48px;height:24px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.ui-pm-switch-knob[data-v-cafe03fa]{background:var(--l1);border-radius:50%;width:24px;height:24px;position:absolute;top:0;left:24px}.ui-pm-switch-opt[data-v-cafe03fa]{width:24px;height:24px;color:var(--fg2);place-items:center;display:grid;position:relative}.ui-pm-switch-opt.is-on[data-v-cafe03fa]{color:var(--fg1)}