:has(>.pcf-row){flex-wrap:wrap}
.pcf-row{box-sizing:border-box;flex:none;grid-column:1/-1;width:100%;margin-top:1.25rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.pcf-row--c{text-align:center}
.pcf{--pcf-ink:#0d0e10;--pcf-red:#ff2b2b;--pcf-e:cubic-bezier(.2,.8,.2,1);position:relative;display:inline-flex;align-items:center;gap:.75rem;max-width:100%;min-height:2.75rem;padding:.125rem 0;color:inherit;font-family:inherit;font-size:.875rem;font-weight:400;font-style:normal;line-height:1.3;letter-spacing:normal;text-transform:none;text-decoration:none;text-align:start;white-space:normal;vertical-align:middle}
.pcf:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}
.pcf-box{position:relative;z-index:1;flex:none;display:block;width:2.5rem;height:2.5rem;border-radius:3px;overflow:hidden;background:var(--pcf-ink);box-shadow:0 0 0 1px rgb(255 255 255 / .3)}
.pcf-box svg{display:block;width:100%;height:100%}
.pcf-p,.pcf-c{fill:#fff}
.pcf-s{fill:var(--pcf-red)}
.pcf svg *{transform-box:fill-box;transform-origin:center}
.pcf-txt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;min-width:0}
.pcf-l1,.pcf-l2{position:relative;display:block}
.pcf-by{opacity:1}
.pcf-name{font-weight:700;letter-spacing:-.01em}
.pcf-l2{display:inline-flex;align-items:center;gap:.35em}
.pcf-ask{text-decoration:underline 1px;text-underline-offset:.22em;text-decoration-color:color-mix(in srgb,currentColor 50%,transparent)}
.pcf-go{flex:none;width:.95em;height:.95em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pcf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pcf--pixels .pcf-px{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}
.pcf--pixels .pcf-px i{background:#fff;transform:scale(0)}
.pcf--pixels .pcf-px i:nth-child(7),.pcf--pixels .pcf-px i:nth-child(10){background:var(--pcf-red)}
@media (prefers-reduced-motion:no-preference){
.pcf-go{transition:transform .35s var(--pcf-e)}
.pcf:hover .pcf-go,.pcf:focus-visible .pcf-go{transform:translateX(3px)}
.pcf-arm:not(.pcf-run) *,.pcf-arm:not(.pcf-run)::before,.pcf-arm:not(.pcf-run)::after{animation-play-state:paused!important}
.pcf--pixels:is(.pcf-arm,.pcf-run) .pcf-px i{animation:pcf-px 640ms var(--pcf-e) calc(var(--d) * 85ms) both}
.pcf--pixels:is(.pcf-arm,.pcf-run) .pcf-p,.pcf--pixels:is(.pcf-arm,.pcf-run) .pcf-s,.pcf--pixels:is(.pcf-arm,.pcf-run) .pcf-c{animation:pcf-fade 300ms linear 560ms both}
.pcf--pixels:is(.pcf-arm,.pcf-run) .pcf-l1{animation:pcf-in-x 650ms var(--pcf-e) 700ms both}
.pcf--pixels:is(.pcf-arm,.pcf-run) .pcf-l2{animation:pcf-in-x 650ms var(--pcf-e) 900ms both}
}
@keyframes pcf-in-x{from{opacity:0;transform:translateX(-.6rem)}}
@keyframes pcf-fade{from{opacity:0}}
@keyframes pcf-px{0%{transform:scale(0)}45%{transform:scale(1.02)}100%{transform:scale(0)}}
.pcf--pixels{--pcf-t:2000ms}
