.pk-sh{view-timeline-name:--pk-sh}@keyframes pk-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pk-tick{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.pk-sh-rule{animation:linear both pk-draw;animation-timeline:--pk-sh;animation-range:entry 20% cover 45%}.pk-sh-tick{animation:linear both pk-tick;animation-timeline:--pk-sh;animation-range:entry calc(25% + var(--k) * 2.5%) cover calc(30% + var(--k) * 0.8%)}}}.pk-chip{border-radius:var(--radius-ui,2px);border:1px solid var(--color-rule-strong);background:var(--color-paper);height:28px;font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--color-ink-2);transition:color .3s var(--ease-out-quart), border-color .3s var(--ease-out-quart), background-color .3s var(--ease-out-quart);align-items:center;gap:6px;padding:0 9px;font-size:11px;line-height:1;display:inline-flex}.pk-chip:hover{color:var(--color-ink);border-color:var(--color-ink);background:var(--color-paper-2)}.pk-chip svg{width:12px;height:12px;transition:transform .45s var(--ease-out-expo)}.pk-chip:hover svg{transform:translateY(2px)}.on-screen .pk-chip{background:var(--color-screen);border-color:var(--color-screen-rule);color:var(--color-screen-ink)}.on-screen .pk-chip:hover{border-color:var(--color-signal);background:var(--color-screen-2)}.pk-index a{transition:color .3s var(--ease-out-quart), background-color .3s var(--ease-out-quart)}.pk-index .pk-index-bar{transform-origin:100%;transition:transform .6s 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-shot{background:var(--color-paper-2)}.pk-shot img,.pk-shot video{transition:transform 1s var(--ease-out-expo)}.group:hover .pk-shot img{transform:scale(1.012)}.pk-plate{--pk-grid:color-mix(in oklab, var(--color-ink) 6%, transparent);background-color:var(--color-paper);background-image:linear-gradient(to right, var(--pk-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--pk-grid) 1px, transparent 1px);background-position:50%;background-size:16px 16px;position:relative}.pk-plate[data-ground=screen]{--pk-grid:color-mix(in oklab, var(--color-screen-ink) 6%, transparent);background-color:var(--color-screen)}.pk-plate>.pk-plate-art{transition:transform .8s var(--ease-out-expo)}.group:hover .pk-plate>.pk-plate-art{transform:scale(1.04)}.pk-strike{pointer-events:none;position:absolute;inset:0}.pk-strike:before{content:"";background:var(--color-down);height:1.5px;position:absolute;top:50%;left:-10%;right:-10%;transform:rotate(-24deg)}.pk-swatch-hint{opacity:0;transition:transform .45s var(--ease-out-expo), opacity .3s var(--ease-out-quart);transform:translateY(6px)}.pk-swatch:hover .pk-swatch-hint,.pk-swatch:focus-visible .pk-swatch-hint,.pk-swatch[data-copied] .pk-swatch-hint{opacity:1;transform:none}.pk-range{appearance:none;background:linear-gradient(var(--color-ink), var(--color-ink)) center / 100% 1px no-repeat;cursor:ew-resize;width:100%;height:24px}.pk-range::-webkit-slider-thumb{appearance:none;background:var(--color-signal);width:12px;height:20px;box-shadow:inset 0 0 0 1px var(--color-ink);border-radius:0}.pk-range::-moz-range-thumb{background:var(--color-signal);border:1px solid var(--color-ink);border-radius:0;width:12px;height:20px}@media (prefers-reduced-motion:reduce){.pk-chip svg,.pk-shot img,.pk-shot video,.pk-plate>.pk-plate-art,.pk-swatch-hint,.pk-index .pk-index-bar{transition:none}.pk-chip:hover svg,.group:hover .pk-shot img,.group:hover .pk-plate>.pk-plate-art{transform:none}}.pk-icon svg{width:100%;height:100%}