.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}}