.demo[data-astro-cid-trxcs2lc]{width:100%}.stage[data-astro-cid-trxcs2lc]{aspect-ratio:3/2;border:var(--rule);background:#fff;position:relative;overflow:hidden;container-type:size}.stage[data-astro-cid-trxcs2lc].clear{background:0 0;border:0}.stage[data-astro-cid-trxcs2lc].bled{overflow:visible}.clear[data-astro-cid-trxcs2lc] iframe[data-astro-cid-trxcs2lc]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ghost[data-astro-cid-trxcs2lc]{z-index:1;pointer-events:none;border:2px dashed var(--pencil);background:color-mix(in srgb,var(--pencil) 10%,transparent);opacity:0;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),opacity .25s;position:absolute;translate:-50% -50%}.up[data-astro-cid-trxcs2lc] .ghost[data-astro-cid-trxcs2lc].on{opacity:1}.rule[data-astro-cid-trxcs2lc]{z-index:1;border-top:2px solid var(--pencil);transform-origin:0 0;opacity:0;pointer-events:none;height:0;transition:opacity .3s,scale 0s .3s;position:absolute;scale:0 1}.rule[data-astro-cid-trxcs2lc]:before,.rule[data-astro-cid-trxcs2lc]:after{content:"";background:var(--pencil);width:2px;height:10px;position:absolute;top:-6px;left:-1px}.rule[data-astro-cid-trxcs2lc]:after{left:auto;right:-1px}.up[data-astro-cid-trxcs2lc] .rule[data-astro-cid-trxcs2lc].on{opacity:1;transition:scale .3s cubic-bezier(.4,0,.2,1);scale:1}.says[data-astro-cid-trxcs2lc]{z-index:2;color:var(--pencil);font:400 clamp(15px,11px + 1vw,22px)/1.15 var(--hand);white-space:nowrap;pointer-events:none;opacity:0;background:#fff;padding:0 5px;transition:opacity .2s .15s;position:absolute;translate:-50% -50%}.up[data-astro-cid-trxcs2lc] .says[data-astro-cid-trxcs2lc].on{opacity:1}.anew[data-astro-cid-trxcs2lc] [data-astro-cid-trxcs2lc]:is(.ghost,.rule,.says),.up[data-astro-cid-trxcs2lc] .anew[data-astro-cid-trxcs2lc] .rule[data-astro-cid-trxcs2lc].on{transition:none}.filming[data-astro-cid-trxcs2lc] [data-astro-cid-trxcs2lc]:is(.ghost,.rule,.says){display:none}.wait[data-astro-cid-trxcs2lc]{color:#63676c;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.up[data-astro-cid-trxcs2lc] .wait[data-astro-cid-trxcs2lc]{display:none}.still[data-astro-cid-trxcs2lc]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.up[data-astro-cid-trxcs2lc] .still[data-astro-cid-trxcs2lc]{visibility:hidden;transition:visibility 0s .4s}.filming[data-astro-cid-trxcs2lc] .still[data-astro-cid-trxcs2lc]{visibility:hidden}.film[data-astro-cid-trxcs2lc]{pointer-events:none;max-width:none;height:100%;position:absolute;top:0;left:50%;translate:-50%}.filmed[data-astro-cid-trxcs2lc] .film[data-astro-cid-trxcs2lc]{visibility:hidden;transition:visibility 0s .4s}.demo[data-astro-cid-trxcs2lc].filming iframe[data-astro-cid-trxcs2lc]{opacity:0;pointer-events:none!important}iframe[data-astro-cid-trxcs2lc]{opacity:0;border:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.up[data-astro-cid-trxcs2lc] iframe[data-astro-cid-trxcs2lc]{opacity:1}.enter[data-astro-cid-trxcs2lc]{z-index:2;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.enter[data-astro-cid-trxcs2lc]:before{content:"";opacity:0;background:radial-gradient(#0003 35%,#0009 80%,#000c 100%);transition:opacity .15s;position:absolute;inset:0}.enter[data-astro-cid-trxcs2lc] .btn[data-astro-cid-trxcs2lc]{opacity:0;height:48px;padding:0 20px;font-size:18px;transition:opacity .15s;position:relative}@media (min-width:641px){.enter[data-astro-cid-trxcs2lc] .btn[data-astro-cid-trxcs2lc]{height:60px;padding:0 30px;font-size:22px}}.enter[data-astro-cid-trxcs2lc]:hover:before,.enter[data-astro-cid-trxcs2lc]:focus-visible:before,.enter[data-astro-cid-trxcs2lc]:hover .btn[data-astro-cid-trxcs2lc],.enter[data-astro-cid-trxcs2lc]:focus-visible .btn[data-astro-cid-trxcs2lc]{opacity:1}@media (hover:none){.enter[data-astro-cid-trxcs2lc]:before,.enter[data-astro-cid-trxcs2lc] .btn[data-astro-cid-trxcs2lc]{opacity:1}}.inputs[data-astro-cid-trxcs2lc]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--panel);color:var(--ink);flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin:0;padding:10px 12px;display:flex}.inputs[data-astro-cid-trxcs2lc]>div[data-astro-cid-trxcs2lc]{width:112px}.inputs[data-astro-cid-trxcs2lc]>div[data-astro-cid-trxcs2lc]:has(select){width:auto}.inputs[data-astro-cid-trxcs2lc][hidden]{display:none}.tick[data-astro-cid-trxcs2lc]{min-height:44px}