.user-coin-wrap{position:relative;margin-left:var(--size-60)}.user-coin-backdrop{display:none;position:fixed;inset:0;z-index:999}.user-coin-backdrop.open{display:block}.user-dropdown{display:none;position:absolute;top:calc(100% + var(--spacing-160));inset-inline-end:0;width:320px;background:var(--bg-neutral-1-pressed);border:none;border-radius:var(--radius-3xlarge);box-shadow:var(--effect-surface-background-shadow);z-index:1000;overflow:visible;font-family:var(--font-family-base)}.user-dropdown.open{display:block}.user-dropdown.left-nav-positioned{z-index:1001}.user-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:25px var(--spacing-200) 0 var(--spacing-160)}.user-dropdown-ms-logo{display:flex;align-items:center;color:var(--fg-neutral-2-rest)}.user-dropdown-ms-logo svg{flex-shrink:0}.user-dropdown-top{display:flex;justify-content:flex-end;padding:0}.user-dropdown-signout{background:none;border:none;color:var(--fg-neutral-3-hover);font-size:var(--font-size-caption-1);font-weight:var(--font-weight-caption-1);cursor:pointer;padding:0;line-height:var(--line-height-caption-1)}.user-dropdown-signout:hover{color:var(--fg-brand-1-rest)}.user-dropdown-body{display:flex;align-items:flex-start;gap:var(--spacing-200);padding:21px var(--spacing-200) 37px 18px}.user-dropdown-avatar-lg{width:88px;height:88px;border-radius:var(--radius-circular);background:var(--bg-neutral-5-rest);border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--fg-neutral-3-hover);overflow:hidden;background-size:cover;background-position:center;font-size:var(--font-size-subtitle-1);font-weight:var(--font-weight-subtitle-1);position:relative}.user-dropdown-avatar-lg:after{content:"";position:absolute;inset:0;border-radius:var(--radius-circular);background:var(--overlay-background);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:0;transition:opacity .15s;pointer-events:none}.user-dropdown-avatar-lg:hover{cursor:pointer}.user-dropdown-avatar-lg:hover:after{opacity:1}.user-dropdown-name{font-size:var(--font-size-subtitle-1);font-weight:var(--font-weight-large-title-2);color:var(--fg-neutral-1-rest);word-break:break-word;line-height:28px}.user-dropdown-info{display:flex;flex-direction:column;min-width:0;margin-top:var(--spacing-40)}.user-dropdown-email{font-size:var(--font-size-body-1);color:var(--fg-neutral-1-rest);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--line-height-subtitle-1);margin-top:var(--spacing-20)}.user-dropdown-view-account{font-size:var(--font-size-body-1);font-weight:var(--font-weight-body-1);color:var(--fg-brand-1-rest);text-decoration:underline;background:none;border:none;padding:0;cursor:pointer;line-height:var(--line-height-body-1)}.user-dropdown-view-account:hover{color:var(--fg-brand-2-hover)}.user-dropdown-signin{background:var(--fg-brand-1-rest);color:var(--fg-neutral-on-brand);border:none;border-radius:var(--radius-large);font-size:var(--font-size-body-1);font-weight:var(--font-weight-subtitle-2);padding:var(--spacing-80) var(--spacing-120);cursor:pointer;display:none}.user-dropdown-signin:hover{opacity:.88}.user-dropdown.signed-out .user-dropdown-header,.user-dropdown.signed-out .user-dropdown-top,.user-dropdown.signed-out .user-dropdown-info{display:none}.user-dropdown.signed-out .user-dropdown-signin{display:block}#signOutOverlay{display:none;position:fixed;inset:0;z-index:9999;background:#00000073;backdrop-filter:blur(4px);flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-160)}#signOutOverlay.active{display:flex}.soo-spinner{width:var(--size-360);height:var(--size-360);border:3px solid rgba(255,255,255,.25);border-top-color:var(--fg-neutral-inverted-rest);border-radius:var(--radius-circular);animation:soo-spin .75s linear infinite}.soo-label{color:var(--fg-neutral-on-brand);font-size:var(--font-size-body-2-stronger);font-weight:var(--font-weight-subtitle-2);letter-spacing:.01em}@keyframes soo-spin{to{transform:rotate(360deg)}}.signout-confirm-overlay{display:none;position:fixed;inset:0;background:var(--overlay-background);z-index:9998;align-items:center;justify-content:center}.signout-confirm-overlay.open{display:flex}.signout-confirm-dialog{max-width:600px;width:calc(100% - 48px);box-sizing:border-box;color:var(--fg-neutral-1-rest);border:1px solid var(--surface-stroke-1);background:var(--bg-neutral-3-rest);border-radius:var(--radius-3xlarge);backdrop-filter:var(--effect-surface-background-blur);-webkit-backdrop-filter:var(--effect-surface-background-blur);box-shadow:var(--effect-surface-background-shadow);position:relative;overflow:hidden}.signout-confirm-body{display:flex;flex-direction:column;padding:24px}.signout-confirm-title{font-size:20px;font-weight:600;line-height:28px;margin:0 0 8px}.signout-confirm-content{font-size:14px;font-weight:400;line-height:20px;color:var(--fg-neutral-2-rest)}.signout-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.signout-confirm-btn{display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:32px;padding:0 12px;border:none;border-radius:var(--radius-2xlarge);font-family:inherit;font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .1s}.signout-confirm-btn--subtle{background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest)}.signout-confirm-btn--subtle:hover{background:var(--bg-neutral-3-hover)}.signout-confirm-btn--subtle:active{background:var(--bg-neutral-3-pressed)}.signout-confirm-btn--brand{background:var(--button-background-1-rest);color:var(--fg-neutral-on-brand)}.signout-confirm-btn--brand:hover{background:var(--button-background-1-hover)}.signout-confirm-btn--brand:active{background:var(--button-background-1-pressed)}.signout-confirm-btn:disabled{opacity:.5;cursor:default}@media (forced-colors: active){.user-dropdown{border:2px solid ButtonText}.user-dropdown-signin,.signout-confirm-btn--brand{background:ButtonFace;color:ButtonText;border:2px solid ButtonText}.user-dropdown-signout,.signout-confirm-btn--subtle{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}
