.name-wrapper{position:relative;display:inline-block;cursor:pointer}.name-detail{font-family:var(--font-base);position:absolute;top:100%;left:0;z-index:10;background:var(--background-secondary);border:1px solid var(--divider);color:var(--text-primary);padding:6px 8px;border-radius:8px;box-shadow:var(--shadow);white-space:nowrap;font-size:1rem;margin-top:.5rem;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease}.name-wrapper:focus-within .name-detail,.name-wrapper:hover .name-detail{opacity:1;color:var(--text-primary);transform:translateY(0);pointer-events:auto}.name-button:focus-within,.name-button:hover{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:color-mix(in srgb,var(--text-primary) 50%,transparent);text-decoration-thickness:2px;@supports not (text-decoration-style:wavy){text-decoration-style:solid}}.name-button{background:none;border:none;color:inherit;font:inherit;padding:0;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:.2em;cursor:pointer;text-decoration-color:color-mix(in srgb,var(--text-primary) 30%,transparent);@supports not (text-decoration-style:wavy){text-decoration-style:solid}}