/* The sign up / log in dialog (.dlg--auth) over the shared dlg-* shell
   (dialog.css, linked above this file). Markup: views/partials/common/
   auth-dialog.ejs; behavior: assets/src/js/authDialog.js.

   Everything keys on the .dlg--auth CLASS, never the mount's id: the
   styleguide renders inline specimens beside the live layout mount.

   Rules this file keeps:
   - Theme through var() with unthemed fallbacks only. The dialog is
     body-mounted, so it wears the page theme (a vessel's accent, surface
     and font on its pages, the site default on feeds) or a scoped surface's
     theme when opened from inside one (dialog.js adoptScope).
   - Whole-number type scale: 17 headline, 14 return line and buttons.
   - Masked glyphs fill with an OPAQUE color; -webkit-mask first, mask last.
   - --auth-icon is set per flavor on the root and consumed once by
     .auth-ico; a new flavor (core/onboardingReturn.js AUTH_FLAVORS) adds
     its line to the table below.
   - --auth-ready is the "this sheet has applied" flag authDialog.js reads
     before it takes a click. The sheet is deferred (deferred-css.ejs), so
     until it lands a click keeps its link and opens /hello instead of an
     unstyled dialog. Never remove it.
   - Motion never touches the PANEL under 640px: the sheet's drag controller
     owns the panel transform there (dialog.css), so the pop is desktop
     scoped and everything else animates inner elements. All of it is off
     under prefers-reduced-motion.
   - The looping motion (orbit, twinkle, the glyph's flourish) keys on the
     root alone, NOT on .is-open: dialog.js drops .is-open at the start of
     the close fade, and a loop that stopped there would snap the moon back
     to its rest angle while the panel is still on screen. A hidden root is
     display: none, so nothing runs while the dialog is closed. */

.dlg--auth {
  --dlg-w: 380px;
  --auth-ready: 1;
  --auth-icon: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyMDBwdCIgdmlld0JveD0iMCAwIDEyMDAgMTIwMCIgd2lkdGg9IjEyMDBwdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOTYwLjYgMzA1Ljg4Yy0xNS4wMTItMjUuODk4LTQyLjY2OC00MS44NTItNzIuNjAyLTQxLjg3OWgtNTc2Yy0yOS45MzgtLjAwMzkwNi01Ny42MTMgMTUuOTMtNzIuNjQ4IDQxLjgxNi0xNS4wMzEgMjUuODkxLTE1LjE1MiA1Ny44MjQtLjMxMjUgODMuODI0bDI4OCA1MDRjOS44MzU5IDE3LjIzOCAyNS40NTcgMzAuNDM4IDQ0LjA5OCAzNy4yNTggMTguNjM3IDYuODIwMyAzOS4wOSA2LjgyMDMgNTcuNzI3IDAgMTguNjQxLTYuODIwMyAzNC4yNjItMjAuMDIgNDQuMDk4LTM3LjI1OGwyODgtNTA0YzcuMzcxMS0xMi43NyAxMS4yNTQtMjcuMjU0IDExLjI1NC00MnMtMy44ODI4LTI5LjIzLTExLjI1NC00Mm0tNjU5LjA0IDQ4Yy0xLjk0NTMtMy42NDA2LTEuODgyOC04LjAyMzQuMTY0MDYtMTEuNjA1IDIuMDQ2OS0zLjU4MiA1Ljc5My01Ljg1OTQgOS45MTQxLTYuMDM1MmgyMjhsLTEyMCAyMjQuNTJ6bTMwOC44OCA1MDRjLTIuMTMyOCAzLjc1NzgtNi4xMjExIDYuMDgyLTEwLjQ0MSA2LjA4MnMtOC4zMDg2LTIuMzI0Mi0xMC40MzgtNi4wODJsLTEwNi41Ni0xODUuNjRoMjMzLjI4em0tMTMwLjgtMjU3LjY0IDEyMC0yMjMuOCAxMjAgMjIzLjh6bTQxOC40NC0yNDYtMTE4LjQ0IDIwNi41Mi0xMjAtMjI0LjUyaDIyOGM0LjI5NjktLjAxNTYyNSA4LjI3MzQgMi4yNjE3IDEwLjQzIDUuOTgwNSAyLjE1MjMgMy43MTQ4IDIuMTYwMiA4LjMwMDguMDExNzE4IDEyLjAyIiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}
.dlg--auth[data-flavor="like"] { --auth-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIwMHB0IiBoZWlnaHQ9IjEyMDBwdCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTQzMiAzNjBjMzMuMDI3LTAuMDQyOTY5IDY0Ljg0NCAxMi40MzggODkuMDM5IDM0LjkyMiAyNi45MTQgMjQuNzA3IDQyLjM3OSA1OS40NjUgNDIuNzIzIDk2LTAuMDIzNDM4IDguOTQ1MyAzLjE2MDIgMTcuNjAyIDguOTcyNyAyNC40MDIgNS44MTI1IDYuODA0NyAxMy44NjcgMTEuMzAxIDIyLjcwNyAxMi42NzZoNC41NTg2YzguODMyIDAuMDQ2ODc1IDE3LjM3NS0zLjE1NjIgMjQtOSA3LjY3OTctNi44NjcyIDEyLjA0Ny0xNi42OTkgMTItMjcgMC4wMDM5MDYtMzcuNTc4IDE2LjAyMy03My4zNzEgNDQuMDM5LTk4LjQxIDI4LjAyLTI1LjAzOSA2NS4zNzktMzYuOTUzIDEwMi43Mi0zMi43NSAzMy44ODMgNC42MjUgNjQuNzczIDIxLjg1OSA4Ni41MDggNDguMjY2IDIxLjczIDI2LjQwMiAzMi43MDcgNjAuMDM1IDMwLjczIDk0LjE3Ni0xLjY0NDUgNTMuNTA0LTE4LjkxNCAxMDUuMzYtNDkuNjggMTQ5LjE2LTM2IDUxLjEyMS0xMDUuMTIgMTI2LjM2LTIyNi41NiAxOTQuNC0xNC42MzcgOC4yNTM5LTMyLjUyNyA4LjI1MzktNDcuMTYgMC0xMjEuNDQtNjguMDM5LTE5MC4yLTE0My4yOC0yMjYuNTYtMTk0LjRoLTAuMDAzOTA3Yy0zMC44NzEtNDMuNzMtNDguMjY2LTk1LjU0My01MC4wMzktMTQ5LjA0LTIuMzc1LTM1LjA5NCA5LjA1ODYtNjkuNzMgMzEuODU1LTk2LjUyIDIyLjc5Ny0yNi43ODkgNTUuMTYtNDMuNjA5IDkwLjE4NC00Ni44NzloMTAuMTk5bTAtNzJoLTE1LjQ4IDAuMDAzOTA3Yy01My42OTEgNC41MzkxLTEwMy40OCAyOS44NzktMTM4Ljc1IDcwLjYxMy0zNS4yNjIgNDAuNzM4LTUzLjIxMSA5My42NDEtNTAuMDE2IDE0Ny40MyAyLjIyMjcgNjcuNDQ1IDI0LjEyMSAxMzIuNzcgNjMgMTg3LjkyIDQwLjgwMSA1Ny4yMzggMTE3IDE0MSAyNTAuMiAyMTUuNjQgMzYuNTE2IDIwLjUyMyA4MS4wODYgMjAuNTIzIDExNy42IDAgMTMzLjA4LTc0LjY0MSAyMDkuNC0xNTguNCAyNTAuMDgtMjE2IDM4Ljg3MS01NS4wNzggNjAuODA5LTEyMC4zMSA2My4xMjEtMTg3LjY4IDQuMDc4MS0xMDkuOTItNzUuNDgtMjA1LjItMTgxLjItMjE2Ljcydi0wLjAwMzkwNmMtMzYuNzIzLTQuMTAxNi03My44NzEgMS44NDc3LTEwNy40OCAxNy4yMTUtMzMuNjAyIDE1LjM2My02Mi40MDIgMzkuNTY2LTgzLjMyNCA3MC4wMjctMTguNzM0LTI3LjI1OC00My44MTYtNDkuNTUxLTczLjA4Ni02NC45NTctMjkuMjY2LTE1LjQwNi02MS44NC0yMy40NjUtOTQuOTE0LTIzLjQ4NCIvPgo8L3N2Zz4K); }
.dlg--auth[data-flavor="follow"] { --auth-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIwMHB0IiBoZWlnaHQ9IjEyMDBwdCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIiBkYXRhLW5hbWU9Im5ueXl4eCDwk4e8IE1BVEVSIEFTVFJPUlVNIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0iTTYwMCA2MzZMNjAwIDI1Nk02MDAgNjM2TDk2MSA1MTlNNjAwIDYzNkw4MjMgOTQzTTYwMCA2MzZMMzc3IDk0M002MDAgNjM2TDIzOSA1MTkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxMjAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); }
.dlg--auth[data-flavor="collect"] { --auth-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIwMHB0IiBoZWlnaHQ9IjEyMDBwdCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTMwMS45MiA3MTAuNzYgMTMyLjI0IDU1LjA3OCA1NS4wNzggMTMyLjI0YzE4LjcwMyA0NC44NTkgNjIuMTU2IDczLjc4MSAxMTAuNzcgNzMuNzgxczkyLjA2Mi0yOS4wNjIgMTEwLjc3LTczLjc4MWw1NS4wNzgtMTMyLjI0IDEzMi4yNC01NS4wNzhjNDQuODU5LTE4LjcwMyA3My43ODEtNjIuMTU2IDczLjc4MS0xMTAuNzdzLTI5LjA2Mi05Mi4wNjItNzMuNzgxLTExMC43N2wtMTMyLjI0LTU1LjA3OC01NS4wNzgtMTMyLjI0Yy0xOC43MDMtNDQuODU5LTYyLjE1Ni03My43ODEtMTEwLjc3LTczLjc4MXMtOTIuMDYyIDI5LjA2Mi0xMTAuNzcgNzMuNzgxbC01NS4wNzggMTMyLjI0LTEzMi4yNCA1NS4wNzhjLTQ0Ljg1OSAxOC43MDMtNzMuNzgxIDYyLjE1Ni03My43ODEgMTEwLjc3czI5LjA2MiA5Mi4wNjIgNzMuOTIyIDExMC43N3ptMjcuNzAzLTE1NS4wNiAxNDUuOTItNjAuODQ0YzguODU5NC0zLjcwMzEgMTUuNzAzLTEwLjU0NyAxOS40NTMtMTkuNDUzbDYwLjg0NC0xNDUuOTJjNy40NTMxLTE3Ljg1OSAyNC44NDQtMjkuNTMxIDQ0LjI5Ny0yOS41MzFzMzYuODQ0IDExLjYyNSA0NC4yOTcgMjkuNTMxbDYwLjg0NCAxNDUuOTJjMy43MDMxIDguODU5NCAxMC41NDcgMTUuNzAzIDE5LjQ1MyAxOS40NTNsMTQ1LjkyIDYwLjg0NGMxOCA3LjQ1MzEgMjkuNTMxIDI0Ljg0NCAyOS41MzEgNDQuMjk3cy0xMS42MjUgMzYuODQ0LTI5LjUzMSA0NC4yOTdsLTE0NS45MiA2MC44NDRjLTguODU5NCAzLjcwMzEtMTUuNzAzIDEwLjU0Ny0xOS40NTMgMTkuNDUzbC02MC44NDQgMTQ1LjkyYy03LjQ1MzEgMTcuODU5LTI0Ljg0NCAyOS41MzEtNDQuMjk3IDI5LjUzMXMtMzYuODQ0LTExLjYyNS00NC4yOTctMjkuNTMxbC02MC44NDQtMTQ1LjkyYy0zLjcwMzEtOC44NTk0LTEwLjU0Ny0xNS43MDMtMTkuNDUzLTE5LjQ1M2wtMTQ1LjkyLTYwLjg0NGMtMTgtNy40NTMxLTI5LjUzMS0yNC44NDQtMjkuNTMxLTQ0LjI5N3MxMS42MjUtMzYuODQ0IDI5LjUzMS00NC4yOTd6Ii8+Cjwvc3ZnPgo=); }
.dlg--auth[data-flavor="repost"] { --auth-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIwMHB0IiBoZWlnaHQ9IjEyMDBwdCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTYzNiA0NzcuOTZ2LTE0MS45NmMwLTU5LjUyLTQ4LjQ4LTEwOC0xMDgtMTA4aC0xNDRjLTEwLjA3OCAwLTE5LjgwMSA0LjMyMDMtMjYuNjQxIDExLjc2Mi02Ljk2MDkgNy41NTg2LTEwLjE5OSAxNy41Mi05LjEyMTEgMjcuNzE5IDEuODAwOCAxOC4yMzggMTguMzU5IDMyLjM5OCAzNy45MjIgMzIuMzk4aDEyNi45NmwtMjM0LjcyIDIzNC43MmMtMzEuNTU5IDMxLjU1OS00OS40NDEgNzMuNDQxLTUwLjI4MSAxMTcuOTYtMC44Mzk4NCA0NC44NzkgMTYuNTU5IDg3Ljg0IDQ5LjA3OCAxMjAuOTYgMzMuODQgMzQuNDQxIDgwLjUyIDU0LjIzOCAxMjguMjggNTQuMjM4IDIwLjAzOSAwIDM2LjcxOS0xNC4yODEgMzguNTItMzIuMzk4IDAuOTYwOTQtMTAuMzItMi4yODEyLTIwLjE2LTkuMjM4My0yNy44NC02LjgzOTgtNy40NDE0LTE2LjU1OS0xMS43NjItMjYuNjQxLTExLjc2MmgtNC42Nzk3Yy01NS44MDEgMC0xMDIuMTItNDMuODAxLTEwMy4yLTk3LjU1OS0wLjYwMTU2LTI3LjQ4IDkuODM5OC01My4yODEgMjkuMTYtNzIuNzE5bDIzNC44NC0yMzQuNzJ2MTI5LjEyYzAgMTAuMDc4IDQuMzIwMyAxOS44MDEgMTEuNzYyIDI2LjY0MSA3LjU1ODYgNi44Mzk4IDE3LjM5OCAxMC4xOTkgMjcuODQgOS4xMjExIDE4LjEyMS0xLjY3OTcgMzIuMzk4LTE4LjM1OSAzMi4zOTgtMzcuOTIyeiIvPgogPHBhdGggZD0ibTkyMi45MiA0MjYuMjRjLTMzLjg0LTM0LjQ0MS04MC41Mi01NC4yMzgtMTI4LjI4LTU0LjIzOC0yMC4wMzkgMC0zNi43MTkgMTQuMjgxLTM4LjUyIDMyLjM5OC0wLjk2MDk0IDEwLjMyIDIuMjgxMiAyMC4xNiA5LjIzODMgMjcuODQgNi44Mzk4IDcuNDQxNCAxNi41NTkgMTEuNzYyIDI2LjY0MSAxMS43NjJoNC44MDA4YzU1LjgwMSAwIDEwMi4xMiA0My44MDEgMTAzLjIgOTcuNjggMC40ODA0NyAyNy40OC05LjgzOTggNTMuMTYtMjkuMTYgNzIuNjAybC0yMzQuODQgMjM0Ljg0di0xMjkuMTJjMC0xMC4wNzgtNC4zMjAzLTE5LjgwMS0xMS43NjItMjYuNjQxLTYuNzE4OC02LjEyMTEtMTUuMjM4LTkuMzU5NC0yNC4yMzgtOS4zNTk0LTEuMTk5MiAwLTIuMzk4NCAwLTMuNjAxNiAwLjEyMTA5LTE4LjEyMSAxLjY3OTctMzIuMzk4IDE4LjM1OS0zMi4zOTggMzcuOTIydjE0MS45NmMwIDU5LjUyIDQ4LjQ4IDEwOCAxMDggMTA4aDE0NGMxMC4wNzggMCAxOS44MDEtNC4zMjAzIDI2LjY0MS0xMS43NjIgNi45NjA5LTcuNTU4NiAxMC4xOTktMTcuNTIgOS4xMjExLTI3LjcxOS0xLjgwMDgtMTguMjM4LTE4LjM1OS0zMi4zOTgtMzcuOTIyLTMyLjM5OGgtMTI2Ljk2bDIzNC43Mi0yMzQuNzJjMzEuNTU5LTMxLjU1OSA0OS40NDEtNzMuNDQxIDUwLjI4MS0xMTcuOTYgMC44Mzk4NC00NC44NzktMTYuNTU5LTg3Ljg0LTQ5LjA3OC0xMjEuMDh6Ii8+Cjwvc3ZnPgo=); }
.dlg--auth[data-flavor="reply"] { --auth-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIwMHB0IiBoZWlnaHQ9IjEyMDBwdCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTk3MiAzODRjMC04Ni4wMzktNjkuOTYxLTE1Ni0xNTYtMTU2aC00MzJjLTg2LjAzOSAwLTE1NiA2OS45NjEtMTU2IDE1NnYzMjRjMCA4Ni4wMzkgNjkuOTYxIDE1NiAxNTYgMTU2aDY2Ljk2MWw0NC4wMzkgNTYuNjQxYzI1LjQ0MSAzMi42NDEgNjMuNzE5IDUxLjM1OSAxMDUgNTEuMzU5czc5LjY4LTE4LjcxOSAxMDUtNTEuMzU5bDQ0LjAzOS01Ni42NDFoNjYuOTYxYzg2LjAzOSAwIDE1Ni02OS45NjEgMTU2LTE1NnptLTcyIDMyNGMwIDQ2LjMyLTM3LjY4IDg0LTg0IDg0aC04NGMtMTEuNTIgMC0yMi4xOTkgNS4xNjAyLTI5LjI4MSAxNC4yODFsLTU0LjQ4IDcwLjA3OGMtMTEuNjQxIDE1LTI5LjI4MSAyMy41Mi00OC4yMzggMjMuNTItMTguOTYxIDAtMzYuNjAyLTguNjQwNi00OC4yMzgtMjMuNTJsLTU0LjQ4LTcwLjA3OGMtNy4wNzgxLTkuMTIxMS0xNy43NjItMTQuMjgxLTI5LjI4MS0xNC4yODFoLTg0Yy00Ni4zMiAwLTg0LTM3LjY4LTg0LTg0di0zMjRjMC00Ni4zMiAzNy42OC04NCA4NC04NGg0MzJjNDYuMzIgMCA4NCAzNy42OCA4NCA4NHoiLz4KIDxwYXRoIGQ9Im03MjAgNjAwaC0yNDBjLTE5LjgwMSAwLTM2IDE2LjE5OS0zNiAzNnMxNi4xOTkgMzYgMzYgMzZoMjQwYzE5LjgwMSAwIDM2LTE2LjE5OSAzNi0zNnMtMTYuMTk5LTM2LTM2LTM2eiIvPgogPHBhdGggZD0ibTcyMCA0MjBoLTI0MGMtMTkuODAxIDAtMzYgMTYuMTk5LTM2IDM2czE2LjE5OSAzNiAzNiAzNmgyNDBjMTkuODAxIDAgMzYtMTYuMTk5IDM2LTM2cy0xNi4xOTktMzYtMzYtMzZ6Ii8+Cjwvc3ZnPgo=); }
.dlg--auth[data-flavor="vote"] { --auth-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIwMHB0IiBoZWlnaHQ9IjEyMDBwdCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTYwMCAxMzAgNDEwIDQ5MGgtMjIwdjQ1MGgtMzgwdi00NTBoLTIyMHoiLz4KPC9zdmc+Cg==); }
.dlg--auth[data-flavor="recommend"] { --auth-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIwMHB0IiBoZWlnaHQ9IjEyMDBwdCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTM3OC42IDkyOS4yOGM3MC4wNDMgMjkuNDE4IDE0NS40NCA0My45NjUgMjIxLjQgNDIuNzE5IDc1Ljk2MSAxLjI0NjEgMTUxLjM2LTEzLjMwMSAyMjEuNC00Mi43MTkgODAuNTIzLTM2LjQ4IDEyNi42LTk1LjI4MSAxMjYuNi0xNjEuMjggMC00NC4wMzktMjAuNTItODUuMDc4LTU5LjE2LTExOC44bC03LjA3ODEtNi4xMjExIDQuMTk5Mi04LjI4MTJ2MC4wMDM5MDZjOS4yNS0xOC4yMTkgMTQuMDU5LTM4LjM2NyAxNC4wMzktNTguODAxIDAtNDQuMDM5LTIxLjYwMi04NC02Mi4zOTgtMTE0Ljk2bC04LjY0MDYtNi42MDE2IDUuNjQwNi05LjIzODNjMTEuMzk4LTE4LjM3NSAxNy40MjYtMzkuNTc0IDE3LjM5OC02MS4xOTkgMC05MS44MDEtMTAzLjY4LTE1Ni0yNTItMTU2cy0yNTIgNjQuMTk5LTI1MiAxNTZjLTAuMDcwMzEyIDIxLjYxMyA1LjkxNDEgNDIuODE2IDE3LjI4MSA2MS4xOTlsNS42NDA2IDkuMjM4My04LjY0MDYgNi42MDE2Yy00MC42OCAzMC45NjEtNjIuMjgxIDcwLjkyMi02Mi4yODEgMTE0Ljk2LTAuMDE5NTMxIDIwLjQzNCA0Ljc4OTEgNDAuNTgyIDE0LjAzOSA1OC44MDFsNC4xOTkyIDguMjgxMi03LjA3ODEgNi4xMjExYy0zOC42NDEgMzMuNzE5LTU5LjE2IDc0Ljc1OC01OS4xNiAxMTguOCAwIDY2IDQ2LjA3OCAxMjQuOCAxMjYuNiAxNjEuMjhtMjIxLjQtNjI5LjI4YzEwMi42IDAgMTgwIDM2IDE4MCA4NHMtNzcuMzk4IDg0LTE4MCA4NC0xODAtMzYtMTgwLTg0IDc3LjM5OC04NCAxODAtODRtLTE3NS41NiAyMDYuMTYgNS41MTk1LTMuMTIxMSA1Ljc2MTcgMi44Nzg5LTAuMDAzOTA2IDAuMDAzOTA2YzUxLjQxOCAyMy44MiAxMDcuNjMgMzUuNDg0IDE2NC4yOCAzNC4wNzggNTYuNjUyIDEuNDEwMiAxMTIuODYtMTAuMjU0IDE2NC4yOC0zNC4wNzhsNS43NjE3LTIuODc4OSA1LjUxOTUgMy4xMjExYzM0LjMxNiAxOS4zMTYgNTIuNDM4IDQzLjU1NSA1Mi40MzggNjkuODM2IDAgNjAtMTAwLjIgMTA4LTIyOCAxMDhzLTIyOC00OC0yMjgtMTA4YzAtMjYuMjgxIDE4LjEyMS01MC4zOTggNTIuNDQxLTY5Ljg0bS02My40OCAxOTQuNzYgNi44Mzk4LTUuNjQwNiA3LjQ0MTQgNC45MjE5YzU0LjcxOSAzNS45OTYgMTM0LjUyIDU1Ljc5NyAyMjQuNzYgNTUuNzk3czE3MC4wNC0xOS44MDEgMjI0Ljc2LTU1LjgwMWw3LjQ0MTQtNC45MjE5IDYuODM5OCA1LjY0MDYtMC4wMDM5MDcgMC4wMDM5MDZjMjEuODY3IDE1LjU4NiAzNS40NjUgNDAuMjY2IDM2Ljk2MSA2Ny4wNzggMCA3NC4wMzktMTIxLjIgMTMyLTI3NiAxMzJzLTI3Ni01Ny45NjEtMjc2LTEzMmMxLjQ5NjEtMjYuODEyIDE1LjA5NC01MS40OTIgMzYuOTYxLTY3LjA3OCIvPgo8L3N2Zz4K); }
.dlg--auth[data-flavor="rsvp"] { --auth-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTk3MiA1MDRjMC03Ni45MjItNTcuNDgtMTQzLjI4LTEzMy42OC0xNTQuMmwtMTAuMzItMS40NDE0di04NC4zNTljMC0xOS44MDEtMTYuMTk5LTM2LTM2LTM2cy0zNiAxNi4xOTktMzYgMzZ2ODRoLTEyMHYtODRjMC0xOS44MDEtMTYuMTk5LTM2LTM2LTM2cy0zNiAxNi4xOTktMzYgMzZ2ODRoLTEyMHYtODRjMC0xOS44MDEtMTYuMTk5LTM2LTM2LTM2cy0zNiAxNi4xOTktMzYgMzZ2ODQuMzU5bC0xMC4zMiAxLjQ0MTRjLTc2LjE5OSAxMS4wMzktMTMzLjY4IDc3LjI4MS0xMzMuNjggMTU0LjJ2MzEyYzAgODYuMDM5IDY5Ljk2MSAxNTYgMTU2IDE1Nmg0MzJjODYuMDM5IDAgMTU2LTY5Ljk2MSAxNTYtMTU2em0tNzIgMzEyYzAgNDYuMzItMzcuNjggODQtODQgODRoLTQzMmMtNDYuMzIgMC04NC0zNy42OC04NC04NHYtMTgwaDYwMHptMC0yNTJoLTYwMHYtNjBjMC00Ni4zMiAzNy42OC04NCA4NC04NGg0MzJjNDYuMzIgMCA4NCAzNy42OCA4NCA4NHoiLz4KPC9zdmc+Cg==); }
.dlg--auth[data-flavor="content"] { --auth-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMjAwcHQiIGhlaWdodD0iMTIwMHB0IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjAwIDEyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Im02NzIgNjcyYzAgMzkuNzY2LTMyLjIzNCA3Mi03MiA3MnMtNzItMzIuMjM0LTcyLTcyIDMyLjIzNC03MiA3Mi03MiA3MiAzMi4yMzQgNzIgNzJ6Ii8+IDxwYXRoIGQ9Im05NjAgNjcyYzAuMDM5MDYyLTE4LjQ5Ni00LjQ5NjEtMzYuNzE5LTEzLjE5OS01My4wMzktMjUuMzMyLTQ3LjQ4NC01OC40My05MC4zOTUtOTcuOTIyLTEyNi45NmwtOC44Nzg5LTguNjQwNiA3My45MjItNzMuOTIydjAuMDAzOTA2YzYuNzM4My02Ljc1IDEwLjUyNy0xNS45MDIgMTAuNTI3LTI1LjQ0MXMtMy43ODkxLTE4LjY5MS0xMC41MjctMjUuNDQxYy02Ljg1NTUtNi41NDMtMTUuOTY1LTEwLjE5MS0yNS40NDEtMTAuMTkxLTkuNDc2NiAwLTE4LjU4NiAzLjY0ODQtMjUuNDQxIDEwLjE5MWwtODMuMDM5IDgyLjkyMi03LjgwMDgtNC4wNzgxdi0wLjAwMzkwNmMtMzguOTY1LTIwLjUyLTgxLjQwNi0zMy42MjUtMTI1LjE2LTM4LjYzN2wtMTAuNTU5LTEuMTk5MnYtMTA5LjU2YzAtMTIuODYzLTYuODYzMy0yNC43NDYtMTgtMzEuMTc2LTExLjE0MS02LjQzMzYtMjQuODYzLTYuNDMzNi0zNiAwLTExLjE0MSA2LjQyOTctMTggMTguMzEyLTE4IDMxLjE3NnYxMDkuNTZsLTEwLjU1OSAxLjE5OTJ2MC4wMDM5MDdjLTQzLjc1OCA1LjAxMTctODYuMTk1IDE4LjExMy0xMjUuMTYgMzguNjM3bC03LjgwMDggNC4wNzgxLTgyLjkyMi04Mi45MjJ2MC4wMDM5MDZjLTYuNjU2Mi03LjE0NDUtMTUuOTM0LTExLjI3Ny0yNS43MDMtMTEuNDQ5LTkuNzY1Ni0wLjE3NTc4LTE5LjE4NCAzLjYyODktMjYuMDkgMTAuNTM1LTYuOTA2MiA2LjkxMDItMTAuNzExIDE2LjMyNC0xMC41MzkgMjYuMDk0IDAuMTcxODggOS43NjU2IDQuMzA0NyAxOS4wNDMgMTEuNDUzIDI1LjcwM2w3Mi44NCA3My45MTgtOS4zNTk0IDguNTE5NWMtMzkuMzMyIDM2LjY0MS03Mi4yNjIgNzkuNTktOTcuNDQxIDEyNy4wOC0xNy41OTggMzMuMTY4LTE3LjU5OCA3Mi45MSAwIDEwNi4wOCA0NC43NjIgODMuMjgxIDE0OS40IDIyMi45NiAzNDYuOCAyMjIuOTZzMzAyLjA0LTEzOS42OCAzNDYuOC0yMjIuOTZjOC43MDMxLTE2LjMyIDEzLjIzOC0zNC41NDMgMTMuMTk5LTUzLjAzOXptLTY5LjM1OSA1LjE2MDJjLTI5LjAzOSA1OS44NzktMTE1LjU2IDE5OC44NC0yOTAuNjQgMTk4Ljg0cy0yNjEuNi0xMzguOTYtMjkwLjY0LTE5OC43MmwtMi42NDA2LTUuMjgxMiAyLjUxOTUtNS4yODEyYzI5LjE2LTU5Ljc1OCAxMTUuNjgtMTk4LjcyIDI5MC43Ni0xOTguNzJzMjYxLjYgMTM4Ljk2IDI5MC42NCAxOTguNzJsMi41MTk1IDUuMjgxMnoiLz48L3N2Zz4K); }
.dlg--auth[data-flavor="subscribe"] { --auth-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMjAwcHQiIGhlaWdodD0iMTIwMHB0IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjAwIDEyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Im05MDkuNzIgMzMwLjg0Yy0zOS44NC00Mi4yMzgtOTMuMzU5LTY2LTE1MC40OC02Ni44NC01Ny4yMzgtMC40ODA0Ny0xMTAuNCAyMC4yODEtMTUwLjk2IDU4LjU1OWwtOC4yODEyIDcuODAwOC04LjI4MTItNy44MDA4Yy00MC4wNzgtMzcuODAxLTkyLjUyLTU4LjU1OS0xNDcuNzItNTguNTU5aC0zLjIzODNjLTU3LjEyMSAwLjgzOTg0LTExMC41MiAyNC42MDItMTUwLjM2IDY2Ljg0LTQyIDQ0LjUyLTY0LjY4IDEwNS43Mi02MS45MjIgMTY3Ljc2IDExLjM5OCAyNjMuMDQgMjY5Ljg4IDQzNy4yOCAzNzEuNjQgNDM3LjI4IDEwMS43NiAwIDM2MC4xMi0xNzQuMjQgMzcxLjY0LTQzNy4yOCAyLjc2MTctNjIuMDM5LTE5LjkyMi0xMjMuMjQtNjEuOTIyLTE2Ny43NnptLTMwOS43MiA1MzMuMTZjLTQ0LjUyIDAtMjg5LjQ0LTEzMi44NC0yOTkuNjQtMzY4LjUyLTEuOTIxOS00Mi43MTkgMTMuNTU5LTg0LjcxOSA0Mi4zNTktMTE1LjMyIDI2LjM5OC0yNy45NjEgNjEuNjgtNDMuNjggOTkuMTIxLTQ0LjI4MWgyLjE2MDJjNDguMTIxIDAgOTIuODc5IDI0IDExOS43NiA2NC4xOTkgOC4xNjAyIDEyLjIzOCAyMS43MTkgMTkuNDQxIDM2LjIzOCAxOS40NDFzMjguMTk5LTcuMzIwMyAzNi4yMzgtMTkuNDQxYzI3LjIzOC00MC45MjIgNzIuNzE5LTY1LjAzOSAxMjEuOTItNjQuMTk5IDM3LjU1OSAwLjQ4MDQ3IDcyLjcxOSAxNi4xOTkgOTkuMTIxIDQ0LjI4MSAyOC44MDEgMzAuNDggNDQuMTYgNzIuNDggNDIuMzU5IDExNS4zMi0xMC4xOTkgMjM1LjY4LTI1NS4xMiAzNjguNTItMjk5LjY0IDM2OC41MnoiLz48L3N2Zz4K); }

/* ---- The stage ---------------------------------------------------------- */
/* The header IS the hero (and, on a phone, the sheet's drag handle with the
   grip above it). The X floats in its corner. */
.dlg--auth .auth-head {
  position: relative;
  display: block;
  padding: 0;
}
/* A pointer open parks focus on the panel itself (authDialog.js), so no
   control nobody touched wears a ring. */
.dlg--auth .dlg-panel:focus { outline: none; }
.dlg--auth .dlg-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
}

/* Decoration only: it takes no pointer, so a drag that starts on the face
   starts on the header itself (the face node is swapped per open, and a
   sheet gesture is bound to the node it began on). */
.dlg--auth .auth-orbit {
  position: relative;
  height: 164px;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  /* A soft accent glow behind the face. closest-side, so it has faded out
     before it reaches any edge of the stage (the default farthest-corner
     radius left a visible box). */
  background: radial-gradient(circle closest-side at 50% 52%, var(--vc-20, rgba(255, 255, 255, 0.08)) 0, transparent 100%);
}
/* Every piece hangs off the stage's center by margins, never a transform:
   transforms are what the motion below animates. */
.dlg--auth .auth-ring,
.dlg--auth .auth-face,
.dlg--auth .auth-moon-track {
  position: absolute;
  top: 52%;
  left: 50%;
}
.dlg--auth .auth-ring,
.dlg--auth .auth-moon-track {
  width: 124px;
  height: 124px;
  margin: -62px 0 0 -62px;
  border-radius: 9999px;
}
.dlg--auth .auth-ring {
  box-sizing: border-box;
  border: 2px dotted var(--vc-40, rgba(255, 255, 255, 0.22));
}

/* The centerpiece. With nobody to show it is the action's glyph on the
   accent disc; with a face (.has-face, set by authDialog.js: the avatar the
   action is on) it is that avatar and the glyph moves out to the moon. */
.dlg--auth .auth-face {
  width: 72px;
  height: 72px;
  margin: -36px 0 0 -36px;
  border-radius: 9999px;
  display: grid;
  place-items: center;
  background: var(--vc, var(--color-teal-300));
  box-shadow: 0 0 0 5px var(--vb, var(--color-gray-900));
}
.dlg--auth .auth-ico {
  display: block;
  background: var(--vc-text, #0a0b0e);
  -webkit-mask: var(--auth-icon) center / contain no-repeat;
  mask: var(--auth-icon) center / contain no-repeat;
}
.dlg--auth .auth-face > .auth-ico {
  width: 36px;
  height: 36px;
}
.dlg--auth.has-face .auth-face { background: var(--vb, var(--color-gray-900)); }
.dlg--auth.has-face .auth-face > .auth-ico { display: none; }
.dlg--auth .auth-face > img,
.dlg--auth .auth-face > .avatar-initial {
  width: 72px;
  height: 72px;
  border-radius: 9999px;
  object-fit: cover;
}
.dlg--auth .auth-face > .avatar-initial {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dlg--auth .auth-face > .avatar-initial > span {
  font-size: 28px;
  line-height: 1;
}

/* The moon: the glyph on a small accent disc, riding the ring. The track
   turns and the moon turns back by the same angle, so the glyph stays
   upright all the way round. Rest pose: upper right. No face, no moon (the
   glyph is already the centerpiece). */
.dlg--auth .auth-moon-track { transform: rotate(48deg); }
.dlg--auth:not(.has-face) .auth-moon-track { display: none; }
.dlg--auth .auth-moon {
  position: absolute;
  top: -16px;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  transform: rotate(-48deg);
}
.dlg--auth .auth-moon-disc {
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  display: grid;
  place-items: center;
  background: var(--vc, var(--color-teal-300));
  box-shadow: 0 0 0 3px var(--vb, var(--color-gray-900));
}
.dlg--auth .auth-moon .auth-ico {
  width: 18px;
  height: 18px;
}

/* Four-point stars, scattered off the ring. */
.dlg--auth .auth-star {
  position: absolute;
  left: 50%;
  width: var(--auth-star, 10px);
  height: var(--auth-star, 10px);
  background: var(--vc, var(--color-teal-300));
  clip-path: polygon(50% 0%, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0% 50%, 39% 39%);
  opacity: 0.7;
}
.dlg--auth .auth-star--a { --auth-star: 15px; top: 28px; margin-left: -116px; }
.dlg--auth .auth-star--b { --auth-star: 10px; top: 18px; margin-left: 90px; }
.dlg--auth .auth-star--c { --auth-star: 9px; top: 124px; margin-left: -100px; }
.dlg--auth .auth-star--d { --auth-star: 13px; top: 112px; margin-left: 106px; }

/* ---- Copy and the two choices -------------------------------------------- */
.dlg--auth .auth-body {
  padding: 0 24px 24px;
  gap: 20px;
  text-align: center;
}
.dlg--auth .auth-copy {
  display: grid;
  gap: 6px;
}
.dlg--auth .auth-title { text-wrap: balance; }
.dlg--auth .auth-return {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--v-muted, var(--color-gray-400));
  text-wrap: balance;
}
.dlg--auth .auth-actions {
  display: grid;
  gap: 10px;
}
/* The choices are links (they open the apex forms), dressed as the base
   pill buttons at full width. Colors are restated here because a themed
   page styles bare anchors. */
.dlg--auth .auth-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  padding: 0 18px;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  color: var(--vtext, var(--color-gray-200));
}
.dlg--auth .auth-btn.dlg-btn--primary { color: var(--vc-text, #0a0b0e); }
.dlg--auth .auth-btn:focus-visible {
  outline: 2px solid var(--vc, var(--color-teal-300));
  outline-offset: 3px;
}

@media (max-width: 639px) {
  .dlg--auth .auth-orbit { height: 156px; }
  .dlg--auth .auth-body { padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  .dlg--auth .auth-btn { min-height: 48px; }
}

/* ---- Motion --------------------------------------------------------------- */
/* Desktop pop with a little overshoot. DESKTOP ONLY: see the header. */
@media (min-width: 640px) and (prefers-reduced-motion: no-preference) {
  @keyframes auth-pop {
    0% { opacity: 0; transform: scale(0.92) translateY(10px); }
    60% { opacity: 1; transform: scale(1.02) translateY(0); }
    100% { opacity: 1; transform: none; }
  }
  .dlg--auth.is-open .dlg-panel {
    animation: auth-pop 0.32s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
  }
}

@media (prefers-reduced-motion: no-preference) {
  /* The choices give a little under a press. */
  .dlg--auth .auth-btn { transition: transform 0.15s ease, border-color 0.15s ease, filter 0.15s ease; }
  .dlg--auth .auth-btn:active { transform: scale(0.98); }

  /* Entrances, once per open. */
  @keyframes auth-face-in {
    0% { opacity: 0; transform: scale(0.6); }
    100% { opacity: 1; transform: none; }
  }
  @keyframes auth-moon-in {
    0% { opacity: 0; transform: scale(0); }
    100% { opacity: 1; transform: none; }
  }
  /* The moon swings up from behind the face onto its rest pose... */
  @keyframes auth-swing {
    0% { transform: rotate(-84deg); }
    100% { transform: rotate(48deg); }
  }
  @keyframes auth-swing-back {
    0% { transform: rotate(84deg); }
    100% { transform: rotate(-48deg); }
  }
  /* ...and from there drifts round, one lap in 20 seconds. */
  @keyframes auth-lap {
    0% { transform: rotate(48deg); }
    100% { transform: rotate(408deg); }
  }
  @keyframes auth-lap-back {
    0% { transform: rotate(-48deg); }
    100% { transform: rotate(-408deg); }
  }
  @keyframes auth-twinkle {
    0%, 100% { opacity: 0.2; transform: scale(0.55) rotate(0deg); }
    50% { opacity: 1; transform: scale(1.15) rotate(90deg); }
  }

  .dlg--auth.is-open .auth-face {
    animation: auth-face-in 0.42s cubic-bezier(0.34, 1.56, 0.64, 1) 0.05s backwards;
  }
  .dlg--auth.is-open .auth-moon-disc {
    animation: auth-moon-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s backwards;
  }
  /* The lap runs on the root alone (see the header) and waits out the
     swing; the swing joins for the open. Both name the same property, and
     the lap is listed LAST so it wins the frame where they overlap. */
  .dlg--auth .auth-moon-track { animation: auth-lap 20s linear 0.8s infinite; }
  .dlg--auth .auth-moon { animation: auth-lap-back 20s linear 0.8s infinite; }
  .dlg--auth.is-open .auth-moon-track {
    animation: auth-swing 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0s backwards, auth-lap 20s linear 0.8s infinite;
  }
  .dlg--auth.is-open .auth-moon {
    animation: auth-swing-back 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0s backwards, auth-lap-back 20s linear 0.8s infinite;
  }

  /* Stars: periods that never line up, started mid-cycle (negative delays)
     so the stage is already alive on the first frame. */
  .dlg--auth .auth-star { animation: auth-twinkle 2.3s ease-in-out -0.4s infinite; }
  .dlg--auth .auth-star--b { animation-duration: 3.1s; animation-delay: -1.9s; }
  .dlg--auth .auth-star--c { animation-duration: 3.7s; animation-delay: -1.1s; }
  .dlg--auth .auth-star--d { animation-duration: 2.9s; animation-delay: -2.4s; }

  /* One flourish per flavor on the glyph, wherever it sits (the moon, or
     the centerpiece when there is no face). It plays as the glyph lands and
     comes back every few seconds: the keyframes spend most of the loop at
     rest. Each one ends where it began, or on a pose the glyph's own
     symmetry makes identical (the five-ray star at 72deg, the sparkle at
     90deg, the two repost arrows at 180deg). */
  @keyframes auth-beat {
    0%, 22%, 100% { transform: none; }
    5% { transform: scale(1.3); }
    10% { transform: scale(1); }
    15% { transform: scale(1.18); }
  }
  @keyframes auth-pulse {
    0%, 20%, 100% { transform: none; }
    10% { transform: scale(1.2); }
  }
  @keyframes auth-star-turn {
    0% { transform: rotate(0deg) scale(1); }
    9% { transform: rotate(40deg) scale(1.3); }
    18%, 100% { transform: rotate(72deg) scale(1); }
  }
  @keyframes auth-twirl {
    0% { transform: rotate(0deg) scale(1); }
    9% { transform: rotate(50deg) scale(1.3); }
    18%, 100% { transform: rotate(90deg) scale(1); }
  }
  @keyframes auth-half-turn {
    0% { transform: rotate(0deg); }
    18%, 100% { transform: rotate(180deg); }
  }
  @keyframes auth-bob {
    0%, 22%, 100% { transform: none; }
    6% { transform: translateY(-3px) rotate(-6deg); }
    12% { transform: translateY(0) rotate(0deg); }
    17% { transform: translateY(-1.5px) rotate(4deg); }
  }
  @keyframes auth-hop {
    0%, 22%, 100% { transform: none; }
    7% { transform: translateY(-5px); }
    13% { transform: translateY(0); }
    17% { transform: translateY(-2px); }
  }
  @keyframes auth-wiggle {
    0%, 24%, 100% { transform: none; }
    6% { transform: rotate(-14deg); }
    12% { transform: rotate(11deg); }
    18% { transform: rotate(-6deg); }
  }

  .dlg--auth .auth-ico { animation: auth-pulse 4.4s ease-in-out 0.7s infinite; }
  .dlg--auth[data-flavor="like"] .auth-ico,
  .dlg--auth[data-flavor="subscribe"] .auth-ico { animation-name: auth-beat; }
  /* The star's rays meet a little below the middle of its box (s.svg), and
     the turn must spin about that point to land on itself. */
  .dlg--auth[data-flavor="follow"] .auth-ico { animation-name: auth-star-turn; transform-origin: 50% 53%; }
  .dlg--auth[data-flavor="collect"] .auth-ico { animation-name: auth-twirl; }
  .dlg--auth[data-flavor="repost"] .auth-ico { animation-name: auth-half-turn; }
  .dlg--auth[data-flavor="reply"] .auth-ico { animation-name: auth-bob; }
  .dlg--auth[data-flavor="vote"] .auth-ico { animation-name: auth-hop; }
  .dlg--auth[data-flavor="recommend"] .auth-ico,
  .dlg--auth[data-flavor="rsvp"] .auth-ico { animation-name: auth-wiggle; }
}


/*# sourceMappingURL=authDialogCss.1e1707a2cce51ea3c38e.css.map*/