.vx-hover-preview{align-items:center;gap:var(--space-1,4px);vertical-align:middle;max-inline-size:100%;display:inline-flex;position:relative}.vx-hover-preview-trigger{min-inline-size:0;display:inline-flex}.vx-hover-preview-toggle,.vx-hover-disclosure-button{color:var(--primary-text);font:inherit;cursor:pointer;background:0 0;border:0;margin:0}.vx-hover-preview-toggle{border:thin solid var(--border);background:var(--card);border-radius:999px;place-items:center;block-size:32px;inline-size:32px;display:inline-grid}@media (hover:hover){.vx-hover-preview-toggle:not(:focus){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vx-hover-preview[data-trigger-focusable=true]>.vx-hover-preview-toggle{display:none}}.vx-hover-preview-toggle:focus-visible,.vx-hover-disclosure-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.vx-hover-preview-toggle[aria-expanded=true] .vx-icon,.vx-hover-disclosure-button[aria-expanded=true] .vx-icon{rotate:180deg}.vx-hover-preview-card{z-index:40;inline-size:max-content;max-inline-size:min(24rem,100vw - 2rem);padding:var(--space-4);border:thin solid var(--border);border-radius:var(--radius-lg,var(--radius));background:var(--card);color:var(--foreground);box-shadow:var(--shadow-raise);text-align:start;display:none;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-start:0}.vx-hover-preview[data-placement=above]>.vx-hover-preview-card{inset-block-start:auto;inset-block-end:calc(100% + var(--space-2))}.vx-hover-preview[data-open=true]>.vx-hover-preview-card{gap:var(--space-2);display:grid}.vx-hover-preview[data-density=compact]>.vx-hover-preview-card{padding:calc(var(--space-2) + var(--space-1) / 2) var(--space-3);border-radius:calc(var(--radius) + var(--space-1) / 2)}.vx-hover-preview[data-variant=media]>.vx-hover-preview-card,.vx-hover-preview[data-variant=peek]>.vx-hover-preview-card{padding:0;overflow:hidden}.vx-hover-preview[data-width=wide]>.vx-hover-preview-card{inline-size:min(30rem,100vw - 2rem);max-inline-size:none}.vx-hover-preview[data-align=center]>.vx-hover-preview-card{inset-inline-start:50%;translate:-50%}.vx-hover-preview[data-disabled=true]>:is(.vx-hover-preview-toggle,.vx-hover-preview-card){display:none}.vx-hover-preview:has([data-hover=off])>:is(.vx-hover-preview-toggle,.vx-hover-preview-card){display:none}.vx-hover-preview-card pre,.vx-hover-preview-card code{white-space:pre-wrap;overflow-wrap:anywhere;overflow:hidden}@media (hover:none){.vx-hover-preview[data-touch=disabled]>:is(.vx-hover-preview-toggle,.vx-hover-preview-card){display:none}}.vx-hover-preview[data-editing=true],.vx-hover-preview[data-editing=true]>[data-puck-dropzone]{gap:var(--space-2);display:grid}.vx-hover-preview[data-variant=disclosure]{justify-items:start;gap:var(--space-2);display:grid}.vx-hover-disclosure-button{align-items:center;gap:var(--space-1,4px);padding:var(--space-1,4px) 0;border-radius:var(--radius-sm,var(--radius));font-weight:600;display:inline-flex}.vx-hover-disclosure-panel{justify-self:stretch;min-inline-size:0}@media (prefers-reduced-motion:no-preference){.vx-hover-preview-toggle .vx-icon,.vx-hover-disclosure-button .vx-icon{transition:rotate .2s var(--ease-standard,ease)}}.vx-hover-preview:not([data-variant=disclosure]):not([data-trigger-focusable]) .vx-hover-preview-trigger{cursor:pointer}