:root{--motion-lab-accent:#ff6b52}.motion-lab{z-index:90;color:#f5f7f8;width:min(310px,100vw - 36px);font-size:12px;position:fixed;bottom:18px;left:18px}.motion-lab__toggle,.motion-lab__panel{background:#09192dfa;border:1px solid #ffffff24;box-shadow:0 18px 40px #0000003d}.motion-lab__toggle{min-height:46px;color:inherit;cursor:pointer;letter-spacing:.04em;border-radius:999px;align-items:center;gap:9px;padding:0 15px;font:700 11px/1 inherit;display:flex}.motion-lab__toggle>span{margin-left:3px;font-size:16px;font-weight:300}.motion-lab__pulse{background:var(--motion-lab-accent);width:8px;height:8px;box-shadow:0 0 14px color-mix(in srgb, var(--motion-lab-accent) 75%, transparent);border-radius:50%}.motion-lab__panel{border-radius:16px;max-height:calc(100svh - 92px);margin-bottom:9px;padding:18px;overflow:auto}.motion-lab__heading{justify-content:space-between;align-items:baseline;margin-bottom:15px;display:flex}.motion-lab__heading strong{font-size:14px}.motion-lab__heading span,.motion-lab legend{color:#96a8b7;letter-spacing:.13em;text-transform:uppercase;font-size:9px}.motion-lab fieldset{border:0;margin:0 0 14px;padding:0}.motion-lab legend{margin-bottom:7px}.motion-lab__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.motion-lab label{min-width:0;position:relative}.motion-lab input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.motion-lab label span{color:#b7c2ca;cursor:pointer;text-align:center;text-overflow:ellipsis;white-space:nowrap;border:1px solid #ffffff17;border-radius:6px;min-width:0;padding:9px 6px;transition:color .2s,background-color .2s,border-color .2s;display:block;overflow:hidden}.motion-lab input:checked+span{color:var(--ink);background:#f2f5f6;border-color:#f2f5f6}.motion-lab input:focus-visible+span,.motion-lab button:focus-visible{outline:2px solid var(--motion-lab-accent);outline-offset:3px}.motion-lab__replay{color:#f5f7f8;cursor:pointer;letter-spacing:.04em;background:0 0;border:1px solid #ffffff2e;border-radius:7px;width:100%;min-height:40px;font:700 10px/1 inherit}.motion-lab__replay:hover{border-color:var(--motion-lab-accent);color:var(--motion-lab-accent)}.motion-lab__hover-fieldset{border-top:1px solid #ffffff17;padding-top:2px}.motion-lab__hover-fieldset legend{padding-top:13px}.motion-lab__ranges{gap:9px;margin-top:11px;display:grid}.motion-lab__range{gap:5px;display:grid}.motion-lab label.motion-lab__range>span{color:#b7c2ca;text-align:left;white-space:normal;background:0 0;border:0;border-radius:0;justify-content:space-between;padding:0;font-size:10px;transition:none;display:flex;overflow:visible}.motion-lab__range output{color:#f5f7f8;font-variant-numeric:tabular-nums}.motion-lab__range input{opacity:1;width:100%;height:18px;accent-color:var(--motion-lab-accent);cursor:ew-resize;margin:0;position:static}.motion-lab-active [data-motion]{transition-duration:var(--motion-duration);transition-delay:calc(var(--motion-order,0) * var(--motion-stagger));transition-property:opacity,transform,filter;transition-timing-function:cubic-bezier(.22,.72,.2,1)}.motion-lab-preparing [data-motion],.motion-lab-preparing .motion-token{transition:none!important}.motion-lab-active [data-motion][data-motion-state=visible]:not(.float-card){opacity:1;filter:none;transform:none}.motion-lab-active .float-card[data-motion][data-motion-state=visible]{opacity:1;filter:none}@media (hover:hover) and (pointer:fine){.motion-lab-active .orbit .float-card{transform-origin:50% 78%;transition:opacity .32s cubic-bezier(.2,.78,.2,1),translate .32s cubic-bezier(.2,.78,.2,1),scale .32s cubic-bezier(.2,.78,.2,1),filter .32s cubic-bezier(.2,.78,.2,1),box-shadow .32s cubic-bezier(.2,.78,.2,1)}html[data-motion-card-hover=lift] .orbit .float-card:hover,html[data-motion-card-hover=spotlight] .orbit .float-card:hover,html[data-motion-card-hover=ripple] .orbit .float-card:hover{z-index:30;translate:0 calc(var(--card-hover-lift) * -1);scale:var(--card-hover-scale);box-shadow:0 var(--card-hover-glow) calc(var(--card-hover-glow) * 1.65) #022b4e5c, 0 0 calc(var(--card-hover-glow) * .72) #ff6b5238}html[data-motion-card-hover=spotlight] .orbit:has(.float-card:hover) .float-card:not(:hover){opacity:.54;filter:saturate(.62)brightness(.86);scale:.97}html[data-motion-card-hover=ripple] .orbit .float-card:has(~.float-card:hover){translate:calc(var(--card-hover-spread) * -1) 0}html[data-motion-card-hover=ripple] .orbit .float-card:hover~.float-card{translate:var(--card-hover-spread) 0}html[data-motion-card-hover=ripple] .orbit .float-card:has(+.float-card:hover){translate:calc(var(--card-hover-spread) * -1.5) calc(var(--card-hover-lift) * -.2)}html[data-motion-card-hover=ripple] .orbit .float-card:hover+.float-card{translate:calc(var(--card-hover-spread) * 1.5) calc(var(--card-hover-lift) * -.2)}}html.motion-lab-active[data-motion-section=fade-rise] [data-motion=section][data-motion-state=hidden],html.motion-lab-active[data-motion-section=fade-rise] [data-motion=component][data-motion-state=hidden]:not(.float-card){opacity:0;transform:translate3d(0,var(--motion-distance),0)}html.motion-lab-active[data-motion-section=mask-clip] [data-motion=section][data-motion-state=hidden],html.motion-lab-active[data-motion-section=mask-clip] [data-motion=component][data-motion-state=hidden]:not(.float-card){opacity:0;transform-origin:50% 0;transform:scaleY(.92)}html.motion-lab-active[data-motion-section=depth-scale] [data-motion=section][data-motion-state=hidden],html.motion-lab-active[data-motion-section=depth-scale] [data-motion=component][data-motion-state=hidden]:not(.float-card){opacity:0;transform:scale(var(--motion-scale))}html.motion-lab-active[data-motion-section=slide-left] [data-motion=section][data-motion-state=hidden],html.motion-lab-active[data-motion-section=slide-left] [data-motion=component][data-motion-state=hidden]:not(.float-card){opacity:0;transform:translate3d(calc(var(--motion-distance) * -1),0,0)}html.motion-lab-active[data-motion-section=slide-right] [data-motion=section][data-motion-state=hidden],html.motion-lab-active[data-motion-section=slide-right] [data-motion=component][data-motion-state=hidden]:not(.float-card){opacity:0;transform:translate3d(var(--motion-distance),0,0)}html.motion-lab-active[data-motion-section=parallax] [data-motion=section],html.motion-lab-active[data-motion-section=parallax] [data-motion=component]:not(.float-card){transform:translate3d(0,var(--motion-parallax-y,0),0)}html.motion-lab-active .float-card[data-motion=component][data-motion-state=hidden]{opacity:0}html.motion-lab-active[data-motion-text=lines-mask] [data-motion=text][data-motion-state=hidden]{opacity:0;transform:translateY(62%)}html.motion-lab-active[data-motion-text=slice-reveal] [data-motion=text][data-motion-state=hidden]{opacity:0;transform-origin:0;transform:translate(-8%)scaleX(.92)}html.motion-lab-active[data-motion-text=none] [data-motion=text]{opacity:1;filter:none;transform:none}.motion-token{transition-duration:var(--motion-duration);transition-delay:calc((var(--motion-order,0) * var(--motion-stagger)) + (var(--motion-token-index,0) * 22ms));transition-property:opacity,transform,filter;transition-timing-function:cubic-bezier(.22,.72,.2,1);display:inline-block}[data-motion=text][data-motion-state=visible] .motion-token{opacity:1;filter:none;transform:none}html[data-motion-text=words-blur] [data-motion=text][data-motion-state=hidden] .motion-token{opacity:0;filter:blur(8px);transform:translateY(35%)}html[data-motion-text=chars-rise] [data-motion=text][data-motion-state=hidden] .motion-token{opacity:0;transform:translateY(95%)}html[data-motion-text=rotate-skew] [data-motion=text][data-motion-state=hidden] .motion-token{opacity:0;transform-origin:0 100%;transform:translateY(55%)rotateX(-34deg)skew(-6deg)}@media (width<=899px){.motion-lab{width:min(296px,100vw - 20px);bottom:10px;left:10px}.motion-lab__panel{max-height:calc(100svh - 72px);padding:15px}.motion-lab__toggle{min-height:44px}}@media (prefers-reduced-motion:reduce){.motion-lab *{transition:none!important}.motion-lab__replay{opacity:.5}[data-motion],.motion-token{opacity:1!important;clip-path:none!important;filter:none!important;transform:none!important}.orbit .float-card{translate:none!important;scale:none!important}}