.vp-panel{--vp-rx:0deg;--vp-ry:0deg;--vp-mx:50%;--vp-my:0%;--vp-rest-mix:1;--vp-track:1;--vp-lift:0px;background:linear-gradient(155deg, rgb(var(--ink-rgb) / .075), rgb(var(--ink-rgb) / .02) 46%, rgb(var(--ink-rgb) / .05));-webkit-backdrop-filter:blur(18px)saturate(150%);box-shadow: 0 18px 30px -24px #000000bf, 0 46px 80px -44px #000000f2,  inset 0 1px 0 rgb(var(--ink-rgb) / .12), inset 0 -1px 0 rgb(var(--ink-rgb) / .04);transform:perspective(1200px) translateY(var(--vp-lift)) rotateX(calc(var(--vp-rest-rx,3deg) * var(--vp-rest-mix) + var(--vp-rx) * var(--vp-track))) rotateY(calc(var(--vp-rest-ry,-7deg) * var(--vp-rest-mix) + var(--vp-ry) * var(--vp-track)));will-change:transform;transition:transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .4s}.vp-panel[data-tracking=true]{--vp-rest-mix:.4;--vp-lift:-8px;box-shadow:0 22px 34px -26px #000c, 0 56px 92px -46px #000, inset 0 1px 0 rgb(var(--ink-rgb) / .18), inset 0 -1px 0 rgb(var(--ink-rgb) / .04), 0 0 0 1px color-mix(in srgb, var(--color-brand-400,var(--brand-400)) 18%, transparent);transition-duration:.12s,.4s}.vp-float{animation:7s ease-in-out infinite vpFloat;animation-delay:var(--vp-float-delay,0s);will-change:transform;position:relative}@keyframes vpFloat{0%,to{transform:translateY(-7px)}50%{transform:translateY(7px)}}.vp-float:has(.vp-panel[data-tracking=true]){animation-play-state:paused}.vp-panel-sheen{opacity:0;background:radial-gradient(circle var(--vp-sheen-r,220px) at var(--vp-mx) var(--vp-my), rgb(var(--ink-rgb) / .13), color-mix(in srgb, var(--color-brand-400,var(--brand-400)) 9%, transparent) 45%, transparent 72%);pointer-events:none;transition:opacity .32s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.vp-panel:hover .vp-panel-sheen{opacity:1}}@media (prefers-reduced-motion:reduce){.vp-panel,.vp-panel[data-tracking=true]{--vp-track:0;--vp-rest-mix:1;--vp-lift:0px;transition:none}.vp-panel-sheen{display:none}.vp-float{animation:none}}.vp-panel-glow{background:radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--color-brand-400,var(--brand-400)) 26%, transparent), transparent 70%);filter:blur(44px);pointer-events:none;width:75%;height:60%;position:absolute;top:-30%;right:-20%}.vp-dot{background:var(--color-brand-400,var(--brand-400));width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand-400,var(--brand-400)) 16%, transparent);border-radius:999px}@keyframes vpPulse{0%,to{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand-400,var(--brand-400)) 16%, transparent)}50%{opacity:.55;box-shadow:0 0 0 6px color-mix(in srgb, var(--color-brand-400,var(--brand-400)) 0%, transparent)}}@keyframes vpGrowX{0%{transform:scaleX(0)}}@keyframes vpDraw{0%{stroke-dashoffset:1px}}@keyframes vpRise{0%{opacity:0;transform:translateY(12px)}}@keyframes vpPop{0%{opacity:0;transform:scale(.55)}}@media (prefers-reduced-motion:no-preference){.vp-dot{animation:2.6s ease-in-out infinite vpPulse}@supports (animation-timeline:view()){.vp-grow,.vp-draw,.vp-rise,.vp-pop{animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both;animation-timeline:view();animation-range:entry calc(18% + var(--vp-shift,0%)) entry calc(78% + var(--vp-shift,0%))}.vp-grow{transform-origin:50%;animation-name:vpGrowX}.vp-draw{animation-name:vpDraw}.vp-rise{animation-name:vpRise}.vp-pop{animation-name:vpPop}}}