.post-nav-wrapper{z-index:1000;pointer-events:auto;transform-origin:100% 0;width:auto;height:auto;position:absolute;top:20px;right:20px}.post-nav{z-index:10;border:1px solid var(--blog-ink);width:38px;height:38px;color:var(--blog-ink);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;top:26px;left:36px}.post-nav:hover{background:var(--blog-ink);color:var(--blog-bg)}.post-nav__icon{width:16px;height:16px}.user-nav{z-index:20;isolation:isolate;-webkit-backdrop-filter:blur(16px);cursor:pointer;pointer-events:auto;transform-origin:100% 0;background:#0f0f0f8c;border:1.5px solid #ffffff2e;border-radius:19px;width:38px;max-height:38px;transition:width .56s cubic-bezier(.22,1,.36,1),max-height .64s cubic-bezier(.22,1,.36,1),border-radius .46s,background .42s,border-color .42s;position:relative;overflow:hidden}.user-nav:before{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:#0f0f0fdb;transition:opacity .42s;position:absolute;inset:0}.user-nav:hover,.user-nav.is-open,.user-nav[data-expanded=true]{background:#0f0f0fdb;border-color:#ffffff1f;border-radius:16px;width:200px;max-height:420px}.user-nav:hover:before,.user-nav.is-open:before,.user-nav[data-expanded=true]:before,.user-nav[data-closing=true]:before{opacity:1}.user-nav[data-expanded=true]{transition:width .56s cubic-bezier(.22,1,.36,1),max-height .64s cubic-bezier(.22,1,.36,1),border-radius .46s,background .42s,border-color .42s}.user-nav-trigger{z-index:1;white-space:nowrap;cursor:pointer;width:100%;height:36px;font:inherit;background:0 0;border:0;flex-shrink:0;justify-content:flex-start;align-items:center;gap:10px;padding:0 9px;display:flex;position:relative}.user-nav-trigger svg{z-index:1;color:#ffffffd9;flex-shrink:0;width:17px;height:17px;transition:opacity .34s;position:relative}.user-nav-label{font-family:var(--blog-font-sans);letter-spacing:.18em;text-transform:uppercase;color:#fff0;pointer-events:none;font-size:10px;font-weight:800;transition:color .42s .12s}.user-nav:hover .user-nav-label,.user-nav.is-open .user-nav-label,.user-nav[data-expanded=true] .user-nav-label{color:#ffffffbf}.user-nav:hover .user-nav-trigger svg,.user-nav.is-open .user-nav-trigger svg,.user-nav[data-expanded=true] .user-nav-trigger svg{opacity:1}.user-nav[data-expanded=true] .user-nav-trigger svg,.user-nav[data-closing=true] .user-nav-trigger svg{z-index:-1}.user-nav-body{z-index:1;opacity:0;pointer-events:none;padding:0 6px 8px;transition:opacity .4s .18s,transform .48s cubic-bezier(.22,1,.36,1) .18s;position:relative;transform:translateY(-6px)}.user-nav:hover .user-nav-body,.user-nav.is-open .user-nav-body,.user-nav[data-expanded=true] .user-nav-body{opacity:1;pointer-events:auto;transform:translateY(0)}.user-nav-sep{background:#ffffff17;height:1px;margin:4px 0 8px}.user-nav-item{font-family:var(--blog-font-sans);color:#ffffffbf;white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:9px 8px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .32s,color .32s;display:flex}.user-nav-item svg{flex-shrink:0;width:14px;height:14px}.user-nav-item:hover{color:#fff;background:#ffffff17}.right,.photo-wrap{position:relative}@media (max-width:980px){.post-nav{top:calc(env(safe-area-inset-top) + 12px);left:calc(env(safe-area-inset-left) + 14px);z-index:120;width:44px;height:44px;color:var(--blog-ink);border:1px solid var(--blog-ink);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;position:fixed}.post-nav:hover,.post-nav:active{color:var(--blog-bg);background:var(--blog-ink)}.user-nav{z-index:100}.post-nav-wrapper{top:18px;right:16px}}