.mico-workspace-creation-avatar-picker{column-gap:var(--mico-space-32);row-gap:var(--mico-space-12);grid-template-rows:60px auto;grid-template-columns:60px minmax(0,1fr);align-items:start;display:grid}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-preview{border-radius:var(--mico-radius-r16);background:var(--mico-color-status-info-subtle);width:60px;height:60px;overflow:hidden}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-preview img{object-fit:cover;width:100%;height:100%;display:block}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-upload{grid-area:2/1}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-upload .mico-ui-button{box-sizing:border-box;width:60px;height:24px;padding:var(--mico-space-2) var(--mico-space-6);border-color:var(--mico-color-border-default);border-radius:var(--mico-radius-r6);color:var(--mico-color-text-primary);font-size:var(--mico-font-size-size12);line-height:var(--mico-line-height-size20)}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-editor{gap:var(--mico-space-20);flex-direction:column;grid-area:1/2/span 2;min-width:0;display:flex}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-modes{box-sizing:border-box;width:fit-content;height:32px;padding:var(--mico-space-2);border-radius:var(--mico-radius-r16);background:var(--mico-color-background-subtle);align-items:center;display:flex}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-modes>button{width:66px;height:28px;padding:0 var(--mico-space-12);border-radius:var(--mico-radius-r16);background:var(--mico-color-background-hover);color:var(--mico-color-text-primary);font-size:var(--mico-font-size-size14);font-weight:var(--mico-font-weight-regular);line-height:var(--mico-line-height-size22);cursor:pointer;border:0;transition:background-color .12s,color .12s}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-modes>button:hover:not(:disabled):not([aria-selected=true]){background:var(--mico-color-background-hover)}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-modes>button:active:not(:disabled):not([aria-selected=true]){background:var(--mico-color-background-pressed)}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-modes>button[aria-selected=true]{background:var(--mico-color-background-surface);font-weight:var(--mico-font-weight-semi-bold)}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-modes>button:focus-visible{outline:var(--mico-border-width-strong) solid var(--mico-color-border-focus);outline-offset:1px}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-modes>button:disabled{cursor:not-allowed;opacity:.48}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-panel{gap:var(--mico-space-20);flex-direction:column;display:flex}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-text{box-sizing:border-box;align-items:center;gap:var(--mico-space-6);height:32px;padding:0 var(--mico-space-8) 0 var(--mico-space-12);border:var(--mico-border-width-default) solid var(--mico-color-border-default);border-radius:var(--mico-radius-r6);background:var(--mico-color-background-surface);transition:border-color .12s,outline-color .12s;display:flex}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-text:hover{border-color:var(--mico-color-border-default)}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-text:focus-within{border-color:var(--mico-color-border-focus);outline:var(--mico-border-width-strong) solid rgb(var(--mico-channel-border-focus) / 16%)}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-text>input{min-width:0;height:30px;color:var(--mico-color-text-primary);font-size:var(--mico-font-size-size14);line-height:var(--mico-line-height-size22);background:0 0;border:0;outline:0;flex:1;padding:0}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-text>input::placeholder{color:var(--mico-color-text-placeholder)}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-text-emoji{object-fit:contain;flex:0 0 20px;width:20px;height:20px}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-emoji-trigger{border-radius:var(--mico-radius-r4);width:24px;height:24px;color:var(--mico-color-text-placeholder);cursor:pointer;background:0 0;border:0;flex:0 0 24px;place-items:center;padding:0;display:grid}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-emoji-trigger:hover:not(:disabled),.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-emoji-trigger[data-active=true]{background:var(--mico-color-background-hover);color:var(--mico-color-text-secondary)}.mico-workspace-creation-emoji-panel{box-sizing:border-box;width:314px;padding:var(--mico-space-12) var(--mico-space-14) var(--mico-space-12);border:var(--mico-border-width-default) solid var(--mico-color-border-subtle);border-radius:var(--mico-radius-r8);background:var(--mico-color-background-surface);box-shadow:var(--mico-shadow-overlay)}.mico-workspace-creation-emoji-title{margin:0 0 var(--mico-space-6);color:var(--mico-color-text-placeholder);font-size:var(--mico-font-size-size12);line-height:var(--mico-line-height-size20)}.mico-workspace-creation-emoji-grid{justify-content:space-between;row-gap:var(--mico-space-4);grid-template-columns:repeat(9,30px);max-height:200px;display:grid;overflow-y:auto}.mico-workspace-creation-emoji-grid>button{border-radius:var(--mico-radius-r6);cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;transition:background-color .12s,transform .12s;display:grid}.mico-workspace-creation-emoji-grid>button:hover:not(:disabled),.mico-workspace-creation-emoji-grid>button[aria-pressed=true]{background:var(--mico-color-background-hover)}.mico-workspace-creation-emoji-grid>button:active:not(:disabled){transform:scale(.92)}.mico-workspace-creation-emoji-grid>button[aria-busy=true]{opacity:.5}.mico-workspace-creation-emoji-grid>button>img{object-fit:contain;width:24px;height:24px}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options{gap:var(--mico-space-20);grid-template-columns:repeat(14,44px);align-items:center;display:grid}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options>button{box-sizing:border-box;border-radius:var(--mico-radius-r12);cursor:pointer;outline:var(--mico-border-width-strong) solid transparent;outline-offset:2px;touch-action:manipulation;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;transition:outline-color .16s,opacity .16s,transform .16s;display:grid;position:relative}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options>button>img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options>button:hover:not(:disabled){transform:translateY(-1px)}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options>button:active:not(:disabled){transform:scale(.96)}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options>button.is-selected,.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options>button:focus-visible{outline-color:var(--mico-color-border-focus)}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options>button:disabled{cursor:not-allowed;opacity:.48}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options>.mico-workspace-creation-avatar-reset{background:var(--mico-color-background-subtle);color:var(--mico-color-text-placeholder)}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options>.mico-workspace-creation-avatar-reset:hover:not(:disabled){background:var(--mico-color-background-pressed);color:var(--mico-color-text-secondary)}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-check{z-index:2;box-sizing:border-box;width:16px;height:16px;padding:var(--mico-border-width-default);border:var(--mico-border-width-strong) solid var(--mico-color-background-surface);border-radius:var(--mico-radius-full);background:var(--mico-color-action-primary);color:var(--mico-color-text-inverse);pointer-events:none;position:absolute;bottom:0;right:0}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-swatch-face{box-sizing:border-box;border-radius:inherit;background:var(--mico-workspace-avatar-color);font-size:var(--mico-font-size-size14);font-weight:var(--mico-font-weight-semi-bold);line-height:var(--mico-line-height-size20);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-swatch-face>span{color:#0000;justify-content:center;align-items:center;display:inline-flex}.mico-workspace-creation-avatar-picker .is-filled .mico-workspace-creation-avatar-swatch-face>span{background:var(--mico-workspace-avatar-text-color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mico-workspace-creation-avatar-picker .is-outline .mico-workspace-creation-avatar-swatch-face{padding:var(--mico-border-width-default)}.mico-workspace-creation-avatar-picker .is-outline .mico-workspace-creation-avatar-swatch-face>span{border-radius:var(--mico-radius-r12);background:var(--mico-workspace-avatar-outline-background,var(--mico-color-background-surface));width:100%;height:100%;position:relative}.mico-workspace-creation-avatar-picker .is-outline .mico-workspace-creation-avatar-swatch-face>span:after{background:var(--mico-workspace-avatar-text-color);-webkit-text-fill-color:transparent;color:#0000;content:"Aa";-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}@media (max-width:767px){.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options{gap:var(--mico-space-8);grid-template-columns:repeat(7,44px)}}@media (prefers-reduced-motion:reduce){.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options>button,.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-modes>button,.mico-workspace-creation-emoji-grid>button{transition:none}.mico-workspace-creation-avatar-picker .mico-workspace-creation-avatar-options>button:hover:not(:disabled){transform:none}}
/*# sourceMappingURL=0.8_qph3vnpe-.css.map*/