.pk-ticks{--tick:color-mix(in oklab, var(--color-ink) 22%, transparent);background:linear-gradient(var(--tick), var(--tick)) top 14px left 14px / 12px 1px, linear-gradient(var(--tick), var(--tick)) top 14px left 14px / 1px 12px, linear-gradient(var(--tick), var(--tick)) top 14px right 14px / 12px 1px, linear-gradient(var(--tick), var(--tick)) top 14px right 14px / 1px 12px, linear-gradient(var(--tick), var(--tick)) bottom 14px left 14px / 12px 1px, linear-gradient(var(--tick), var(--tick)) bottom 14px left 14px / 1px 12px, linear-gradient(var(--tick), var(--tick)) bottom 14px right 14px / 12px 1px, linear-gradient(var(--tick), var(--tick)) bottom 14px right 14px / 1px 12px;background-repeat:no-repeat}.pk-surface{transition:background-color .6s var(--ease-out-quart);position:relative;overflow:hidden}.pk-surface[data-surface=dark]{background:radial-gradient(70% 60% at 50% 40%, color-mix(in oklab, var(--color-accent) 4%, transparent), transparent 70%), var(--color-bg)}.pk-surface[data-surface=light]{background:var(--color-ink)}.pk-surface[data-surface=filled]{background-color:var(--color-panel);background-image:radial-gradient(color-mix(in oklab, var(--color-ink) 8%, transparent) 1px, transparent 1px);background-size:14px 14px}.pk-surface img{transition:transform .9s var(--ease-out-expo)}.group:hover .pk-surface img{transform:scale(1.035)}.pk-chip{border:1px solid var(--color-line);background:var(--color-bg);height:28px;font-family:var(--font-mono);color:var(--color-muted);transition:color .35s var(--ease-out-quart), border-color .35s var(--ease-out-quart), background-color .35s var(--ease-out-quart);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:inline-flex}.pk-chip:hover{color:var(--color-ink);border-color:var(--color-muted);background:var(--color-panel-2)}.pk-chip:focus-visible{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px color-mix(in oklab, var(--color-accent) 60%, transparent);outline:none}.pk-chip svg{width:12px;height:12px;transition:transform .5s var(--ease-out-expo)}.pk-chip:hover svg{transform:translateY(2px)}.pk-icon svg{width:100%;height:100%;transition:transform .7s var(--ease-out-expo), color .5s var(--ease-out-quart)}.pk-icon{color:var(--color-muted);transition:color .5s var(--ease-out-quart)}.group:hover .pk-icon{color:var(--color-accent)}.group:hover .pk-icon svg{transform:translateY(-3px)scale(1.06)}.pk-index a{transition:color .35s var(--ease-out-quart)}.pk-index a .pk-index-bar{transform-origin:100%;transition:transform .7s var(--ease-out-expo);transform:scaleX(0)}.pk-index a:hover .pk-index-bar,.pk-index a:focus-visible .pk-index-bar{transform-origin:0;transform:scaleX(1)}.pk-swatch-hint{opacity:0;transition:transform .5s var(--ease-out-expo), opacity .4s var(--ease-out-quart);transform:translateY(6px)}.pk-swatch:hover .pk-swatch-hint,.pk-swatch:focus-visible .pk-swatch-hint{opacity:1;transform:none}.pk-strike{pointer-events:none;background:linear-gradient(to top right, transparent calc(50% - .75px), color-mix(in oklab, var(--color-down) 70%, transparent) calc(50% - .75px), color-mix(in oklab, var(--color-down) 70%, transparent) calc(50% + .75px), transparent calc(50% + .75px));position:absolute;inset:0}.pk-shot{background:var(--color-bg)}.pk-shot img{transition:transform 1.1s var(--ease-out-expo)}.group:hover .pk-shot img{transform:scale(1.015)}@media (prefers-reduced-motion:reduce){.pk-surface img,.pk-shot img,.pk-icon svg,.pk-chip svg,.pk-swatch-hint,.pk-index a .pk-index-bar{transition:none}.group:hover .pk-surface img,.group:hover .pk-shot img,.group:hover .pk-icon svg,.pk-chip:hover svg{transform:none}}.pk-icon-static svg{width:100%;height:100%}@keyframes pk-fade{0%{opacity:0;transform:translateY(8px)}}.pk-fade{animation:pk-fade .7s var(--ease-out-expo)}@media (prefers-reduced-motion:reduce){.pk-fade{animation:none}}