.UpdateUsernameModal-module__R-WONq__dialog{gap:calc(var(--spacing,.25rem) * 0);width:100%;max-width:calc(100% - 2rem);padding:calc(var(--spacing,.25rem) * 0)}@media (min-width:40rem){.UpdateUsernameModal-module__R-WONq__dialog{max-width:28rem}}.UpdateUsernameModal-module__R-WONq__body{align-items:center;gap:calc(var(--spacing,.25rem) * 6);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 6);flex-direction:column;display:flex}@media (min-width:40rem){.UpdateUsernameModal-module__R-WONq__body{padding-inline:calc(var(--spacing,.25rem) * 8)}}.UpdateUsernameModal-module__R-WONq__header{align-items:center;gap:calc(var(--spacing,.25rem) * 2);text-align:center;flex-direction:column;display:flex}.UpdateUsernameModal-module__R-WONq__title{font-family:var(--font-manrope), var(--font-sans), system-ui, sans-serif;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.UpdateUsernameModal-module__R-WONq__titleRow{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.UpdateUsernameModal-module__R-WONq__titleIcon{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);color:var(--color-text-secondary);flex-shrink:0}.UpdateUsernameModal-module__R-WONq__description{font-family:var(--font-manrope), var(--font-sans), system-ui, sans-serif;color:var(--color-text-tertiary);font-size:.8125rem;font-weight:400}.UpdateUsernameModal-module__R-WONq__form{gap:calc(var(--spacing,.25rem) * 6);flex-direction:column;width:100%;display:flex}.UpdateUsernameModal-module__R-WONq__field{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;width:100%;display:flex}.UpdateUsernameModal-module__R-WONq__usernameInput{height:calc(var(--spacing,.25rem) * 12);padding-right:calc(var(--spacing,.25rem) * 10);background-color:var(--color-card-2);border:1px solid var(--color-stroke-strong);color:var(--color-text-primary)}.UpdateUsernameModal-module__R-WONq__currentUsernameInput{cursor:not-allowed;color:var(--color-text-tertiary)}.UpdateUsernameModal-module__R-WONq__validMessage{padding-inline:calc(var(--spacing,.25rem) * 1);font-family:var(--font-manrope), var(--font-sans), system-ui, sans-serif;font-size:.75rem;font-weight:500}@media (min-width:40rem){.UpdateUsernameModal-module__R-WONq__validMessage{font-family:var(--font-manrope), var(--font-sans), system-ui, sans-serif;font-size:.8125rem;font-weight:500}}.UpdateUsernameModal-module__R-WONq__validMessage{color:var(--color-semantic-green-500)}.UpdateUsernameModal-module__R-WONq__loaderIcon{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);animation:var(--animate-spin,spin 1s linear infinite);color:var(--color-text-tertiary)}.UpdateUsernameModal-module__R-WONq__submitButton{width:100%;position:relative}.UpdateUsernameModal-module__R-WONq__submitLabelHidden{visibility:hidden}.UpdateUsernameModal-module__R-WONq__submitSpinner{pointer-events:none;inset:calc(var(--spacing,.25rem) * 0);width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);animation:var(--animate-spin,spin 1s linear infinite);margin:auto;position:absolute}@keyframes UpdateUsernameModal-module__R-WONq__spin{to{transform:rotate(360deg)}}