@property --you-sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.you-av{--av:32px;width:var(--av);height:var(--av);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.you-av[data-size=lg]{--av:52px}.you-av-face{color:#fff;width:100%;height:100%;font-size:calc(var(--av) * .37);letter-spacing:.03em;direction:ltr;background:radial-gradient(120% 120% at 28% 16%,#5a5a54 0%,#22221f 44%,#020202 100%);border-radius:50%;place-items:center;font-weight:600;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #ffffff14,0 1px 2px #02020238}.you-av-sweep{background:conic-gradient(from var(--you-sweep), transparent 0deg 220deg, #eb0e1a1f 280deg, var(--red) 360deg);opacity:0;transition:opacity .26s var(--ease);border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}.you-av-badge{width:max(15px, calc(var(--av) * .34));height:max(15px, calc(var(--av) * .34));background:var(--green);box-shadow:0 0 0 2px var(--paper);color:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-end:-2px;inset-inline-end:-3px}.you-av-badge svg{width:62%;height:62%}.you-trigger{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);height:42px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;transition:border-color var(--d-base) var(--ease), background-color var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease);align-items:center;gap:8px;padding-block:4px;padding-inline:4px 10px;font-size:15px;font-weight:500;display:inline-flex}.you-trigger:hover{border-color:var(--line-strong);background:var(--canvas)}.you-trigger[data-here]{border-color:var(--ink-2)}.you-trigger[data-state=open]{border-color:var(--ink-2);background:var(--paper);box-shadow:0 0 0 4px #0202020d}.you-trigger:hover .you-av-sweep,.you-trigger:focus-visible .you-av-sweep,.you-trigger[data-state=open] .you-av-sweep{opacity:1;animation:1.6s linear infinite you-sweep}@keyframes you-sweep{to{--you-sweep:360deg}}.you-chevron{width:15px;height:15px;color:var(--muted);transition:rotate var(--d-glide) var(--ease-spring), color var(--d-fast) var(--ease)}.you-trigger:hover .you-chevron,.you-trigger[data-state=open] .you-chevron{color:var(--ink)}.you-trigger[data-state=open] .you-chevron{rotate:180deg}.you-panel{z-index:var(--z-popover);border:1px solid var(--line);background:var(--paper);width:min(344px,100vw - 24px);transform-origin:var(--radix-dropdown-menu-content-transform-origin);border-radius:18px;outline:none;padding:8px;box-shadow:0 28px 64px -16px #0202023d,0 4px 12px #0202020f}.you-panel[data-state=open]{animation:you-in .38s var(--ease-settle)}.you-panel[data-state=closed]{animation:you-out .15s var(--ease) forwards}@keyframes you-in{0%{opacity:0;filter:blur(6px);transform:translateY(-8px)scale(.95)}}@keyframes you-out{to{opacity:0;transform:translateY(-4px)scale(.98)}}.you-panel[data-state=open] .you-rise{animation:you-rise .52s var(--ease-settle) both;animation-delay:calc(60ms + var(--i,0) * 45ms)}@keyframes you-rise{0%{opacity:0;transform:translateY(10px)}}.you-card{border:1px solid var(--line);background:linear-gradient(165deg, var(--canvas) 0%, var(--paper) 72%);border-radius:13px;gap:14px;margin-block-end:6px;padding:16px 16px 12px;display:grid;position:relative;overflow:hidden}.you-card-slash{width:30px;height:76px;fill:var(--red);opacity:.09;pointer-events:none;position:absolute;inset-block-start:-10px;inset-inline-end:26px}.you-who{align-items:center;gap:13px;min-width:0;display:flex;position:relative}.you-who-text{min-width:0}.you-name,.you-email{text-overflow:ellipsis;white-space:nowrap;margin:0;display:block;overflow:hidden}.you-name{color:var(--ink);font-size:16.5px;font-weight:600;line-height:22px}.you-email{color:var(--muted);text-align:start;unicode-bidi:plaintext;font-size:13px;line-height:18px}.you-proofs{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:relative}.you-proof{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);height:26px;color:var(--muted);transition:background-color .32s var(--ease), border-color .32s var(--ease), color .32s var(--ease);align-items:center;gap:5px;padding-inline:8px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.you-proof svg{stroke-width:2px;width:14px;height:14px}.you-proof[data-state=earned]{border-color:var(--success-line);background:var(--green-tint);color:var(--green)}.you-proof[data-state=pending]{border-color:var(--warning-line);background:var(--amber-tint);color:var(--amber)}.you-proofs:not([data-loaded]) .you-proof{animation:1.3s ease-in-out infinite you-wait}@keyframes you-wait{50%{opacity:.55}}.you-progress{color:var(--ink);cursor:pointer;transition:background-color var(--d-base) var(--ease);border-radius:10px;outline:none;gap:7px;margin-inline:-6px;padding:9px 10px 8px;display:grid;position:relative}.you-progress[data-highlighted]{background:#0202020a}.you-progress-top{justify-content:space-between;align-items:baseline;gap:12px;font-size:13.5px;font-weight:600;line-height:18px;display:flex}.you-progress-num{color:var(--muted);font-weight:500}.you-bar{background:var(--line);border-radius:3px;height:6px;display:block;overflow:hidden}.you-bar-fill{width:calc(var(--p) * 100%);background:linear-gradient(90deg, #3a3a37, var(--ink));height:100%;animation:you-fill 1s var(--ease-settle) .22s both;border-radius:3px;display:block;position:relative}.you-bar-fill:after{content:"";background:var(--red);border-start-end-radius:3px;border-end-end-radius:3px;width:4px;position:absolute;inset-block:0;inset-inline-end:0}.you-bar-fill:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){background:linear-gradient(270deg, #3a3a37, var(--ink))}.you-progress[data-done] .you-bar-fill{background:var(--green)}.you-progress[data-done] .you-bar-fill:after{display:none}@keyframes you-fill{0%{width:0}}.you-progress-next{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;line-height:18px;display:flex}.you-progress-next svg{width:14px;height:14px;transition:translate var(--d-glide) var(--ease-spring)}.you-progress[data-highlighted] .you-progress-next svg{translate:calc(3px * var(--flip)) 0}.you-progress[data-loading]{cursor:default}.you-progress-skel{background:var(--tint);border-radius:6px;width:60%;height:12px;animation:1.3s ease-in-out infinite you-wait}.you-items{gap:2px;display:grid;position:relative}.you-glide{height:var(--gh,0px);background:var(--canvas);box-shadow:inset 0 0 0 1px var(--line);opacity:0;scale:.97;translate:0 var(--gy,0px);pointer-events:none;transition:translate var(--d-glide) var(--ease-settle), height var(--d-glide) var(--ease-settle), opacity .18s var(--ease), scale .26s var(--ease-settle);border-radius:11px;position:absolute;inset-block-start:0;inset-inline:0}.you-items[data-glide] .you-glide{opacity:1;scale:1}.you-items[data-glide=fresh] .you-glide{transition:opacity .18s var(--ease), scale .26s var(--ease-settle)}.you-item{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:11px;outline:none;align-items:center;gap:12px;padding:9px 10px;display:flex;position:relative}.you-item-icon{background:var(--tint);width:36px;height:36px;color:var(--ink-2);transition:background-color .26s var(--ease), color .26s var(--ease), transform .42s var(--ease-spring);border-radius:10px;flex:none;place-items:center;display:grid}.you-item-icon svg{stroke-width:1.75px;width:18px;height:18px}.you-item[data-highlighted] .you-item-icon{background:var(--ink);color:var(--paper);transform:rotate(-6deg)scale(1.05)}.you-item-text{flex:1;min-width:0;display:grid}.you-item-label{font-size:14.5px;font-weight:500;line-height:20px}.you-item-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:17px;overflow:hidden}.you-item-go{width:16px;height:16px;color:var(--muted);opacity:0;translate:calc(-8px * var(--flip)) 0;transition:opacity .2s var(--ease), translate var(--d-glide) var(--ease-spring), color .2s var(--ease);flex:none}.you-item[data-highlighted] .you-item-go{color:var(--ink);opacity:1;translate:0}.you-sep{background:var(--line);height:1px;margin:6px 10px}.you-signout{color:var(--ink-2);transition:background-color var(--d-base) var(--ease), color var(--d-base) var(--ease);padding-block:6px}.you-signout .you-item-icon{background:0 0;width:32px;height:32px}.you-signout[data-highlighted]{background:var(--red-tint);color:var(--red-ink)}.you-signout[data-highlighted] .you-item-icon{color:var(--red-ink);transform:translateX(calc(3px * var(--flip)));background:0 0}@media (prefers-reduced-motion:reduce){.you-panel[data-state=open],.you-panel[data-state=closed],.you-panel[data-state=open] .you-rise,.you-bar-fill,.you-proofs:not([data-loaded]) .you-proof,.you-progress-skel,.you-trigger:hover .you-av-sweep,.you-trigger:focus-visible .you-av-sweep,.you-trigger[data-state=open] .you-av-sweep{animation:none}.you-item[data-highlighted] .you-item-icon{transform:none}}
