.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%}@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){@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}}}
.vp-dashed{background-image:repeating-linear-gradient(90deg, rgb(var(--ink-rgb) / .16) 0 3px, transparent 3px 8px)}.vp-rail{background:linear-gradient(180deg, transparent, rgb(var(--ink-rgb) / .14) 12%, rgb(var(--ink-rgb) / .14) 88%, transparent)}.vp-rail-pulse{opacity:0;background:linear-gradient(180deg, transparent, var(--color-brand-400,var(--brand-400)), transparent);filter:blur(1px);top:1rem}@keyframes vpTravel{0%{opacity:0;transform:translateY(0)}15%,75%{opacity:.85}to{opacity:0;transform:translateY(var(--vp-travel,260px))}}.vp-arc-track,.vp-arc-value,.vp-line{fill:none;stroke-linecap:round}.vp-arc-track{stroke:rgb(var(--ink-rgb) / .08);stroke-width:9px}.vp-arc-value{stroke-width:9px;stroke-dasharray:1;stroke-dashoffset:var(--vp-arc-rest,0)}.vp-line{stroke-width:2.5px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--color-brand-400,var(--brand-400)) 55%, transparent))}@keyframes vpSweep{0%{stroke-dashoffset:1px}}@media (prefers-reduced-motion:no-preference){.vp-rail-pulse{animation:3.6s cubic-bezier(.5,0,.5,1) infinite vpTravel}@supports (animation-timeline:view()){.vp-sweep{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%));animation-name:vpSweep}}}