.sgx-tick{opacity:0}.sgx-check[aria-checked=true]{box-shadow:inset 0 0 0 3px var(--accent)}.sgx-check[aria-checked=true] .sgx-box{background:var(--accent);--tw-ring-color:var(--accent)}.sgx-check[aria-checked=true] .sgx-tick{opacity:1}.sgx-check[aria-checked=true] .sgx-icon{background:var(--accent);color:var(--white)}@media (min-width:768px) and (hover:hover) and (pointer:fine){.sgx-card[data-photo] .sgx-body{inset-inline:0;aspect-ratio:4/3;color:var(--white);background:linear-gradient(to top, color-mix(in srgb, var(--ink) 94%, transparent) 45%, color-mix(in srgb, var(--ink) 10%, transparent));opacity:0;align-items:flex-end;margin:0;padding:1.25rem 1.25rem 2.25rem;display:flex;position:absolute;top:0;transform:translateY(10px)}.sgx-card[data-photo]:is(:hover,:focus-visible) .sgx-body{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.sgx-check[aria-checked=true] .sgx-box{animation:.45s cubic-bezier(.34,1.56,.64,1) sgx-bounce}.sgx-tick{transition:opacity .2s ease-out}.sgx-photo{transition:transform .8s var(--ease-out-expo)}:is(.sgx-card,.sgx-check):is(:hover,:focus-visible) .sgx-photo{transform:scale(1.05)}.sgx-body{transition:opacity .35s var(--ease-out-expo), transform .45s var(--ease-out-expo)}}@keyframes sgx-bounce{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}
.pkc-card,.pkc-featured{transition:transform .4s var(--ease-out-expo), box-shadow .4s var(--ease-out-expo)}@media (min-width:1024px){.pkc-featured{transform:translateY(-12px)}}.pkc-sweep{background:linear-gradient(100deg, transparent 35%, color-mix(in srgb, var(--accent-glow) 22%, transparent) 50%, transparent 65%);transform:translate(-120%)}.pkc-check path{stroke-dasharray:30;stroke-dashoffset:0}.pkc-range{appearance:none;cursor:pointer;background:0 0;height:48px}.pkc-range::-webkit-slider-runnable-track{background:var(--accent-soft);border-radius:999px;height:8px}.pkc-range::-moz-range-track{background:var(--accent-soft);border-radius:999px;height:8px}.pkc-range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:6px solid var(--surface);width:48px;height:48px;box-shadow:var(--shadow-md,0 4px 12px #00000026);border-radius:999px;margin-top:-20px}.pkc-range::-moz-range-thumb{background:var(--accent);border:6px solid var(--surface);border-radius:999px;width:36px;height:36px}.pkc-range:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:999px}@media (prefers-reduced-motion:no-preference){.pkc-card:hover,.pkc-featured:hover{transform:translateY(-4px)}@media (min-width:1024px){.pkc-featured:hover{transform:translateY(-16px)}}.pkc-featured .pkc-card:hover{transform:none}.pkc-sweep{animation:8s ease-in-out 2s infinite pkc-sweep}.pkc-featured:is(:hover,:focus-within) .pkc-sweep,section[data-offscreen] .pkc-sweep{animation-play-state:paused}.pkc-list:not([data-inview]) .pkc-check path{stroke-dashoffset:30px}.pkc-list[data-inview] .pkc-check path{animation:pkc-draw .5s ease-out calc(.2s + var(--k) * .15s) backwards}}@keyframes pkc-sweep{0%{transform:translate(-120%)}22%,to{transform:translate(120%)}}@keyframes pkc-draw{0%{stroke-dashoffset:30px}}
