.ticket{--ticket-ground:var(--paper);--stub-w:11rem;--hole:3px;--hole-pitch:14px;--notch:11px;--stamp-overlap:3.75rem;--stamp-blend:multiply;font-family:var(--font-mono);font-size:var(--step-data);color:var(--ink);container-type:inline-size}@media (prefers-color-scheme:dark){.ticket{--stamp-blend:normal}}.ticket__sheet{grid-template-columns:minmax(0, 1fr) var(--stub-w);display:grid}.ticket__body{background:color-mix(in srgb, var(--ink-a) 10%, var(--ticket-ground));border-radius:6px 0 0 6px;min-width:0;padding:1.125rem 1.5rem 1.25rem 1.25rem}.ticket__method{color:var(--muted);margin:0}.ticket__tool{font-size:var(--step-lead);overflow-wrap:break-word;margin:.25rem 0 .875rem;line-height:1.3}.ticket__args{grid-template-columns:max-content minmax(0,1fr);margin:0;line-height:1.5;display:grid}.ticket__arg{display:contents}.ticket__arg dt,.ticket__arg dd{border-top:1px solid color-mix(in srgb, var(--ink-a) 22%, var(--ticket-ground));margin:0;padding:.3rem 0}.ticket__arg dt{color:var(--muted);padding-right:1.25rem}.ticket__arg dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ticket__empty{color:var(--muted);margin:0}.ticket__stub{--focus:var(--on-ink-b);z-index:0;background:var(--ink-b);color:var(--on-ink-b);text-align:center;border-radius:0 6px 6px 0;flex-direction:column;justify-content:center;align-items:center;gap:.625rem;padding:1.25rem .875rem;display:flex;position:relative}@media (prefers-reduced-motion:no-preference) and (hover:hover){.ticket__stub{transition:transform .24s var(--ease-out)}.ticket:not([aria-busy=true]) .ticket__stub:has(.ticket__run:not(:disabled)):hover{transform:translate(2px,-3px)rotate(.8deg)}}.ticket__stub:before{content:"";inset:0 auto 0 calc(var(--hole) * -1.75);width:calc(var(--hole) * 3.5);background:radial-gradient(circle, var(--ticket-ground) var(--hole), transparent calc(var(--hole) + .5px)) center / 100% var(--hole-pitch) repeat-y;position:absolute}.ticket__stub:after{content:"";inset:0 auto 0 calc(var(--notch) * -1);width:calc(var(--notch) * 2);background:radial-gradient(circle at 50% 0, var(--ticket-ground) var(--notch), transparent calc(var(--notch) + .5px)), radial-gradient(circle at 50% 100%, var(--ticket-ground) var(--notch), transparent calc(var(--notch) + .5px));position:absolute}.ticket__run{border:var(--rule-width) solid currentColor;color:inherit;font:600 var(--step-body) / 1.2 var(--font-body);cursor:pointer;background:0 0;border-radius:4px;padding:.5rem .875rem;transition-property:background-color,color,scale;transition-duration:.16s}.ticket__run:hover:not(:disabled){background:var(--on-ink-b);color:var(--ink-b)}.ticket__run:disabled{cursor:not-allowed;border-style:dashed}.ticket[aria-busy=true] .ticket__run{cursor:progress}.ticket__note{font:400 var(--step-data) / 1.35 var(--font-body);margin:0}.ticket__note:empty{display:none}.ticket__stamp-slot{justify-content:flex-end;display:flex}.ticket__stamp-slot:not(:empty){margin:1rem calc(var(--stamp-overlap) * -1) 0 0}.stamp{--stamp-ink:var(--ink-a);--stamp-on:var(--on-ink-a);max-width:17rem;display:grid}.stamp--differs{--stamp-ink:var(--ink-b);--stamp-on:var(--on-ink-b)}.stamp__ink,.stamp__text{z-index:1;grid-area:1/1;position:relative;transform:rotate(-4deg)}.stamp__ink{background:var(--stamp-ink);mix-blend-mode:var(--stamp-blend);border-radius:4px}.stamp--differs .stamp__ink{mix-blend-mode:normal}.stamp__text{border:var(--rule-width) solid currentColor;color:var(--stamp-on);border-radius:2px;flex-direction:column;gap:.25rem;margin:4px;padding:.375rem .75rem .4375rem;display:flex}.stamp__title{font:600 var(--step-body) / 1.25 var(--font-body)}.stamp__changed{overflow-wrap:anywhere}@media (prefers-reduced-motion:no-preference){.stamp--fresh{animation:.3s both stamp-thunk}.stamp--fresh .stamp__ink{animation:.38s ease-out .1s both ink-spread}}@keyframes stamp-thunk{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);rotate:-3deg;scale:1.15}20%{opacity:1}62%{animation-timing-function:cubic-bezier(.16,1,.3,1);rotate:0deg;scale:.985}to{opacity:1;rotate:0deg;scale:1}}@keyframes ink-spread{0%{opacity:.45}}@container (width<=27rem){.ticket__tool{font-size:var(--step-body)}.ticket__sheet{grid-template-columns:minmax(0,1fr)}.ticket__body{border-radius:6px 6px 0 0;padding-right:1.25rem}.ticket__stub{text-align:left;border-radius:0 0 6px 6px;align-items:flex-start;padding:1.125rem 1.25rem 1rem}.ticket__stub:before{inset:calc(var(--hole) * -1.75) 0 auto 0;width:auto;height:calc(var(--hole) * 3.5);background-size:var(--hole-pitch) 100%;background-repeat:repeat-x}.ticket__stub:after{inset:calc(var(--notch) * -1) 0 auto 0;width:auto;height:calc(var(--notch) * 2);background:radial-gradient(circle at 0 50%, var(--ticket-ground) var(--notch), transparent calc(var(--notch) + .5px)), radial-gradient(circle at 100% 50%, var(--ticket-ground) var(--notch), transparent calc(var(--notch) + .5px))}.ticket__stamp-slot:not(:empty){margin:1rem -.25rem calc(var(--stamp-overlap) * -.6) 0}}@container (width<=31rem){.pg__ticket .ticket__tool{font-size:var(--step-body)}.pg__ticket .ticket__sheet{grid-template-columns:minmax(0,1fr)}.pg__ticket .ticket__body{border-radius:6px 6px 0 0;padding-right:1.25rem}.pg__ticket .ticket__stub{text-align:left;border-radius:0 0 6px 6px;align-items:flex-start;padding:1.125rem 1.25rem 1rem}.pg__ticket .ticket__stub:before{inset:calc(var(--hole) * -1.75) 0 auto 0;width:auto;height:calc(var(--hole) * 3.5);background-size:var(--hole-pitch) 100%;background-repeat:repeat-x}.pg__ticket .ticket__stub:after{inset:calc(var(--notch) * -1) 0 auto 0;width:auto;height:calc(var(--notch) * 2);background:radial-gradient(circle at 0 50%, var(--ticket-ground) var(--notch), transparent calc(var(--notch) + .5px)), radial-gradient(circle at 100% 50%, var(--ticket-ground) var(--notch), transparent calc(var(--notch) + .5px))}.pg__ticket .ticket__stamp-slot:not(:empty){margin:1rem -.25rem calc(var(--stamp-overlap) * -.6) 0}}