We first started tracking the prices of individual graphics cards on August 14, 2025, and since then we’ve checked on an almost weekly cadence (we’ve got to have holidays, y’know). And it’s not been a pretty year.
In the interests of full disclosure, the methodology behind this data capture has been to have one editor spend an inordinate amount of their work day tracking down the cheapest available version of each of the current generation of GPUs from Nvidia, AMD, and yes, even Intel. They must be new in-box, so no refurbs or open box sales, and they must be from reputable sellers—no vendors on Amazon called sdfgwegggggwawfdasfsreqwwqeccccawef, in other words.
This data captures the very cheapest prices these GPUs were available for throughout the year, but what it doesn’t capture is the average price, which has often been much higher. Sometimes there might be a good deal on a particular graphics card, while the rest of the market is significantly more expensive. But our idea was to capture what a reader could spend in a particular week to bag the GPU chipset they wanted. And we’re carrying that on, with our weekly updates page always housing links to the cheapest cards we can find.
Back in August of last year, things weren’t particularly pretty at all. There was a mix of low stock and high demand, which meant that graphics cards from all the various manufacturers were well over their respective MSRPs… and had been since launch. Every GPU launched in 2025 had one thing in common: There was little initial supply and the promised launch prices generally evaporated in a puff of corporate greed.
And that was all before the RAMpocalypse took hold.
There was a beautifully innocent, AI ignorant moment in October, however, when—and I am getting a lump in my throat as I write this—pretty much every GPU except the RTX 5090 was available at or under its MSRP. We’ve never had it so good…
But then almost as soon as the Black Friday sales wrapped up at the end of November things went—and I hope you’ll forgive the technical industry jargon here—utterly tits up.
The memory crisis started to bite into the GPU market, and graphics card prices started to rise back up again, starting with the RTX 5080, which then dragged up almost every GPU up the price ladder into the new year.
Thankfully we haven’t experienced the same sort of exponential price growth that has blighted either the system memory or storage markets with graphics cards. Yes, the RTX 5090 has risen in price by 83% to $4,400, but everything else hit a plateau relatively quickly and we’ve been living in that new normal more or less happily for most of this year.
And that relative stasis point for GPU pricing—there was individual fluctuation of GPUs, but little of significance—continued until, well, yesterday. I came back from a week away with the family to find Nvidia’s mid-range graphics card market determined to wipe itself out. The RTX 5070 had been knocking around its $549 MSRP for a while, but all of a sudden that is over.
Boom, prices rocket up to $700, now $755, and largely $800 across the board. For a fourth-tier GPU that was barely an improvement over the RTX 4070 Super of the previous generation once you take out DLSS-related RTX Blackwell luxuries. The RTX 5060 Ti 16 GB card has followed it, like a rat up the ludicrous pricing drainpipe, dragging an increase of 51% up there with it.
But we’re still at a point where the top five Nvidia GeForce GPUs are priced at $650 or above and that makes me want to sick up a bit. Y’know, arching my back like a cat at the thought of an RTX 5060 Ti costing that much. Ack. Acccckhh.
And where do we go from here? I’ll be continuing to track the pricing of graphics cards most weeks (43 out of 52 ain’t bad) so we’ll see when the Radeon price bump comes into effect in retail, and then we have to figure out if this generation of graphics cards is then best just left to the datacentres and AI sickos.
What happens to the next generation of GPUs? There’s been the expectation of a Super refresh for the RTX Blackwell range, which can only really offer a bump in VRAM given the silicon limitations of each GPU, and then how do you price that? Here’s an RTX 5080 Super, that’ll be $1,499, thanks. RTX 5070 Ti Super, ma’am? Of course it has a stupid name, but we’re still going to charge you $1,200.
Thank you sir, may I have another.
li):not(:where([class~=”not-prose”], [class~=”not-prose”] *))::marker { color: var(–tw-prose-counters); font-weight: 400; }.prose :where(ul > li):not(:where([class~=”not-prose”], [class~=”not-prose”] *))::marker { color: var(–tw-prose-bullets); }.prose :where(dt):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: var(–tw-prose-headings); margin-top: 1.25em; font-weight: 600; }.prose :where(hr):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { border-color: var(–tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; }.prose :where(blockquote):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: var(–tw-prose-quotes); border-inline-start-width: 4px; border-inline-start-color: var(–tw-prose-quote-borders); quotes: ““” “”” “‘” “’”; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-style: italic; font-weight: 500; }.prose :where(blockquote p:first-of-type):not(:where([class~=”not-prose”], [class~=”not-prose”] *))::before { content: open-quote; }.prose :where(blockquote p:last-of-type):not(:where([class~=”not-prose”], [class~=”not-prose”] *))::after { content: close-quote; }.prose :where(h1):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: var(–tw-prose-headings); margin-top: 0px; margin-bottom: 0.888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111; }.prose :where(h1 strong):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: inherit; font-weight: 900; }.prose :where(h2):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: var(–tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333; }.prose :where(h2 strong):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: inherit; font-weight: 800; }.prose :where(h3):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: var(–tw-prose-headings); margin-top: 1.6em; margin-bottom: 0.6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; }.prose :where(h3 strong):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: inherit; font-weight: 700; }.prose :where(h4):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: var(–tw-prose-headings); margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 600; line-height: 1.5; }.prose :where(h4 strong):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: inherit; font-weight: 700; }.prose :where(img):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 2em; margin-bottom: 2em; }.prose :where(picture):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 2em; margin-bottom: 2em; display: block; }.prose :where(video):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 2em; margin-bottom: 2em; }.prose :where(kbd):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: var(–tw-prose-kbd); box-shadow: 0 0 0 1px var(–tw-prose-kbd-shadows),0 3px 0 var(–tw-prose-kbd-shadows); padding-top: 0.1875em; padding-inline: 0.375em; padding-bottom: 0.1875em; border-radius: 5px; font-family: inherit; font-size: 0.875em; font-weight: 500; }.prose :where(code):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: var(–tw-prose-code); font-size: 0.875em; font-weight: 600; }.prose :where(code):not(:where([class~=”not-prose”], [class~=”not-prose”] *))::before, .prose :where(code):not(:where([class~=”not-prose”], [class~=”not-prose”] *))::after { content: “`”; }.prose :where(a code):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose :where(h1 code):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: inherit; }.prose :where(h2 code):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: inherit; font-size: 0.875em; }.prose :where(h3 code):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: inherit; font-size: 0.9em; }.prose :where(h4 code):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose :where(blockquote code):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose :where(thead th code):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: inherit; }.prose :where(pre):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: var(–tw-prose-pre-code); background-color: var(–tw-prose-pre-bg); padding-top: 0.857143em; padding-inline: 1.14286em; padding-bottom: 0.857143em; border-radius: 6px; margin-top: 1.71429em; margin-bottom: 1.71429em; font-size: 0.875em; font-weight: 400; line-height: 1.71429; overflow-x: auto; }.prose :where(pre code):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: rgba(0, 0, 0, 0); border-width: 0px; border-radius: 0px; padding: 0px; }.prose :where(pre code):not(:where([class~=”not-prose”], [class~=”not-prose”] *))::before, .prose :where(pre code):not(:where([class~=”not-prose”], [class~=”not-prose”] *))::after { content: none; }.prose :where(table):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.71429; }.prose :where(thead):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { border-bottom-width: 1px; border-bottom-color: var(–tw-prose-th-borders); }.prose :where(thead th):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: var(–tw-prose-headings); vertical-align: bottom; padding-inline: 0.571429em; padding-bottom: 0.571429em; font-weight: 600; }.prose :where(t#widget-fgquwur tr):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { border-bottom-width: 1px; border-bottom-color: var(–tw-prose-td-borders); }.prose :where(t#widget-fgquwur tr:last-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { border-bottom-width: 0px; }.prose :where(t#widget-fgquwur td):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { vertical-align: baseline; }.prose :where(tfoot):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { border-top-width: 1px; border-top-color: var(–tw-prose-th-borders); }.prose :where(tfoot td):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { vertical-align: top; }.prose :where(th, td):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { text-align: start; }.prose :where(figure > *):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0px; margin-bottom: 0px; }.prose :where(figcaption):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: var(–tw-prose-captions); margin-top: 0.857143em; font-size: 0.875em; line-height: 1.42857; }.prose { –tw-prose-#widget-fgquwur: oklch(37.3% .034 259.733); –tw-prose-headings: oklch(21% .034 264.665); –tw-prose-lead: oklch(44.6% .03 256.802); –tw-prose-links: oklch(21% .034 264.665); –tw-prose-bold: oklch(21% .034 264.665); –tw-prose-counters: oklch(55.1% .027 264.364); –tw-prose-bullets: oklch(87.2% .01 258.338); –tw-prose-hr: oklch(92.8% .006 264.531); –tw-prose-quotes: oklch(21% .034 264.665); –tw-prose-quote-borders: oklch(92.8% .006 264.531); –tw-prose-captions: oklch(55.1% .027 264.364); –tw-prose-kbd: oklch(21% .034 264.665); –tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527/.1); –tw-prose-code: oklch(21% .034 264.665); –tw-prose-pre-code: oklch(92.8% .006 264.531); –tw-prose-pre-bg: oklch(27.8% .033 256.848); –tw-prose-th-borders: oklch(87.2% .01 258.338); –tw-prose-td-borders: oklch(92.8% .006 264.531); –tw-prose-invert-#widget-fgquwur: oklch(87.2% .01 258.338); –tw-prose-invert-headings: #fff; –tw-prose-invert-lead: oklch(70.7% .022 261.325); –tw-prose-invert-links: #fff; –tw-prose-invert-bold: #fff; –tw-prose-invert-counters: oklch(70.7% .022 261.325); –tw-prose-invert-bullets: oklch(44.6% .03 256.802); –tw-prose-invert-hr: oklch(37.3% .034 259.733); –tw-prose-invert-quotes: oklch(96.7% .003 264.542); –tw-prose-invert-quote-borders: oklch(37.3% .034 259.733); –tw-prose-invert-captions: oklch(70.7% .022 261.325); –tw-prose-invert-kbd: #fff; –tw-prose-invert-kbd-shadows: #ffffff1a; –tw-prose-invert-code: #fff; –tw-prose-invert-pre-code: oklch(87.2% .01 258.338); –tw-prose-invert-pre-bg: #00000080; –tw-prose-invert-th-borders: oklch(44.6% .03 256.802); –tw-prose-invert-td-borders: oklch(37.3% .034 259.733); font-size: 16px; line-height: 1.75; }.prose :where(picture > img):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0px; margin-bottom: 0px; }.prose :where(li):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0.5em; margin-bottom: 0.5em; }.prose :where(ol > li):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose :where(ul > li):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-inline-start: 0.375em; }.prose :where(.prose > ul > li p):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }.prose :where(.prose > ul > li > p:first-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.25em; }.prose :where(.prose > ul > li > p:last-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-bottom: 1.25em; }.prose :where(.prose > ol > li > p:first-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.25em; }.prose :where(.prose > ol > li > p:last-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-bottom: 1.25em; }.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }.prose :where(dl):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.25em; margin-bottom: 1.25em; }.prose :where(dd):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; }.prose :where(hr + *):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose :where(h2 + *):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose :where(h3 + *):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose :where(h4 + *):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0px; }.prose :where(thead th:first-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-inline-start: 0px; }.prose :where(thead th:last-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-inline-end: 0px; }.prose :where(t#widget-fgquwur td, tfoot td):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-top: 0.571429em; padding-inline: 0.571429em; padding-bottom: 0.571429em; }.prose :where(t#widget-fgquwur td:first-child, tfoot td:first-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-inline-start: 0px; }.prose :where(t#widget-fgquwur td:last-child, tfoot td:last-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-inline-end: 0px; }.prose :where(figure):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 2em; margin-bottom: 2em; }.prose :where(.prose > :first-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0px; }.prose :where(.prose > :last-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-bottom: 0px; }.prose-lg { font-size: 18px; line-height: 1.77778; }.prose-lg :where(p):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; }.prose-lg :where([class~=”lead”]):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.09091em; margin-bottom: 1.09091em; font-size: 1.22222em; line-height: 1.45455; }.prose-lg :where(blockquote):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.66667em; margin-bottom: 1.66667em; padding-inline-start: 1em; }.prose-lg :where(h1):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0px; margin-bottom: 0.833333em; font-size: 2.66667em; line-height: 1; }.prose-lg :where(h2):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.86667em; margin-bottom: 1.06667em; font-size: 1.66667em; line-height: 1.33333; }.prose-lg :where(h3):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.66667em; margin-bottom: 0.666667em; font-size: 1.33333em; line-height: 1.5; }.prose-lg :where(h4):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.77778em; margin-bottom: 0.444444em; line-height: 1.55556; }.prose-lg :where(img):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose-lg :where(picture):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.77778em; margin-bottom: 1.77778em; }.prose-lg :where(picture > img):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0px; margin-bottom: 0px; }.prose-lg :where(video):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.77778em; margin-bottom: 1.77778em; }.prose-lg :where(kbd):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-top: 0.222222em; padding-inline: 0.444444em; padding-bottom: 0.222222em; border-radius: 5px; font-size: 0.888889em; }.prose-lg :where(code):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { font-size: 0.888889em; }.prose-lg :where(h2 code):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { font-size: 0.866667em; }.prose-lg :where(h3 code):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { font-size: 0.875em; }.prose-lg :where(pre):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-top: 1em; padding-inline: 1.5em; padding-bottom: 1em; border-radius: 6px; margin-top: 2em; margin-bottom: 2em; font-size: 0.888889em; line-height: 1.75; }.prose-lg :where(ol):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose-lg :where(ul):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; padding-inline-start: 1.55556em; }.prose-lg :where(li):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0.666667em; margin-bottom: 0.666667em; }.prose-lg :where(ol > li):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose-lg :where(ul > li):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-inline-start: 0.444444em; }.prose-lg :where(.prose-lg > ul > li p):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0.888889em; margin-bottom: 0.888889em; }.prose-lg :where(.prose-lg > ul > li > p:first-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.33333em; }.prose-lg :where(.prose-lg > ul > li > p:last-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-bottom: 1.33333em; }.prose-lg :where(.prose-lg > ol > li > p:first-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.33333em; }.prose-lg :where(.prose-lg > ol > li > p:last-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-bottom: 1.33333em; }.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0.888889em; margin-bottom: 0.888889em; }.prose-lg :where(dl):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; }.prose-lg :where(dt):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.33333em; }.prose-lg :where(dd):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0.666667em; padding-inline-start: 1.55556em; }.prose-lg :where(hr):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 3.11111em; margin-bottom: 3.11111em; }.prose-lg :where(hr + *):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose-lg :where(h2 + *):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose-lg :where(h3 + *):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose-lg :where(h4 + *):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0px; }.prose-lg :where(table):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { font-size: 0.888889em; line-height: 1.5; }.prose-lg :where(thead th):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-inline: 0.75em; padding-bottom: 0.75em; }.prose-lg :where(thead th:first-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-inline-start: 0px; }.prose-lg :where(thead th:last-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-inline-end: 0px; }.prose-lg :where(t#widget-fgquwur td, tfoot td):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-top: 0.75em; padding-inline: 0.75em; padding-bottom: 0.75em; }.prose-lg :where(t#widget-fgquwur td:first-child, tfoot td:first-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-inline-start: 0px; }.prose-lg :where(t#widget-fgquwur td:last-child, tfoot td:last-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { padding-inline-end: 0px; }.prose-lg :where(figure):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1.77778em; margin-bottom: 1.77778em; }.prose-lg :where(figure > *):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0px; margin-bottom: 0px; }.prose-lg :where(figcaption):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 1em; font-size: 0.888889em; line-height: 1.5; }.prose-lg :where(.prose-lg > :first-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-top: 0px; }.prose-lg :where(.prose-lg > :last-child):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { margin-bottom: 0px; }.mt-0 { margin-top: calc(var(–spacing) * 0); }.mt-1 { margin-top: calc(var(–spacing) * 1); }.mt-2 { margin-top: calc(var(–spacing) * 2); }.mt-3 { margin-top: calc(var(–spacing) * 3); }.mt-4 { margin-top: calc(var(–spacing) * 4); }.mt-5 { margin-top: calc(var(–spacing) * 5); }.mt-6 { margin-top: calc(var(–spacing) * 6); }.mt-7 { margin-top: calc(var(–spacing) * 7); }.mt-8 { margin-top: calc(var(–spacing) * 8); }.mt-10 { margin-top: calc(var(–spacing) * 10); }.mt-auto { margin-top: auto; }.-mr-1 { margin-right: calc(var(–spacing) * -1); }.mr-0 { margin-right: calc(var(–spacing) * 0); }.mr-1 { margin-right: calc(var(–spacing) * 1); }.mr-1.5 { margin-right: calc(var(–spacing) * 1.5); }.mr-2 { margin-right: calc(var(–spacing) * 2); }.mr-3 { margin-right: calc(var(–spacing) * 3); }.mr-4 { margin-right: calc(var(–spacing) * 4); }.mr-5 { margin-right: calc(var(–spacing) * 5); }.mr-8 { margin-right: calc(var(–spacing) * 8); }.mr-auto { margin-right: auto; }.mb-0 { margin-bottom: calc(var(–spacing) * 0); }.mb-1 { margin-bottom: calc(var(–spacing) * 1); }.mb-2 { margin-bottom: calc(var(–spacing) * 2); }.mb-3 { margin-bottom: calc(var(–spacing) * 3); }.mb-4 { margin-bottom: calc(var(–spacing) * 4); }.mb-5 { margin-bottom: calc(var(–spacing) * 5); }.mb-6 { margin-bottom: calc(var(–spacing) * 6); }.mb-7 { margin-bottom: calc(var(–spacing) * 7); }.mb-8 { margin-bottom: calc(var(–spacing) * 8); }.mb-10 { margin-bottom: calc(var(–spacing) * 10); }.-ml-1 { margin-left: calc(var(–spacing) * -1); }.-ml-2 { margin-left: calc(var(–spacing) * -2); }.-ml-5 { margin-left: calc(var(–spacing) * -5); }.ml-0 { margin-left: calc(var(–spacing) * 0); }.ml-0.5 { margin-left: calc(var(–spacing) * .5); }.ml-1 { margin-left: calc(var(–spacing) * 1); }.ml-2 { margin-left: calc(var(–spacing) * 2); }.ml-3 { margin-left: calc(var(–spacing) * 3); }.ml-4 { margin-left: calc(var(–spacing) * 4); }.ml-6 { margin-left: calc(var(–spacing) * 6); }.ml-8 { margin-left: calc(var(–spacing) * 8); }.ml-auto { margin-left: auto; }.box-border { box-sizing: border-box; }.line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }.line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }.block { display: block; }.contents { display: contents; }.flex { display: flex; }.flow-root { display: flow-root; }.grid { display: grid; }.hidden { display: none; }.inline { display: inline; }.inline-block { display: inline-block; }.inline-flex { display: inline-flex; }.table { display: table; }.table-row { display: table-row; }.aspect-square { aspect-ratio: 1 / 1; }.size-1 { width: calc(var(–spacing) * 1); height: calc(var(–spacing) * 1); }.size-1.5 { width: calc(var(–spacing) * 1.5); height: calc(var(–spacing) * 1.5); }.size-2 { width: calc(var(–spacing) * 2); height: calc(var(–spacing) * 2); }.size-3 { width: calc(var(–spacing) * 3); height: calc(var(–spacing) * 3); }.size-4 { width: calc(var(–spacing) * 4); height: calc(var(–spacing) * 4); }.size-5 { width: calc(var(–spacing) * 5); height: calc(var(–spacing) * 5); }.size-6 { width: calc(var(–spacing) * 6); height: calc(var(–spacing) * 6); }.size-7 { width: calc(var(–spacing) * 7); height: calc(var(–spacing) * 7); }.size-8 { width: calc(var(–spacing) * 8); height: calc(var(–spacing) * 8); }.size-9 { width: calc(var(–spacing) * 9); height: calc(var(–spacing) * 9); }.size-10 { width: calc(var(–spacing) * 10); height: calc(var(–spacing) * 10); }.size-12 { width: calc(var(–spacing) * 12); height: calc(var(–spacing) * 12); }.size-16 { width: calc(var(–spacing) * 16); height: calc(var(–spacing) * 16); }.size-20 { width: calc(var(–spacing) * 20); height: calc(var(–spacing) * 20); }.size-40 { width: calc(var(–spacing) * 40); height: calc(var(–spacing) * 40); }.size-full { width: 100%; height: 100%; }.h-1 { height: calc(var(–spacing) * 1); }.h-1.5 { height: calc(var(–spacing) * 1.5); }.h-2 { height: calc(var(–spacing) * 2); }.h-3 { height: calc(var(–spacing) * 3); }.h-4 { height: calc(var(–spacing) * 4); }.h-5 { height: calc(var(–spacing) * 5); }.h-6 { height: calc(var(–spacing) * 6); }.h-7 { height: calc(var(–spacing) * 7); }.h-8 { height: calc(var(–spacing) * 8); }.h-9 { height: calc(var(–spacing) * 9); }.h-10 { height: calc(var(–spacing) * 10); }.h-12 { height: calc(var(–spacing) * 12); }.h-14 { height: calc(var(–spacing) * 14); }.h-16 { height: calc(var(–spacing) * 16); }.h-20 { height: calc(var(–spacing) * 20); }.h-24 { height: calc(var(–spacing) * 24); }.h-28 { height: calc(var(–spacing) * 28); }.h-64 { height: calc(var(–spacing) * 64); }.h-[30px] { height: 30px; }.h-[40px] { height: 40px; }.h-[44px] { height: 44px; }.h-[76px] { height: 76px; }.h-[600px] { height: 600px; }.h-[var(–logo-height-mobile,25px)] { height: var(–logo-height-mobile,25px); }.h-[var(–site-header-height,60px)] { height: var(–site-header-height,60px); }.h-auto { height: auto; }.h-fit { height: fit-content; }.h-full { height: 100%; }.h-min { height: min-content; }.h-px { height: 1px; }.h-screen { height: 100vh; }.max-h-0 { max-height: calc(var(–spacing) * 0); }.max-h-6 { max-height: calc(var(–spacing) * 6); }.max-h-12 { max-height: calc(var(–spacing) * 12); }.max-h-32 { max-height: calc(var(–spacing) * 32); }.max-h-80 { max-height: calc(var(–spacing) * 80); }.max-h-[90vh] { max-height: 90vh; }.max-h-[var(–logo-height-mobile,25px)] { max-height: var(–logo-height-mobile,25px); }.min-h-8 { min-height: calc(var(–spacing) * 8); }.min-h-10 { min-height: calc(var(–spacing) * 10); }.min-h-[400px] { min-height: 400px; }.min-h-full { min-height: 100%; }.min-h-screen { min-height: 100vh; }.w-0 { width: calc(var(–spacing) * 0); }.w-1 { width: calc(var(–spacing) * 1); }.w-1.5 { width: calc(var(–spacing) * 1.5); }.w-1/3 { width: 33.3333%; }.w-1/4 { width: 25%; }.w-2 { width: calc(var(–spacing) * 2); }.w-3 { width: calc(var(–spacing) * 3); }.w-4 { width: calc(var(–spacing) * 4); }.w-5 { width: calc(var(–spacing) * 5); }.w-6 { width: calc(var(–spacing) * 6); }.w-8 { width: calc(var(–spacing) * 8); }.w-9 { width: calc(var(–spacing) * 9); }.w-10 { width: calc(var(–spacing) * 10); }.w-12 { width: calc(var(–spacing) * 12); }.w-16 { width: calc(var(–spacing) * 16); }.w-20 { width: calc(var(–spacing) * 20); }.w-24 { width: calc(var(–spacing) * 24); }.w-28 { width: calc(var(–spacing) * 28); }.w-32 { width: calc(var(–spacing) * 32); }.w-36 { width: calc(var(–spacing) * 36); }.w-40 { width: calc(var(–spacing) * 40); }.w-44 { width: calc(var(–spacing) * 44); }.w-48 { width: calc(var(–spacing) * 48); }.w-56 { width: calc(var(–spacing) * 56); }.w-64 { width: calc(var(–spacing) * 64); }.w-[140px] { width: 140px; }.w-auto { width: auto; }.w-fit { width: fit-content; }.w-full { width: 100%; }.w-max { width: max-content; }.w-px { width: 1px; }.w-screen { width: 100vw; }.max-w-2xl { max-width: var(–container-2xl); }.max-w-4xl { max-width: var(–container-4xl); }.max-w-6xl { max-width: var(–container-6xl); }.max-w-7xl { max-width: var(–container-7xl); }.max-w-32 { max-width: calc(var(–spacing) * 32); }.max-w-40 { max-width: calc(var(–spacing) * 40); }.max-w-64 { max-width: calc(var(–spacing) * 64); }.max-w-[960px] { max-width: 960px; }.max-w-[65ch] { max-width: 65ch; }.max-w-[1200px] { max-width: 1200px; }.max-w-[min(var(–site-header-max-width,970px),98dvw)] { max-width: min(var(–site-header-max-width,970px),98dvw); }.max-w-full { max-width: 100%; }.max-w-lg { max-width: var(–container-lg); }.max-w-md { max-width: var(–container-md); }.max-w-none { max-width: none; }.max-w-screen-xl { max-width: var(–breakpoint-xl); }.max-w-sm { max-width: var(–container-sm); }.max-w-xl { max-width: var(–container-xl); }.min-w-0 { min-width: calc(var(–spacing) * 0); }.min-w-8 { min-width: calc(var(–spacing) * 8); }.min-w-10 { min-width: calc(var(–spacing) * 10); }.min-w-16 { min-width: calc(var(–spacing) * 16); }.min-w-20 { min-width: calc(var(–spacing) * 20); }.min-w-36 { min-width: calc(var(–spacing) * 36); }.min-w-40 { min-width: calc(var(–spacing) * 40); }.min-w-52 { min-width: calc(var(–spacing) * 52); }.min-w-[800px] { min-width: 800px; }.min-w-[var(–tray-bell-min-width,40px)] { min-width: var(–tray-bell-min-width,40px); }.min-w-full { min-width: 100%; }.flex-0 { flex: 0 1 0%; }.flex-1 { flex: 1 1 0%; }.flex-none { flex: 0 0 auto; }.flex-shrink, .shrink { flex-shrink: 1; }.shrink-0 { flex-shrink: 0; }.flex-grow, .grow { flex-grow: 1; }.grow-0 { flex-grow: 0; }.basis-1 { flex-basis: calc(var(–spacing) * 1); }.basis-2 { flex-basis: calc(var(–spacing) * 2); }.basis-3 { flex-basis: calc(var(–spacing) * 3); }.basis-11 { flex-basis: calc(var(–spacing) * 11); }.basis-13 { flex-basis: calc(var(–spacing) * 13); }.basis-auto { flex-basis: auto; }.basis-full { flex-basis: 100%; }.border-collapse { border-collapse: collapse; }.origin-center { transform-origin: 50% center; }.origin-top-right { transform-origin: 100% 0px; }.-translate-x-1 { –tw-translate-x: calc(var(–spacing) * -1); translate: var(–tw-translate-x) var(–tw-translate-y); }.-translate-x-1/2 { –tw-translate-x: -50%; translate: var(–tw-translate-x) var(–tw-translate-y); }.-translate-x-2 { –tw-translate-x: calc(var(–spacing) * -2); translate: var(–tw-translate-x) var(–tw-translate-y); }.-translate-y-1 { –tw-translate-y: calc(var(–spacing) * -1); translate: var(–tw-translate-x) var(–tw-translate-y); }.-translate-y-1/2 { –tw-translate-y: -50%; translate: var(–tw-translate-x) var(–tw-translate-y); }.-translate-y-full { –tw-translate-y: -100%; translate: var(–tw-translate-x) var(–tw-translate-y); }.translate-y-0 { –tw-translate-y: calc(var(–spacing) * 0); translate: var(–tw-translate-x) var(–tw-translate-y); }.translate-y-4 { –tw-translate-y: calc(var(–spacing) * 4); translate: var(–tw-translate-x) var(–tw-translate-y); }.translate-y-full { –tw-translate-y: 100%; translate: var(–tw-translate-x) var(–tw-translate-y); }.scale-95 { –tw-scale-x: 95%; –tw-scale-y: 95%; –tw-scale-z: 95%; scale: var(–tw-scale-x) var(–tw-scale-y); }.scale-100 { –tw-scale-x: 100%; –tw-scale-y: 100%; –tw-scale-z: 100%; scale: var(–tw-scale-x) var(–tw-scale-y); }.-rotate-90 { rotate: -90deg; }.rotate-90 { rotate: 90deg; }.rotate-180 { rotate: 180deg; }.transform { transform: var(–tw-rotate-x,) var(–tw-rotate-y,) var(–tw-rotate-z,) var(–tw-skew-x,) var(–tw-skew-y,); }.animate-pulse { animation: var(–animate-pulse); }.animate-spin { animation: var(–animate-spin); }.cursor-default { cursor: default; }.cursor-not-allowed { cursor: not-allowed; }.cursor-pointer { cursor: pointer; }.resize { resize: both; }.resize-y { resize: vertical; }.snap-x { scroll-snap-type: x var(–tw-scroll-snap-strictness); }.snap-mandatory { –tw-scroll-snap-strictness: mandatory; }.snap-start { scroll-snap-align: start; }.list-outside { list-style-position: outside; }.list-disc { list-style-type: disc; }.list-none { list-style-type: none; }.appearance-none { appearance: none; }.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }.grid-rows-2 { grid-template-rows: repeat(2, minmax(0px, 1fr)); }.flex-col { flex-direction: column; }.flex-row { flex-direction: row; }.flex-row-reverse { flex-direction: row-reverse; }.flex-nowrap { flex-wrap: nowrap; }.flex-wrap { flex-wrap: wrap; }.place-items-center { place-items: center; }.content-around { align-content: space-around; }.content-center { align-content: center; }.content-stretch { align-content: stretch; }.items-baseline { align-items: baseline; }.items-center { align-items: center; }.items-end { align-items: flex-end; }.items-start { align-items: flex-start; }.items-stretch { align-items: stretch; }.justify-between { justify-content: space-between; }.justify-center { justify-content: center; }.justify-end { justify-content: flex-end; }.justify-start { justify-content: flex-start; }.gap-0 { gap: calc(var(–spacing) * 0); }.gap-1 { gap: calc(var(–spacing) * 1); }.gap-1.5 { gap: calc(var(–spacing) * 1.5); }.gap-2 { gap: calc(var(–spacing) * 2); }.gap-3 { gap: calc(var(–spacing) * 3); }.gap-4 { gap: calc(var(–spacing) * 4); }.gap-5 { gap: calc(var(–spacing) * 5); }.gap-6 { gap: calc(var(–spacing) * 6); }.gap-8 { gap: calc(var(–spacing) * 8); }.gap-[var(–site-header-gap,010.4px)] { gap: var(–site-header-gap,10.4px); }.gap-px { gap: 1px; }:where(.space-y-1 > :not(:last-child)) { –tw-space-y-reverse: 0; margin-block-start: calc(calc(var(–spacing) * 1) * var(–tw-space-y-reverse)); margin-block-end: calc(calc(var(–spacing) * 1) * calc(1 – var(–tw-space-y-reverse))); }.gap-x-1 { column-gap: calc(var(–spacing) * 1); }.gap-x-3 { column-gap: calc(var(–spacing) * 3); }.gap-x-4 { column-gap: calc(var(–spacing) * 4); }.gap-x-5 { column-gap: calc(var(–spacing) * 5); }.gap-x-8 { column-gap: calc(var(–spacing) * 8); }.gap-x-10 { column-gap: calc(var(–spacing) * 10); }:where(.space-x-3 > :not(:last-child)) { –tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(–spacing) * 3) * var(–tw-space-x-reverse)); margin-inline-end: calc(calc(var(–spacing) * 3) * calc(1 – var(–tw-space-x-reverse))); }.gap-y-1 { row-gap: calc(var(–spacing) * 1); }.gap-y-2 { row-gap: calc(var(–spacing) * 2); }.gap-y-3 { row-gap: calc(var(–spacing) * 3); }.gap-y-4 { row-gap: calc(var(–spacing) * 4); }.gap-y-6 { row-gap: calc(var(–spacing) * 6); }.gap-y-12 { row-gap: calc(var(–spacing) * 12); }:where(.divide-y > :not(:last-child)) { –tw-divide-y-reverse: 0; border-bottom-style: var(–tw-border-style); border-top-style: var(–tw-border-style); border-top-width: calc(1px * var(–tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 – var(–tw-divide-y-reverse))); }:where(.divide-neutral-100 > :not(:last-child)) { border-color: var(–color-neutral-100); }:where(.divide-white > :not(:last-child)) { border-color: var(–color-white); }.self-center { align-self: center; }.self-start { align-self: flex-start; }.truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }.overflow-auto { overflow: auto; }.overflow-hidden { overflow: hidden; }.overflow-visible { overflow: visible; }.overflow-x-auto { overflow-x: auto; }.overflow-x-hidden { overflow-x: hidden; }.overflow-x-scroll { overflow-x: scroll; }.overflow-y-auto { overflow-y: auto; }.overflow-y-clip { overflow-y: clip; }.overflow-y-hidden { overflow-y: hidden; }.overflow-y-visible { overflow-y: visible; }.overscroll-x-contain { overscroll-behavior-x: contain; }.scroll-smooth { scroll-behavior: smooth; }.rounded { border-radius: 4px; }.rounded-2xl { border-radius: var(–radius-2xl); }.rounded-3xl { border-radius: var(–radius-3xl); }.rounded-4xl { border-radius: var(–radius-4xl); }.rounded-[50%] { border-radius: 50%; }.rounded-[var(–image–border-radius,0)] { border-radius: var(–image–border-radius,0); }.rounded-full { border-radius: 3.40282e+38px; }.rounded-lg { border-radius: var(–radius-lg); }.rounded-md { border-radius: var(–radius-md); }.rounded-none { border-radius: 0px; }.rounded-sm { border-radius: var(–radius-sm); }.rounded-xl { border-radius: var(–radius-xl); }.rounded-xs { border-radius: var(–radius-xs); }.rounded-t-2xl { border-top-left-radius: var(–radius-2xl); border-top-right-radius: var(–radius-2xl); }.rounded-l-full { border-top-left-radius: 3.40282e+38px; border-bottom-left-radius: 3.40282e+38px; }.rounded-tl-lg { border-top-left-radius: var(–radius-lg); }.rounded-r-full { border-top-right-radius: 3.40282e+38px; border-bottom-right-radius: 3.40282e+38px; }.rounded-tr-lg { border-top-right-radius: var(–radius-lg); }.rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }.rounded-br-lg { border-bottom-right-radius: var(–radius-lg); }.rounded-bl-lg { border-bottom-left-radius: var(–radius-lg); }.border { border-style: var(–tw-border-style); border-width: 1px; }.border-0 { border-style: var(–tw-border-style); border-width: 0px; }.border-1 { border-style: var(–tw-border-style); border-width: 1px; }.border-2 { border-style: var(–tw-border-style); border-width: 2px; }.border-8 { border-style: var(–tw-border-style); border-width: 8px; }.border-x-0 { border-inline-style: var(–tw-border-style); border-inline-width: 0px; }.border-y { border-block-style: var(–tw-border-style); border-block-width: 1px; }.border-y-0 { border-block-style: var(–tw-border-style); border-block-width: 0px; }.border-y-2 { border-block-style: var(–tw-border-style); border-block-width: 2px; }.border-t { border-top-style: var(–tw-border-style); border-top-width: 1px; }.border-t-2 { border-top-style: var(–tw-border-style); border-top-width: 2px; }.border-r { border-right-style: var(–tw-border-style); border-right-width: 1px; }.border-r-0 { border-right-style: var(–tw-border-style); border-right-width: 0px; }.border-b { border-bottom-style: var(–tw-border-style); border-bottom-width: 1px; }.border-b-0 { border-bottom-style: var(–tw-border-style); border-bottom-width: 0px; }.border-b-2 { border-bottom-style: var(–tw-border-style); border-bottom-width: 2px; }.border-l { border-left-style: var(–tw-border-style); border-left-width: 1px; }.border-dashed { –tw-border-style: dashed; border-style: dashed; }.border-none { –tw-border-style: none; border-style: none; }.border-solid { –tw-border-style: solid; border-style: solid; }.border-(–footer-nav-border-color) { border-color: var(–footer-nav-border-color); }.border-[#DC1F26] { border-color: rgb(220, 31, 38); }.border-black { border-color: var(–color-black); }.border-gray-100 { border-color: var(–color-gray-100); }.border-gray-200 { border-color: var(–color-gray-200); }.border-gray-300 { border-color: var(–color-gray-300); }.border-gray-400 { border-color: var(–color-gray-400); }.border-gray-500 { border-color: var(–color-gray-500); }.border-gray-600 { border-color: var(–color-gray-600); }.border-gray-700 { border-color: var(–color-gray-700); }.border-gray-800 { border-color: var(–color-gray-800); }.border-green-600 { border-color: var(–color-green-600); }.border-neutral-100 { border-color: var(–color-neutral-100); }.border-neutral-200 { border-color: var(–color-neutral-200); }.border-neutral-300 { border-color: var(–color-neutral-300); }.border-red-600 { border-color: var(–color-red-600); }.border-rose-100 { border-color: var(–color-rose-100); }.border-slate-600 { border-color: var(–color-slate-600); }.border-transparent { border-color: rgba(0, 0, 0, 0); }.border-white { border-color: var(–color-white); }.border-yellow-300 { border-color: var(–color-yellow-300); }.border-yellow-500 { border-color: var(–color-yellow-500); }.border-t-black { border-top-color: var(–color-black); }.border-t-neutral-500 { border-top-color: var(–color-neutral-500); }.border-r-neutral-100 { border-right-color: var(–color-neutral-100); }.border-r-neutral-200 { border-right-color: var(–color-neutral-200); }.border-b-black { border-bottom-color: var(–color-black); }.border-b-neutral-200 { border-bottom-color: var(–color-neutral-200); }.border-b-neutral-300 { border-bottom-color: var(–color-neutral-300); }.border-l-neutral-200 { border-left-color: var(–color-neutral-200); }.bg-(–footer-bg-color) { background-color: var(–footer-bg-color); }.bg-[#33333370] { background-color: rgba(51, 51, 51, 0.44); }.bg-[#DC1F26] { background-color: rgb(220, 31, 38); }.bg-[#ededed] { background-color: rgb(237, 237, 237); }.bg-[var(–region-redirect-banner-background,var(–brand-color-1))] { background-color: var(–region-redirect-banner-background,var(–brand-color-1)); }.bg-[var(–site-header-background-color,white)] { background-color: var(–site-header-background-color,white); }.bg-amber-50 { background-color: var(–color-amber-50); }.bg-black { background-color: var(–color-black); }.bg-blue-50 { background-color: var(–color-blue-50); }.bg-gray-50 { background-color: var(–color-gray-50); }.bg-gray-100 { background-color: var(–color-gray-100); }.bg-gray-200 { background-color: var(–color-gray-200); }.bg-gray-300 { background-color: var(–color-gray-300); }.bg-gray-500 { background-color: var(–color-gray-500); }.bg-gray-500/75 { background-color: rgba(106, 114, 130, 0.75); }@supports (color:color-mix(in lab,red,red)) { .bg-gray-500/75 { background-color: color-mix(in oklab,var(–color-gray-500) 75%,transparent); }}.bg-gray-800 { background-color: var(–color-gray-800); }.bg-gray-900 { background-color: var(–color-gray-900); }.bg-gray-950 { background-color: var(–color-gray-950); }.bg-green-50 { background-color: var(–color-green-50); }.bg-green-100 { background-color: var(–color-green-100); }.bg-green-500 { background-color: var(–color-green-500); }.bg-green-600 { background-color: var(–color-green-600); }.bg-inherit { background-color: inherit; }.bg-neutral-50 { background-color: var(–color-neutral-50); }.bg-neutral-50/50 { background-color: rgba(250, 250, 250, 0.5); }@supports (color:color-mix(in lab,red,red)) { .bg-neutral-50/50 { background-color: color-mix(in oklab,var(–color-neutral-50) 50%,transparent); }}.bg-neutral-100 { background-color: var(–color-neutral-100); }.bg-neutral-200 { background-color: var(–color-neutral-200); }.bg-neutral-300 { background-color: var(–color-neutral-300); }.bg-neutral-500 { background-color: var(–color-neutral-500); }.bg-neutral-600 { background-color: var(–color-neutral-600); }.bg-neutral-800 { background-color: var(–color-neutral-800); }.bg-neutral-900 { background-color: var(–color-neutral-900); }.bg-neutral-900/40 { background-color: rgba(23, 23, 23, 0.4); }@supports (color:color-mix(in lab,red,red)) { .bg-neutral-900/40 { background-color: color-mix(in oklab,var(–color-neutral-900) 40%,transparent); }}.bg-neutral-950 { background-color: var(–color-neutral-950); }.bg-orange-50 { background-color: var(–color-orange-50); }.bg-purple-50 { background-color: var(–color-purple-50); }.bg-red-50 { background-color: var(–color-red-50); }.bg-red-100 { background-color: var(–color-red-100); }.bg-red-500 { background-color: var(–color-red-500); }.bg-red-600 { background-color: var(–color-red-600); }.bg-rose-50 { background-color: var(–color-rose-50); }.bg-rose-500 { background-color: var(–color-rose-500); }.bg-slate-50 { background-color: var(–color-slate-50); }.bg-slate-500 { background-color: var(–color-slate-500); }.bg-slate-900 { background-color: var(–color-slate-900); }.bg-teal-50 { background-color: var(–color-teal-50); }.bg-transparent { background-color: rgba(0, 0, 0, 0); }.bg-white { background-color: var(–color-white); }.bg-yellow-50 { background-color: var(–color-yellow-50); }.bg-yellow-500 { background-color: var(–color-yellow-500); }.bg-zinc-300 { background-color: var(–color-zinc-300); }.bg-zinc-800 { background-color: var(–color-zinc-800); }.bg-zinc-900 { background-color: var(–color-zinc-900); }.bg-gradient-to-l { –tw-gradient-position: to left in oklab; background-image: linear-gradient(var(–tw-gradient-stops)); }.bg-gradient-to-t { –tw-gradient-position: to top in oklab; background-image: linear-gradient(var(–tw-gradient-stops)); }.bg-none { background-image: none; }.from-gray-100 { –tw-gradient-from: var(–color-gray-100); –tw-gradient-stops: var(–tw-gradient-via-stops,var(–tw-gradient-position), var(–tw-gradient-from) var(–tw-gradient-from-position), var(–tw-gradient-to) var(–tw-gradient-to-position)); }.from-gray-950 { –tw-gradient-from: var(–color-gray-950); –tw-gradient-stops: var(–tw-gradient-via-stops,var(–tw-gradient-position), var(–tw-gradient-from) var(–tw-gradient-from-position), var(–tw-gradient-to) var(–tw-gradient-to-position)); }.from-white { –tw-gradient-from: var(–color-white); –tw-gradient-stops: var(–tw-gradient-via-stops,var(–tw-gradient-position), var(–tw-gradient-from) var(–tw-gradient-from-position), var(–tw-gradient-to) var(–tw-gradient-to-position)); }.to-gray-200 { –tw-gradient-to: var(–color-gray-200); –tw-gradient-stops: var(–tw-gradient-via-stops,var(–tw-gradient-position), var(–tw-gradient-from) var(–tw-gradient-from-position), var(–tw-gradient-to) var(–tw-gradient-to-position)); }.to-gray-800 { –tw-gradient-to: var(–color-gray-800); –tw-gradient-stops: var(–tw-gradient-via-stops,var(–tw-gradient-position), var(–tw-gradient-from) var(–tw-gradient-from-position), var(–tw-gradient-to) var(–tw-gradient-to-position)); }.to-transparent { –tw-gradient-to: transparent; –tw-gradient-stops: var(–tw-gradient-via-stops,var(–tw-gradient-position), var(–tw-gradient-from) var(–tw-gradient-from-position), var(–tw-gradient-to) var(–tw-gradient-to-position)); }.bg-cover { background-size: cover; }.bg-center { background-position: 50% center; }.bg-repeat { background-repeat: repeat; }.fill-gray-500 { fill: var(–color-gray-500); }.fill-white { fill: var(–color-white); }.object-contain { object-fit: contain; }.object-cover { object-fit: cover; }.object-center { object-position: center center; }.p-0 { padding: calc(var(–spacing) * 0); }.p-1 { padding: calc(var(–spacing) * 1); }.p-1.5 { padding: calc(var(–spacing) * 1.5); }.p-2 { padding: calc(var(–spacing) * 2); }.p-3 { padding: calc(var(–spacing) * 3); }.p-4 { padding: calc(var(–spacing) * 4); }.p-5 { padding: calc(var(–spacing) * 5); }.p-6 { padding: calc(var(–spacing) * 6); }.p-8 { padding: calc(var(–spacing) * 8); }.px-0 { padding-inline: calc(var(–spacing) * 0); }.px-1 { padding-inline: calc(var(–spacing) * 1); }.px-2 { padding-inline: calc(var(–spacing) * 2); }.px-2.5 { padding-inline: calc(var(–spacing) * 2.5); }.px-3 { padding-inline: calc(var(–spacing) * 3); }.px-4 { padding-inline: calc(var(–spacing) * 4); }.px-5 { padding-inline: calc(var(–spacing) * 5); }.px-6 { padding-inline: calc(var(–spacing) * 6); }.px-8 { padding-inline: calc(var(–spacing) * 8); }.px-12 { padding-inline: calc(var(–spacing) * 12); }.py-0 { padding-block: calc(var(–spacing) * 0); }.py-0.5 { padding-block: calc(var(–spacing) * .5); }.py-1 { padding-block: calc(var(–spacing) * 1); }.py-1.5 { padding-block: calc(var(–spacing) * 1.5); }.py-2 { padding-block: calc(var(–spacing) * 2); }.py-2.5 { padding-block: calc(var(–spacing) * 2.5); }.py-3 { padding-block: calc(var(–spacing) * 3); }.py-4 { padding-block: calc(var(–spacing) * 4); }.py-5 { padding-block: calc(var(–spacing) * 5); }.py-6 { padding-block: calc(var(–spacing) * 6); }.py-7 { padding-block: calc(var(–spacing) * 7); }.py-8 { padding-block: calc(var(–spacing) * 8); }.py-10 { padding-block: calc(var(–spacing) * 10); }.py-12 { padding-block: calc(var(–spacing) * 12); }.py-24 { padding-block: calc(var(–spacing) * 24); }.pt-1 { padding-top: calc(var(–spacing) * 1); }.pt-2 { padding-top: calc(var(–spacing) * 2); }.pt-3 { padding-top: calc(var(–spacing) * 3); }.pt-4 { padding-top: calc(var(–spacing) * 4); }.pt-5 { padding-top: calc(var(–spacing) * 5); }.pt-6 { padding-top: calc(var(–spacing) * 6); }.pt-7 { padding-top: calc(var(–spacing) * 7); }.pt-8 { padding-top: calc(var(–spacing) * 8); }.pr-0 { padding-right: calc(var(–spacing) * 0); }.pr-1 { padding-right: calc(var(–spacing) * 1); }.pr-2 { padding-right: calc(var(–spacing) * 2); }.pr-3 { padding-right: calc(var(–spacing) * 3); }.pr-4 { padding-right: calc(var(–spacing) * 4); }.pr-5 { padding-right: calc(var(–spacing) * 5); }.pr-6 { padding-right: calc(var(–spacing) * 6); }.pr-8 { padding-right: calc(var(–spacing) * 8); }.pr-10 { padding-right: calc(var(–spacing) * 10); }.pr-12 { padding-right: calc(var(–spacing) * 12); }.pb-0 { padding-bottom: calc(var(–spacing) * 0); }.pb-1 { padding-bottom: calc(var(–spacing) * 1); }.pb-2 { padding-bottom: calc(var(–spacing) * 2); }.pb-3 { padding-bottom: calc(var(–spacing) * 3); }.pb-4 { padding-bottom: calc(var(–spacing) * 4); }.pb-5 { padding-bottom: calc(var(–spacing) * 5); }.pb-6 { padding-bottom: calc(var(–spacing) * 6); }.pb-8 { padding-bottom: calc(var(–spacing) * 8); }.pb-12 { padding-bottom: calc(var(–spacing) * 12); }.pb-[var(–strapline-padding-bottom,12px)] { padding-bottom: var(–strapline-padding-bottom,12px); }.pl-0 { padding-left: calc(var(–spacing) * 0); }.pl-1 { padding-left: calc(var(–spacing) * 1); }.pl-1.5 { padding-left: calc(var(–spacing) * 1.5); }.pl-2 { padding-left: calc(var(–spacing) * 2); }.pl-3 { padding-left: calc(var(–spacing) * 3); }.pl-4 { padding-left: calc(var(–spacing) * 4); }.pl-8 { padding-left: calc(var(–spacing) * 8); }.pl-9 { padding-left: calc(var(–spacing) * 9); }.pl-12 { padding-left: calc(var(–spacing) * 12); }.text-center { text-align: center; }.text-left { text-align: left; }.text-right { text-align: right; }.-indent-0 { text-indent: calc(var(–spacing) * 0); }.align-middle { vertical-align: middle; }.align-text-top { vertical-align: text-top; }.align-top { vertical-align: top; }.font-mono { font-family: var(–font-mono); }.font-sans { font-family: var(–font-sans); }.font-serif { font-family: var(–font-serif); }.text-2xl { font-size: var(–text-2xl); line-height: var(–tw-leading,var(–text-2xl–line-height)); }.text-3xl { font-size: var(–text-3xl); line-height: var(–tw-leading,var(–text-3xl–line-height)); }.text-4xl { font-size: var(–text-4xl); line-height: var(–tw-leading,var(–text-4xl–line-height)); }.text-base { font-size: var(–text-base); line-height: var(–tw-leading,var(–text-base–line-height)); }.text-lg { font-size: var(–text-lg); line-height: var(–tw-leading,var(–text-lg–line-height)); }.text-sm { font-size: var(–text-sm); line-height: var(–tw-leading,var(–text-sm–line-height)); }.text-xl { font-size: var(–text-xl); line-height: var(–tw-leading,var(–text-xl–line-height)); }.text-xs { font-size: var(–text-xs); line-height: var(–tw-leading,var(–text-xs–line-height)); }.text-[10px] { font-size: 10px; }.text-[11px] { font-size: 11px; }.text-[length:var(–strapline-font-size,13px)] { font-size: var(–strapline-font-size,13px); }.leading-2 { –tw-leading: calc(var(–spacing) * 2); line-height: calc(var(–spacing) * 2); }.leading-3 { –tw-leading: calc(var(–spacing) * 3); line-height: calc(var(–spacing) * 3); }.leading-4 { –tw-leading: calc(var(–spacing) * 4); line-height: calc(var(–spacing) * 4); }.leading-5 { –tw-leading: calc(var(–spacing) * 5); line-height: calc(var(–spacing) * 5); }.leading-6 { –tw-leading: calc(var(–spacing) * 6); line-height: calc(var(–spacing) * 6); }.leading-7 { –tw-leading: calc(var(–spacing) * 7); line-height: calc(var(–spacing) * 7); }.leading-8 { –tw-leading: calc(var(–spacing) * 8); line-height: calc(var(–spacing) * 8); }.leading-10 { –tw-leading: calc(var(–spacing) * 10); line-height: calc(var(–spacing) * 10); }.leading-none { –tw-leading: 1; line-height: 1; }.leading-normal { –tw-leading: var(–leading-normal); line-height: var(–leading-normal); }.leading-relaxed { –tw-leading: var(–leading-relaxed); line-height: var(–leading-relaxed); }.leading-snug { –tw-leading: var(–leading-snug); line-height: var(–leading-snug); }.leading-tight { –tw-leading: var(–leading-tight); line-height: var(–leading-tight); }.font-black { –tw-font-weight: var(–font-weight-black); font-weight: var(–font-weight-black); }.font-bold { –tw-font-weight: var(–font-weight-bold); font-weight: var(–font-weight-bold); }.font-extrabold { –tw-font-weight: var(–font-weight-extrabold); font-weight: var(–font-weight-extrabold); }.font-medium { –tw-font-weight: var(–font-weight-medium); font-weight: var(–font-weight-medium); }.font-normal { –tw-font-weight: var(–font-weight-normal); font-weight: var(–font-weight-normal); }.font-semibold { –tw-font-weight: var(–font-weight-semibold); font-weight: var(–font-weight-semibold); }.tracking-normal { –tw-tracking: var(–tracking-normal); letter-spacing: var(–tracking-normal); }.tracking-tight { –tw-tracking: var(–tracking-tight); letter-spacing: var(–tracking-tight); }.tracking-wide { –tw-tracking: var(–tracking-wide); letter-spacing: var(–tracking-wide); }.tracking-wider { –tw-tracking: var(–tracking-wider); letter-spacing: var(–tracking-wider); }.tracking-widest { –tw-tracking: var(–tracking-widest); letter-spacing: var(–tracking-widest); }.text-nowrap { text-wrap: nowrap; }.text-wrap { text-wrap: wrap; }.break-words { overflow-wrap: break-word; }.text-ellipsis { text-overflow: ellipsis; }.whitespace-break-spaces { white-space: break-spaces; }.whitespace-normal { white-space: normal; }.whitespace-nowrap { white-space: nowrap; }.whitespace-pre { white-space: pre; }.text-(–footer-text-color) { color: var(–footer-text-color); }.text-[#DC1F26] { color: rgb(220, 31, 38); }.text-[var(–site-header-text-color,#333)] { color: var(–site-header-text-color,#333); }.text-amber-700 { color: var(–color-amber-700); }.text-black { color: var(–color-black); }.text-blue-500 { color: var(–color-blue-500); }.text-blue-700 { color: var(–color-blue-700); }.text-current { color: currentcolor; }.text-gray-50 { color: var(–color-gray-50); }.text-gray-100 { color: var(–color-gray-100); }.text-gray-200 { color: var(–color-gray-200); }.text-gray-300 { color: var(–color-gray-300); }.text-gray-400 { color: var(–color-gray-400); }.text-gray-500 { color: var(–color-gray-500); }.text-gray-600 { color: var(–color-gray-600); }.text-gray-700 { color: var(–color-gray-700); }.text-gray-800 { color: var(–color-gray-800); }.text-gray-900 { color: var(–color-gray-900); }.text-green-50 { color: var(–color-green-50); }.text-green-400 { color: var(–color-green-400); }.text-green-500 { color: var(–color-green-500); }.text-green-600 { color: var(–color-green-600); }.text-green-700 { color: var(–color-green-700); }.text-inherit { color: inherit; }.text-lime-700 { color: var(–color-lime-700); }.text-neutral-100 { color: var(–color-neutral-100); }.text-neutral-200 { color: var(–color-neutral-200); }.text-neutral-300 { color: var(–color-neutral-300); }.text-neutral-400 { color: var(–color-neutral-400); }.text-neutral-500 { color: var(–color-neutral-500); }.text-neutral-600 { color: var(–color-neutral-600); }.text-neutral-700 { color: var(–color-neutral-700); }.text-neutral-800 { color: var(–color-neutral-800); }.text-neutral-900 { color: var(–color-neutral-900); }.text-orange-700 { color: var(–color-orange-700); }.text-pink-600 { color: var(–color-pink-600); }.text-purple-700 { color: var(–color-purple-700); }.text-red-50 { color: var(–color-red-50); }.text-red-500 { color: var(–color-red-500); }.text-red-600 { color: var(–color-red-600); }.text-red-700 { color: var(–color-red-700); }.text-rose-600 { color: var(–color-rose-600); }.text-slate-50 { color: var(–color-slate-50); }.text-slate-500 { color: var(–color-slate-500); }.text-teal-700 { color: var(–color-teal-700); }.text-white { color: var(–color-white); }.text-yellow-700 { color: var(–color-yellow-700); }.text-yellow-800 { color: var(–color-yellow-800); }.[text-transform:var(–strapline-text-transform,uppercase)] { text-transform: var(–strapline-text-transform,uppercase); }.capitalize { text-transform: capitalize; }.lowercase { text-transform: lowercase; }.normal-case { text-transform: none; }.uppercase { text-transform: uppercase; }.italic { font-style: italic; }.ordinal { –tw-ordinal: ordinal; font-variant-numeric: var(–tw-ordinal,) var(–tw-slashed-zero,) var(–tw-numeric-figure,) var(–tw-numeric-spacing,) var(–tw-numeric-fraction,); }.line-through { text-decoration-line: line-through; }.no-underline { text-decoration-line: none; }.underline { text-decoration-line: underline; }.decoration-current { text-decoration-color: currentcolor; }.decoration-transparent { text-decoration-color: rgba(0, 0, 0, 0); }.decoration-solid { text-decoration-style: solid; }.underline-offset-2 { text-underline-offset: 2px; }.placeholder-neutral-500::placeholder { color: var(–color-neutral-500); }.opacity-0 { opacity: 0; }.opacity-30 { opacity: 0.3; }.opacity-40 { opacity: 0.4; }.opacity-50 { opacity: 0.5; }.opacity-80 { opacity: 0.8; }.opacity-100 { opacity: 1; }.shadow { –tw-shadow: 0 1px 3px 0 var(–tw-shadow-color,#0000001a), 0 1px 2px -1px var(–tw-shadow-color,#0000001a); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.shadow-2xl { –tw-shadow: 0 25px 50px -12px var(–tw-shadow-color,#00000040); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.shadow-[0_20px_60px_-15px_rgba(0,0,0,0.4)] { –tw-shadow: 0 20px 60px -15px var(–tw-shadow-color,#0006); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.shadow-inner { –tw-shadow: inset 0 2px 4px 0 var(–tw-shadow-color,#0000000d); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.shadow-lg { –tw-shadow: 0 10px 15px -3px var(–tw-shadow-color,#0000001a), 0 4px 6px -4px var(–tw-shadow-color,#0000001a); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.shadow-md { –tw-shadow: 0 4px 6px -1px var(–tw-shadow-color,#0000001a), 0 2px 4px -2px var(–tw-shadow-color,#0000001a); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.shadow-none { –tw-shadow: 0 0 #0000; box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.shadow-sm { –tw-shadow: 0 1px 3px 0 var(–tw-shadow-color,#0000001a), 0 1px 2px -1px var(–tw-shadow-color,#0000001a); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.shadow-xl { –tw-shadow: 0 20px 25px -5px var(–tw-shadow-color,#0000001a), 0 8px 10px -6px var(–tw-shadow-color,#0000001a); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.shadow-xs { –tw-shadow: 0 1px 2px 0 var(–tw-shadow-color,#0000000d); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.ring, .ring-1 { –tw-ring-shadow: var(–tw-ring-inset,) 0 0 0 calc(1px + var(–tw-ring-offset-width)) var(–tw-ring-color,currentcolor); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.ring-4 { –tw-ring-shadow: var(–tw-ring-inset,) 0 0 0 calc(4px + var(–tw-ring-offset-width)) var(–tw-ring-color,currentcolor); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.ring-amber-600 { –tw-ring-color: var(–color-amber-600); }.ring-black { –tw-ring-color: var(–color-black); }.ring-blue-600 { –tw-ring-color: var(–color-blue-600); }.ring-gray-300 { –tw-ring-color: var(–color-gray-300); }.ring-green-600 { –tw-ring-color: var(–color-green-600); }.ring-orange-600 { –tw-ring-color: var(–color-orange-600); }.ring-purple-400 { –tw-ring-color: var(–color-purple-400); }.ring-purple-600 { –tw-ring-color: var(–color-purple-600); }.ring-red-600 { –tw-ring-color: var(–color-red-600); }.ring-slate-600 { –tw-ring-color: var(–color-slate-600); }.ring-teal-600 { –tw-ring-color: var(–color-teal-600); }.ring-white { –tw-ring-color: var(–color-white); }.ring-yellow-600 { –tw-ring-color: var(–color-yellow-600); }.outline-hidden { –tw-outline-style: none; outline-style: none; }@media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }}.outline, .outline-1 { outline-style: var(–tw-outline-style); outline-width: 1px; }.outline-transparent { outline-color: rgba(0, 0, 0, 0); }.blur { –tw-blur: blur(8px); filter: var(–tw-blur,) var(–tw-brightness,) var(–tw-contrast,) var(–tw-grayscale,) var(–tw-hue-rotate,) var(–tw-invert,) var(–tw-saturate,) var(–tw-sepia,) var(–tw-drop-shadow,); }.brightness-0 { –tw-brightness: brightness(0%); filter: var(–tw-blur,) var(–tw-brightness,) var(–tw-contrast,) var(–tw-grayscale,) var(–tw-hue-rotate,) var(–tw-invert,) var(–tw-saturate,) var(–tw-sepia,) var(–tw-drop-shadow,); }.contrast-100 { –tw-contrast: contrast(100%); filter: var(–tw-blur,) var(–tw-brightness,) var(–tw-contrast,) var(–tw-grayscale,) var(–tw-hue-rotate,) var(–tw-invert,) var(–tw-saturate,) var(–tw-sepia,) var(–tw-drop-shadow,); }.grayscale { –tw-grayscale: grayscale(100%); filter: var(–tw-blur,) var(–tw-brightness,) var(–tw-contrast,) var(–tw-grayscale,) var(–tw-hue-rotate,) var(–tw-invert,) var(–tw-saturate,) var(–tw-sepia,) var(–tw-drop-shadow,); }.invert { –tw-invert: invert(100%); filter: var(–tw-blur,) var(–tw-brightness,) var(–tw-contrast,) var(–tw-grayscale,) var(–tw-hue-rotate,) var(–tw-invert,) var(–tw-saturate,) var(–tw-sepia,) var(–tw-drop-shadow,); }.filter { filter: var(–tw-blur,) var(–tw-brightness,) var(–tw-contrast,) var(–tw-grayscale,) var(–tw-hue-rotate,) var(–tw-invert,) var(–tw-saturate,) var(–tw-sepia,) var(–tw-drop-shadow,); }.backdrop-blur-sm { –tw-backdrop-blur: blur(var(–blur-sm)); backdrop-filter: var(–tw-backdrop-blur,) var(–tw-backdrop-brightness,) var(–tw-backdrop-contrast,) var(–tw-backdrop-grayscale,) var(–tw-backdrop-hue-rotate,) var(–tw-backdrop-invert,) var(–tw-backdrop-opacity,) var(–tw-backdrop-saturate,) var(–tw-backdrop-sepia,); }.backdrop-filter { backdrop-filter: var(–tw-backdrop-blur,) var(–tw-backdrop-brightness,) var(–tw-backdrop-contrast,) var(–tw-backdrop-grayscale,) var(–tw-backdrop-hue-rotate,) var(–tw-backdrop-invert,) var(–tw-backdrop-opacity,) var(–tw-backdrop-saturate,) var(–tw-backdrop-sepia,); }.transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, –tw-gradient-from, –tw-gradient-via, –tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(–tw-ease,var(–default-transition-timing-function)); transition-duration: var(–tw-duration,var(–default-transition-duration)); }.transition-all { transition-property: all; transition-timing-function: var(–tw-ease,var(–default-transition-timing-function)); transition-duration: var(–tw-duration,var(–default-transition-duration)); }.transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, –tw-gradient-from, –tw-gradient-via, –tw-gradient-to; transition-timing-function: var(–tw-ease,var(–default-transition-timing-function)); transition-duration: var(–tw-duration,var(–default-transition-duration)); }.transition-opacity { transition-property: opacity; transition-timing-function: var(–tw-ease,var(–default-transition-timing-function)); transition-duration: var(–tw-duration,var(–default-transition-duration)); }.transition-shadow { transition-property: box-shadow; transition-timing-function: var(–tw-ease,var(–default-transition-timing-function)); transition-duration: var(–tw-duration,var(–default-transition-duration)); }.transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(–tw-ease,var(–default-transition-timing-function)); transition-duration: var(–tw-duration,var(–default-transition-duration)); }.duration-75 { –tw-duration: 75ms; transition-duration: 75ms; }.duration-100 { –tw-duration: .1s; transition-duration: 0.1s; }.duration-150 { –tw-duration: .15s; transition-duration: 0.15s; }.duration-200 { –tw-duration: .2s; transition-duration: 0.2s; }.duration-300 { –tw-duration: .3s; transition-duration: 0.3s; }.duration-500 { –tw-duration: .5s; transition-duration: 0.5s; }.ease-in { –tw-ease: var(–ease-in); transition-timing-function: var(–ease-in); }.ease-in-out { –tw-ease: var(–ease-in-out); transition-timing-function: var(–ease-in-out); }.ease-out { –tw-ease: var(–ease-out); transition-timing-function: var(–ease-out); }.prose-neutral { –tw-prose-#widget-fgquwur: oklch(37.1% 0 0); –tw-prose-headings: oklch(20.5% 0 0); –tw-prose-lead: oklch(43.9% 0 0); –tw-prose-links: oklch(20.5% 0 0); –tw-prose-bold: oklch(20.5% 0 0); –tw-prose-counters: oklch(55.6% 0 0); –tw-prose-bullets: oklch(87% 0 0); –tw-prose-hr: oklch(92.2% 0 0); –tw-prose-quotes: oklch(20.5% 0 0); –tw-prose-quote-borders: oklch(92.2% 0 0); –tw-prose-captions: oklch(55.6% 0 0); –tw-prose-kbd: oklch(20.5% 0 0); –tw-prose-kbd-shadows: oklab(20.5% 0 0/.1); –tw-prose-code: oklch(20.5% 0 0); –tw-prose-pre-code: oklch(92.2% 0 0); –tw-prose-pre-bg: oklch(26.9% 0 0); –tw-prose-th-borders: oklch(87% 0 0); –tw-prose-td-borders: oklch(92.2% 0 0); –tw-prose-invert-#widget-fgquwur: oklch(87% 0 0); –tw-prose-invert-headings: #fff; –tw-prose-invert-lead: oklch(70.8% 0 0); –tw-prose-invert-links: #fff; –tw-prose-invert-bold: #fff; –tw-prose-invert-counters: oklch(70.8% 0 0); –tw-prose-invert-bullets: oklch(43.9% 0 0); –tw-prose-invert-hr: oklch(37.1% 0 0); –tw-prose-invert-quotes: oklch(97% 0 0); –tw-prose-invert-quote-borders: oklch(37.1% 0 0); –tw-prose-invert-captions: oklch(70.8% 0 0); –tw-prose-invert-kbd: #fff; –tw-prose-invert-kbd-shadows: #ffffff1a; –tw-prose-invert-code: #fff; –tw-prose-invert-pre-code: oklch(87% 0 0); –tw-prose-invert-pre-bg: #00000080; –tw-prose-invert-th-borders: oklch(43.9% 0 0); –tw-prose-invert-td-borders: oklch(37.1% 0 0); }.outline-none { –tw-outline-style: none; outline-style: none; }.select-none { user-select: none; }.ring-inset { –tw-ring-inset: inset; }:is(.*:pointer-events-auto > *) { pointer-events: auto; }@media (hover: hover) { .group-hover:text-[#DC1F26]:is(:where(.group):hover *) { color: rgb(220, 31, 38); } .group-hover:opacity-100:is(:where(.group):hover *) { opacity: 1; }}.visited:text-inherit:visited { color: inherit; }.empty:border-none:empty { –tw-border-style: none; border-style: none; }@media (hover: hover) { .hover:border-black:hover { border-color: var(–color-black); } .hover:border-neutral-300:hover { border-color: var(–color-neutral-300); } .hover:bg-black:hover { background-color: var(–color-black); } .hover:bg-blue-50:hover { background-color: var(–color-blue-50); } .hover:bg-green-50:hover { background-color: var(–color-green-50); } .hover:bg-green-700:hover { background-color: var(–color-green-700); } .hover:bg-indigo-50:hover { background-color: var(–color-indigo-50); } .hover:bg-neutral-50:hover { background-color: var(–color-neutral-50); } .hover:bg-neutral-100:hover { background-color: var(–color-neutral-100); } .hover:bg-neutral-200:hover { background-color: var(–color-neutral-200); } .hover:bg-neutral-800:hover { background-color: var(–color-neutral-800); } .hover:bg-red-50:hover { background-color: var(–color-red-50); } .hover:bg-red-700:hover { background-color: var(–color-red-700); } .hover:text-[#DC1F26]:hover { color: rgb(220, 31, 38); } .hover:text-blue-600:hover { color: var(–color-blue-600); } .hover:text-gray-500:hover { color: var(–color-gray-500); } .hover:text-indigo-600:hover { color: var(–color-indigo-600); } .hover:text-inherit:hover { color: inherit; } .hover:text-neutral-700:hover { color: var(–color-neutral-700); } .hover:text-neutral-900:hover { color: var(–color-neutral-900); } .hover:text-red-600:hover { color: var(–color-red-600); } .hover:no-underline:hover { text-decoration-line: none; } .hover:underline:hover { text-decoration-line: underline; } .hover:decoration-transparent:hover { text-decoration-color: rgba(0, 0, 0, 0); } .hover:underline-offset-2:hover { text-underline-offset: 2px; }}.focus:border-rose-500:focus { border-color: var(–color-rose-500); }.focus:text-inherit:focus { color: inherit; }.focus:decoration-transparent:focus { text-decoration-color: rgba(0, 0, 0, 0); }.focus:ring-1:focus { –tw-ring-shadow: var(–tw-ring-inset,) 0 0 0 calc(1px + var(–tw-ring-offset-width)) var(–tw-ring-color,currentcolor); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.focus:ring-2:focus { –tw-ring-shadow: var(–tw-ring-inset,) 0 0 0 calc(2px + var(–tw-ring-offset-width)) var(–tw-ring-color,currentcolor); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.focus:ring-4:focus { –tw-ring-shadow: var(–tw-ring-inset,) 0 0 0 calc(4px + var(–tw-ring-offset-width)) var(–tw-ring-color,currentcolor); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.focus:ring-[#DC1F26]/20:focus { –tw-ring-color: oklab(57.3239% .195826 .0976754/.2); }.focus:ring-rose-500:focus { –tw-ring-color: var(–color-rose-500); }.focus:ring-offset-2:focus { –tw-ring-offset-width: 2px; –tw-ring-offset-shadow: var(–tw-ring-inset,) 0 0 0 var(–tw-ring-offset-width) var(–tw-ring-offset-color); }.focus:outline-hidden:focus { –tw-outline-style: none; outline-style: none; }@media (forced-colors: active) { .focus:outline-hidden:focus { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }}.focus:outline-1:focus { outline-style: var(–tw-outline-style); outline-width: 1px; }.focus:outline-none:focus { –tw-outline-style: none; outline-style: none; }.focus:[outline-style:auto]:focus { outline-style: auto; }.focus-visible:ring-2:focus-visible { –tw-ring-shadow: var(–tw-ring-inset,) 0 0 0 calc(2px + var(–tw-ring-offset-width)) var(–tw-ring-color,currentcolor); box-shadow: var(–tw-inset-shadow),var(–tw-inset-ring-shadow),var(–tw-ring-offset-shadow),var(–tw-ring-shadow),var(–tw-shadow); }.focus-visible:ring-gray-900:focus-visible { –tw-ring-color: var(–color-gray-900); }.focus-visible:outline-hidden:focus-visible { –tw-outline-style: none; outline-style: none; }@media (forced-colors: active) { .focus-visible:outline-hidden:focus-visible { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }}.active:text-inherit:active { color: inherit; }@media not all and (min-width: 640px) { .max-sm:top-full { top: 100%; } .max-sm:left-2/4 { left: 50%; } .max-sm:hidden { display: none; } .max-sm:min-w-[300px] { min-width: 300px; } .max-sm:-translate-x-2/4 { –tw-translate-x: -50%; translate: var(–tw-translate-x) var(–tw-translate-y); }}@media (min-width: 640px) { .sm:visible { visibility: visible; } .sm:relative { position: relative; } .sm:top-4 { top: calc(var(–spacing) * 4); } .sm:top-[88px] { top: 88px; } .sm:top-[92px] { top: 92px; } .sm:right-3 { right: calc(var(–spacing) * 3); } .sm:right-4 { right: calc(var(–spacing) * 4); } .sm:left-3 { left: calc(var(–spacing) * 3); } .sm:order-3 { order: 3; } .sm:mx-auto { margin-inline: auto; } .sm:my-8 { margin-block: calc(var(–spacing) * 8); } .sm:mt-5 { margin-top: calc(var(–spacing) * 5); } .sm:mt-6 { margin-top: calc(var(–spacing) * 6); } .sm:mb-6 { margin-bottom: calc(var(–spacing) * 6); } .sm:mb-8 { margin-bottom: calc(var(–spacing) * 8); } .sm:block { display: block; } .sm:flex { display: flex; } .sm:hidden { display: none; } .sm:inline { display: inline; } .sm:h-6 { height: calc(var(–spacing) * 6); } .sm:h-12 { height: calc(var(–spacing) * 12); } .sm:h-[50px] { height: 50px; } .sm:h-[var(–logo-height-desktop,auto)] { height: var(–logo-height-desktop,auto); } .sm:max-h-full { max-height: 100%; } .sm:w-6 { width: calc(var(–spacing) * 6); } .sm:w-12 { width: calc(var(–spacing) * 12); } .sm:w-64 { width: calc(var(–spacing) * 64); } .sm:w-[480px] { width: 480px; } .sm:max-w-full { max-width: 100%; } .sm:max-w-sm { max-width: var(–container-sm); } .sm:min-w-auto { min-width: auto; } .sm:translate-y-0 { –tw-translate-y: calc(var(–spacing) * 0); translate: var(–tw-translate-x) var(–tw-translate-y); } .sm:scale-95 { –tw-scale-x: 95%; –tw-scale-y: 95%; –tw-scale-z: 95%; scale: var(–tw-scale-x) var(–tw-scale-y); } .sm:scale-100 { –tw-scale-x: 100%; –tw-scale-y: 100%; –tw-scale-z: 100%; scale: var(–tw-scale-x) var(–tw-scale-y); } .sm:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .sm:flex-row { flex-direction: row; } .sm:items-center { align-items: center; } .sm:border-r { border-right-style: var(–tw-border-style); border-right-width: 1px; } .sm:border-solid { –tw-border-style: solid; border-style: solid; } .sm:border-gray-300 { border-color: var(–color-gray-300); } .sm:p-0 { padding: calc(var(–spacing) * 0); } .sm:p-3 { padding: calc(var(–spacing) * 3); } .sm:p-6 { padding: calc(var(–spacing) * 6); } .sm:p-8 { padding: calc(var(–spacing) * 8); } .sm:px-0 { padding-inline: calc(var(–spacing) * 0); } .sm:px-4 { padding-inline: calc(var(–spacing) * 4); } .sm:py-4 { padding-block: calc(var(–spacing) * 4); } .sm:pl-14 { padding-left: calc(var(–spacing) * 14); } .sm:text-3xl { font-size: var(–text-3xl); line-height: var(–tw-leading,var(–text-3xl–line-height)); } .sm:text-base { font-size: var(–text-base); line-height: var(–tw-leading,var(–text-base–line-height)); }}@media (min-width: 768px) { .md:visible { visibility: visible; } .md:inline { display: inline; } .md:h-screen { height: 100vh; } .md:w-80 { width: calc(var(–spacing) * 80); } .md:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .md:flex-row { flex-direction: row; } .md:overflow-hidden { overflow: hidden; } .md:overflow-y-auto { overflow-y: auto; } .md:p-12 { padding: calc(var(–spacing) * 12); } .md:text-4xl { font-size: var(–text-4xl); line-height: var(–tw-leading,var(–text-4xl–line-height)); } .md:text-lg { font-size: var(–text-lg); line-height: var(–tw-leading,var(–text-lg–line-height)); } .md:text-xs { font-size: var(–text-xs); line-height: var(–tw-leading,var(–text-xs–line-height)); }}.prose-headings:font-serif :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=”not-prose”], [class~=”not-prose”] *)), .prose-p:font-serif :where(p):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { font-family: var(–font-serif); }.prose-p:leading-relaxed :where(p):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { –tw-leading: var(–leading-relaxed); line-height: var(–leading-relaxed); }.prose-p:text-neutral-700 :where(p):not(:where([class~=”not-prose”], [class~=”not-prose”] *)) { color: var(–color-neutral-700); }@property –tw-translate-x { syntax: “*”; inherits: false; initial-value: 0; }@property –tw-translate-y { syntax: “*”; inherits: false; initial-value: 0; }@property –tw-translate-z { syntax: “*”; inherits: false; initial-value: 0; }@property –tw-scale-x { syntax: “*”; inherits: false; initial-value: 1; }@property –tw-scale-y { syntax: “*”; inherits: false; initial-value: 1; }@property –tw-scale-z { syntax: “*”; inherits: false; initial-value: 1; }@property –tw-rotate-x { syntax: “*”; inherits: false; }@property –tw-rotate-y { syntax: “*”; inherits: false; }@property –tw-rotate-z { syntax: “*”; inherits: false; }@property –tw-skew-x { syntax: “*”; inherits: false; }@property –tw-skew-y { syntax: “*”; inherits: false; }@property –tw-scroll-snap-strictness { syntax: “*”; inherits: false; initial-value: proximity; }@property –tw-space-y-reverse { syntax: “*”; inherits: false; initial-value: 0; }@property –tw-space-x-reverse { syntax: “*”; inherits: false; initial-value: 0; }@property –tw-divide-y-reverse { syntax: “*”; inherits: false; initial-value: 0; }@property –tw-border-style { syntax: “*”; inherits: false; initial-value: solid; }@property –tw-gradient-position { syntax: “*”; inherits: false; }@property –tw-gradient-from { syntax: “”; inherits: false; initial-value: #0000; }@property –tw-gradient-via { syntax: “”; inherits: false; initial-value: #0000; }@property –tw-gradient-to { syntax: “”; inherits: false; initial-value: #0000; }@property –tw-gradient-stops { syntax: “*”; inherits: false; }@property –tw-gradient-via-stops { syntax: “*”; inherits: false; }@property –tw-gradient-from-position { syntax: “”; inherits: false; initial-value: 0%; }@property –tw-gradient-via-position { syntax: “”; inherits: false; initial-value: 50%; }@property –tw-gradient-to-position { syntax: “”; inherits: false; initial-value: 100%; }@property –tw-leading { syntax: “*”; inherits: false; }@property –tw-font-weight { syntax: “*”; inherits: false; }@property –tw-tracking { syntax: “*”; inherits: false; }@property –tw-ordinal { syntax: “*”; inherits: false; }@property –tw-slashed-zero { syntax: “*”; inherits: false; }@property –tw-numeric-figure { syntax: “*”; inherits: false; }@property –tw-numeric-spacing { syntax: “*”; inherits: false; }@property –tw-numeric-fraction { syntax: “*”; inherits: false; }@property –tw-shadow { syntax: “*”; inherits: false; initial-value: 0 0 #0000; }@property –tw-shadow-color { syntax: “*”; inherits: false; }@property –tw-shadow-alpha { syntax: “”; inherits: false; initial-value: 100%; }@property –tw-inset-shadow { syntax: “*”; inherits: false; initial-value: 0 0 #0000; }@property –tw-inset-shadow-color { syntax: “*”; inherits: false; }@property –tw-inset-shadow-alpha { syntax: “”; inherits: false; initial-value: 100%; }@property –tw-ring-color { syntax: “*”; inherits: false; }@property –tw-ring-shadow { syntax: “*”; inherits: false; initial-value: 0 0 #0000; }@property –tw-inset-ring-color { syntax: “*”; inherits: false; }@property –tw-inset-ring-shadow { syntax: “*”; inherits: false; initial-value: 0 0 #0000; }@property –tw-ring-inset { syntax: “*”; inherits: false; }@property –tw-ring-offset-width { syntax: “”; inherits: false; initial-value: 0; }@property –tw-ring-offset-color { syntax: “*”; inherits: false; initial-value: #fff; }@property –tw-ring-offset-shadow { syntax: “*”; inherits: false; initial-value: 0 0 #0000; }@property –tw-outline-style { syntax: “*”; inherits: false; initial-value: solid; }@property –tw-blur { syntax: “*”; inherits: false; }@property –tw-brightness { syntax: “*”; inherits: false; }@property –tw-contrast { syntax: “*”; inherits: false; }@property –tw-grayscale { syntax: “*”; inherits: false; }@property –tw-hue-rotate { syntax: “*”; inherits: false; }@property –tw-invert { syntax: “*”; inherits: false; }@property –tw-opacity { syntax: “*”; inherits: false; }@property –tw-saturate { syntax: “*”; inherits: false; }@property –tw-sepia { syntax: “*”; inherits: false; }@property –tw-drop-shadow { syntax: “*”; inherits: false; }@property –tw-drop-shadow-color { syntax: “*”; inherits: false; }@property –tw-drop-shadow-alpha { syntax: “”; inherits: false; initial-value: 100%; }@property –tw-drop-shadow-size { syntax: “*”; inherits: false; }@property –tw-backdrop-blur { syntax: “*”; inherits: false; }@property –tw-backdrop-brightness { syntax: “*”; inherits: false; }@property –tw-backdrop-contrast { syntax: “*”; inherits: false; }@property –tw-backdrop-grayscale { syntax: “*”; inherits: false; }@property –tw-backdrop-hue-rotate { syntax: “*”; inherits: false; }@property –tw-backdrop-invert { syntax: “*”; inherits: false; }@property –tw-backdrop-opacity { syntax: “*”; inherits: false; }@property –tw-backdrop-saturate { syntax: “*”; inherits: false; }@property –tw-backdrop-sepia { syntax: “*”; inherits: false; }@property –tw-duration { syntax: “*”; inherits: false; }@property –tw-ease { syntax: “*”; inherits: false; }@keyframes spin { 100% { transform: rotate(360deg); }}@keyframes pulse { 50% { opacity: 0.5; }} .pcg-results-list { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; } .pcg-result-item { margin: 0; padding: 0; list-style: none; } .pcg-result-btn { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 1rem; border: none; background: transparent; cursor: pointer; text-align: left; transition: background 0.2s; height: 76px; } .pcg-result-btn.hovered { background-color: #f9fafb; } .pcg-result-border { border-bottom: 1px solid #f5f5f5; } .pcg-result-content { display: flex; flex-direction: column; justify-content: center; overflow: hidden; padding-right: 1rem; flex: 1; } .pcg-result-meta-row { display: flex; align-items: center; gap: 0.5rem; overflow: hidden; } .pcg-result-title { color: #000000; font-weight: bold; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pcg-meta-date { color: #737373; font-size: 0.75rem; text-transform: uppercase; letter-spacing: -0.025em; flex-shrink: 0; } .pcg-result-summary { color: #737373; font-size: 0.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.25rem; } .pcg-result-actions { display: flex; align-items: center; gap: 1rem; flex: none; } .pcg-score { color: #DC1F26; font-weight: 900; font-size: 1.25rem; font-style: italic; } .pcg-result-arrow { color: #d4d4d4; transition: color 0.2s; } .pcg-reader-msg { text-align: center; padding: 2rem; color: #737373; } .pcg-reader-loading { display: flex; justify-content: center; align-items: center; height: 100%; min-height: 400px; } .pcg-reader-loading p { color: #DC1F26; } .pcg-prose-content { max-width: 65ch; margin: 0 auto; padding: 0 0.5rem; } .pcg-reader-header { margin-bottom: 2rem; } .pcg-reader-title { font-size: 1.75rem; font-weight: bold; line-height: 1.2; margin-bottom: 1rem; } .pcg-reader-meta { display: flex; gap: 0.75rem; align-items: center; font-size: 0.875rem; font-weight: 500; color: #52525b; text-transform: uppercase; letter-spacing: 0.05em; } .pcg-reader-meta-divider { color: #d4d4d8; } .pcg-reader-body { line-height: 1.6; color: #262626; font-size: 1.125rem; } .pcg-prose-content img { width: 100%; height: auto; margin: 1.5rem 0; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1); border-radius: 0.5rem; } .pcg-prose-content a { color: #e11d48; text-decoration: none; font-weight: 500; } .pcg-prose-content a:hover { text-decoration: underline; } .pcg-prose-content p { margin-bottom: 1.5em !important; display: block !important; }
PC Gamer has reviewed 1310 PC gaming goodies since 2020
‘ : ”; // Format URL properly let targetUrl = res.url.startsWith(“http”) ? res.url : “https://www.pcgamer.com” + res.url; let borderClass = i ‘ + dateStr + ”; } catch(e) {} } let subHtml = ‘‘ + (res.summary || “”) + ‘‘; html += ‘
‘; }); html += ”; resultsContainer.innerHTML = html; updateJSONLD(results); } function updateJSONLD(results) { let ldScript = document.getElementById(‘pcg-json-ld’); if (!ldScript) { ldScript = document.createElement(‘script’); ldScript.type = ‘application/ld+json’; ldScript.id = ‘pcg-json-ld’; document.head.appendChild(ldScript); } const itemListElements = results.slice(0, 50).map((res, index) => { let targetUrl = res.url.startsWith(“http”) ? res.url : “https://www.pcgamer.com” + res.url; let itemName = (res.title || “Product”).replace(/s+review$/i, ”); let schemaItem = { “@type”: “Product”, “name”: itemName, “image”: res.image || targetUrl, “review”: { “@type”: “Review”, “url”: targetUrl, “name”: res.title || “Review”, “datePublished”: res.publishDate || new Date().toISOString().split(‘T’)[0], “author”: { “@type”: “Organization”, “name”: “PC Gamer” }, “publisher”: { “@type”: “Organization”, “name”: “PC Gamer” } } }; if (res.score) { schemaItem.review.reviewRating = { “@type”: “Rating”, “ratingValue”: res.score, “bestRating”: “100”, “worstRating”: “1” }; } return { “@type”: “ListItem”, “position”: index + 1, “item”: schemaItem }; }); const schema = { “@context”: “https://schema.org”, “@type”: “ItemList”, “itemListElement”: itemListElements }; ldScript.textContent = JSON.stringify(schema); } function openReaderInPage(targetUrl) { closeDropdown(); readerContainer.style.display = ‘flex’; updateIframeHeight(false, true); const readerLinkContainer = document.getElementById(“pcg-reader-link-container”); if (readerLinkContainer) { readerLinkContainer.innerHTML = ‘Read full review‘; } readerContent.innerHTML = ‘
‘; fetch(API_BASE + “/api/content?q=” + btoa(targetUrl)) .then(res => res.json()) .then(data => { if(!data || !data.content) { readerContent.innerHTML = ‘
Could not load article content.
‘; readerContent.innerHTML = html; }) .catch(err => { console.error(err); readerContent.innerHTML = ‘
An error occurred loading the article.
‘; }); } const searchBoxContainer = document.getElementById(“pcg-search-container”); if (searchBoxContainer) { searchBoxContainer.addEventListener(“click”, () => { openDropdown(); }); } if (searchInput) { searchInput.addEventListener(“focus”, () => { openDropdown(); }); searchInput.addEventListener(“click”, () => { openDropdown(); }); searchInput.addEventListener(“input”, (e) => { openDropdown(); clearTimeout(debounceTimer); debounceTimer = setTimeout(() => fetchResults(e.target.value), 500); }); // Initial render with embedded cache fetchResults(“”); // Background revalidate fetch(API_BASE + “/api/reviews?category=” + encodeURIComponent(CATEGORY) + “&limit=10”) .then(res => res.json()) .then(data => { if (data && data.results && data.results.length > 0) { LOCAL_REVIEWS = data.results; // If the user hasn’t typed anything yet, refresh the UI silently if (!searchInput.value) { fetchResults(“”); } } }) .catch(err => console.error(“Background refresh failed:”, err)); } ” width=”100%” height=”140″ style=”border: none; width: 100%; max-width: 1024px; margin: 0 auto; display: block; background: transparent; transition: height 0.3s ease-out;” title=”PC Gamer Graphics Cards Widget”>