@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--hero-reveal-progress:-15%}}}@keyframes hero-line-enter{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;transform:translate(0);filter:none!important}}.hero-line{will-change:transform, opacity}[data-hero-animate=true] .hero-line{animation:1.2s cubic-bezier(.33,0,0,.8) both hero-line-enter}[data-hero-animate=false] .hero-line{opacity:1;filter:none;transform:none}.hero-line-block{display:block}[data-hero-animate=true] .hero-line-1{animation-delay:1s}[data-hero-animate=true] .hero-line-2{animation-delay:1.07s}[data-hero-animate=true] .hero-line-3{animation-delay:1.12s}[data-hero-animate=true] .hero-line-4{animation-delay:1.19s}[data-hero-animate=true] .hero-line-5{animation-delay:1.26s}@property --hero-reveal-progress{syntax:"<percentage>";inherits:false;initial-value:-15%}@keyframes hero-bg-reveal{0%{--hero-reveal-progress:-15%}to{--hero-reveal-progress:100%}}@keyframes hero-bg-blur{0%{filter:blur(6px);opacity:0;transform:translateY(12px)}to{filter:blur();opacity:1;transform:translate(0)}}.hero-bg-reveal{--hero-reveal-angle:175deg;--hero-reveal-feather:15%}[data-hero-animate=true] .hero-bg-reveal{-webkit-mask-image:linear-gradient(var(--hero-reveal-angle), #000 0%, #000 var(--hero-reveal-progress), transparent calc(var(--hero-reveal-progress) + var(--hero-reveal-feather)));-webkit-mask-image:linear-gradient(var(--hero-reveal-angle), #000 0%, #000 var(--hero-reveal-progress), transparent calc(var(--hero-reveal-progress) + var(--hero-reveal-feather)));-webkit-mask-image:linear-gradient(var(--hero-reveal-angle), #000 0%, #000 var(--hero-reveal-progress), transparent calc(var(--hero-reveal-progress) + var(--hero-reveal-feather)));-webkit-mask-image:linear-gradient(var(--hero-reveal-angle), #000 0%, #000 var(--hero-reveal-progress), transparent calc(var(--hero-reveal-progress) + var(--hero-reveal-feather)));mask-image:linear-gradient(var(--hero-reveal-angle), #000 0%, #000 var(--hero-reveal-progress), transparent calc(var(--hero-reveal-progress) + var(--hero-reveal-feather)));animation:1.3s cubic-bezier(.33,0,0,.8) 1.15s both hero-bg-reveal}[data-hero-animate=false] .hero-bg-reveal{-webkit-mask-image:none;mask-image:none}.hero-bg-blur{will-change:transform, opacity}[data-hero-animate=true] .hero-bg-blur{animation:1.3s cubic-bezier(.33,0,0,.8) 1.15s both hero-bg-blur}[data-hero-animate=false] .hero-bg-blur{opacity:1;filter:none;transform:none}[data-hero-animate=false] .hero-frame{background:var(--muted);overflow:hidden}[data-hero-animate=true] .hero-frame{background:0 0}[data-hero-animate=true] .hero-mock-stage-wrapper{padding:1rem}[data-full-bleed=true] [data-hero-border=deployment],[data-full-bleed=false] [data-hero-border=full]{visibility:hidden;opacity:0}@keyframes hero-mock-enter{0%{opacity:0;filter:blur(6px);transform:translateY(12px)}to{opacity:1;filter:none;transform:none}}@keyframes hero-mock-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero-mock-stage{--hero-mock-fade-height:8rem}.hero-mock-stage-enter{will-change:transform, opacity}[data-hero-animate=true] .hero-mock-stage-enter{opacity:0;animation:1.3s cubic-bezier(.33,0,0,.8) 1.18s both hero-mock-enter}[data-hero-animate=false] .hero-mock-stage-enter{opacity:1}.hero-mock-bottom-fade{height:var(--hero-mock-fade-height);background:linear-gradient(to top, var(--page-background) 0%, var(--page-background) 50%, transparent 100%)}@supports (color:color-mix(in lab, red, red)){.hero-mock-bottom-fade{background:linear-gradient(to top, var(--page-background) 0%, color-mix(in srgb, var(--page-background) 90%, transparent) 50%, transparent 100%)}}.hero-mock-ring{box-shadow:0 0 0 1px var(--frame-panel-border-color,var(--frame-border-color,var(--border)))}.hero-mock-edge-b{box-shadow:inset 0 -1px 0 0 var(--border)}.hero-mock-edge-t{box-shadow:inset 0 1px 0 0 var(--border)}.hero-mock-edge-l{box-shadow:-1px 0 0 0 var(--border)}.hero-mock-ring-geist{box-shadow:0 0 0 1px var(--color-geist-gray-alpha-400)}.hero-mock-ring-input{box-shadow:0 0 0 1px var(--input)}.hero-mock-ring-no-t{box-shadow:-1px 0 0 0 var(--frame-panel-border-color,var(--border)), 1px 0 0 0 var(--frame-panel-border-color,var(--border)), 0 1px 0 0 var(--frame-panel-border-color,var(--border))}.hero-mock-ring-no-l{box-shadow:0 -1px 0 0 var(--border), 0 1px 0 0 var(--border), 1px 0 0 0 var(--border)}.hero-mock-ring-input-no-l{box-shadow:0 -1px 0 0 var(--input), 0 1px 0 0 var(--input), 1px 0 0 0 var(--input)}.hero-mock-outline-control{box-shadow:0 0 0 1px var(--input), 0 1px 2px 0 #0000000d;border-width:0}.hero-mock-outline-control-no-l{box-shadow:0 -1px 0 0 var(--input), 0 1px 0 0 var(--input), 1px 0 0 0 var(--input), 0 1px 2px 0 #0000000d;border-width:0}.hero-mock-outline-control-no-r{box-shadow:0 -1px 0 0 var(--input), 0 1px 0 0 var(--input), -1px 0 0 0 var(--input), 0 1px 2px 0 #0000000d;border-width:0}.hero-mock-border{box-shadow:0 0 0 1px var(--border);-webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 calc(100% - var(--hero-mock-fade-height)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 calc(100% - var(--hero-mock-fade-height)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 calc(100% - var(--hero-mock-fade-height)), transparent 100%);mask-image:linear-gradient(to bottom, #000 0%, #000 calc(100% - var(--hero-mock-fade-height)), transparent 100%)}.hero-mock-section,.hero-mock-part,.hero-mock-chip{will-change:transform, opacity}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-section{animation:.55s cubic-bezier(.33,0,0,.8) both hero-mock-fade}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-section-1{animation-delay:1.34s}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-section-2{animation-delay:1.42s}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-section-3{animation-delay:1.5s}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-section-4{animation-delay:1.6s}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-section-5{animation-delay:1.72s}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-part{animation:.45s cubic-bezier(.33,0,0,.8) both hero-mock-fade}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-part-details{animation-delay:1.66s}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-part-preview{animation-delay:1.74s}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-part-log-1{animation-delay:1.8s}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-part-log-2{animation-delay:1.85s}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-part-log-3{animation-delay:1.9s}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-part-log-4{animation-delay:1.95s}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-part-log-5{animation-delay:2s}[data-hero-animate=true]:not([data-hero-entrance-done=true]) .hero-mock-chip{animation:.5s cubic-bezier(.33,0,0,.8) 2.11s both hero-mock-fade}@keyframes hero-tab-cursor-ring{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(7)}}.hero-tab-cursor-ring{z-index:1000000;width:.875rem;height:.875rem;box-shadow:0 0 0 1.5px var(--foreground);border-radius:9999px;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.hero-tab-cursor-ring{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--foreground) 45%, transparent)}}.hero-tab-cursor-ring{pointer-events:none;will-change:transform, opacity;animation:1.4s cubic-bezier(.22,1,.36,1) forwards hero-tab-cursor-ring}.hero-tab-demo-cursor{will-change:transform}.hero-tab-cursor-dot{will-change:transform, opacity;transition:transform 4s cubic-bezier(.34,1.45,.64,1),opacity .4s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.hero-tab-cursor-dot-clicking{transition:transform 1.4s cubic-bezier(.55,0,.85,.15);transform:translate(-50%,-50%)scale(.52)}.hero-tab-panel{will-change:transform, opacity}.hero-tab-panel[data-tab-active=true]{z-index:10;opacity:1}.hero-tab-panel[data-tab-active=false]{pointer-events:none;z-index:0;opacity:0}@media (prefers-reduced-motion:reduce){.hero-line,.hero-bg-blur,.hero-bg-reveal,.hero-mock-stage-enter,.hero-mock-section,.hero-mock-part,.hero-mock-chip,.hero-tab-cursor-ring{opacity:1!important;filter:none!important;clip-path:none!important;will-change:auto!important;animation:none!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important}.hero-tab-panel{filter:none!important;will-change:auto!important;animation:none!important}.hero-tab-panel[data-tab-active=true]{opacity:1!important;transform:none!important}.hero-tab-panel[data-tab-active=false]{opacity:0!important}[data-hero-animate=false] .hero-frame{background:var(--muted)}}
@keyframes easel-feature-mock-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.easel-feature-mock-progress-fill{transform-origin:0;will-change:transform;transform:scaleX(0)}.easel-feature-mock-progress-fill--complete{animation:none;transform:scaleX(1)}
@keyframes easel-challenge-spin{to{transform:rotate(360deg)}}.easel-challenge-spinner{transform-origin:50%;width:18px;height:18px;animation:.85s linear infinite easel-challenge-spin;display:block}@media (prefers-reduced-motion:reduce){.easel-challenge-spinner{animation-duration:1.8s}}.easel-challenge-track{stroke:var(--geist-gray-400)}.easel-challenge-arc{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-dasharray:14 49}.easel-challenge-spinner--paused{animation-play-state:paused}.easel-challenge-success{animation:.35s cubic-bezier(.22,1,.36,1) both easel-challenge-success-in}@keyframes easel-challenge-success-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.easel-challenge-success{animation:none}}.easel-challenge-status-layer{transition:opacity .26s cubic-bezier(.23,1,.32,1),transform .26s cubic-bezier(.23,1,.32,1),filter .26s cubic-bezier(.23,1,.32,1)}@media (prefers-reduced-motion:reduce){.easel-challenge-status-layer{transition:opacity .2s;filter:none!important;transform:none!important}}
:root{--easel-preview-ease-out:cubic-bezier(.23, 1, .32, 1);--easel-preview-line-height:1.21875rem;--easel-preview-thumb-ease:cubic-bezier(.33, 0, 0, .8);--easel-preview-thumb-duration:1.1s}@property --easel-preview-reveal-progress{syntax:"<percentage>";inherits:false;initial-value:-15%}@keyframes easel-preview-thumb-reveal{0%{--easel-preview-reveal-progress:-15%}to{--easel-preview-reveal-progress:100%}}@keyframes easel-preview-thumb-blur{0%{filter:blur(6px);opacity:0}to{filter:blur();opacity:1}}.easel-preview-status-layer,.easel-preview-status-icon,.easel-preview-domain-row{transition:opacity .24s var(--easel-preview-ease-out), transform .24s var(--easel-preview-ease-out), filter .24s var(--easel-preview-ease-out)}.easel-preview-status-layer--active,.easel-preview-status-icon--active,.easel-preview-domain-row--active{opacity:1;filter:blur();transform:translate(0,0)}.easel-preview-status-layer--past,.easel-preview-status-icon--past,.easel-preview-domain-row--past{opacity:0;filter:blur(3px);pointer-events:none;transform:translateY(-6px)}.easel-preview-status-layer--future,.easel-preview-status-icon--future,.easel-preview-domain-row--future{opacity:0;filter:blur(3px);pointer-events:none;transform:translateY(6px)}.easel-preview-status-layer,.easel-preview-status-icon--active{will-change:transform, opacity, filter}.easel-preview-domain-row{min-height:var(--easel-preview-line-height);align-items:center;gap:.5rem;display:flex}.easel-preview-thumb-placeholder{justify-content:center;align-items:center;display:flex}.easel-preview-thumb-reveal{--easel-preview-reveal-angle:175deg;--easel-preview-reveal-feather:15%}.easel-preview-thumb-blur{will-change:opacity, filter}[data-preview-thumb-animate=true] .easel-preview-thumb-reveal{-webkit-mask-image:linear-gradient(var(--easel-preview-reveal-angle), #000 0%, #000 var(--easel-preview-reveal-progress), transparent calc(var(--easel-preview-reveal-progress) + var(--easel-preview-reveal-feather)));-webkit-mask-image:linear-gradient(var(--easel-preview-reveal-angle), #000 0%, #000 var(--easel-preview-reveal-progress), transparent calc(var(--easel-preview-reveal-progress) + var(--easel-preview-reveal-feather)));mask-image:linear-gradient(var(--easel-preview-reveal-angle), #000 0%, #000 var(--easel-preview-reveal-progress), transparent calc(var(--easel-preview-reveal-progress) + var(--easel-preview-reveal-feather)));animation:easel-preview-thumb-reveal var(--easel-preview-thumb-duration) var(--easel-preview-thumb-ease) both}[data-preview-thumb-animate=true] .easel-preview-thumb-blur{animation:easel-preview-thumb-blur var(--easel-preview-thumb-duration) var(--easel-preview-thumb-ease) both}.easel-preview-spinner{animation:.8s linear infinite easel-preview-spin}@keyframes easel-preview-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.easel-preview-status-layer,.easel-preview-status-icon,.easel-preview-domain-row{transition:opacity .15s;filter:none!important;will-change:auto!important;transform:none!important}.easel-preview-status-layer--active,.easel-preview-status-icon--active,.easel-preview-domain-row--active{opacity:1!important}.easel-preview-status-layer--past,.easel-preview-status-layer--future,.easel-preview-status-icon--past,.easel-preview-status-icon--future,.easel-preview-domain-row--past,.easel-preview-domain-row--future{opacity:0!important}.easel-preview-thumb-blur,.easel-preview-thumb-reveal{filter:none!important;opacity:1!important;will-change:auto!important;animation:none!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important}.easel-preview-spinner{animation-duration:1.6s}}
:root{--easel-functions-ease-out:cubic-bezier(.23, 1, .32, 1);--easel-functions-line-height:1.125rem;--easel-functions-line-gap:.125rem;--easel-functions-line-step:calc(var(--easel-functions-line-height) + var(--easel-functions-line-gap));--easel-functions-log-lines:4;--easel-functions-log-viewport-height:calc(var(--easel-functions-line-height) * var(--easel-functions-log-lines) + var(--easel-functions-line-gap) * (var(--easel-functions-log-lines) - 1));--easel-functions-request-row-height:1.75rem;--easel-functions-message-height:1.125rem}@keyframes easel-functions-row-enter{0%{opacity:0;filter:blur(4px);transform:translateY(-10px)}to{opacity:1;filter:blur();transform:translate(0,0)}}@keyframes easel-functions-live-pulse{0%,to{opacity:1}50%{opacity:.45}}.easel-functions-request-row,.easel-functions-request-row-slot{min-height:var(--easel-functions-request-row-height)}.easel-functions-request-row-spacer{pointer-events:none}.easel-functions-request-row--enter{animation:easel-functions-row-enter .48s var(--easel-functions-ease-out) both}.easel-functions-log-line{height:var(--easel-functions-line-height);min-height:var(--easel-functions-line-height);opacity:0;transition:opacity .3s var(--easel-functions-ease-out);flex-shrink:0;align-items:center;gap:.75rem;display:flex}.easel-functions-log-line--revealed{opacity:1}.easel-functions-log-viewport{height:var(--easel-functions-log-viewport-height);position:relative;overflow:hidden}.easel-functions-log-stack{gap:var(--easel-functions-line-gap);height:var(--easel-functions-log-viewport-height);flex-direction:column;display:flex;overflow:hidden}.easel-functions-log-placeholder{color:var(--muted-foreground);align-items:flex-start;padding:0 .75rem;display:flex;position:absolute;inset:0}.easel-functions-messages-slot{min-height:var(--easel-functions-message-height)}.easel-functions-log-line-content{align-items:center;min-width:0;max-width:100%;display:inline-flex}.easel-functions-log-caret{opacity:.55;background:currentColor;border-radius:1px;flex-shrink:0;width:.45rem;height:.75rem;margin-left:.2rem;animation:1.05s step-end infinite easel-functions-caret-blink}@keyframes easel-functions-caret-blink{0%,to{opacity:.55}50%{opacity:.1}}.easel-functions-live--pulse{animation:easel-functions-live-pulse .42s var(--easel-functions-ease-out) 1}@media (prefers-reduced-motion:reduce){.easel-functions-request-row--enter{animation:none;opacity:1!important;filter:none!important;transform:none!important}.easel-functions-log-line{transition:opacity .15s}.easel-functions-log-caret{opacity:.35;animation:none}.easel-functions-live--pulse{animation:none}}
:root{--easel-build-ease-out:cubic-bezier(.23, 1, .32, 1);--easel-build-line-height:1.21875rem;--easel-build-line-gap:.125rem;--easel-build-line-step:calc(var(--easel-build-line-height) + var(--easel-build-line-gap));--easel-build-log-lines:5}.easel-build-log-viewport{height:calc(var(--easel-build-line-step) * var(--easel-build-log-lines) + 1.5rem);overflow:hidden}.easel-build-log-stack{gap:var(--easel-build-line-gap);flex-direction:column;display:flex}.easel-build-log-line{min-height:var(--easel-build-line-height);opacity:0;transition:opacity .18s var(--easel-build-ease-out), color .16s ease;align-items:center;display:flex;overflow:hidden}.easel-build-log-line-content{align-items:center;min-width:0;max-width:100%;display:inline-flex}.easel-build-log-line-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.easel-build-log-caret{opacity:.55;background:currentColor;border-radius:1px;flex-shrink:0;width:.45rem;height:.75rem;margin-left:.2rem;animation:1.05s step-end infinite easel-build-caret-blink}.easel-build-log-line--revealed{opacity:1}@keyframes easel-build-caret-blink{0%,to{opacity:.55}50%{opacity:.1}}.easel-build-status-layer{transition:opacity .18s var(--easel-build-ease-out), transform .18s var(--easel-build-ease-out), filter .18s var(--easel-build-ease-out)}.easel-build-complete{opacity:1;transition:opacity .16s var(--easel-build-ease-out), transform .16s var(--easel-build-ease-out);transform:scale(1)}.easel-build-complete:not(.easel-build-complete--visible){opacity:0;transform:scale(.95)}.easel-build-meta-value,.easel-build-duration-value{font-variant-numeric:tabular-nums;display:inline-block}.easel-build-meta-value{min-width:7.75rem}.easel-build-duration-value{min-width:2.25rem}.easel-build-spinner{animation:.8s linear infinite easel-build-spin}@keyframes easel-build-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.easel-build-log-line{transition:opacity .15s,color .15s}.easel-build-log-caret{opacity:.35;animation:none}.easel-build-status-layer{transition:opacity .15s;filter:none!important;transform:none!important}.easel-build-complete{transition:opacity .15s;transform:none!important}.easel-build-spinner{animation-duration:1.6s}}
:root{--easel-waf-ease-out:cubic-bezier(.23, 1, .32, 1)}.easel-waf-range-chevron{transition:transform .2s var(--easel-waf-ease-out)}.easel-waf-range-chevron--open{transform:rotate(180deg)}.easel-waf-range-menu{transform-origin:100% 0;opacity:0;pointer-events:none;transition:opacity .18s var(--easel-waf-ease-out), transform .18s var(--easel-waf-ease-out);transform:translateY(-4px)scale(.96)}.easel-waf-range-menu--open{opacity:1;transform:translate(0,0)scale(1)}.easel-waf-range-option{transition:background-color .14s var(--easel-waf-ease-out)}.easel-waf-range-option--highlight{background-color:color-mix(in oklch, var(--color-accent) 80%, transparent)}.easel-waf-legend-value{transition:opacity .2s var(--easel-waf-ease-out)}.easel-waf-legend-value--updating{opacity:.55}@media (prefers-reduced-motion:reduce){.easel-waf-range-chevron,.easel-waf-range-menu,.easel-waf-range-option,.easel-waf-legend-value{transition:none}}
