.Showcase_hoverDemo__1jeC2,.Showcase_xpDemo__HBcx1{--heat:98 70 190;--xp:4 120 87;font-family:var(--font-sans),sans-serif;color:rgb(var(--home-ink))}.Showcase_hoverDemo__1jeC2{display:grid;gap:12px;margin:0}.Showcase_demoStatus__fZlvT{justify-self:start;display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 12px 6px 10px;border-radius:999px;background:rgb(var(--heat)/.1);color:rgb(var(--home-ink));font-size:var(--type-label);line-height:1.2}.Showcase_demoStatus__fZlvT strong{color:rgb(var(--heat))}.Showcase_demoDot__iMo6d{width:9px;height:9px;border-radius:50%;background:rgb(var(--heat));animation:Showcase_live__0ocPC 1.8s ease-out infinite}@keyframes Showcase_live__0ocPC{0%{box-shadow:0 0 0 0 rgb(var(--heat)/.45)}70%,to{box-shadow:0 0 0 7px rgb(var(--heat)/0)}}@media (prefers-reduced-motion:reduce){.Showcase_demoDot__iMo6d{animation:none}}.Showcase_hoverFrame__4QrZ1{position:relative;isolation:isolate;border-radius:14px;transition:box-shadow .4s ease-out}.Showcase_hoverDemo__1jeC2:not([data-started]) .Showcase_hoverFrame__4QrZ1{animation:Showcase_invite__a7d1r 2.4s ease-in-out infinite}@keyframes Showcase_invite__a7d1r{0%,to{box-shadow:0 0 0 0 rgb(var(--heat)/0)}50%{box-shadow:0 0 0 6px rgb(var(--heat)/.16)}}.Showcase_hoverCanvas__5yUFH{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:multiply}.Showcase_hoverCaption__Xy8ws{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;font-size:var(--type-read);line-height:1.5}.Showcase_quietButton___IgMd{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid rgb(var(--home-ink)/.14);border-radius:999px;background:#fff;color:rgb(var(--home-ink));font:600 14px/1 var(--font-sans),sans-serif;cursor:pointer;transition:border-color .18s ease-out,background-color .18s ease-out}.Showcase_quietButton___IgMd:hover{border-color:rgb(var(--home-ink)/.45);background:rgb(var(--home-ink)/.03)}.Showcase_xpDemo__HBcx1{display:grid;grid-template-columns:minmax(0,1.15fr) auto minmax(0,1fr);column-gap:clamp(1rem,2vw,1.75rem);row-gap:var(--space-stack);align-items:start}.Showcase_xpDemoLink__algzx{position:relative;align-self:start;margin-top:9.25rem;display:grid;place-items:center;width:7.5rem;height:3rem}.Showcase_xpDemoTrack__G0RtS{position:absolute;inset:50% 0 auto;height:2px;border-radius:2px;background:rgb(var(--xp)/.28)}.Showcase_xpDemoTrack__G0RtS:after{content:"";position:absolute;right:-1px;top:50%;width:9px;height:9px;border-top:2px solid rgb(var(--xp)/.45);border-right:2px solid rgb(var(--xp)/.45);transform:translateY(-50%) rotate(45deg)}.Showcase_xpDemoChip__p8Seg{position:relative;display:inline-flex;align-items:center;gap:.3rem;border:1.5px solid rgb(var(--xp)/.45);border-radius:999px;padding:.3rem .75rem;background:white;font:600 var(--type-label) /1 var(--font-sans),sans-serif;font-variant-numeric:tabular-nums;color:rgb(var(--xp));white-space:nowrap;transition:background-color .25s ease-out,color .25s ease-out,border-color .25s ease-out}.Showcase_xpDemoChip__p8Seg svg{width:.95rem;height:.95rem}.Showcase_xpDemoLink__algzx[data-earned] .Showcase_xpDemoChip__p8Seg{border-color:rgb(var(--xp));background:rgb(var(--xp));color:white}.Showcase_xpDemoLink__algzx[data-earned] .Showcase_xpDemoTrack__G0RtS{background:rgb(var(--xp)/.55)}.Showcase_xpDemoSpark__wCqDX{position:absolute;top:50%;left:0;width:10px;height:10px;margin-top:-5px;border-radius:999px;background:rgb(var(--xp));box-shadow:0 0 0 4px rgb(var(--xp)/.18);animation:Showcase_xp-run__Oa_XJ .7s cubic-bezier(.3,.7,.2,1) both}@keyframes Showcase_xp-run__Oa_XJ{0%{transform:translateX(0);opacity:1}85%{opacity:1}to{transform:translateX(calc(7.5rem - 10px));opacity:0}}.Showcase_xpDemoQuestion__nXqXO{display:grid;gap:12px;justify-items:start;min-width:0}.Showcase_xpDemoQuestion__nXqXO>:first-child{width:100%}.Showcase_xpDemo__HBcx1 .Showcase_xpDemoSide__bPnEH{--step-paper:white;display:grid;gap:.75rem;min-width:0}.Showcase_xpDemoTop__sjj4D{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.875rem;border-bottom:1px solid rgb(var(--home-ink)/.1)}.Showcase_xpDemoLabel__waQ6v{margin:0;font-family:var(--font-serif),Georgia,serif;font-variant-numeric:lining-nums;font-size:var(--type-heading);font-weight:500;line-height:1.2}@media (max-width:960px){.Showcase_xpDemo__HBcx1{grid-template-columns:minmax(0,1fr)}.Showcase_xpDemoLink__algzx{margin-top:0;justify-self:center;width:3rem;height:4.5rem}.Showcase_xpDemoTrack__G0RtS{inset:0 auto 0 50%;width:2px;height:auto}.Showcase_xpDemoTrack__G0RtS:after{top:auto;right:auto;bottom:-1px;left:50%;transform:translateX(-50%) rotate(135deg)}.Showcase_xpDemoSpark__wCqDX{left:50%;top:0;margin:0 0 0 -5px;animation-name:Showcase_xp-run-down__YoeBZ}}@keyframes Showcase_xp-run-down__YoeBZ{0%{transform:translateY(0);opacity:1}85%{opacity:1}to{transform:translateY(calc(4.5rem - 10px));opacity:0}}@media (prefers-reduced-motion:reduce){.Showcase_hoverDemo__1jeC2:not([data-started]) .Showcase_hoverFrame__4QrZ1{animation:none;box-shadow:0 0 0 3px rgb(var(--heat)/.2)}.Showcase_quietButton___IgMd,.Showcase_xpDemoChip__p8Seg{transition:none}.Showcase_xpDemoSpark__wCqDX{display:none}}