.wt[data-astro-cid-hgk4ej4d]{position:relative;width:100%;aspect-ratio:880 / 571;overflow:hidden;background:#1b1b1b}.wt-stage[data-astro-cid-hgk4ej4d]{position:absolute;top:0;left:0;width:var(--card-width);height:var(--card-height);transform-origin:0 0;--inset-scale: .88;transform:translate(calc(var(--card-width) * (1 - var(--inset-scale)) / 2),calc(var(--card-height) * (1 - var(--inset-scale)) / 2)) scale(var(--inset-scale))}.wt-peer[data-astro-cid-hgk4ej4d]{position:absolute;left:var(--frame-left);top:var(--frame-top)}.wt-selection[data-astro-cid-hgk4ej4d]{position:absolute;border:1.5px solid var(--color);border-radius:2px;opacity:0}.wt-selection[data-astro-cid-hgk4ej4d] b[data-astro-cid-hgk4ej4d]{position:absolute;bottom:100%;left:-1.5px;margin-bottom:2px;padding:1px 5px;border-radius:3px;background:var(--color);color:#fff;font-size:10px;font-weight:500;line-height:14px;white-space:nowrap}.wt-cursor[data-astro-cid-hgk4ej4d]{position:absolute;top:0;left:0;display:flex;align-items:flex-start;gap:2px;will-change:translate}.wt-cursor[data-astro-cid-hgk4ej4d] .arrow[data-astro-cid-hgk4ej4d]{display:block;width:28px;height:40px;margin:-5px 0 0 -5px;color:var(--color);filter:drop-shadow(0 1px 1.5px #0006)}.wt-cursor[data-astro-cid-hgk4ej4d] .arrow[data-astro-cid-hgk4ej4d] svg[data-astro-cid-hgk4ej4d]{display:block}.wt-cursor[data-astro-cid-hgk4ej4d] b[data-astro-cid-hgk4ej4d]{margin:18px 0 0 -12px;padding:2px 6px;border-radius:6px;background:var(--color);color:#fff;font-size:11px;font-weight:500;line-height:14px}.wt-peer-a[data-astro-cid-hgk4ej4d] .wt-cursor[data-astro-cid-hgk4ej4d]{animation:wt-cursor-a calc(8s / var(--playback-rate)) infinite}.wt-peer-a[data-astro-cid-hgk4ej4d] .wt-selection[data-astro-cid-hgk4ej4d]{animation:wt-select-a calc(8s / var(--playback-rate)) infinite}@keyframes wt-cursor-a{0%{translate:150px 300px;animation-timing-function:cubic-bezier(.2,.8,.2,1)}12%{translate:96px 100px;animation-timing-function:linear}40%{translate:100px 102px;animation-timing-function:cubic-bezier(.2,.8,.2,1)}52%{translate:300px 130px;animation-timing-function:linear}80%{translate:302px 132px;animation-timing-function:cubic-bezier(.2,.8,.2,1)}to{translate:150px 300px}}@keyframes wt-select-a{0%{opacity:0;inset:84px auto auto 33px;width:140px;height:42px}13%{opacity:1;inset:84px auto auto 33px;width:140px;height:42px}46%{opacity:0;inset:84px auto auto 33px;width:140px;height:42px}53%{opacity:1;inset:43px auto auto 214px;width:166px;height:166px}84%,to{opacity:0;inset:43px auto auto 214px;width:166px;height:166px}}.wt-peer-b[data-astro-cid-hgk4ej4d] .wt-cursor[data-astro-cid-hgk4ej4d]{animation:wt-cursor-b calc(9s / var(--playback-rate)) infinite}.wt-peer-b[data-astro-cid-hgk4ej4d] .wt-selection[data-astro-cid-hgk4ej4d]{animation:wt-select-b calc(9s / var(--playback-rate)) infinite}@keyframes wt-cursor-b{0%{translate:380px 250px;animation-timing-function:cubic-bezier(.2,.8,.2,1)}16%{translate:206px 334px;animation-timing-function:linear}44%{translate:210px 336px;animation-timing-function:cubic-bezier(.2,.8,.2,1)}56%{translate:212px 418px;animation-timing-function:linear}84%{translate:214px 420px;animation-timing-function:cubic-bezier(.2,.8,.2,1)}to{translate:380px 250px}}@keyframes wt-select-b{0%{opacity:0;inset:322px auto auto 38px;width:341px;height:30px}17%{opacity:1;inset:322px auto auto 38px;width:341px;height:30px}50%{opacity:0;inset:322px auto auto 38px;width:341px;height:30px}57%{opacity:1;inset:410px auto auto 87px;width:242px;height:20px}88%,to{opacity:0;inset:410px auto auto 87px;width:242px;height:20px}}.wt-selection[data-astro-cid-hgk4ej4d]{animation-timing-function:step-end!important}@media(prefers-reduced-motion:reduce){.wt-cursor[data-astro-cid-hgk4ej4d],.wt-selection[data-astro-cid-hgk4ej4d]{animation-play-state:paused!important}}.feature-demo{min-height:470px;display:grid;place-items:center;overflow:hidden;position:relative;isolation:isolate;border-radius:16px 16px 0 0;background:var(--surface)}.feature-demo:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(60% 60% at 70% 40%,#ffffff0a,transparent 70%)}.demo-detail{width:420px;border:1px solid #ffffff10;border-radius:12px;background:#1c1c1c;box-shadow:0 24px 48px -24px #0008;transform:scale(.85);overflow:hidden;color:#eee;font-size:12px}.demo-chrome{height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;color:#aaa;border-bottom:1px solid #ffffff0c}.demo-dot{width:6px;height:6px;background:#8b9b8c;border-radius:50%}.demo-more{margin-left:auto}.demo-canvas{height:247px;position:relative;padding:26px 28px;overflow:hidden;background:#171717}.demo-page{padding:18px;background:#090909;border:1px solid #333;width:360px;height:240px}.demo-eyebrow{font-size:8px;letter-spacing:2px;color:#888}.demo-selection{margin-top:24px;position:relative;outline:1px solid #429cec;padding:5px}.demo-detail h4{font-size:30px;font-weight:400;letter-spacing:-1px;line-height:1.08;max-width:270px}.demo-tag,.demo-variants{position:absolute;top:-16px;background:#2687d7;font-size:9px;padding:2px 5px;left:-1px}.demo-variants{left:auto;right:-1px}.demo-page p{margin-top:14px;color:#888;font-size:10px}.demo-sample-button{display:inline-block;margin-top:16px;background:#eee;color:#222;padding:7px 10px;border-radius:4px;font-size:9px}.demo-composer{margin:10px;padding:12px;background:#303030;border:1px solid #ffffff0a;border-radius:8px;position:relative;min-height:90px}.demo-context{display:inline-block;font-size:9px;border-radius:4px;background:#3a4a56;padding:3px 6px}.demo-composer p{margin-top:8px;max-width:310px;color:#ccc;line-height:1.5;padding-right:15px}.demo-send{position:absolute;right:10px;bottom:10px;background:#494949;padding:3px 7px;border-radius:50%}.demo-detail-4 .demo-selection{outline-color:#e3968c}.demo-detail-4 .demo-context{background:#68423d}.demo-mark{position:absolute;inset:45px 0 0 10px;width:390px;fill:none;stroke:#dbe79b;stroke-width:5;stroke-linecap:round}.demo-icon{display:block;width:16px}.demo-timeline{position:absolute;bottom:10px;left:15px;right:15px;background:#303030;border-radius:6px;padding:10px;display:flex;align-items:center;gap:8px;font-size:9px}.demo-record{width:6px;height:6px;border-radius:50%;background:#ed8d8d}.demo-track{flex:1;height:3px;background:#999}.demo-reference{position:absolute;right:15px;bottom:15px;background:#e9e4d7;color:#292d27;padding:14px;border-radius:6px;box-shadow:0 5px 20px #0008}.demo-reference b{font-size:32px;font-family:Georgia,serif}.demo-swatches{display:flex;margin:10px 0}.demo-swatches i{width:25px;height:20px;background:#74826a}.demo-swatches i:nth-child(2){background:#aeb79c}.demo-swatches i:nth-child(3){background:#d0be98}.demo-controls,.demo-changes{padding:25px;min-height:247px}.demo-controls h4{font-size:20px;margin-bottom:25px}.demo-control{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:15px;margin-top:10px;color:#aaa}.demo-slider{padding:8px;border-radius:5px;background:linear-gradient(to right,#555 var(--position),#373737 var(--position));text-align:right;color:#eee}.demo-changes p{margin:14px 0;color:#aaa}.demo-changes code{display:block;background:#24352c;color:#b1d0b5;padding:14px;line-height:1.8;font-size:11px}.demo-detail-0 .demo-page{transform:translate(110px) scale(.85);transform-origin:top left}.demo-mini{position:absolute;width:120px;height:200px;padding:15px;background:#dfddcf;color:#333;border-radius:3px}.demo-mini span{font-size:9px}.demo-mini b{display:block;margin-top:25px;font-size:22px;font-weight:400}@media(max-width:480px){.feature-demo{min-height:370px}.demo-detail{transform:scale(.68);margin-inline:-60px}}.feature-demo .demo-coded{width:100%;align-self:stretch}.feature-demo .demo-coded video{display:block;object-fit:cover}.feature-demo:has(.demo-still){background:#1b1b1b}.feature-demo:has(.demo-still):before{content:none}.feature-demo .demo-still .cd{background:#1b1b1b}.feature-demo .demo-still .cd-window{border-radius:0;box-shadow:none}.feature-demo .demo-still .cd-bg,.feature-demo .demo-still:not([data-plays]) .cd-cursor{display:none}.feature-demo:has(.player){min-height:0;aspect-ratio:16 / 9}.feature-demo:has(.demo-coded){min-height:0}.feature-demo .demo-still[data-hides-panels] .cd-column-left{visibility:hidden}.feature-demo .demo-still[data-page-inset] :is(.cd-window,.cd-canvas){overflow:visible}