.gx-h2h[data-astro-cid-ofqifpql]{position:relative;width:100%;max-width:520px;display:grid;gap:18px;padding:clamp(18px,2.4vw,26px);border-radius:var(--gx-r-lg);background:var(--gx-card);box-shadow:var(--gx-shot);text-align:left}.t[data-astro-cid-ofqifpql]{margin:0 0 8px;font:500 11.5px/1.3 var(--gx-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--gx-muted)}.gx-h2h[data-astro-cid-ofqifpql]>.t[data-astro-cid-ofqifpql]{margin:0}.names[data-astro-cid-ofqifpql]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.side[data-astro-cid-ofqifpql]{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px;border-radius:12px;font:600 15px/1.2 var(--gx-display);letter-spacing:-.01em;overflow-wrap:anywhere;transition:transform .8s var(--gx-ease),opacity .8s var(--gx-ease)}.us[data-astro-cid-ofqifpql]{box-shadow:inset 0 0 0 1px var(--gx-orange);color:var(--gx-orange-hi)}.them[data-astro-cid-ofqifpql]{justify-content:flex-end;text-align:right;background:var(--gx-paper-2);color:var(--gx-ink)}.us[data-astro-cid-ofqifpql] img[data-astro-cid-ofqifpql]{flex:none}.them[data-astro-cid-ofqifpql] i[data-astro-cid-ofqifpql]{flex:none;order:2;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--gx-ink);color:var(--gx-paper);font:600 10px/1 var(--gx-mono);font-style:normal}.vs[data-astro-cid-ofqifpql]{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gx-ink);color:var(--gx-paper);font:600 12px/1 var(--gx-mono);transition:transform .6s var(--gx-spring) .5s}html.gx-js .gx-h2h[data-astro-cid-ofqifpql]:not(.is-in) .us[data-astro-cid-ofqifpql]{opacity:0;transform:translate(-24px)}html.gx-js .gx-h2h[data-astro-cid-ofqifpql]:not(.is-in) .them[data-astro-cid-ofqifpql]{opacity:0;transform:translate(24px)}html.gx-js .gx-h2h[data-astro-cid-ofqifpql]:not(.is-in) .vs[data-astro-cid-ofqifpql]{transform:scale(0) rotate(-90deg)}.bars[data-astro-cid-ofqifpql]{display:grid;gap:10px}.bar[data-astro-cid-ofqifpql]{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13.5px}.bar[data-astro-cid-ofqifpql] .l[data-astro-cid-ofqifpql]{color:var(--gx-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track[data-astro-cid-ofqifpql]{height:10px;border-radius:999px;background:var(--gx-paper-2);overflow:hidden}.track[data-astro-cid-ofqifpql] i[data-astro-cid-ofqifpql]{display:block;height:100%;border-radius:inherit;background:#a69d91;transform-origin:left;transform:scaleX(0);transition:transform 1.1s cubic-bezier(.33,1,.68,1) calc(.6s + var(--i) * .12s)}.is-in[data-astro-cid-ofqifpql] .track[data-astro-cid-ofqifpql] i[data-astro-cid-ofqifpql]{transform:scaleX(max(var(--v),.03))}.bar[data-astro-cid-ofqifpql].hi .track[data-astro-cid-ofqifpql] i[data-astro-cid-ofqifpql]{background:var(--gx-orange)}.bar[data-astro-cid-ofqifpql].hi .l[data-astro-cid-ofqifpql]{color:var(--gx-ink);font-weight:600}.bar[data-astro-cid-ofqifpql] b[data-astro-cid-ofqifpql]{font:600 13px/1 var(--gx-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.chiprow[data-astro-cid-ofqifpql]{display:flex;flex-wrap:wrap;gap:6px}.chip[data-astro-cid-ofqifpql]{padding:5px 10px;border-radius:6px;font-size:12.5px;font-weight:600;background:var(--gx-paper-2);color:var(--gx-ink-2);box-shadow:0 0 0 1px var(--gx-line);transition:transform .5s var(--gx-spring),opacity .4s;transition-delay:calc(.6s + var(--i) * .08s)}html.gx-js .gx-h2h[data-astro-cid-ofqifpql]:not(.is-in) .chip[data-astro-cid-ofqifpql]{opacity:0;transform:scale(.6)}.rounds[data-astro-cid-ofqifpql]{margin:0;display:grid;border-top:1px solid var(--gx-line)}.round[data-astro-cid-ofqifpql]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 14px;padding:11px 0;border-bottom:1px solid var(--gx-line);transition:opacity .4s var(--gx-ease),transform .5s var(--gx-spring);transition-delay:calc(.9s + var(--i) * .22s)}html.gx-js .gx-h2h[data-astro-cid-ofqifpql]:not(.is-in) .round[data-astro-cid-ofqifpql]{opacity:0;transform:translateY(8px)}.round[data-astro-cid-ofqifpql] dt[data-astro-cid-ofqifpql]{grid-column:1 / -1;font:500 11px/1.3 var(--gx-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--gx-muted)}.round[data-astro-cid-ofqifpql] dd[data-astro-cid-ofqifpql]{margin:0;font-size:14px;line-height:1.35;min-width:0}.round[data-astro-cid-ofqifpql] .u[data-astro-cid-ofqifpql]{color:var(--gx-orange-hi);font-weight:600}.round[data-astro-cid-ofqifpql] .h[data-astro-cid-ofqifpql]{color:var(--gx-ink);text-align:right}.note[data-astro-cid-ofqifpql]{margin:0;font-size:12px;color:var(--gx-muted)}@media (prefers-reduced-motion: reduce){.side[data-astro-cid-ofqifpql],.vs[data-astro-cid-ofqifpql],.track[data-astro-cid-ofqifpql] i[data-astro-cid-ofqifpql],.chip[data-astro-cid-ofqifpql],.round[data-astro-cid-ofqifpql]{transition:none}}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table-wrapper{position:relative;border:0;border-radius:var(--gx-r-lg);background:var(--gx-card);box-shadow:var(--gx-shot);margin:8px 0 0}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table-wrapper:after{content:"";position:absolute;left:0;right:0;top:0;height:48px;background:linear-gradient(transparent,oklch(56.5% .16 42 / .08),transparent);border-bottom:1px solid oklch(56.5% .16 42 / .35);opacity:0;pointer-events:none}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table-wrapper.is-in:after{animation:gx-cmp-scan 2.8s var(--gx-ease) .2s}@keyframes gx-cmp-scan{0%{opacity:1;top:-48px}90%{opacity:1}to{opacity:0;top:100%}}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table thead th{background:var(--gx-paper-2);border-color:var(--gx-line)!important;font:500 12px/1.3 var(--gx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gx-muted);padding:16px 20px}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table thead th:nth-child(2){color:var(--gx-orange-hi);background:var(--gx-orange-wash)}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table tbody tr:nth-child(2n){background:none}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table tbody tr td{padding:14px 20px;font-size:14.5px;color:var(--gx-ink-2);border-color:var(--gx-line)!important;vertical-align:top}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table tbody tr td:first-child{color:var(--gx-ink)}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table tbody tr td:nth-child(2){background:color-mix(in oklch,var(--gx-orange-wash) 35%,var(--gx-card));color:var(--gx-ink)}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table tbody tr{transition:opacity .6s var(--gx-ease),transform .6s var(--gx-ease)}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table tbody tr:hover td{background:var(--gx-paper)}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table tbody tr:hover td:nth-child(2){background:var(--gx-orange-wash)}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table td[data-gx-v]:before{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;vertical-align:-4px;font:600 15px/1 var(--gx-body);transition:transform .5s var(--gx-spring) .4s}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table td[data-gx-v=yes]:before{content:"✓";color:var(--gx-good)}main:is([class*=page-gracker-vs-],.page-compare) .prompt-table td[data-gx-v=no]:before{content:"✕";color:var(--gx-bad)}html.gx-js main:is([class*=page-gracker-vs-],.page-compare) .prompt-table tr:not(.is-in) td[data-gx-v]:before{transform:scale(0)}@media (max-width: 768px){main:is([class*=page-gracker-vs-],.page-compare) .prompt-table thead th,main:is([class*=page-gracker-vs-],.page-compare) .prompt-table tbody td{padding:12px 14px;font-size:13.5px}}main:is([class*=page-gracker-vs-],.page-compare) .content .grid-50{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}main:is([class*=page-gracker-vs-],.page-compare) .grid-50>.info-card{width:auto}@media (max-width: 760px){main:is([class*=page-gracker-vs-],.page-compare) .content .grid-50{grid-template-columns:minmax(0,1fr)}}main:is([class*=page-gracker-vs-],.page-compare) .guide-author-section>.content{padding-block:24px 64px}@media (prefers-reduced-motion: reduce){main:is([class*=page-gracker-vs-],.page-compare) .prompt-table-wrapper:after{display:none}}
