import{S as X,i as Z,s as ee,g as u,m as p,t as h,h as $,j as d,v,d as g,f as b,o as k,b as w,n as I,C,e as F}from"./index-17b0726b.js";import{g as te,a as ne}from"./spread-8a54911c.js";import{p as ae,M as le,T as me,S as P}from"./collect-stories-4379b024.js";import{A as ie}from"./Article-9fdf57e0.js";import{H as se}from"./Headline-29632327.js";import{B as W}from"./BodyText-3a86741d.js";import{G as ce}from"./GraphicBlock-7797600a.js";import{S as fe}from"./SiteHeader-9a9ad325.js";import{T,t as x}from"./Theme-04e1d44b.js";import{b as A,w as ue}from"./withParams-47e2ab71.js";import"./Block-05b40915.js";import"./Byline-77d43bcd.js";import"./each-e59479a4.js";import"./_commonjsHelpers-de833af9.js";import"./journalize-07958dc6.js";import"./marked.esm-76161808.js";import"./PaddingReset-e7f108ee.js";import"./ReutersLogo-d0f7656b.js";import"./index-2224dbf5.js";import"./time-f9db70de.js";import"./light-fcb352a5.js";const pe=`The \`Theme\` component wraps your page content and uses [CSS variables](../?path=/docs/scss-css-variables--page) to set major colour and typography styles for your page. All of the components in this library will use those CSS variables for styling by default. Use our [theme builder](../?path=/docs/theming-theme-builder--docs) to customise your page's theme. \`\`\`svelte