@media (prefers-reduced-motion:no-preference){[data-pr]{--pr-ink-strong:var(--color-gray-a7);--pr-ink-mid:var(--color-gray-a5);--pr-ink-dim:var(--color-gray-a3);--pr-ink-faint:var(--color-gray-a2)}[data-theme=dark] [data-pr]{--pr-ink-strong:#ffffff59;--pr-ink-mid:#ffffff30;--pr-ink-dim:#ffffff1a;--pr-ink-faint:#ffffff0d}html:not([data-reveal=off]) [data-pr=idle] .pr-frame{opacity:0}.pr-frame{transition:opacity .24s ease-out,box-shadow 1.5s ease-out}html:not([data-theme=dark]):not([data-reveal=off]) :is([data-pr=idle],[data-pr=lines]) .pr-frame{box-shadow:0px 0px 0px 1px color-mix(in srgb, var(--color-inverted-2) 40%, transparent), 0px 12px 60px 0px color-mix(in srgb, var(--color-black-a2) 40%, transparent), 0px 16px 64px 0px color-mix(in srgb, var(--color-black-a2) 40%, transparent), 0px 16px 36px 0px color-mix(in srgb, var(--color-black-a4) 40%, transparent)}html:not([data-reveal=off]) [data-pr=idle] .pr-backdrop,html:not([data-reveal=off]) [data-pr=lines] .pr-backdrop{opacity:0}.pr-backdrop{transition:opacity 2.25s ease-out}html:not([data-reveal=off]) [data-pr=idle] .pr-window,html:not([data-reveal=off]) [data-pr=lines] .pr-window{opacity:0}.pr-window{transition:opacity 1.5s ease-out}.pr-lines{opacity:0;transition:opacity .5s ease-out}[data-pr=lines] .pr-lines{opacity:1;transition:none}.pr-ghost{border-radius:var(--radius-9);background:var(--color-base-12);opacity:.15}.pr-sep-base{background:var(--color-gray-a3)}.pr-card{border:1px solid var(--pr-ink-dim);border-radius:var(--radius-7);inset:1.905% 1.037% 1.905% 19.087%}.pr-line{border-radius:1px}.pr-corner{width:var(--radius-7);height:var(--radius-7);border-top:1px solid var(--pr-ink-strong);border-left:1px solid var(--pr-ink-strong);border-top-left-radius:var(--radius-7);top:1.905%;left:19.087%}.pr-line-v{top:calc(1.905% + var(--radius-7));height:calc(50% - var(--radius-7));background:linear-gradient(to top, transparent, var(--pr-ink-mid) 55%, var(--pr-ink-strong));left:19.087%}.pr-line-h{top:1.905%;left:calc(19.087% + var(--radius-7));background:linear-gradient(to right, var(--pr-ink-strong), var(--pr-ink-mid) 45%, transparent 85%);width:36%}.pr-line-sep{background:linear-gradient(to right, transparent, var(--pr-ink-strong) 30%, var(--pr-ink-mid) 65%, transparent);width:12%;left:5.5%}[data-pr-variant=trace] .pr-line-v{transform-origin:bottom;transform:scaleY(0)}[data-pr-variant=trace] .pr-line-h,[data-pr-variant=trace] .pr-line-sep{transform-origin:0;transform:scaleX(0)}[data-pr-variant=trace] .pr-corner{opacity:0}[data-pr-variant=trace]:not([data-pr=idle]) .pr-corner{animation:.1s ease-out .19s forwards pr-dim-in}[data-pr-variant=trace]:not([data-pr=idle]) .pr-line-v{animation:.28s cubic-bezier(.22,1,.36,1) 40ms forwards pr-grow-y}[data-pr-variant=trace]:not([data-pr=idle]) .pr-line-h{animation:.3s cubic-bezier(.22,1,.36,1) .21s forwards pr-grow-x}[data-pr-variant=trace]:not([data-pr=idle]) .pr-line-sep{animation:.32s cubic-bezier(.22,1,.36,1) .25s forwards pr-grow-x}[data-pr-variant=wipe] .pr-lines{-webkit-mask-image:linear-gradient(#0000 0% 32%,#000 55% 100%);mask-image:linear-gradient(#0000 0% 32%,#000 55% 100%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-pr-variant=wipe]:not([data-pr=idle]) .pr-lines{animation:.45s cubic-bezier(.33,1,.68,1) 30ms forwards pr-wipe}[data-pr-variant=pulse] .pr-line,[data-pr-variant=pulse] .pr-corner{opacity:0}[data-pr-variant=pulse] .pr-corner{border-color:var(--pr-ink-dim)}[data-pr-variant=pulse]:not([data-pr=idle]) .pr-corner{animation:.15s ease-out 50ms forwards pr-dim-in}[data-pr-variant=pulse] .pr-line-v{background:linear-gradient(to top, var(--pr-ink-dim) 0%, var(--pr-ink-dim) 40%, var(--pr-ink-strong) 50%, var(--pr-ink-dim) 60%, var(--pr-ink-dim) 100%);background-position:0 0;background-repeat:no-repeat;background-size:100% 320%}[data-pr-variant=pulse] .pr-line-h{background:linear-gradient(to right, var(--pr-ink-mid) 0%, var(--pr-ink-dim) 40%, var(--pr-ink-strong) 50%, var(--pr-ink-dim) 60%, var(--pr-ink-faint) 100%);background-position:100% 0;background-repeat:no-repeat;background-size:320% 100%}[data-pr-variant=pulse] .pr-line-sep{background:linear-gradient(to right, transparent, var(--pr-ink-dim) 30%, var(--pr-ink-dim) 65%, transparent)}[data-pr-variant=pulse]:not([data-pr=idle]) .pr-line-v{animation:.15s ease-out forwards pr-dim-in,.38s cubic-bezier(.33,1,.68,1) .16s forwards pr-shine-y}[data-pr-variant=pulse]:not([data-pr=idle]) .pr-line-h{animation:.15s ease-out 50ms forwards pr-dim-in,.38s cubic-bezier(.33,1,.68,1) .22s forwards pr-shine-x}[data-pr-variant=pulse]:not([data-pr=idle]) .pr-line-sep{animation:.15s ease-out 50ms forwards pr-dim-in}@keyframes pr-grow-y{to{transform:scaleY(1)}}@keyframes pr-grow-x{to{transform:scaleX(1)}}@keyframes pr-wipe{to{-webkit-mask-position:0 100%;mask-position:0 100%}}@keyframes pr-dim-in{to{opacity:1}}@keyframes pr-shine-y{to{background-position:0 100%}}@keyframes pr-shine-x{to{background-position:0 0}}}
.works-cell{position:relative}.works-status{--mx:50%;--my:50%;--rx:0deg;--ry:0deg}[data-works-hover=glow] .works-status{transition:background-color .25s,box-shadow .25s}[data-works-hover=glow] .works-status:hover{background-color:color-mix(in srgb, var(--cell-c) 7%, var(--color-base-12));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cell-c) 45%, transparent)}[data-works-hover=glow] .works-square{transition:box-shadow .25s}[data-works-hover=glow] .works-status:hover .works-square{box-shadow:0 0 8px 1px color-mix(in srgb, var(--cell-c) 50%, transparent)}[data-works-hover=spotlight] .works-status:after{content:"";pointer-events:none;background:radial-gradient(120px circle at var(--mx) var(--my), color-mix(in srgb, var(--cell-c) 18%, transparent), transparent 70%);opacity:0;transition:opacity .35s;position:absolute;inset:0}[data-works-hover=spotlight] .works-status:hover:after{opacity:1}[data-works-hover=spotlight] .works-square{transition:box-shadow .35s}[data-works-hover=spotlight] .works-status:hover .works-square{box-shadow:0 0 10px 1px color-mix(in srgb, var(--cell-c) 55%, transparent)}[data-works-hover=crosshair] .works-cell{transition:background-color .2s,opacity .2s,box-shadow .2s}[data-works-hover=crosshair][data-hovering] .works-cell[data-hit=dim]{opacity:.35}[data-works-hover=crosshair] .works-cell[data-hit=trace]{background-color:color-mix(in srgb, var(--trace-c) 6%, var(--color-base-12))}[data-works-hover=crosshair] .works-cell[data-hit=cell]{background-color:color-mix(in srgb, var(--trace-c) 12%, var(--color-base-12));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--trace-c) 55%, transparent)}[data-works-hover=lift] .works-status{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background-color .25s}[data-works-hover=lift] .works-status:hover{z-index:2;background-color:var(--color-gray-1);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cell-c) 60%, transparent), 0 12px 28px -10px color-mix(in srgb, var(--cell-c) 40%, transparent);transform:scale(1.045)}[data-works-hover=lift] .works-square{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}[data-works-hover=lift] .works-status:hover .works-square{transform:rotate(45deg)scale(1.25)}[data-works-hover=sweep] .works-status{overflow:hidden}[data-works-hover=sweep] .works-status:before{content:"";pointer-events:none;background:linear-gradient(105deg, color-mix(in srgb, var(--cell-c) 22%, transparent), color-mix(in srgb, var(--cell-c) 7%, transparent));transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-101%)}[data-works-hover=sweep] .works-status:hover:before{transform:translate(0)}[data-works-hover=sweep] .works-chip{transition:transform .45s cubic-bezier(.22,1,.36,1)}[data-works-hover=sweep] .works-status:hover .works-chip{transform:translate(4px)}[data-works-hover=tilt] .works-chip{--s:1;transform:perspective(420px) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--s));will-change:transform;transition:transform .18s ease-out}[data-works-hover=tilt] .works-status:hover .works-chip{--s:1.08}[data-works-hover=tilt] .works-status:hover .works-square{animation:1.6s ease-in-out infinite works-glow-pulse}@keyframes works-glow-pulse{0%,to{box-shadow:0 0 6px 0 color-mix(in srgb, var(--cell-c) 45%, transparent)}50%{box-shadow:0 0 14px 3px color-mix(in srgb, var(--cell-c) 75%, transparent)}}@media (prefers-reduced-motion:reduce){.works-cell,.works-cell:before,.works-cell:after,.works-chip,.works-square{transition-duration:.01ms!important;animation:none!important}[data-works-hover=tilt] .works-chip,[data-works-hover=sweep] .works-status:hover .works-chip,[data-works-hover=lift] .works-status:hover,[data-works-hover=lift] .works-status:hover .works-square{transform:none}}