.invitation-nav-dot{background:#e9664d;border:2px solid #fff;border-radius:50%;flex:none;width:10px;height:10px;margin-left:auto;display:block;box-shadow:0 2px 7px #5b231d47}.mobile-menu-drawer nav a>.invitation-nav-dot{color:#0000;background:#e9664d;border:2px solid #fff;border-radius:50%;width:10px;height:10px;margin-left:auto;padding:0;box-shadow:0 2px 7px #5b231d47}.mobile-menu-drawer nav a>.invitation-nav-dot+b{margin-left:0}.mobile-menu-trigger.mobile-menu-trigger{position:relative}.mobile-menu-trigger>.invitation-nav-dot{margin:0;position:absolute;top:-3px;right:-3px}body.mobile-menu-open{overflow:hidden}.mobile-bottom-nav{display:none}.mobile-menu-trigger.mobile-menu-trigger{width:40px;height:40px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #dde1e9;border-radius:11px;place-items:center;padding:0;display:none;box-shadow:0 4px 14px #202a4414}.mobile-menu-trigger>svg{width:20px;height:20px}.mobile-menu-layer{z-index:300;position:fixed;inset:0}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#181f3194;border:0;width:100%;height:100%;animation:.18s ease-out mobile-menu-fade;position:absolute;inset:0}.mobile-menu-drawer{width:min(330px,88vw);height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));color:var(--navy);overscroll-behavior:contain;background:#fbf8f3;flex-direction:column;animation:.24s cubic-bezier(.2,.75,.25,1) mobile-menu-slide;display:flex;position:absolute;inset:0 auto 0 0;overflow-y:auto;box-shadow:24px 0 60px #131b2e3d}.mobile-menu-head{justify-content:space-between;align-items:center;gap:12px;min-height:46px;display:flex}.mobile-menu-head .brand{font-size:14px}.mobile-menu-head .brand-mark{width:36px;height:36px}.mobile-menu-close{color:#707787;cursor:pointer;background:#fff;border:1px solid #e0e2e7;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.mobile-menu-close svg{width:19px;height:19px}.mobile-menu-profile{background:#fff;border:1px solid #e4e1da;border-radius:13px;align-items:center;gap:10px;margin:14px 0 10px;padding:12px;display:flex;box-shadow:0 6px 18px #202a440b}.mobile-menu-profile>.user-avatar{flex:none;width:40px;height:40px}.mobile-menu-profile p,.mobile-menu-private p{flex-direction:column;gap:4px;margin:0;display:flex}.mobile-menu-profile strong{font-size:14px}.mobile-menu-profile small{color:#8b919d;font-size:14px}.mobile-menu-drawer.mobile-menu-drawer nav{gap:2px;height:auto;display:grid!important}.mobile-menu-drawer.mobile-menu-drawer nav a{color:#656c7b;border-radius:10px;align-items:center;gap:10px;min-height:45px;padding:6px 9px;font-size:14px;font-weight:700;display:flex;position:relative}.mobile-menu-drawer.mobile-menu-drawer nav a:after{display:none!important}.mobile-menu-drawer nav a>span{color:#7d8492;background:#f0f1f4;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.mobile-menu-drawer nav svg{width:17px;height:17px}.mobile-menu-drawer nav a>b{color:#a2a7b0;margin-left:auto;font-size:16px;font-weight:400}.mobile-menu-drawer nav a.active{color:var(--navy);background:#e7ebf5}.mobile-menu-drawer nav a.active>span{background:var(--navy);color:#fff}.mobile-menu-drawer nav a.active>b{color:var(--blue)}.mobile-menu-private{border-top:1px solid #e2dfd9;align-items:flex-start;gap:9px;margin-top:auto;padding:14px 6px 0;display:flex}.mobile-menu-private>span{width:25px;height:25px;color:var(--blue);background:#e7ebf5;border-radius:8px;flex:none;place-items:center;display:grid}.mobile-menu-private>span svg{width:14px;height:14px}.mobile-menu-private strong{font-size:14px}.mobile-menu-private small{color:#858c98;max-width:205px;font-size:14px;line-height:1.45}.mobile-menu-install{margin:10px 0 12px}.groups-account,.birthday-account,.collections-account{align-items:center;gap:10px;display:flex}@keyframes mobile-menu-fade{0%{opacity:0}to{opacity:1}}@keyframes mobile-menu-slide{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width:790px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-menu-trigger.mobile-menu-trigger{display:none}.mobile-bottom-nav{height:calc(72px + env(safe-area-inset-bottom));padding:5px max(8px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-right));z-index:245;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-top:1px solid #dcdfe7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -8px 30px #202a441a}.mobile-bottom-nav>a,.mobile-bottom-nav>button{color:#778092;min-width:0;font:inherit;text-align:center;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:14px;font-weight:750;display:flex;position:relative}.mobile-bottom-nav svg{stroke-width:1.9px;width:21px;height:21px}.mobile-bottom-nav>a.active,.mobile-bottom-nav>button.active{color:var(--navy)}.mobile-bottom-nav>a.active:after,.mobile-bottom-nav>button.active:after{content:"";background:#ec865b;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.mobile-bottom-create{transform:translateY(-13px)}.mobile-bottom-create>i{background:var(--navy);color:#fff;border:4px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 7px 20px #202a4440}.mobile-bottom-create>i svg{stroke-width:2.4px;width:23px;height:23px}.mobile-bottom-create>span{color:var(--navy)}.mobile-bottom-nav>button>.invitation-nav-dot{margin:0;position:absolute;top:2px;right:calc(50% - 19px)}.mobile-menu-drawer{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.social-topbar,.post-topbar,.photo-topbar,.groups-topbar,.birthday-topbar,.collections-topbar{grid-template-columns:1fr auto;padding-left:16px;padding-right:16px}.social-topbar nav,.post-topbar nav,.photo-topbar nav,.groups-topbar nav,.birthday-topbar nav,.collections-topbar nav{display:none}}@media (min-width:791px){.mobile-menu-layer,.mobile-bottom-nav{display:none}}@media (prefers-reduced-motion:reduce){.mobile-menu-backdrop,.mobile-menu-drawer{animation:none}}
