.floating-content{display:block;position:relative}.floating-content-layer{--floating-content-padding:4rem;--floating-content-outer-size:calc(var(--floating-content-inline-size) + 2 * var(--floating-content-padding));display:block}.floating-content-layer[hidden],.floating-content-noscript{display:none}.floating-content-viewport{padding:var(--floating-content-padding) 0}.floating-content-collapse{z-index:2;border:1px solid var(--vpt-border-strong);background:var(--vpt-node-background);height:2.4rem;box-shadow:0 10px 24px var(--vpt-shadow);color:var(--vpt-accent-strong);cursor:pointer;font-size:var(--home-font-size-small);letter-spacing:.04em;pointer-events:auto;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem .9rem;font-weight:750;line-height:1;transition:border-color .16s,box-shadow .16s,color .16s,transform .16s;display:none;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.floating-content-collapse:hover{border-color:var(--vpt-accent);box-shadow:0 14px 30px var(--vpt-shadow-strong);color:var(--vpt-heading-strong);transform:translate(-50%)translateY(-2px)}.floating-content-collapse:active{box-shadow:0 5px 14px var(--vpt-shadow);transform:translate(-50%)scale(.98)}.floating-content-collapse:focus-visible,.floating-content-placeholder:focus-visible{outline:3px solid color-mix(in srgb, var(--vpt-accent) 55%, transparent);outline-offset:3px}.floating-content-collapse svg{width:.85rem;height:.85rem}.floating-content-placeholder{width:100%;margin:calc(var(--sl-content-gap-y) + var(--sl-content-gap-y)) 0;border:1px solid var(--vpt-border-strong);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--vpt-icon-background) 64%, transparent), transparent 52%), var(--vpt-node-background);box-shadow:0 12px 30px var(--vpt-shadow);color:var(--vpt-text);cursor:pointer;text-align:left;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.15rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:none}.floating-content-placeholder:hover{border-color:var(--vpt-accent);box-shadow:0 16px 36px var(--vpt-shadow-strong);transform:translateY(-2px)}.placeholder-icon{border:1px solid var(--vpt-border);background:var(--vpt-icon-background);width:2.75rem;height:2.75rem;color:var(--vpt-accent);border-radius:.85rem;place-items:center;display:grid}.placeholder-icon svg{width:1.25rem;height:1.25rem}.placeholder-copy{gap:.15rem;display:grid}.placeholder-copy strong{color:var(--vpt-heading-strong);font-size:var(--home-font-size-body,1rem)}.placeholder-copy small{color:var(--vpt-muted);font-size:var(--home-font-size-small);line-height:1.45}.placeholder-action{color:var(--vpt-accent-strong);font-size:var(--home-font-size-small);white-space:nowrap;align-items:center;gap:.4rem;font-weight:750;display:inline-flex}.placeholder-action svg{width:.9rem;height:.9rem}.floating-content[data-collapsed] .floating-content-placeholder{display:grid}@media (width>=84rem){.floating-content:not([data-collapsed]){block-size:var(--floating-content-block-size)}.floating-content-layer[data-floating-content-floating],.floating-content:not([data-collapsed])>.floating-content-layer{z-index:calc(var(--sl-z-index-menu) + 1);width:min(var(--floating-content-outer-size), 100vw);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.floating-content:not([data-collapsed])>.floating-content-layer{top:0}.floating-content-layer[data-floating-content-floating] .floating-content-viewport,.floating-content:not([data-collapsed])>.floating-content-layer .floating-content-viewport{padding:var(--floating-content-padding)}.floating-content-layer[data-floating-content-floating] .floating-content-inner,.floating-content:not([data-collapsed])>.floating-content-layer .floating-content-inner{width:min(var(--floating-content-inline-size), calc(100vw - 2 * var(--floating-content-padding)));pointer-events:auto;margin-inline:auto}.floating-content-layer[data-floating-content-floating] .floating-content-collapse,.floating-content:not([data-collapsed])>.floating-content-layer .floating-content-collapse{display:inline-flex}}@media (width<=40rem){.floating-content-placeholder{grid-template-columns:auto minmax(0,1fr)}.placeholder-action{display:none}}