.profile-avatar.has-animal{box-sizing:border-box;padding:6px;border:0!important;border-radius:14px!important;color:transparent!important;background-color:var(--avatar-background,#fff8f0)!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;background-origin:content-box!important;background-clip:border-box!important;box-shadow:0 2px 5px rgba(18,39,42,.22)!important}
.profile-button .profile-avatar.has-animal,.mobile-profile .profile-avatar.has-animal{--avatar-background:var(--world-highlight)}
.profile-button{border:0!important;border-radius:16px!important;background:transparent!important}
.account-dialog{width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:26px 24px 22px;overflow:auto;border:1px solid color-mix(in srgb,var(--account-background,#c23d26) 20%,white);border-radius:24px;color:#2f3834;background:#fffdf8;box-shadow:0 7px 0 var(--account-shadow,#7d2114),0 22px 52px rgba(27,24,18,.27);font-family:"Avenir Next",Avenir,sans-serif;text-align:center}
.account-dialog::backdrop{background:rgba(24,27,23,.44);backdrop-filter:blur(2px)}
.account-dialog-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid color-mix(in srgb,var(--account-shadow,#7d2114) 22%,white);border-radius:50%;color:var(--account-foreground,#94291a);background:#fffaf4;font:400 27px/1 "Avenir Next",Avenir,sans-serif}
#account-dialog .profile-avatar--account,#signup-gate-dialog .profile-avatar--account{display:grid;place-items:center;width:128px!important;height:128px!important;margin:0 auto 16px;border:0;border-radius:24px!important;color:var(--account-foreground,#94291a);background:#fff8f0;box-shadow:0 6px 14px rgba(18,39,42,.22);font-size:30px;font-weight:600;--avatar-background:#fff8f0}
#account-dialog .profile-avatar--account.has-animal,#signup-gate-dialog .profile-avatar--account.has-animal{background-position:center!important;background-size:82%!important}
.account-dialog h2{margin:0;color:var(--account-foreground,#94291a);font-size:25px;font-weight:600;letter-spacing:-.75px;line-height:1.15}
.account-dialog>p{margin:7px auto 0;line-height:1.35}
.account-dialog #account-lede,.account-dialog #signup-gate-lede{max-width:285px;color:#68706b;font-size:15px;font-weight:500}
.account-dialog form{display:grid;gap:8px;margin-top:20px;text-align:left}
.account-dialog label{color:var(--account-foreground,#94291a);font-size:13px;font-weight:600}
.account-dialog input{width:100%;min-height:48px;padding:0 13px;border:1px solid color-mix(in srgb,var(--account-shadow,#7d2114) 24%,white);border-radius:13px;color:#26302b;background:#fff;font:500 16px "Avenir Next",Avenir,sans-serif;outline-color:var(--account-background,#c23d26)}
.account-dialog form button{min-height:49px;border:0;border-radius:13px;color:#fff;background:var(--account-background,#c23d26);box-shadow:0 4px 0 var(--account-shadow,#7d2114);font:600 16px "Avenir Next",Avenir,sans-serif}
.account-dialog form button:disabled{opacity:.6;cursor:wait}
.account-dialog-message{padding:9px 11px;border-radius:11px;color:#416440;background:#edf6e9;font-size:13px;font-weight:500}
.account-dialog-message.is-error{color:#9b3022;background:#fff0ec}
.account-dialog-fine-print{color:#89908a;font-size:12px;font-weight:500}
.account-email{margin-top:17px!important;overflow-wrap:anywhere;color:var(--account-foreground,#94291a);font-size:16px;font-weight:600}
.account-tier{display:inline-block;margin:7px 0 17px!important;padding:4px 9px;border:1px solid color-mix(in srgb,var(--account-background,#c23d26) 22%,white);border-radius:999px;color:var(--account-foreground,#94291a);background:color-mix(in srgb,var(--account-background,#c23d26) 10%,white);font-size:12px;font-weight:600}
.account-signout{width:100%;min-height:45px;border:1px solid color-mix(in srgb,var(--account-shadow,#7d2114) 20%,white);border-radius:13px;color:var(--account-foreground,#94291a);background:transparent;font:600 15px "Avenir Next",Avenir,sans-serif}
@media (min-width:900px){.account-dialog{position:fixed;top:50%;left:calc(232px + (100vw - 232px) / 2);margin:0;transform:translate(-50%,-50%)}}
@media (max-width:899px){.mobile-app-nav .mobile-profile{width:64px!important;height:64px!important;border-radius:16px!important}.mobile-app-nav .mobile-profile .profile-avatar{width:63px!important;height:63px!important}.account-dialog{width:min(390px,calc(100vw - 24px));padding:23px 20px 19px;border-radius:22px}#account-dialog .profile-avatar--account,#signup-gate-dialog .profile-avatar--account{width:120px!important;height:120px!important;margin-bottom:15px}.account-dialog h2{font-size:23px}.account-dialog form{margin-top:17px}.account-dialog input,.account-dialog form button{min-height:47px}.account-dialog::backdrop{background:rgba(24,27,23,.5)}}
.admin-access-denied{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;color:#403833;background:#fbf6e9;text-align:center}.admin-access-denied>div{width:min(390px,100%)}.admin-access-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:18px;color:#fff;background:#c23d26;box-shadow:0 4px 0 #7d2114;font-size:27px;font-weight:800}.admin-access-denied h1{margin:0;color:#a83122;font-size:30px}.admin-access-denied p{margin:10px auto 24px;max-width:320px;line-height:1.45}.admin-access-denied button{width:min(300px,100%);min-height:50px;border:0;border-radius:13px;color:#fff;background:#bd3927;box-shadow:0 4px 0 #8b2419;font:700 16px Avenir Next,Avenir,sans-serif}.admin-access-denied a{display:block;margin-top:22px;color:#7d5145;font-weight:700}
.account-mobile-language{display:none}.account-mobile-actions{display:none;margin:27px 0 2px}.account-mobile-actions button{display:flex;align-items:center;justify-content:center;width:100%;min-height:49px;gap:10px;border:0;border-radius:13px;color:var(--account-foreground,#94291a);background:color-mix(in srgb,var(--account-background,#c23d26) 10%,white);font:600 16px "Avenir Next",Avenir,sans-serif}.account-mobile-actions .mobile-drawer-settings-glyph{font-size:23px;font-weight:400;line-height:1}
@media (max-width:899px){.mobile-app-nav .mobile-profile{width:56px!important;height:56px!important}.mobile-app-nav .mobile-profile .profile-avatar{width:50px!important;height:50px!important}.account-mobile-language{display:grid;width:min(100%,260px);margin:0 auto 15px}.account-mobile-actions{display:block}.account-mobile-language>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:0 13px;border:0;border-radius:12px;color:var(--account-foreground,#94291a);background:color-mix(in srgb,var(--account-background,#c23d26) 11%,white);font:600 15px "Avenir Next",Avenir,sans-serif}.account-mobile-language>button i{width:8px;height:8px;margin-top:-4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.account-mobile-language>button[aria-expanded="true"] i{margin-top:4px;transform:rotate(225deg)}.account-mobile-language>div{display:grid;gap:4px;margin-top:6px;padding:6px;border-radius:13px;background:color-mix(in srgb,var(--account-background,#c23d26) 7%,white)}.account-mobile-language>div[hidden]{display:none}.account-mobile-language>div button{min-height:37px;padding:0 10px;border:0;border-radius:9px;color:var(--account-foreground,#94291a);background:transparent;font:600 14px "Avenir Next",Avenir,sans-serif}.account-mobile-language>div button.is-current{background:#fffdf8;box-shadow:0 1px 4px rgba(27,24,18,.09)}.account-dialog-message{margin-top:14px!important}}
