newskit 5.4.3 → 5.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/.circleci/config.yml +2 -0
  2. package/e2e/dist/index.js +1 -1
  3. package/e2e/dist/src/form/utils.d.ts +1 -1
  4. package/e2e/dist/src/utils/style/style-preset.d.ts +1 -1
  5. package/package.json +1 -1
  6. package/public/404/index.html +2 -2
  7. package/public/404.html +2 -2
  8. package/public/_next/static/{4eEzQdZEpSITC7CcT92PH → 16aAekWqHChB9xZCUOXJs}/_buildManifest.js +1 -1
  9. package/public/_next/static/{4eEzQdZEpSITC7CcT92PH → 16aAekWqHChB9xZCUOXJs}/_middlewareManifest.js +0 -0
  10. package/public/_next/static/{4eEzQdZEpSITC7CcT92PH → 16aAekWqHChB9xZCUOXJs}/_ssgManifest.js +0 -0
  11. package/public/_next/static/chunks/{51863-2bfb71df42da8833.js → 51863-d9a28ce188f9fa84.js} +1 -1
  12. package/public/_next/static/chunks/86062-5337d9895699f119.js +1 -0
  13. package/public/_next/static/chunks/pages/components/{audio-player-174b2a818152579b.js → audio-player-9aca3f58cc54b735.js} +1 -1
  14. package/public/_next/static/chunks/pages/components/structured-list-ac36ed3bb1fe11ed.js +1 -0
  15. package/public/about/contact-us/index.html +2 -2
  16. package/public/about/contribute/index.html +2 -2
  17. package/public/about/introduction/index.html +2 -2
  18. package/public/about/release-notes/index.html +2 -2
  19. package/public/about/roadmap/index.html +2 -2
  20. package/public/components/aspect-ratio/index.html +3 -3
  21. package/public/components/audio-player/index.html +3 -3
  22. package/public/components/banner/index.html +3 -3
  23. package/public/components/block/index.html +3 -3
  24. package/public/components/button/index.html +2 -2
  25. package/public/components/byline/index.html +3 -3
  26. package/public/components/caption/index.html +3 -3
  27. package/public/components/card/index.html +3 -3
  28. package/public/components/checkbox/index.html +2 -2
  29. package/public/components/consent/index.html +3 -3
  30. package/public/components/consent-settings-link/index.html +2 -2
  31. package/public/components/date-time/index.html +3 -3
  32. package/public/components/divider/index.html +2 -2
  33. package/public/components/drawer/index.html +3 -3
  34. package/public/components/drawer-old/index.html +3 -3
  35. package/public/components/experimentation-web/index.html +3 -3
  36. package/public/components/fieldset/index.html +2 -2
  37. package/public/components/flag/index.html +3 -3
  38. package/public/components/form/index.html +3 -3
  39. package/public/components/grid/index.html +2 -2
  40. package/public/components/grid-layout/index.html +3 -3
  41. package/public/components/heading/index.html +2 -2
  42. package/public/components/headline/index.html +3 -3
  43. package/public/components/icons/index.html +3 -3
  44. package/public/components/image/index.html +3 -3
  45. package/public/components/inline-message/index.html +3 -3
  46. package/public/components/link/index.html +3 -3
  47. package/public/components/menu/index.html +3 -3
  48. package/public/components/modal/index.html +3 -3
  49. package/public/components/ordered-list/index.html +3 -3
  50. package/public/components/overview/index.html +2 -2
  51. package/public/components/paragraph/index.html +2 -2
  52. package/public/components/progress-indicator/index.html +3 -3
  53. package/public/components/radio-button/index.html +2 -2
  54. package/public/components/scroll/index.html +3 -3
  55. package/public/components/select/index.html +2 -2
  56. package/public/components/share-bar/index.html +3 -3
  57. package/public/components/slider/index.html +3 -3
  58. package/public/components/stack/index.html +3 -3
  59. package/public/components/standfirst/index.html +3 -3
  60. package/public/components/structured-list/index.html +4 -4
  61. package/public/components/tabs/index.html +3 -3
  62. package/public/components/tag/index.html +3 -3
  63. package/public/components/tealium/index.html +2 -2
  64. package/public/components/text-block/index.html +3 -3
  65. package/public/components/text-field/index.html +2 -2
  66. package/public/components/text-input/index.html +3 -3
  67. package/public/components/title-bar/index.html +3 -3
  68. package/public/components/toast/index.html +3 -3
  69. package/public/components/unordered-list/index.html +3 -3
  70. package/public/components/utils/custom-to-newskit-icon/index.html +2 -2
  71. package/public/components/utils/emotion/index.html +3 -3
  72. package/public/components/utils/get-css-from-theme/index.html +3 -3
  73. package/public/components/utils/get-defaults/index.html +3 -3
  74. package/public/components/utils/get-fonts-from-theme/index.html +2 -2
  75. package/public/components/utils/get-from-theme/index.html +3 -3
  76. package/public/components/utils/get-ssr-id/index.html +2 -2
  77. package/public/components/utils/hooks/index.html +3 -3
  78. package/public/components/utils/overview/index.html +2 -2
  79. package/public/components/visibility/index.html +2 -2
  80. package/public/components/volume-control/index.html +3 -3
  81. package/public/contributing/index.html +2 -2
  82. package/public/getting-started/code/engineering-overview/index.html +2 -2
  83. package/public/getting-started/code/engineering-quickstart/index.html +2 -2
  84. package/public/getting-started/code/instrumentation/index.html +2 -2
  85. package/public/getting-started/code/testing/index.html +2 -2
  86. package/public/getting-started/design/design-overview/index.html +2 -2
  87. package/public/getting-started/design/design-quickstart/index.html +2 -2
  88. package/public/getting-started/design/design-values/index.html +2 -2
  89. package/public/getting-started/design/ways-of-working/index.html +2 -2
  90. package/public/getting-started/overview/index.html +2 -2
  91. package/public/help/faqs/index.html +2 -2
  92. package/public/help/terms-and-conditions/index.html +2 -2
  93. package/public/index.html +2 -2
  94. package/public/patterns/overview/index.html +2 -2
  95. package/public/table-variants/index.html +2 -2
  96. package/public/theme/borders/index.html +2 -2
  97. package/public/theme/breakpoints/index.html +2 -2
  98. package/public/theme/colours/index.html +2 -2
  99. package/public/theme/design-tokens/index.html +2 -2
  100. package/public/theme/fonts/index.html +2 -2
  101. package/public/theme/iconography/index.html +2 -2
  102. package/public/theme/motion/index.html +2 -2
  103. package/public/theme/overlays/index.html +2 -2
  104. package/public/theme/overview/index.html +2 -2
  105. package/public/theme/presets/overview/index.html +2 -2
  106. package/public/theme/presets/style-presets/index.html +2 -2
  107. package/public/theme/presets/transition-presets/index.html +2 -2
  108. package/public/theme/presets/typography-presets/index.html +2 -2
  109. package/public/theme/shadows/index.html +2 -2
  110. package/public/theme/sizing/index.html +2 -2
  111. package/public/theme/spacing/index.html +2 -2
  112. package/public/theme/theming/component-defaults/index.html +2 -2
  113. package/public/theme/theming/creating-a-theme/index.html +2 -2
  114. package/public/theme/theming/overview/index.html +2 -2
  115. package/public/theme/theming/using-a-theme/index.html +2 -2
  116. package/public/tools/preview-illustration-export/index.html +2 -2
  117. package/site/pages/components/structured-list.tsx +1 -2
  118. package/site/routes.ts +8 -0
  119. package/site/templates/template-sections/anatomy-section.tsx +3 -1
  120. package/src/version-number.json +1 -1
  121. package/public/_next/static/chunks/86062-655c47ed5b066704.js +0 -1
  122. package/public/_next/static/chunks/pages/components/structured-list-2a25d679a7babfa4.js +0 -1
@@ -6,7 +6,7 @@
6
6
  body {
7
7
  margin: 0;
8
8
  }
9
- </style><script data-react-helmet="true" type="text/javascript">window._sp_ = {"config":{"accountId":259,"propertyHref":"https://newskit.co.uk","baseEndpoint":"https://cdn.privacy-mgmt.com"}}</script><script data-react-helmet="true" type="text/javascript" src="https://cdn.privacy-mgmt.com/messagingNoTcfApi.js" async=""></script><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="icon" type="image/x-icon" href="static/favicon.ico"/><link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png"/><link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="192x192" href="static/android-chrome-192x192.png"/><link rel="manifest" href="static/site.webmanifest"/><meta name="msapplication-TileColor" content="#ffffff"/><meta name="msapplication-square150x150logo" content="mstile-150x150.png"/><meta name="theme-color" content="#ffffff"/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-c0cad99bf97088e2.js" defer=""></script><script src="/_next/static/chunks/framework-a1dc26d0ae5e7407.js" defer=""></script><script src="/_next/static/chunks/main-ea11f884a96185e4.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b9df849172598dfa.js" defer=""></script><script src="/_next/static/chunks/2ebec9a3-c51e9946115f3de3.js" defer=""></script><script src="/_next/static/chunks/2365afd3-2dcc650597ed5bea.js" defer=""></script><script src="/_next/static/chunks/61519-78f3aa2a16269f79.js" defer=""></script><script src="/_next/static/chunks/97475-a4abd0f30d3e91f5.js" defer=""></script><script src="/_next/static/chunks/51863-2bfb71df42da8833.js" defer=""></script><script src="/_next/static/chunks/58760-80709d0c225631ef.js" defer=""></script><script src="/_next/static/chunks/39471-ccf0d27bcb507ab7.js" defer=""></script><script src="/_next/static/chunks/83762-cf7a34852c935d16.js" defer=""></script><script src="/_next/static/chunks/pages/components/overview-99e2aaf4a4f58008.js" defer=""></script><script src="/_next/static/4eEzQdZEpSITC7CcT92PH/_buildManifest.js" defer=""></script><script src="/_next/static/4eEzQdZEpSITC7CcT92PH/_ssgManifest.js" defer=""></script><script src="/_next/static/4eEzQdZEpSITC7CcT92PH/_middlewareManifest.js" defer=""></script></head><body><style data-emotion="css-global goexhq">html{scroll-behavior:smooth;scroll-padding-top:90px;}@font-face{font-family:'DM Sans';src:url('static/fonts/dmsans-regular-webfont.woff2') format('woff2'),url('static/fonts/dmsans-regular-webfont.woff') format('woff');font-style:normal;font-weight:400;font-display:swap;}@font-face{font-family:'DM Sans';src:url('static/fonts/dmsans-italic-webfont.woff2') format('woff2'),url('static/fonts/dmsans-italic-webfont.woff') format('woff');font-style:italic;font-weight:400;font-display:swap;}@font-face{font-family:'DM Sans';src:url('static/fonts/dmsans-medium-webfont.woff2') format('woff2'),url('static/fonts/dmsans-medium-webfont.woff') format('woff');font-style:normal;font-weight:500;font-display:swap;}@font-face{font-family:'DM Sans';src:url('static/fonts/dmsans-mediumitalic-webfont.woff2') format('woff2'),url('static/fonts/dmsans-mediumitalic-webfont.woff') format('woff');font-style:italic;font-weight:500;font-display:swap;}@font-face{font-family:'DM Sans';src:url('static/fonts/dmsans-bold-webfont.woff2') format('woff2'),url('static/fonts/dmsans-bold-webfont.woff') format('woff');font-style:normal;font-weight:700;font-display:swap;}@font-face{font-family:'DM Sans';src:url('static/fonts/dmsans-bolditalic-webfont.woff2') format('woff2'),url('static/fonts/dmsans-bolditalic-webfont.woff') format('woff');font-style:italic;font-weight:700;font-display:swap;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-bold-webfont.woff2') format('woff2'),url('static/fonts/poppins-bold-webfont.woff') format('woff');font-weight:700;font-style:normal;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-bolditalic-webfont.woff2') format('woff2'),url('static/fonts/poppins-bolditalic-webfont.woff') format('woff');font-weight:normal;font-style:italic;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-extrabold-webfont.woff2') format('woff2'),url('static/fonts/poppins-extrabold-webfont.woff') format('woff');font-weight:800;font-style:normal;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-extrabolditalic-webfont.woff2') format('woff2'),url('static/fonts/poppins-extrabolditalic-webfont.woff') format('woff');font-weight:800;font-style:italic;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-italic-webfont.woff2') format('woff2'),url('static/fonts/poppins-italic-webfont.woff') format('woff');font-weight:400;font-style:italic;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-light-webfont.woff2') format('woff2'),url('static/fonts/poppins-light-webfont.woff') format('woff');font-weight:300;font-style:normal;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-lightitalic-webfont.woff2') format('woff2'),url('static/fonts/poppins-lightitalic-webfont.woff') format('woff');font-weight:300;font-style:italic;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-medium-webfont.woff2') format('woff2'),url('static/fonts/poppins-medium-webfont.woff') format('woff');font-weight:500;font-style:normal;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-mediumitalic-webfont.woff2') format('woff2'),url('static/fonts/poppins-mediumitalic-webfont.woff') format('woff');font-weight:500;font-style:italic;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-regular-webfont.woff2') format('woff2'),url('static/fonts/poppins-regular-webfont.woff') format('woff');font-weight:400;font-style:normal;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-semibold-webfont.woff2') format('woff2'),url('static/fonts/poppins-semibold-webfont.woff') format('woff');font-weight:600;font-style:normal;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-semibolditalic-webfont.woff2') format('woff2'),url('static/fonts/poppins-semibolditalic-webfont.woff') format('woff');font-weight:600;font-style:italic;}@font-face{font-family:'DM Mono';src:url('static/fonts/dmmono-medium.woff2') format('woff2'),url('static/fonts/dmmono-medium.woff') format('woff');font-style:normal;font-weight:500;font-display:swap;}</style><script type="text/javascript">(function(a,b,c,d){
9
+ </style><script data-react-helmet="true" type="text/javascript">window._sp_ = {"config":{"accountId":259,"propertyHref":"https://newskit.co.uk","baseEndpoint":"https://cdn.privacy-mgmt.com"}}</script><script data-react-helmet="true" type="text/javascript" src="https://cdn.privacy-mgmt.com/messagingNoTcfApi.js" async=""></script><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="icon" type="image/x-icon" href="static/favicon.ico"/><link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png"/><link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="192x192" href="static/android-chrome-192x192.png"/><link rel="manifest" href="static/site.webmanifest"/><meta name="msapplication-TileColor" content="#ffffff"/><meta name="msapplication-square150x150logo" content="mstile-150x150.png"/><meta name="theme-color" content="#ffffff"/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-c0cad99bf97088e2.js" defer=""></script><script src="/_next/static/chunks/framework-a1dc26d0ae5e7407.js" defer=""></script><script src="/_next/static/chunks/main-ea11f884a96185e4.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b9df849172598dfa.js" defer=""></script><script src="/_next/static/chunks/2ebec9a3-c51e9946115f3de3.js" defer=""></script><script src="/_next/static/chunks/2365afd3-2dcc650597ed5bea.js" defer=""></script><script src="/_next/static/chunks/61519-78f3aa2a16269f79.js" defer=""></script><script src="/_next/static/chunks/97475-a4abd0f30d3e91f5.js" defer=""></script><script src="/_next/static/chunks/51863-d9a28ce188f9fa84.js" defer=""></script><script src="/_next/static/chunks/58760-80709d0c225631ef.js" defer=""></script><script src="/_next/static/chunks/39471-ccf0d27bcb507ab7.js" defer=""></script><script src="/_next/static/chunks/83762-cf7a34852c935d16.js" defer=""></script><script src="/_next/static/chunks/pages/components/overview-99e2aaf4a4f58008.js" defer=""></script><script src="/_next/static/16aAekWqHChB9xZCUOXJs/_buildManifest.js" defer=""></script><script src="/_next/static/16aAekWqHChB9xZCUOXJs/_ssgManifest.js" defer=""></script><script src="/_next/static/16aAekWqHChB9xZCUOXJs/_middlewareManifest.js" defer=""></script></head><body><style data-emotion="css-global goexhq">html{scroll-behavior:smooth;scroll-padding-top:90px;}@font-face{font-family:'DM Sans';src:url('static/fonts/dmsans-regular-webfont.woff2') format('woff2'),url('static/fonts/dmsans-regular-webfont.woff') format('woff');font-style:normal;font-weight:400;font-display:swap;}@font-face{font-family:'DM Sans';src:url('static/fonts/dmsans-italic-webfont.woff2') format('woff2'),url('static/fonts/dmsans-italic-webfont.woff') format('woff');font-style:italic;font-weight:400;font-display:swap;}@font-face{font-family:'DM Sans';src:url('static/fonts/dmsans-medium-webfont.woff2') format('woff2'),url('static/fonts/dmsans-medium-webfont.woff') format('woff');font-style:normal;font-weight:500;font-display:swap;}@font-face{font-family:'DM Sans';src:url('static/fonts/dmsans-mediumitalic-webfont.woff2') format('woff2'),url('static/fonts/dmsans-mediumitalic-webfont.woff') format('woff');font-style:italic;font-weight:500;font-display:swap;}@font-face{font-family:'DM Sans';src:url('static/fonts/dmsans-bold-webfont.woff2') format('woff2'),url('static/fonts/dmsans-bold-webfont.woff') format('woff');font-style:normal;font-weight:700;font-display:swap;}@font-face{font-family:'DM Sans';src:url('static/fonts/dmsans-bolditalic-webfont.woff2') format('woff2'),url('static/fonts/dmsans-bolditalic-webfont.woff') format('woff');font-style:italic;font-weight:700;font-display:swap;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-bold-webfont.woff2') format('woff2'),url('static/fonts/poppins-bold-webfont.woff') format('woff');font-weight:700;font-style:normal;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-bolditalic-webfont.woff2') format('woff2'),url('static/fonts/poppins-bolditalic-webfont.woff') format('woff');font-weight:normal;font-style:italic;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-extrabold-webfont.woff2') format('woff2'),url('static/fonts/poppins-extrabold-webfont.woff') format('woff');font-weight:800;font-style:normal;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-extrabolditalic-webfont.woff2') format('woff2'),url('static/fonts/poppins-extrabolditalic-webfont.woff') format('woff');font-weight:800;font-style:italic;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-italic-webfont.woff2') format('woff2'),url('static/fonts/poppins-italic-webfont.woff') format('woff');font-weight:400;font-style:italic;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-light-webfont.woff2') format('woff2'),url('static/fonts/poppins-light-webfont.woff') format('woff');font-weight:300;font-style:normal;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-lightitalic-webfont.woff2') format('woff2'),url('static/fonts/poppins-lightitalic-webfont.woff') format('woff');font-weight:300;font-style:italic;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-medium-webfont.woff2') format('woff2'),url('static/fonts/poppins-medium-webfont.woff') format('woff');font-weight:500;font-style:normal;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-mediumitalic-webfont.woff2') format('woff2'),url('static/fonts/poppins-mediumitalic-webfont.woff') format('woff');font-weight:500;font-style:italic;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-regular-webfont.woff2') format('woff2'),url('static/fonts/poppins-regular-webfont.woff') format('woff');font-weight:400;font-style:normal;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-semibold-webfont.woff2') format('woff2'),url('static/fonts/poppins-semibold-webfont.woff') format('woff');font-weight:600;font-style:normal;}@font-face{font-family:'Poppins';src:url('static/fonts/poppins-semibolditalic-webfont.woff2') format('woff2'),url('static/fonts/poppins-semibolditalic-webfont.woff') format('woff');font-weight:600;font-style:italic;}@font-face{font-family:'DM Mono';src:url('static/fonts/dmmono-medium.woff2') format('woff2'),url('static/fonts/dmmono-medium.woff') format('woff');font-style:normal;font-weight:500;font-display:swap;}</style><script type="text/javascript">(function(a,b,c,d){
10
10
  a='//tags.tiqcdn.com/utag/newsinternational/thetimes.newskit/dev/utag.js';
11
11
  b=document;
12
12
  c='script';
@@ -39,4 +39,4 @@
39
39
  }
40
40
  a = b.getElementsByTagName(c)[0];
41
41
  a.parentNode.insertBefore(d, a);
42
- })();</script><div id="__next" data-reactroot=""><style data-emotion="css 1wzcknb">.css-1wzcknb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}</style><div class="css-1wzcknb"><style data-emotion="css 1npm8fs">.css-1npm8fs{width:276px;padding-left:24px;padding-right:24px;position:fixed;overflow:auto;bottom:0;top:0;left:0;z-index:3;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 300ms;transition:transform 300ms;margin-top:64px;background-color:#F4F4F4;border-style:solid;border-color:#E4E4E4;border-width:0 1px 0 0;}@media screen and (min-width: 1024px){.css-1npm8fs{margin-top:80px;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);overflow:hidden;}.css-1npm8fs:hover{overflow:auto;}}@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2){.css-1npm8fs{overflow:auto;}}</style><div data-testid="sidebar" role="complementary" class="css-1npm8fs"><style data-emotion="css 1975ixv">.css-1975ixv{padding:48px;}</style><div class="css-1975ixv"><style data-emotion="css 1xvxlxw">@media screen{.css-1xvxlxw{display:block;}}@media screen and (min-width: 480px){.css-1xvxlxw{display:block;}}@media screen and (min-width: 768px){.css-1xvxlxw{display:block;}}@media screen and (min-width: 1024px){.css-1xvxlxw{display:none;}}@media screen and (min-width: 1440px){.css-1xvxlxw{display:none;}}</style><div class="css-1xvxlxw"><style data-emotion="css uinsfl">.css-uinsfl{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}</style><div class="css-uinsfl"><style data-emotion="css su8d3y">.css-su8d3y{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}</style><div tabindex="0" data-testid="close-icon" class="css-su8d3y"><style data-emotion="css 1cpsn4a">.css-1cpsn4a{fill:#2E2E2E;vertical-align:unset;display:inline-block;}@media screen and (prefers-reduced-motion: no-preference){.css-1cpsn4a{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1cpsn4a{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}.css-1cpsn4a.css-1cpsn4a{width:16px;height:16px;fill:#2E2E2E;}@media screen and (prefers-reduced-motion: no-preference){.css-1cpsn4a.css-1cpsn4a{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1cpsn4a.css-1cpsn4a{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}</style><style data-emotion="css h4sfgt-EmotionIconBase">.css-h4sfgt-EmotionIconBase{display:inline-block;vertical-align:middle;overflow:hidden;fill:#2E2E2E;vertical-align:unset;display:inline-block;}@media screen and (prefers-reduced-motion: no-preference){.css-h4sfgt-EmotionIconBase{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-h4sfgt-EmotionIconBase{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}.css-h4sfgt-EmotionIconBase.css-h4sfgt-EmotionIconBase{width:16px;height:16px;fill:#2E2E2E;}@media screen and (prefers-reduced-motion: no-preference){.css-h4sfgt-EmotionIconBase.css-h4sfgt-EmotionIconBase{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-h4sfgt-EmotionIconBase.css-h4sfgt-EmotionIconBase{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}</style><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="css-h4sfgt-EmotionIconBase ex0cdmw0"><path fill="none" d="M0 0h24v24H0z"></path><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div></div></div><style data-emotion="css kpgnf7">.css-kpgnf7{font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.5;font-weight:400;letter-spacing:0;}</style><nav role="navigation" aria-label="Sidebar" class="css-kpgnf7"><style data-emotion="css 1m479iu">.css-1m479iu{list-style-type:none;margin:0px;padding:0;}.css-1m479iu:last-child{margin-bottom:24px;}</style><ul role="list" class="css-1m479iu"><style data-emotion="css exhu38">.css-exhu38{margin-bottom:24px;}</style><li class="css-exhu38"><div class="css-exhu38"><div><style data-emotion="css az6lpi">.css-az6lpi{display:inline-block;-webkit-text-decoration:none;text-decoration:none;}@media screen and (prefers-reduced-motion: no-preference){.css-az6lpi{transition-property:color,fill;transition-duration:200ms,200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-az6lpi{transition-property:color,fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}.css-az6lpi:hover:not(:disabled){-webkit-text-decoration:none;text-decoration:none;}</style><a href="/components/overview/" class="css-az6lpi"><style data-emotion="css 17x5lw">.css-17x5lw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}</style><span class="css-17x5lw"><style data-emotion="css 5ft680">.css-5ft680{font-family:"Poppins",sans-serif;font-size:14px;line-height:21px;font-weight:600;letter-spacing:0;padding:0.5px 0px;background-color:transparent;color:#0A0A0A;box-sizing:border-box;cursor:'pointer';min-width:230px;padding:12px;margin:4px 0;text-overflow:ellipsis;}.css-5ft680::before{content:'';margin-bottom:-0.403em;display:block;}.css-5ft680::after{content:'';margin-top:-0.4em;display:block;}</style><div data-testid="/components/overview" class="css-5ft680">Overview</div></span></a></div><style data-emotion="css x36bp3">.css-x36bp3{font-family:"Poppins",sans-serif;font-size:14px;line-height:1.5;font-weight:500;letter-spacing:0;background-color:transparent;color:#0A0A0A;min-height:32px;margin-top:20px;}</style><div id="/components/action-and-inputs" class="css-x36bp3">Actions &amp; Inputs</div><div><a href="/components/button/" class="css-az6lpi"><span class="css-17x5lw"><style data-emotion="css t1lyqx">.css-t1lyqx{font-family:"Poppins",sans-serif;font-size:14px;line-height:21px;font-weight:600;letter-spacing:0;padding:0.5px 0px;background-color:transparent;color:#535353;box-sizing:border-box;cursor:'pointer';min-width:230px;padding:12px;margin:4px 0;text-overflow:ellipsis;}.css-t1lyqx::before{content:'';margin-bottom:-0.403em;display:block;}.css-t1lyqx::after{content:'';margin-top:-0.4em;display:block;}.css-t1lyqx:hover:not(:disabled){background-color:#E0E7FF;border-radius:8px;color:#0A0A0A;}.css-t1lyqx:active:not(:disabled){background-color:#AEBFFF;border-radius:8px;color:#0A0A0A;}</style><div data-testid="/components/button" class="css-t1lyqx">Button</div></span></a></div><div><a href="/components/checkbox/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/checkbox" class="css-t1lyqx">Checkbox</div></span></a></div><div><a href="/components/form/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/form" class="css-t1lyqx">Form</div></span></a></div><div><a href="/components/radio-button/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/radio-button" class="css-t1lyqx">Radio Button</div></span></a></div><div><a href="/components/select/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/select" class="css-t1lyqx">Select</div></span></a></div><div><a href="/components/share-bar/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/share-bar" class="css-t1lyqx">Share Bar</div></span></a></div><div><a href="/components/slider/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/slider" class="css-t1lyqx">Slider</div></span></a></div><div><a href="/components/text-field/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/text-field" class="css-t1lyqx">Text Field</div></span></a></div><div><a href="/components/text-input/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/text-input" class="css-t1lyqx">Text Input</div></span></a></div><div id="/components/feedback-and-status" class="css-x36bp3">Feedback &amp; Status</div><div><a href="/components/banner/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/banner" class="css-t1lyqx">Banner</div></span></a></div><div><a href="/components/flag/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/flag" class="css-t1lyqx">Flag</div></span></a></div><div><a href="/components/progress-indicator/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/progress-indicator" class="css-t1lyqx">Progress Indicator</div></span></a></div><div><a href="/components/toast/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/toast" class="css-t1lyqx">Toast</div></span></a></div><div><a href="/components/inline-message/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/inline-message" class="css-t1lyqx">Inline Message</div></span></a></div><div id="/components/layout" class="css-x36bp3">Layout</div><div><a href="/components/aspect-ratio/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/aspect-ratio" class="css-t1lyqx">Aspect Ratio</div></span></a></div><div><a href="/components/block/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/block" class="css-t1lyqx">Block</div></span></a></div><div><a href="/components/card/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/card" class="css-t1lyqx">Card</div></span></a></div><div><a href="/components/divider/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/divider" class="css-t1lyqx">Divider</div></span></a></div><div><a href="/components/drawer/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/drawer" class="css-t1lyqx">Drawer</div></span></a></div><div><a href="/components/fieldset/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/fieldset" class="css-t1lyqx">Fieldset</div></span></a></div><div><a href="/components/grid/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/grid" class="css-t1lyqx">Grid</div></span></a></div><div><a href="/components/grid-layout/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/grid-layout" class="css-t1lyqx">Grid Layout</div></span></a></div><div><a href="/components/modal/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/modal" class="css-t1lyqx">Modal</div></span></a></div><div><a href="/components/stack/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/stack" class="css-t1lyqx">Stack</div></span></a></div><div><a href="/components/visibility/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/visibility" class="css-t1lyqx">Visibility</div></span></a></div><div id="/components/media" class="css-x36bp3">Media</div><div><a href="/components/audio-player/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/audio-player" class="css-t1lyqx">Audio Player</div></span></a></div><div><a href="/components/icons/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/icons" class="css-t1lyqx">Icons</div></span></a></div><div><a href="/components/image/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/image" class="css-t1lyqx">Image</div></span></a></div><div><a href="/components/volume-control/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/volume-control" class="css-t1lyqx">Volume Control</div></span></a></div><div id="/components/navigation" class="css-x36bp3">Navigation</div><div><a href="/components/link/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/link" class="css-t1lyqx">Link</div></span></a></div><div><a href="/components/menu/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/menu" class="css-t1lyqx">Menu</div></span></a></div><div><a href="/components/scroll/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/scroll" class="css-t1lyqx">Scroll</div></span></a></div><div><a href="/components/tabs/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/tabs" class="css-t1lyqx">Tabs</div></span></a></div><div><a href="/components/tag/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/tag" class="css-t1lyqx">Tag</div></span></a></div><div><a href="/components/title-bar/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/title-bar" class="css-t1lyqx">Title Bar</div></span></a></div><div id="/components/text" class="css-x36bp3">Text</div><div><a href="/components/byline/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/byline" class="css-t1lyqx">Byline</div></span></a></div><div><a href="/components/caption/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/caption" class="css-t1lyqx">Caption</div></span></a></div><div><a href="/components/date-time/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/date-time" class="css-t1lyqx">Date Time</div></span></a></div><div><a href="/components/headline/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/headline" class="css-t1lyqx">Headline</div></span></a></div><div><a href="/components/ordered-list/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/ordered-list" class="css-t1lyqx">Ordered List</div></span></a></div><div><a href="/components/standfirst/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/standfirst" class="css-t1lyqx">Standfirst</div></span></a></div><div><a href="/components/text-block/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/text-block" class="css-t1lyqx">Text Block</div></span></a></div><div><a href="/components/unordered-list/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/unordered-list" class="css-t1lyqx">Unordered List</div></span></a></div><div id="/components/third-party" class="css-x36bp3">Third Party Integrations</div><div><a href="/components/consent/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/consent" class="css-t1lyqx">Consent</div></span></a></div><div><a href="/components/consent-settings-link/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/consent-settings-link" class="css-t1lyqx">Consent Settings Link</div></span></a></div><div><a href="/components/experimentation-web/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/experimentation-web" class="css-t1lyqx">Experimentation Web</div></span></a></div><div><a href="/components/tealium/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/tealium" class="css-t1lyqx">Tealium</div></span></a></div><div id="/utils" class="css-x36bp3">Utilities</div><div><a href="/components/utils/emotion/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/utils/emotion" class="css-t1lyqx">Emotion</div></span></a></div><div><a href="/components/utils/custom-to-newskit-icon/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/utils/custom-to-newskit-icon" class="css-t1lyqx">customToNewsKitIcon</div></span></a></div><div><a href="/components/utils/get-css-from-theme/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/utils/get-css-from-theme" class="css-t1lyqx">getCssFromTheme</div></span></a></div><div><a href="/components/utils/get-from-theme/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/utils/get-from-theme" class="css-t1lyqx">getFromTheme</div></span></a></div><div><a href="/components/utils/get-defaults/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/utils/get-defaults" class="css-t1lyqx">getComponentDefaults</div></span></a></div><div><a href="/components/utils/hooks/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/utils/hooks" class="css-t1lyqx">Hooks</div></span></a></div></div></li></ul></nav></div><style data-emotion="css 1dzjn3i">.css-1dzjn3i{background-color:rgba(0, 0, 0, 0.8);position:fixed;overflow:auto;bottom:0;top:0;left:0;right:100%;opacity:0;visibility:hidden;-webkit-transition:opacity 0.6s,right 0.3s;transition:opacity 0.6s,right 0.3s;z-index:2;}@media screen and (min-width: 1024px){.css-1dzjn3i{display:none;}}</style><div data-testid="overlay" class="css-1dzjn3i"></div><style data-emotion="css 1kjizz3">.css-1kjizz3{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:fixed;top:0;right:0;left:0;z-index:4;background-color:#FFFFFF;font-family:"Poppins",sans-serif;font-size:14px;line-height:1.5;font-weight:500;letter-spacing:0;padding-top:8px;padding-bottom:8px;box-shadow:0 4px 8px 0 rgba(10,10,10,0.08);}@media screen and (min-width: 1024px){.css-1kjizz3{padding-top:12px;padding-bottom:12px;box-shadow:0 8px 16px 0 rgba(10,10,10,0.08);height:80px;}}</style><header data-testid="header-navigation" class="css-1kjizz3"><style data-emotion="css x51be0">.css-x51be0{position:-webkit-sticky;position:sticky;}</style><style data-emotion="css dre6gm">.css-dre6gm{width:100%;max-width:9999px;margin:0 auto;}</style><div class="css-dre6gm"><style data-emotion="css 18z1uw5">.css-18z1uw5{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:-webkit-sticky;position:sticky;}@media screen{.css-18z1uw5{margin:-16px 8px 0 8px;}}@media screen and (min-width: 480px){.css-18z1uw5{margin:-16px 8px 0 8px;}}@media screen and (min-width: 768px){.css-18z1uw5{margin:-16px 8px 0 8px;}}@media screen and (min-width: 1024px){.css-18z1uw5{margin:-24px 12px 0 12px;}}@media screen and (min-width: 1440px){.css-18z1uw5{margin:-24px 12px 0 12px;}}</style><div class="css-18z1uw5"><style data-emotion="css 4yea8k">.css-4yea8k{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-4yea8k{-webkit-order:1;-ms-flex-order:1;order:1;padding:0 8px;margin-top:16px;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%;}}@media screen and (min-width: 1024px){.css-4yea8k{padding:0 12px;margin-top:24px;}}</style><div class="css-4yea8k"><div class="css-17x5lw"><style data-emotion="css 1k3e0au">@media screen{.css-1k3e0au{display:block;}}@media screen and (min-width: 480px){.css-1k3e0au{display:block;}}@media screen and (min-width: 768px){.css-1k3e0au{display:none;}}@media screen and (min-width: 1024px){.css-1k3e0au{display:none;}}@media screen and (min-width: 1440px){.css-1k3e0au{display:none;}}</style><div class="css-1k3e0au"><div data-testid="logo-container" class="css-17x5lw"><style data-emotion="css 1tjzrtp">.css-1tjzrtp{font-size:0;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-right:16px;}</style><div tabindex="0" data-testid="mobile-menu-icon" class="css-1tjzrtp"><style data-emotion="css 1ypz2ua">.css-1ypz2ua{color:#577FFB;fill:#577FFB;vertical-align:unset;display:inline-block;}@media screen and (prefers-reduced-motion: no-preference){.css-1ypz2ua{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1ypz2ua{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}.css-1ypz2ua.css-1ypz2ua{width:32px;height:32px;color:#577FFB;fill:#577FFB;}@media screen and (prefers-reduced-motion: no-preference){.css-1ypz2ua.css-1ypz2ua{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1ypz2ua.css-1ypz2ua{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}</style><style data-emotion="css 17xb90z-EmotionIconBase">.css-17xb90z-EmotionIconBase{display:inline-block;vertical-align:middle;overflow:hidden;color:#577FFB;fill:#577FFB;vertical-align:unset;display:inline-block;}@media screen and (prefers-reduced-motion: no-preference){.css-17xb90z-EmotionIconBase{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-17xb90z-EmotionIconBase{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}.css-17xb90z-EmotionIconBase.css-17xb90z-EmotionIconBase{width:32px;height:32px;color:#577FFB;fill:#577FFB;}@media screen and (prefers-reduced-motion: no-preference){.css-17xb90z-EmotionIconBase.css-17xb90z-EmotionIconBase{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-17xb90z-EmotionIconBase.css-17xb90z-EmotionIconBase{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}</style><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="css-17xb90z-EmotionIconBase ex0cdmw0"><path fill="none" d="M0 0h24v24H0z"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg></div><style data-emotion="css 1fjt7l2">.css-1fjt7l2{display:inline-block;color:#2E2E2E;}@media screen and (prefers-reduced-motion: no-preference){.css-1fjt7l2{transition-property:color,fill;transition-duration:200ms,200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1fjt7l2{transition-property:color,fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}.css-1fjt7l2 svg{fill:#2E2E2E;}</style><a href="/" class="css-1fjt7l2"><span class="css-17x5lw"><style data-emotion="css nr1bh9">.css-nr1bh9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:64px;height:40px;overflow:hidden;}</style><div class="css-nr1bh9"><style data-emotion="css 1qvdy2v">.css-1qvdy2v{display:inline-block;fill:#2E2E2E;color:#2E2E2E;width:48px;height:32px;}</style><svg viewBox="0 0 587 400" class="css-1qvdy2v"><title>Newskit Logo</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M542.931651,29.2896728 C572.492354,32.9192707 586.5572,64.4547843 586.348415,106.08797 L586.495247,105.970589 C537.990326,145.154611 442.468706,171.95996 348.623603,120.985066 L348.721238,120.845043 C362.553081,128.155467 377.170854,133.793553 394.357307,135.903784 C415.412272,138.489009 432.330134,126.917892 447.679336,110.530755 L448.773075,109.352181 C448.954931,109.154429 449.136575,108.956026 449.318008,108.756987 L450.404133,107.55526 L450.404133,107.55526 L451.485443,106.339042 L451.485443,106.339042 L452.562145,105.109091 L452.562145,105.109091 L453.634447,103.866163 C453.812809,103.657969 453.990997,103.449266 454.169014,103.240069 L455.235107,101.979094 L455.235107,101.979094 L456.29732,100.707032 L456.29732,100.707032 L457.587754,99.1418332 C457.802393,98.8797626 458.016819,98.6171092 458.231042,98.3539014 L459.83401,96.3698952 L459.83401,96.3698952 L461.430067,94.3677804 L462.702432,92.7548508 L463.971223,91.1334185 L465.236818,89.5048552 L467.13004,87.0516409 L470.379422,82.8097527 L474.299324,77.6792448 L476.754567,74.4820285 L478.597452,72.100709 L480.442909,69.7384417 L481.675233,68.1763279 L482.909587,66.6259015 L484.146323,65.0884505 L485.385797,63.5652628 L486.628361,62.0576264 L487.624877,60.8635796 L487.624877,60.8635796 L488.623779,59.6809694 L488.623779,59.6809694 L489.625249,58.510455 L489.625249,58.510455 L490.629468,57.3526961 C490.797077,57.1608358 490.964809,56.9695345 491.132666,56.7788059 L492.141348,55.6414163 C492.309724,55.4530334 492.478233,55.2652506 492.646879,55.0780818 L493.660434,53.9625454 C494.168065,53.4085705 494.676998,52.8603679 495.187337,52.3183087 L496.209917,51.2424913 C496.722174,50.708788 497.235905,50.1814753 497.751209,49.6609242 L498.783949,48.6289471 C511.892687,35.6742166 526.055811,27.2175802 542.931651,29.2896728 Z" fill="#AEBFFF"></path><path d="M233.380135,275.552866 L233.481089,275.663916 C221.00643,269.775743 208.041451,265.334595 193.610157,263.562655 C178.279744,261.680317 164.987976,268.064335 152.720979,278.527996 L151.754642,279.362473 C151.27252,279.783874 150.791953,280.21146 150.312878,280.644973 L149.356702,281.519826 L149.356702,281.519826 L148.404395,282.410029 C147.612388,283.158133 146.824297,283.921749 146.039833,284.699684 L145.100198,285.640004 L145.100198,285.640004 L144.163935,286.593612 L144.163935,286.593612 L143.230932,287.560052 C143.075697,287.722169 142.920593,287.884802 142.765618,288.047941 L141.837298,289.032769 C141.68283,289.197894 141.528485,289.363505 141.374263,289.529594 L140.27472,290.723935 C139.908877,291.124669 139.543693,291.527981 139.179139,291.933742 L138.087333,293.158242 C137.90567,293.363507 137.724156,293.569352 137.542788,293.775761 L136.456294,295.020854 L135.373107,296.278709 L134.293042,297.548555 L133.215909,298.829619 L132.678385,299.474116 L132.678385,299.474116 L131.353955,301.076035 L130.693146,301.88229 L129.374121,303.504482 L128.715817,304.320056 L127.401406,305.959251 L126.08963,307.607965 L124.126138,310.095703 L121.514088,313.432437 L115.59486,321.034134 L113.63866,323.535524 L111.680042,326.02386 L110.372368,327.673078 L108.407082,330.128759 L107.093862,331.751664 L105.777807,333.3615 L104.458567,334.956815 L103.135788,336.536155 L102.101338,337.756016 L101.064355,338.964583 L100.02467,340.161167 L98.982118,341.345078 L97.936531,342.515628 L96.8877422,343.672125 L95.8355846,344.813881 L95.3081902,345.379015 L95.3081902,345.379015 L94.2506661,346.497364 L93.3700527,347.413119 L93.3700527,347.413119 L92.4867353,348.317137 L92.4867353,348.317137 L91.6006185,349.209022 C91.1568443,349.651865 90.7119845,350.090012 90.2659853,350.523239 L89.372452,351.383068 L89.372452,351.383068 L88.475785,352.229385 C88.326074,352.36929 88.1762285,352.508615 88.0262465,352.647353 L87.1246998,353.472662 C86.5225551,354.018078 85.9181622,354.55383 85.3113935,355.07939 L84.3994429,355.86002 C84.2471489,355.98883 84.0947024,356.116986 83.9421015,356.24448 L83.0246266,357.00144 C71.5326258,366.362564 59.1494776,371.909706 45.035813,370.176766 C15.7285936,366.578292 1.08954462,335.668876 0.349530223,294.649268 L-0.505045496,295.436748 C55.5334979,243.070922 150.863739,236.107309 233.380135,275.552866 Z" fill="#3358CC"></path><path d="M369.722888,336.535023 C344.478199,333.039998 323.729573,325.3413 305.289933,316.177684 L303.619902,315.340669 C303.065305,315.060369 302.512767,314.778801 301.962228,314.496039 L300.316545,313.644253 L298.275747,312.570154 L298.275747,312.570154 L296.252403,311.486479 L294.645814,310.613246 L292.652088,309.514587 L292.652088,309.514587 L290.673817,308.408855 L289.101849,307.519775 L287.538952,306.627197 L285.210813,305.282771 L282.134966,303.482225 L282.134966,303.482225 L279.680373,302.028273 L277.243511,300.572493 L273.61813,298.389574 L265.271816,293.333002 L262.909329,291.906348 L259.965971,290.139474 L257.030668,288.394353 C249.211286,283.773014 241.446067,279.423464 233.480948,275.66385 L233.380135,275.552866 C151.688903,236.501765 57.4388213,242.936291 1.18784621,293.879395 L0.349511934,294.648254 C-1.40117061,197.576039 74.685447,43.8855432 218.416223,61.5334634 C243.595502,64.6250902 263.775794,71.8618633 281.413553,80.6870641 L282.986322,81.4815588 C283.508357,81.7477604 284.028191,82.0153094 284.54589,82.2841378 L286.092649,83.0943931 L286.861347,83.5022718 L286.861347,83.5022718 L288.389627,84.3232765 L289.906078,85.1509374 L289.906078,85.1509374 L291.411091,85.9848465 L292.159431,86.4040166 L292.159431,86.4040166 L294.018523,87.4579947 L294.018523,87.4579947 L295.861428,88.5199823 L297.324613,89.3748037 L298.778321,90.233833 L300.222943,91.0966623 L301.658873,91.9628835 L303.086502,92.8320886 L304.506222,93.7038695 L305.918425,94.5778183 L308.21828,96.01414 L309.361566,96.7335126 L311.635937,98.1735576 L313.895479,99.6138377 L323.926209,106.049807 L326.13506,107.459247 L328.340309,108.857237 L331.094434,110.585885 L333.849002,112.290322 C338.421777,115.096398 343.010309,117.787993 347.683946,120.292931 L349.440685,121.223392 C442.141776,171.224285 536.201082,145.590447 585.029491,107.139624 L586.348414,106.088092 C585.864018,202.666729 508.569775,353.583277 369.722888,336.535023 Z" fill="#577FFB"></path></g></svg></div></span></a></div></div><style data-emotion="css n86qze">@media screen{.css-n86qze{display:none;}}@media screen and (min-width: 480px){.css-n86qze{display:none;}}@media screen and (min-width: 768px){.css-n86qze{display:block;}}@media screen and (min-width: 1024px){.css-n86qze{display:none;}}@media screen and (min-width: 1440px){.css-n86qze{display:none;}}</style><div class="css-n86qze"><div data-testid="logo-container" class="css-17x5lw"><div tabindex="0" data-testid="mobile-menu-icon" class="css-1tjzrtp"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="css-17xb90z-EmotionIconBase ex0cdmw0"><path fill="none" d="M0 0h24v24H0z"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg></div><a href="/" class="css-1fjt7l2"><span class="css-17x5lw"><style data-emotion="css 3s8hd2">.css-3s8hd2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:52px;overflow:hidden;}</style><div class="css-3s8hd2"><style data-emotion="css kbqybq">.css-kbqybq{display:inline-block;width:183px;height:40px;}</style><svg viewBox="0 0 1587 347" class="css-kbqybq"><title>Newskit Logo</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-5.000000, 47.000000)"><style data-emotion="css 1epbdp2">.css-1epbdp2{fill:#162740;color:#162740;}</style><g transform="translate(508.073657, 26.125170)" class="css-1epbdp2"><path d="M49.6701967,183.5 L49.6701967,88.2085714 L126.078764,185.96333 C126.836849,186.933201 127.99928,187.5 129.230272,187.5 L167,187.5 C169.209139,187.5 171,185.709139 171,183.5 L171,10.5 C171,8.290861 169.209139,6.5 167,6.5 L125.329803,6.5 C123.120664,6.5 121.329803,8.290861 121.329803,10.5 L121.329803,102.171429 L48.025595,8.04230221 C47.2677022,7.06910032 46.1031929,6.5 44.8696924,6.5 L4,6.5 C1.790861,6.5 0,8.290861 0,10.5 L0,183.5 C0,185.709139 1.790861,187.5 4,187.5 L45.6701967,187.5 C47.8793357,187.5 49.6701967,185.709139 49.6701967,183.5 Z M903,55 C918.187831,55 930.5,42.6878306 930.5,27.5 C930.5,12.3121694 918.187831,0 903,0 C887.812169,0 875.5,12.3121694 875.5,27.5 C875.5,42.6878306 887.812169,55 903,55 Z M263.027523,190.5 C289.304083,190.5 308.121364,180.273822 321.470735,164.67486 C322.185034,163.840189 322.721045,161.426603 321.327744,160.275568 L299.153134,141.956652 C297.457714,140.556029 294.757606,141.251542 293.943758,141.981606 C284.811066,150.174114 276.283121,153.871025 265.355963,153.871025 C250.091743,153.871025 238.966972,146.132509 235.086239,130.913428 L323.782339,130.913428 C325.435321,130.913428 329,129.596531 329,126.880598 L329,120.853357 C329,79.8392226 306.750459,44.5 258.629358,44.5 C217.234862,44.5 188,76.7438163 188,117.5 L188,118.015901 C188,161.09364 219.045872,190.5 263.027523,190.5 Z M284,105.5 L235,105.5 C237.592593,90.1938776 246.407407,80.5 259.37037,80.5 C272.851852,80.5 282.185185,90.1938776 284,105.5 Z M414.377751,184.718744 L435.778461,117.819827 C435.946735,117.293802 436.509575,117.003787 437.0356,117.17206 C437.345716,117.271265 437.588117,117.515238 437.685316,117.825988 L458.600819,184.6941 C459.122984,186.363495 460.669273,187.5 462.418426,187.5 L498.895815,187.5 C500.65258,187.5 502.203732,186.353753 502.719524,184.674412 L543.410734,52.1899515 C544.059344,50.078175 542.873213,47.8404396 540.761436,47.1918296 C540.380918,47.0749574 539.985086,47.0155393 539.587024,47.0155393 L500.789687,47.0155393 C498.978012,47.0155393 497.392536,48.2331786 496.925114,49.9835159 L479.758709,114.265808 C479.616217,114.799394 479.068146,115.116438 478.53456,114.973946 C478.200911,114.884846 477.936847,114.629901 477.836082,114.299588 L458.017303,49.3328585 C457.503885,47.6498526 455.950944,46.5 454.191368,46.5 L419.802333,46.5 C418.045766,46.5 416.494742,47.6459914 415.978782,49.3250718 L396.176619,113.766952 C396.014396,114.294874 395.454922,114.591331 394.927,114.429108 C394.595866,114.327355 394.340981,114.061474 394.253297,113.72634 L377.580699,50.0030584 C377.120225,48.2431076 375.530153,47.0155393 373.71096,47.0155393 L334.393967,47.0155393 C332.184828,47.0155393 330.393967,48.8064003 330.393967,51.0155393 C330.393967,51.4090901 330.452046,51.8004866 330.566327,52.1770793 L370.770217,184.66154 C371.2818,186.347367 372.836116,187.5 374.597856,187.5 L410.56794,187.5 C412.307555,187.5 413.847715,186.375646 414.377751,184.718744 Z M609.892857,190.5 C644.002101,190.5 667,174.450355 667,143.64539 L667,143.12766 C667,118.664894 649.208929,108.460426 625.494477,101.002777 L623.904868,100.509543 C623.37216,100.346404 622.836658,100.184495 622.29849,100.02369 L620.676125,99.5444603 L619.038552,99.0710951 L617.386555,98.6028369 L613.001051,97.2603787 L611.189694,96.694176 L609.88794,96.27927 L608.635445,95.8713519 L607.432756,95.4691926 L606.280417,95.0715629 L605.540433,94.808386 L604.823231,94.5463117 L604.128973,94.2849759 L603.45782,94.0240145 L602.809933,93.7630631 L602.185475,93.5017577 L601.584607,93.239734 C601.486437,93.1959833 601.389256,93.1521875 601.293069,93.108339 L600.727889,92.844555 C600.543485,92.7563758 600.36308,92.6679252 600.186702,92.5791423 L599.66967,92.3117367 C599.58552,92.2669828 599.502384,92.2221307 599.420263,92.1771727 L598.939768,91.9060948 C598.783687,91.8152718 598.631699,91.723965 598.483832,91.6321135 L598.052617,91.3548645 C595.819012,89.8668424 594.647059,88.2238632 594.647059,86.177305 L594.647059,85.6595745 C594.647059,81.5177305 598.523109,78.6702128 606.016807,78.6702128 C616.381853,78.6702128 630.794334,82.9501422 644.429889,90.2492222 L645.170746,90.6470084 L645.278629,90.6877084 L645.428516,90.7318551 L645.61432,90.7746621 C645.681564,90.788176 645.75378,90.8006688 645.829952,90.8113428 L646.069325,90.8371103 C646.858502,90.8963762 647.913206,90.7194935 648.363501,89.6224742 L649.482426,86.2332564 L650.41522,83.3635462 L652.066003,78.2026376 L653.805034,72.6715009 L655.229292,68.0824946 L657.906292,59.3602096 C658.332293,57.9717378 657.777631,57.2285724 657.347441,56.8859969 L657.223223,56.7949973 L657.113105,56.7265648 L657.065405,56.7003523 C642.103147,48.8120377 624.172333,44.5 606.533613,44.5 C574.233193,44.5 550.460084,61.0673759 550.460084,90.8368794 L550.460084,91.3546099 C550.460084,115.11844 566.32928,125.416099 588.07008,132.422028 L589.614346,132.91123 L591.177336,133.390292 C591.701366,133.548378 592.228386,133.704907 592.758266,133.86001 L594.356357,134.32118 L595.970827,134.774596 L597.600894,135.221053 L599.245776,135.661348 C599.521115,135.734261 599.797038,135.80695 600.073529,135.879433 L603.575041,136.868735 L605.906341,137.539846 L607.668301,138.06027 L608.929112,138.443108 L609.740577,138.69553 L610.913911,139.070971 L611.666742,139.319726 L612.395944,139.567722 L613.101414,139.815365 L613.783052,140.063058 L614.440756,140.311206 C614.548374,140.352624 614.65499,140.394078 614.760602,140.435577 L615.382218,140.685167 C615.483808,140.726876 615.58439,140.768646 615.683962,140.810486 L616.269261,141.062428 L616.830223,141.316444 L617.366747,141.572938 L617.878732,141.832315 C621.126662,143.528516 622.813025,145.433083 622.813025,148.046099 L622.813025,148.56383 C622.813025,153.48227 618.678571,156.070922 610.151261,156.070922 C596.440715,156.070922 580.178478,151.190806 564.881159,141.650754 L564.141733,141.185503 C564.093732,141.155032 564.040729,141.123143 563.983488,141.090874 L563.79981,140.993962 L563.595278,140.900988 C562.919404,140.619369 561.998701,140.490551 561.487311,141.403508 L551.779214,170.769329 L551.450065,171.738253 C550.79398,173.603357 552.142953,174.923294 552.801936,175.310151 C570.051776,185.436717 589.878719,190.5 609.892857,190.5 Z M740.083086,182.5 L740.083086,139.826518 C740.083086,139.577805 740.175768,139.338018 740.343042,139.15396 L757.55884,120.210705 C757.930284,119.80199 758.562728,119.771776 758.971443,120.143219 C759.02977,120.196228 759.081626,120.255946 759.125931,120.32113 L802.916375,184.748531 C803.661045,185.844139 804.899841,186.5 806.224563,186.5 L856.418355,186.5 C858.627494,186.5 860.418355,184.709139 860.418355,182.5 C860.418355,181.694156 860.174957,180.907101 859.720045,180.241939 L793.703389,83.7137554 C793.445031,83.3359897 793.476098,82.831043 793.778816,82.4877974 L855.815462,12.1457707 C857.276681,10.488926 857.118095,7.96123597 855.46125,6.50001714 C854.730545,5.8555868 853.78976,5.5 852.81548,5.5 L804.406558,5.5 C803.233698,5.5 802.119934,6.01475249 801.35994,6.90806657 L741.844741,76.8635966 C741.486869,77.2842468 740.855753,77.3351391 740.435103,76.9772678 C740.211774,76.7872693 740.083086,76.5088283 740.083086,76.2156133 L740.083086,9.5 C740.083086,7.290861 738.292225,5.5 736.083086,5.5 L694,5.5 C691.790861,5.5 690,7.290861 690,9.5 L690,182.5 C690,184.709139 691.790861,186.5 694,186.5 L736.083086,186.5 C738.292225,186.5 740.083086,184.709139 740.083086,182.5 Z M928,182.5 L928,75.0824946 C928,72.8733556 926.209139,71.0824946 924,71.0824946 L883,71.0824946 C880.790861,71.0824946 879,72.8733556 879,75.0824946 L879,182.5 C879,184.709139 880.790861,186.5 883,186.5 L924,186.5 C926.209139,186.5 928,184.709139 928,182.5 Z M1013.35092,189.5 C1025.71919,189.5 1036.40257,186.764504 1044.83085,182.622854 L1045.44285,182.317168 L1045.60937,182.227026 L1045.78895,182.119754 C1046.52796,181.653073 1047.48285,180.715298 1047.48285,178.586712 L1047.48285,145.854246 C1047.48285,144.165121 1046.13184,143.992466 1045.13243,144.162007 L1044.90881,144.206672 C1044.87284,144.21495 1044.83758,144.223601 1044.80314,144.232558 L1044.60696,144.289433 C1044.54533,144.309258 1044.48771,144.329772 1044.43489,144.35044 L1044.35935,144.38149 C1039.37124,146.413468 1034.2066,147.648041 1028.86544,147.648041 C1019.8153,147.648041 1015.41953,143.514514 1015.41953,133.697388 L1015.41953,87.1618287 C1015.41953,86.609544 1015.86724,86.1618287 1016.41953,86.1618287 L1044,86.1618287 C1046.20914,86.1618287 1048,84.3709677 1048,82.1618287 L1048,50.8933237 C1048,48.6841847 1046.20914,46.8933237 1044,46.8933237 L1016.41953,46.8933237 C1015.86724,46.8933237 1015.41953,46.4456084 1015.41953,45.8933237 L1015.41953,15.5 C1015.41953,13.290861 1013.62866,11.5 1011.41953,11.5 L970.548813,11.5 C968.339674,11.5 966.548813,13.290861 966.548813,15.5 L966.548813,45.8933237 C966.548813,46.4456084 966.101097,46.8933237 965.548813,46.8933237 L954,46.8933237 C951.790861,46.8933237 950,48.6841847 950,50.8933237 L950,82.1618287 C950,84.3709677 951.790861,86.1618287 954,86.1618287 L965.548813,86.1618287 C966.101097,86.1618287 966.548813,86.609544 966.548813,87.1618287 L966.548813,143.256168 C966.548813,176.582729 983.873351,189.5 1013.35092,189.5 Z"></path></g><g transform="translate(0.000000, 0.116667)"><g transform="translate(207.496510, 125.867994) rotate(2.000000) translate(-207.496510, -125.867994) translate(4.492344, 7.592994)"><path d="M375.877049,0.215696421 C396.323202,2.72616833 406.051387,24.5382319 405.906977,53.3345184 L406.008536,53.2533299 C372.459299,80.3556122 306.390178,98.8959782 241.480649,63.6383437 L241.54818,63.541494 C251.115204,68.597871 261.22583,72.497547 273.113127,73.9571235 C287.676144,75.7452372 299.377666,67.7418812 309.994197,56.407445 L310.7507,55.5922645 C310.876484,55.4554859 311.002121,55.3182571 311.127612,55.1805889 L311.878849,54.3493941 L311.878849,54.3493941 L312.626754,53.508177 L312.626754,53.508177 L313.371473,52.657461 L313.371473,52.657461 L314.113149,51.7977691 C314.236516,51.6537682 314.359762,51.5094151 314.482891,51.3647207 L315.220272,50.492546 L315.220272,50.492546 L315.95497,49.6127035 L315.95497,49.6127035 L316.84752,48.5301073 C316.995978,48.3488419 317.14429,48.1671732 317.29246,47.9851212 L318.40118,46.6128503 L318.40118,46.6128503 L319.50512,45.2280542 L320.385172,44.1124446 L321.262753,42.9909538 L322.138122,41.8645309 L323.447601,40.1677244 L325.69509,37.2337517 L328.406356,33.6851504 L330.104566,31.4737425 L331.379227,29.8266632 L332.655668,28.1927616 L333.508026,27.1122995 L334.361787,26.0399213 L335.217197,24.9765177 L336.074499,23.9229795 L336.93394,22.8801977 L337.623197,22.0543153 L337.623197,22.0543153 L338.314104,21.2363432 L338.314104,21.2363432 L339.006787,20.4267375 L339.006787,20.4267375 L339.701372,19.6259542 C339.817302,19.4932508 339.933316,19.3609341 340.049417,19.2290135 L340.747089,18.442319 C340.863549,18.3120208 340.980101,18.1821378 341.096748,18.0526793 L341.79779,17.2810999 C342.148901,16.897934 342.500914,16.5187606 342.853898,16.1438363 L343.561183,15.3997292 C343.915494,15.0305844 344.270824,14.6658598 344.627243,14.305812 L345.341555,13.5920278 C354.408432,4.63167253 364.204592,-1.21750098 375.877049,0.215696421 Z" fill="#AEBFFF"></path><path d="M161.770583,170.547738 L161.84041,170.624548 C153.212104,166.551895 144.24466,163.480101 134.263015,162.254509 C123.659479,160.952559 114.466007,165.368171 105.981333,172.605536 L105.312951,173.182717 C104.979483,173.474186 104.64709,173.769932 104.315731,174.069779 L103.654375,174.674886 L103.654375,174.674886 L102.995697,175.29061 C102.447892,175.808048 101.902795,176.336216 101.360208,176.874288 L100.710294,177.524675 L100.710294,177.524675 L100.062712,178.184255 L100.062712,178.184255 L99.4173845,178.852709 C99.3100136,178.96484 99.2027335,179.077327 99.0955426,179.190165 L98.4534543,179.871338 C98.3466136,179.985549 98.2398589,180.100097 98.1331886,180.214975 L97.3726713,181.041061 C97.1196294,181.318236 96.8670443,181.597193 96.6148944,181.877844 L95.8597287,182.72479 C95.7340782,182.866765 95.608531,183.009141 95.4830846,183.151907 L94.731593,184.013097 L93.9823892,184.883113 L93.2353436,185.761423 L92.490327,186.647492 L92.1185391,187.093269 L92.1185391,187.093269 L91.2024752,188.201264 L90.7454158,188.758923 L89.8330904,189.88094 L89.3777634,190.445045 L88.4686288,191.578821 L87.5613172,192.719182 L86.2032351,194.439867 L84.3965671,196.747775 L80.3024344,202.005615 L78.949396,203.735743 L77.5946857,205.456843 L76.6902108,206.597551 L75.330888,208.296064 L74.4225774,209.418574 L73.5123064,210.532044 L72.5998317,211.63547 L71.6849099,212.727847 L70.9694154,213.571583 L70.2521684,214.407509 L69.5330533,215.235146 L68.8119548,216.054019 L68.0887571,216.863649 L67.3633448,217.663559 L66.6356025,218.453273 L66.2708214,218.844158 L66.2708214,218.844158 L65.5393672,219.617683 L64.9302762,220.25108 L64.9302762,220.25108 L64.3193151,220.876359 L64.3193151,220.876359 L63.7064176,221.493246 C63.3994738,221.799546 63.0917791,222.102597 62.7832963,222.402246 L62.1652691,222.996961 L62.1652691,222.996961 L61.5450744,223.58233 C61.4415243,223.679098 61.3378812,223.775465 61.2341436,223.871425 L60.6105738,224.442264 C60.1940904,224.81951 59.776052,225.190072 59.3563703,225.553584 L58.7256045,226.09352 C58.6202678,226.182613 58.5148256,226.271254 58.4092767,226.359438 L57.7746899,226.883002 C49.826056,233.357779 41.2610451,237.194553 31.4990938,235.995936 C11.228267,233.506992 1.10292483,212.127979 0.591081538,183.756083 L1.73976389e-12,184.300757 C38.7599925,148.081061 104.696743,143.264562 161.770583,170.547738 Z" fill="#3358CC"></path><path d="M256.074321,212.727064 C238.613411,210.309671 224.262278,204.984739 211.508193,198.646571 L210.353089,198.067635 C209.969492,197.873761 209.58732,197.67901 209.206531,197.483433 L208.068267,196.894281 L206.656715,196.151362 L206.656715,196.151362 L205.257235,195.401821 L204.146011,194.797834 L202.767017,194.037929 L202.767017,194.037929 L201.398713,193.27313 L200.311436,192.658184 L199.230432,192.040818 L197.620136,191.110923 L195.492675,189.865545 L195.492675,189.865545 L193.794915,188.859895 L192.109418,187.85298 L189.601863,186.343128 L183.828996,182.845666 L182.194942,181.858897 L180.15912,180.636809 L178.128868,179.429767 C172.720463,176.23334 167.349519,173.224902 161.840312,170.624502 L161.770583,170.547738 C105.267481,143.537393 40.0778412,147.987941 1.17091676,183.223588 L0.591068889,183.755382 C-0.61981987,116.613766 52.0067573,10.3111735 151.420544,22.5176516 C168.836212,24.6560268 182.794248,29.6614615 194.993697,35.7655587 L196.081529,36.3150842 C196.442603,36.499207 196.802155,36.6842617 197.160231,36.8702014 L198.230072,37.4306279 L198.761755,37.7127441 L198.761755,37.7127441 L199.818815,38.2806057 L200.867694,38.8530711 L200.867694,38.8530711 L201.908661,39.4298582 L202.426263,39.7197842 L202.426263,39.7197842 L203.712135,40.4487857 L203.712135,40.4487857 L204.986811,41.1833272 L205.998847,41.7745786 L207.004328,42.3687406 L208.003526,42.9655309 L208.996711,43.5646672 L209.984154,44.1658674 L210.966127,44.7688492 L211.942901,45.3733304 L213.533633,46.3667862 L214.324406,46.8643523 L215.897513,47.8603834 L217.460363,48.8565771 L224.398284,53.3081228 L225.926073,54.2829853 L227.45137,55.2499283 L229.356307,56.4455762 L231.261549,57.6244787 C234.424385,59.565348 237.59812,61.4270346 240.830719,63.1596166 L242.045797,63.8031855 C306.164051,98.3871368 371.221738,80.6570654 404.994721,54.0619123 L405.906976,53.3346033 C405.571936,120.134827 352.110084,224.518773 256.074321,212.727064 Z" fill="#577FFB"></path></g></g></g></g></svg></div></span></a></div></div><style data-emotion="css 1tiut6d">@media screen{.css-1tiut6d{display:none;}}@media screen and (min-width: 480px){.css-1tiut6d{display:none;}}@media screen and (min-width: 768px){.css-1tiut6d{display:none;}}@media screen and (min-width: 1024px){.css-1tiut6d{display:block;}}@media screen and (min-width: 1440px){.css-1tiut6d{display:block;}}</style><div class="css-1tiut6d"><a href="/" class="css-1fjt7l2"><span class="css-17x5lw"><div class="css-3s8hd2"><svg viewBox="0 0 1587 347" class="css-kbqybq"><title>Newskit Logo</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-5.000000, 47.000000)"><g transform="translate(508.073657, 26.125170)" class="css-1epbdp2"><path d="M49.6701967,183.5 L49.6701967,88.2085714 L126.078764,185.96333 C126.836849,186.933201 127.99928,187.5 129.230272,187.5 L167,187.5 C169.209139,187.5 171,185.709139 171,183.5 L171,10.5 C171,8.290861 169.209139,6.5 167,6.5 L125.329803,6.5 C123.120664,6.5 121.329803,8.290861 121.329803,10.5 L121.329803,102.171429 L48.025595,8.04230221 C47.2677022,7.06910032 46.1031929,6.5 44.8696924,6.5 L4,6.5 C1.790861,6.5 0,8.290861 0,10.5 L0,183.5 C0,185.709139 1.790861,187.5 4,187.5 L45.6701967,187.5 C47.8793357,187.5 49.6701967,185.709139 49.6701967,183.5 Z M903,55 C918.187831,55 930.5,42.6878306 930.5,27.5 C930.5,12.3121694 918.187831,0 903,0 C887.812169,0 875.5,12.3121694 875.5,27.5 C875.5,42.6878306 887.812169,55 903,55 Z M263.027523,190.5 C289.304083,190.5 308.121364,180.273822 321.470735,164.67486 C322.185034,163.840189 322.721045,161.426603 321.327744,160.275568 L299.153134,141.956652 C297.457714,140.556029 294.757606,141.251542 293.943758,141.981606 C284.811066,150.174114 276.283121,153.871025 265.355963,153.871025 C250.091743,153.871025 238.966972,146.132509 235.086239,130.913428 L323.782339,130.913428 C325.435321,130.913428 329,129.596531 329,126.880598 L329,120.853357 C329,79.8392226 306.750459,44.5 258.629358,44.5 C217.234862,44.5 188,76.7438163 188,117.5 L188,118.015901 C188,161.09364 219.045872,190.5 263.027523,190.5 Z M284,105.5 L235,105.5 C237.592593,90.1938776 246.407407,80.5 259.37037,80.5 C272.851852,80.5 282.185185,90.1938776 284,105.5 Z M414.377751,184.718744 L435.778461,117.819827 C435.946735,117.293802 436.509575,117.003787 437.0356,117.17206 C437.345716,117.271265 437.588117,117.515238 437.685316,117.825988 L458.600819,184.6941 C459.122984,186.363495 460.669273,187.5 462.418426,187.5 L498.895815,187.5 C500.65258,187.5 502.203732,186.353753 502.719524,184.674412 L543.410734,52.1899515 C544.059344,50.078175 542.873213,47.8404396 540.761436,47.1918296 C540.380918,47.0749574 539.985086,47.0155393 539.587024,47.0155393 L500.789687,47.0155393 C498.978012,47.0155393 497.392536,48.2331786 496.925114,49.9835159 L479.758709,114.265808 C479.616217,114.799394 479.068146,115.116438 478.53456,114.973946 C478.200911,114.884846 477.936847,114.629901 477.836082,114.299588 L458.017303,49.3328585 C457.503885,47.6498526 455.950944,46.5 454.191368,46.5 L419.802333,46.5 C418.045766,46.5 416.494742,47.6459914 415.978782,49.3250718 L396.176619,113.766952 C396.014396,114.294874 395.454922,114.591331 394.927,114.429108 C394.595866,114.327355 394.340981,114.061474 394.253297,113.72634 L377.580699,50.0030584 C377.120225,48.2431076 375.530153,47.0155393 373.71096,47.0155393 L334.393967,47.0155393 C332.184828,47.0155393 330.393967,48.8064003 330.393967,51.0155393 C330.393967,51.4090901 330.452046,51.8004866 330.566327,52.1770793 L370.770217,184.66154 C371.2818,186.347367 372.836116,187.5 374.597856,187.5 L410.56794,187.5 C412.307555,187.5 413.847715,186.375646 414.377751,184.718744 Z M609.892857,190.5 C644.002101,190.5 667,174.450355 667,143.64539 L667,143.12766 C667,118.664894 649.208929,108.460426 625.494477,101.002777 L623.904868,100.509543 C623.37216,100.346404 622.836658,100.184495 622.29849,100.02369 L620.676125,99.5444603 L619.038552,99.0710951 L617.386555,98.6028369 L613.001051,97.2603787 L611.189694,96.694176 L609.88794,96.27927 L608.635445,95.8713519 L607.432756,95.4691926 L606.280417,95.0715629 L605.540433,94.808386 L604.823231,94.5463117 L604.128973,94.2849759 L603.45782,94.0240145 L602.809933,93.7630631 L602.185475,93.5017577 L601.584607,93.239734 C601.486437,93.1959833 601.389256,93.1521875 601.293069,93.108339 L600.727889,92.844555 C600.543485,92.7563758 600.36308,92.6679252 600.186702,92.5791423 L599.66967,92.3117367 C599.58552,92.2669828 599.502384,92.2221307 599.420263,92.1771727 L598.939768,91.9060948 C598.783687,91.8152718 598.631699,91.723965 598.483832,91.6321135 L598.052617,91.3548645 C595.819012,89.8668424 594.647059,88.2238632 594.647059,86.177305 L594.647059,85.6595745 C594.647059,81.5177305 598.523109,78.6702128 606.016807,78.6702128 C616.381853,78.6702128 630.794334,82.9501422 644.429889,90.2492222 L645.170746,90.6470084 L645.278629,90.6877084 L645.428516,90.7318551 L645.61432,90.7746621 C645.681564,90.788176 645.75378,90.8006688 645.829952,90.8113428 L646.069325,90.8371103 C646.858502,90.8963762 647.913206,90.7194935 648.363501,89.6224742 L649.482426,86.2332564 L650.41522,83.3635462 L652.066003,78.2026376 L653.805034,72.6715009 L655.229292,68.0824946 L657.906292,59.3602096 C658.332293,57.9717378 657.777631,57.2285724 657.347441,56.8859969 L657.223223,56.7949973 L657.113105,56.7265648 L657.065405,56.7003523 C642.103147,48.8120377 624.172333,44.5 606.533613,44.5 C574.233193,44.5 550.460084,61.0673759 550.460084,90.8368794 L550.460084,91.3546099 C550.460084,115.11844 566.32928,125.416099 588.07008,132.422028 L589.614346,132.91123 L591.177336,133.390292 C591.701366,133.548378 592.228386,133.704907 592.758266,133.86001 L594.356357,134.32118 L595.970827,134.774596 L597.600894,135.221053 L599.245776,135.661348 C599.521115,135.734261 599.797038,135.80695 600.073529,135.879433 L603.575041,136.868735 L605.906341,137.539846 L607.668301,138.06027 L608.929112,138.443108 L609.740577,138.69553 L610.913911,139.070971 L611.666742,139.319726 L612.395944,139.567722 L613.101414,139.815365 L613.783052,140.063058 L614.440756,140.311206 C614.548374,140.352624 614.65499,140.394078 614.760602,140.435577 L615.382218,140.685167 C615.483808,140.726876 615.58439,140.768646 615.683962,140.810486 L616.269261,141.062428 L616.830223,141.316444 L617.366747,141.572938 L617.878732,141.832315 C621.126662,143.528516 622.813025,145.433083 622.813025,148.046099 L622.813025,148.56383 C622.813025,153.48227 618.678571,156.070922 610.151261,156.070922 C596.440715,156.070922 580.178478,151.190806 564.881159,141.650754 L564.141733,141.185503 C564.093732,141.155032 564.040729,141.123143 563.983488,141.090874 L563.79981,140.993962 L563.595278,140.900988 C562.919404,140.619369 561.998701,140.490551 561.487311,141.403508 L551.779214,170.769329 L551.450065,171.738253 C550.79398,173.603357 552.142953,174.923294 552.801936,175.310151 C570.051776,185.436717 589.878719,190.5 609.892857,190.5 Z M740.083086,182.5 L740.083086,139.826518 C740.083086,139.577805 740.175768,139.338018 740.343042,139.15396 L757.55884,120.210705 C757.930284,119.80199 758.562728,119.771776 758.971443,120.143219 C759.02977,120.196228 759.081626,120.255946 759.125931,120.32113 L802.916375,184.748531 C803.661045,185.844139 804.899841,186.5 806.224563,186.5 L856.418355,186.5 C858.627494,186.5 860.418355,184.709139 860.418355,182.5 C860.418355,181.694156 860.174957,180.907101 859.720045,180.241939 L793.703389,83.7137554 C793.445031,83.3359897 793.476098,82.831043 793.778816,82.4877974 L855.815462,12.1457707 C857.276681,10.488926 857.118095,7.96123597 855.46125,6.50001714 C854.730545,5.8555868 853.78976,5.5 852.81548,5.5 L804.406558,5.5 C803.233698,5.5 802.119934,6.01475249 801.35994,6.90806657 L741.844741,76.8635966 C741.486869,77.2842468 740.855753,77.3351391 740.435103,76.9772678 C740.211774,76.7872693 740.083086,76.5088283 740.083086,76.2156133 L740.083086,9.5 C740.083086,7.290861 738.292225,5.5 736.083086,5.5 L694,5.5 C691.790861,5.5 690,7.290861 690,9.5 L690,182.5 C690,184.709139 691.790861,186.5 694,186.5 L736.083086,186.5 C738.292225,186.5 740.083086,184.709139 740.083086,182.5 Z M928,182.5 L928,75.0824946 C928,72.8733556 926.209139,71.0824946 924,71.0824946 L883,71.0824946 C880.790861,71.0824946 879,72.8733556 879,75.0824946 L879,182.5 C879,184.709139 880.790861,186.5 883,186.5 L924,186.5 C926.209139,186.5 928,184.709139 928,182.5 Z M1013.35092,189.5 C1025.71919,189.5 1036.40257,186.764504 1044.83085,182.622854 L1045.44285,182.317168 L1045.60937,182.227026 L1045.78895,182.119754 C1046.52796,181.653073 1047.48285,180.715298 1047.48285,178.586712 L1047.48285,145.854246 C1047.48285,144.165121 1046.13184,143.992466 1045.13243,144.162007 L1044.90881,144.206672 C1044.87284,144.21495 1044.83758,144.223601 1044.80314,144.232558 L1044.60696,144.289433 C1044.54533,144.309258 1044.48771,144.329772 1044.43489,144.35044 L1044.35935,144.38149 C1039.37124,146.413468 1034.2066,147.648041 1028.86544,147.648041 C1019.8153,147.648041 1015.41953,143.514514 1015.41953,133.697388 L1015.41953,87.1618287 C1015.41953,86.609544 1015.86724,86.1618287 1016.41953,86.1618287 L1044,86.1618287 C1046.20914,86.1618287 1048,84.3709677 1048,82.1618287 L1048,50.8933237 C1048,48.6841847 1046.20914,46.8933237 1044,46.8933237 L1016.41953,46.8933237 C1015.86724,46.8933237 1015.41953,46.4456084 1015.41953,45.8933237 L1015.41953,15.5 C1015.41953,13.290861 1013.62866,11.5 1011.41953,11.5 L970.548813,11.5 C968.339674,11.5 966.548813,13.290861 966.548813,15.5 L966.548813,45.8933237 C966.548813,46.4456084 966.101097,46.8933237 965.548813,46.8933237 L954,46.8933237 C951.790861,46.8933237 950,48.6841847 950,50.8933237 L950,82.1618287 C950,84.3709677 951.790861,86.1618287 954,86.1618287 L965.548813,86.1618287 C966.101097,86.1618287 966.548813,86.609544 966.548813,87.1618287 L966.548813,143.256168 C966.548813,176.582729 983.873351,189.5 1013.35092,189.5 Z"></path></g><g transform="translate(0.000000, 0.116667)"><g transform="translate(207.496510, 125.867994) rotate(2.000000) translate(-207.496510, -125.867994) translate(4.492344, 7.592994)"><path d="M375.877049,0.215696421 C396.323202,2.72616833 406.051387,24.5382319 405.906977,53.3345184 L406.008536,53.2533299 C372.459299,80.3556122 306.390178,98.8959782 241.480649,63.6383437 L241.54818,63.541494 C251.115204,68.597871 261.22583,72.497547 273.113127,73.9571235 C287.676144,75.7452372 299.377666,67.7418812 309.994197,56.407445 L310.7507,55.5922645 C310.876484,55.4554859 311.002121,55.3182571 311.127612,55.1805889 L311.878849,54.3493941 L311.878849,54.3493941 L312.626754,53.508177 L312.626754,53.508177 L313.371473,52.657461 L313.371473,52.657461 L314.113149,51.7977691 C314.236516,51.6537682 314.359762,51.5094151 314.482891,51.3647207 L315.220272,50.492546 L315.220272,50.492546 L315.95497,49.6127035 L315.95497,49.6127035 L316.84752,48.5301073 C316.995978,48.3488419 317.14429,48.1671732 317.29246,47.9851212 L318.40118,46.6128503 L318.40118,46.6128503 L319.50512,45.2280542 L320.385172,44.1124446 L321.262753,42.9909538 L322.138122,41.8645309 L323.447601,40.1677244 L325.69509,37.2337517 L328.406356,33.6851504 L330.104566,31.4737425 L331.379227,29.8266632 L332.655668,28.1927616 L333.508026,27.1122995 L334.361787,26.0399213 L335.217197,24.9765177 L336.074499,23.9229795 L336.93394,22.8801977 L337.623197,22.0543153 L337.623197,22.0543153 L338.314104,21.2363432 L338.314104,21.2363432 L339.006787,20.4267375 L339.006787,20.4267375 L339.701372,19.6259542 C339.817302,19.4932508 339.933316,19.3609341 340.049417,19.2290135 L340.747089,18.442319 C340.863549,18.3120208 340.980101,18.1821378 341.096748,18.0526793 L341.79779,17.2810999 C342.148901,16.897934 342.500914,16.5187606 342.853898,16.1438363 L343.561183,15.3997292 C343.915494,15.0305844 344.270824,14.6658598 344.627243,14.305812 L345.341555,13.5920278 C354.408432,4.63167253 364.204592,-1.21750098 375.877049,0.215696421 Z" fill="#AEBFFF"></path><path d="M161.770583,170.547738 L161.84041,170.624548 C153.212104,166.551895 144.24466,163.480101 134.263015,162.254509 C123.659479,160.952559 114.466007,165.368171 105.981333,172.605536 L105.312951,173.182717 C104.979483,173.474186 104.64709,173.769932 104.315731,174.069779 L103.654375,174.674886 L103.654375,174.674886 L102.995697,175.29061 C102.447892,175.808048 101.902795,176.336216 101.360208,176.874288 L100.710294,177.524675 L100.710294,177.524675 L100.062712,178.184255 L100.062712,178.184255 L99.4173845,178.852709 C99.3100136,178.96484 99.2027335,179.077327 99.0955426,179.190165 L98.4534543,179.871338 C98.3466136,179.985549 98.2398589,180.100097 98.1331886,180.214975 L97.3726713,181.041061 C97.1196294,181.318236 96.8670443,181.597193 96.6148944,181.877844 L95.8597287,182.72479 C95.7340782,182.866765 95.608531,183.009141 95.4830846,183.151907 L94.731593,184.013097 L93.9823892,184.883113 L93.2353436,185.761423 L92.490327,186.647492 L92.1185391,187.093269 L92.1185391,187.093269 L91.2024752,188.201264 L90.7454158,188.758923 L89.8330904,189.88094 L89.3777634,190.445045 L88.4686288,191.578821 L87.5613172,192.719182 L86.2032351,194.439867 L84.3965671,196.747775 L80.3024344,202.005615 L78.949396,203.735743 L77.5946857,205.456843 L76.6902108,206.597551 L75.330888,208.296064 L74.4225774,209.418574 L73.5123064,210.532044 L72.5998317,211.63547 L71.6849099,212.727847 L70.9694154,213.571583 L70.2521684,214.407509 L69.5330533,215.235146 L68.8119548,216.054019 L68.0887571,216.863649 L67.3633448,217.663559 L66.6356025,218.453273 L66.2708214,218.844158 L66.2708214,218.844158 L65.5393672,219.617683 L64.9302762,220.25108 L64.9302762,220.25108 L64.3193151,220.876359 L64.3193151,220.876359 L63.7064176,221.493246 C63.3994738,221.799546 63.0917791,222.102597 62.7832963,222.402246 L62.1652691,222.996961 L62.1652691,222.996961 L61.5450744,223.58233 C61.4415243,223.679098 61.3378812,223.775465 61.2341436,223.871425 L60.6105738,224.442264 C60.1940904,224.81951 59.776052,225.190072 59.3563703,225.553584 L58.7256045,226.09352 C58.6202678,226.182613 58.5148256,226.271254 58.4092767,226.359438 L57.7746899,226.883002 C49.826056,233.357779 41.2610451,237.194553 31.4990938,235.995936 C11.228267,233.506992 1.10292483,212.127979 0.591081538,183.756083 L1.73976389e-12,184.300757 C38.7599925,148.081061 104.696743,143.264562 161.770583,170.547738 Z" fill="#3358CC"></path><path d="M256.074321,212.727064 C238.613411,210.309671 224.262278,204.984739 211.508193,198.646571 L210.353089,198.067635 C209.969492,197.873761 209.58732,197.67901 209.206531,197.483433 L208.068267,196.894281 L206.656715,196.151362 L206.656715,196.151362 L205.257235,195.401821 L204.146011,194.797834 L202.767017,194.037929 L202.767017,194.037929 L201.398713,193.27313 L200.311436,192.658184 L199.230432,192.040818 L197.620136,191.110923 L195.492675,189.865545 L195.492675,189.865545 L193.794915,188.859895 L192.109418,187.85298 L189.601863,186.343128 L183.828996,182.845666 L182.194942,181.858897 L180.15912,180.636809 L178.128868,179.429767 C172.720463,176.23334 167.349519,173.224902 161.840312,170.624502 L161.770583,170.547738 C105.267481,143.537393 40.0778412,147.987941 1.17091676,183.223588 L0.591068889,183.755382 C-0.61981987,116.613766 52.0067573,10.3111735 151.420544,22.5176516 C168.836212,24.6560268 182.794248,29.6614615 194.993697,35.7655587 L196.081529,36.3150842 C196.442603,36.499207 196.802155,36.6842617 197.160231,36.8702014 L198.230072,37.4306279 L198.761755,37.7127441 L198.761755,37.7127441 L199.818815,38.2806057 L200.867694,38.8530711 L200.867694,38.8530711 L201.908661,39.4298582 L202.426263,39.7197842 L202.426263,39.7197842 L203.712135,40.4487857 L203.712135,40.4487857 L204.986811,41.1833272 L205.998847,41.7745786 L207.004328,42.3687406 L208.003526,42.9655309 L208.996711,43.5646672 L209.984154,44.1658674 L210.966127,44.7688492 L211.942901,45.3733304 L213.533633,46.3667862 L214.324406,46.8643523 L215.897513,47.8603834 L217.460363,48.8565771 L224.398284,53.3081228 L225.926073,54.2829853 L227.45137,55.2499283 L229.356307,56.4455762 L231.261549,57.6244787 C234.424385,59.565348 237.59812,61.4270346 240.830719,63.1596166 L242.045797,63.8031855 C306.164051,98.3871368 371.221738,80.6570654 404.994721,54.0619123 L405.906976,53.3346033 C405.571936,120.134827 352.110084,224.518773 256.074321,212.727064 Z" fill="#577FFB"></path></g></g></g></g></svg></div></span></a></div></div></div><style data-emotion="css 1hq7ll">.css-1hq7ll{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1hq7ll{-webkit-order:3;-ms-flex-order:3;order:3;padding:0 8px;margin-top:16px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}}@media screen and (min-width: 1024px){.css-1hq7ll{-webkit-order:2;-ms-flex-order:2;order:2;padding:0 12px;margin-top:24px;-webkit-flex-basis:41.66666666666667%;-ms-flex-preferred-size:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%;}}</style><div class="css-1hq7ll"><style data-emotion="css 4b375e">.css-4b375e{height:100%;}</style><style data-emotion="css qxsyaw">.css-qxsyaw{height:100%;}@media screen{.css-qxsyaw{display:none;}}@media screen and (min-width: 480px){.css-qxsyaw{display:none;}}@media screen and (min-width: 768px){.css-qxsyaw{display:none;}}@media screen and (min-width: 1024px){.css-qxsyaw{display:block;}}@media screen and (min-width: 1440px){.css-qxsyaw{display:block;}}</style><div class="css-qxsyaw"><style data-emotion="css r0pew1">.css-r0pew1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-left:calc(-40px/2);margin-right:calc(-40px/2);}</style><div class="css-r0pew1"><style data-emotion="css 1xqatdf">.css-1xqatdf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-left:calc(40px/2);margin-right:calc(40px/2);}</style><div class="css-1xqatdf"><style data-emotion="css uofeth">.css-uofeth{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-left:calc(-40px/2);margin-right:calc(-40px/2);}</style><div class="css-uofeth"><div class="css-1xqatdf"><style data-emotion="css zqdlhl">.css-zqdlhl{padding:4px;}</style><div class="css-zqdlhl"><style data-emotion="css sta6l3">.css-sta6l3{display:inline-block;color:#535353;-webkit-text-decoration:none;text-decoration:none;}@media screen and (prefers-reduced-motion: no-preference){.css-sta6l3{transition-property:color,fill;transition-duration:200ms,200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-sta6l3{transition-property:color,fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}.css-sta6l3:hover:not(:disabled){color:#535353;-webkit-text-decoration:none;text-decoration:none;}.css-sta6l3:active:not(:disabled){color:#0A0A0A;-webkit-text-decoration:none;text-decoration:none;}</style><a href="/about/introduction/" class="css-sta6l3"><span class="css-17x5lw"><style data-emotion="css 15qd7nt">.css-15qd7nt{font-family:"Poppins",sans-serif;font-size:14px;line-height:21px;font-weight:600;letter-spacing:0;padding:0.5px 0px;color:#535353;box-sizing:border-box;}.css-15qd7nt::before{content:'';margin-bottom:-0.403em;display:block;}.css-15qd7nt::after{content:'';margin-top:-0.4em;display:block;}</style><div class="css-15qd7nt">About</div></span></a></div></div><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/getting-started/overview/" class="css-sta6l3"><span class="css-17x5lw"><div class="css-15qd7nt">Guides</div></span></a></div></div><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/theme/overview/" class="css-sta6l3"><span class="css-17x5lw"><div class="css-15qd7nt">Theme</div></span></a></div></div><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/components/overview/" class="css-sta6l3"><span class="css-17x5lw"><style data-emotion="css 14mo9on">.css-14mo9on{font-family:"Poppins",sans-serif;font-size:14px;line-height:21px;font-weight:600;letter-spacing:0;padding:0.5px 0px;color:#0A0A0A;box-sizing:border-box;}.css-14mo9on::before{content:'';margin-bottom:-0.403em;display:block;}.css-14mo9on::after{content:'';margin-top:-0.4em;display:block;}</style><div aria-current="true" class="css-14mo9on">Components</div></span></a></div></div></div></div></div></div><div class="css-1xvxlxw"><style data-emotion="css v6l5fq">.css-v6l5fq{box-sizing:border-box;position:relative;overflow:hidden;height:100%;}</style><div class="css-v6l5fq"><style data-emotion="css 6uqogc">.css-6uqogc{box-sizing:border-box;height:100%;overflow-x:auto;overflow-y:auto;scroll-behavior:smooth;}.css-6uqogc::-webkit-scrollbar{display:none;}.css-6uqogc{-ms-overflow-style:none;scrollbar-width:none;}</style><div tabindex="0" data-testid="scroll-container" class="css-6uqogc"><style data-emotion="css 1jd1r41">.css-1jd1r41{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;margin-left:calc(-40px/2);margin-right:calc(-40px/2);}</style><div class="css-1jd1r41"><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/about/introduction/" class="css-sta6l3"><span class="css-17x5lw"><div class="css-15qd7nt">About</div></span></a></div></div><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/getting-started/overview/" class="css-sta6l3"><span class="css-17x5lw"><div class="css-15qd7nt">Guides</div></span></a></div></div><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/theme/overview/" class="css-sta6l3"><span class="css-17x5lw"><div class="css-15qd7nt">Theme</div></span></a></div></div><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/components/overview/" class="css-sta6l3"><span class="css-17x5lw"><div aria-current="true" class="css-14mo9on">Components</div></span></a></div></div></div></div></div></div></div><style data-emotion="css 1q4q9om">.css-1q4q9om{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1q4q9om{-webkit-order:2;-ms-flex-order:2;order:2;padding:0 8px;margin-top:16px;margin-left:41.66666666666667%;-webkit-flex-basis:8.333333333333334%;-ms-flex-preferred-size:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%;}}@media screen and (min-width: 1024px){.css-1q4q9om{-webkit-order:3;-ms-flex-order:3;order:3;padding:0 12px;margin-top:24px;margin-left:0;}}</style><div class="css-1q4q9om"><style data-emotion="css vyizc4">.css-vyizc4{margin:0;cursor:pointer;}@media screen and (prefers-reduced-motion: no-preference){.css-vyizc4{transition-property:background-color;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-vyizc4{transition-property:background-color;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}</style><style data-emotion="css 13nqpes">.css-13nqpes{box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-text-decoration:none;text-decoration:none;width:48px;height:48px;padding:12px;cursor:default;overflow:hidden;border:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background-color:#F4F4F4;border-radius:50%;margin:0;cursor:pointer;}.css-13nqpes svg{width:24px;height:24px;}.css-13nqpes:hover:not(:disabled){background-color:#CCCCCC;}.css-13nqpes:active:not(:disabled){background-color:#CCCCCC;}@media screen and (prefers-reduced-motion: no-preference){.css-13nqpes{transition-property:background-color;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-13nqpes{transition-property:background-color;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}</style><button data-testid="theme-switch-button" type="button" title="Enable Dark Theme" aria-label="Enable Dark Theme" aria-pressed="false" class="css-13nqpes"><style data-emotion="css bptyib">.css-bptyib{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-left:calc(-8px/2);margin-right:calc(-8px/2);}</style><div class="css-bptyib"><style data-emotion="css 1yztr03">.css-1yztr03{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-left:calc(8px/2);margin-right:calc(8px/2);}</style><div class="css-1yztr03"><style data-emotion="css 1sb5vzf">.css-1sb5vzf{fill:#2E2E2E;vertical-align:unset;display:inline-block;}@media screen and (prefers-reduced-motion: no-preference){.css-1sb5vzf{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1sb5vzf{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}.css-1sb5vzf.css-1sb5vzf{width:24px;height:24px;}</style><svg class="css-1sb5vzf" viewBox="0 0 17 17" fill="currentColor" role="img" xmlns="http://www.w3.org/2000/svg"><title>Dark icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7349 0C12.9152 0 13.0614 0.146193 13.0614 0.326531C13.0614 1.76923 14.2309 2.93878 15.6736 2.93878C15.854 2.93878 16.0002 3.08497 16.0002 3.26531V3.59184C16.0002 3.77217 15.854 3.91837 15.6736 3.91837C14.2309 3.91837 13.0614 5.08791 13.0614 6.53061C13.0614 6.71095 12.9152 6.85714 12.7349 6.85714H12.4083C12.228 6.85714 12.0818 6.71095 12.0818 6.53061C12.0818 5.08791 10.9123 3.91837 9.46956 3.91837C9.28922 3.91837 9.14303 3.77217 9.14303 3.59184V3.26531C9.14303 3.08497 9.28922 2.93878 9.46956 2.93878C10.9123 2.93878 12.0818 1.76923 12.0818 0.326531C12.0818 0.146193 12.228 0 12.4083 0H12.7349ZM14.8384 9.78689C15.2381 9.50799 15.8414 9.80867 15.7022 10.2758C14.7157 13.5862 11.6485 16 8.01747 16C3.58955 16 0 12.4105 0 7.98253C0 4.35151 2.41376 1.28426 5.72424 0.29782C6.19133 0.158637 6.49201 0.761872 6.21311 1.16157C5.51277 2.16524 5.10203 3.38598 5.10203 4.70265C5.10203 8.12423 7.87577 10.898 11.2973 10.898C12.614 10.898 13.8348 10.4872 14.8384 9.78689Z" fill="#577FFB"></path></svg></div></div></button></div></div></div></header><style data-emotion="css 6xqfiz">.css-6xqfiz{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:64px;}@media screen and (min-width: 1024px){.css-6xqfiz{padding-left:276px;padding-top:80px;}}</style><div class="css-6xqfiz"><style data-emotion="css 1ad339w">.css-1ad339w{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;background-color:#FFFFFF;overflow:hidden;}@media screen and (max-width: 1023px){.css-1ad339w{padding-top:48px;}}@media screen and (min-width: 1024px){.css-1ad339w{padding-top:12px;}}</style><main class="css-1ad339w"><style data-emotion="css 1uzl7xi">.css-1uzl7xi{background-color:#F4F4F4;}@media screen and (max-width: 767px){.css-1uzl7xi{margin-bottom:48px;}}@media screen and (min-width: 768px){.css-1uzl7xi{margin-bottom:64px;}}</style><div class="css-1uzl7xi"><style data-emotion="css gih8a2">.css-gih8a2{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media screen and (min-width: 1024px){.css-gih8a2{min-height:440px;}}</style><style data-emotion="css 8atxkm">.css-8atxkm{width:100%;max-width:1920px;margin:0 auto;}</style><div class="css-8atxkm"><style data-emotion="css 1jyhovi">.css-1jyhovi{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media screen{.css-1jyhovi{margin:-8px 4px 0 4px;}}@media screen and (min-width: 480px){.css-1jyhovi{margin:-8px 4px 0 4px;}}@media screen and (min-width: 768px){.css-1jyhovi{margin:-12px 4px 0 4px;}}@media screen and (min-width: 1024px){.css-1jyhovi{margin:-12px 12px 0 12px;}}@media screen and (min-width: 1440px){.css-1jyhovi{margin:-12px 12px 0 12px;}}@media screen and (min-width: 1024px){.css-1jyhovi{min-height:440px;}}</style><div class="css-1jyhovi"><style data-emotion="css 1yqs8tz">.css-1yqs8tz{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1yqs8tz{padding:0 12px;margin-top:8px;margin-left:8.333333333333334%;-webkit-flex-basis:83.33333333333334%;-ms-flex-preferred-size:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%;}}@media screen and (min-width: 480px){.css-1yqs8tz{margin-left:33.333333333333336%;-webkit-flex-basis:66.66666666666667%;-ms-flex-preferred-size:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%;}}@media screen and (min-width: 768px){.css-1yqs8tz{margin-top:12px;margin-left:50%;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%;}}@media screen and (min-width: 1024px){.css-1yqs8tz{-webkit-order:2;-ms-flex-order:2;order:2;margin-left:0;-webkit-flex-basis:41.66666666666667%;-ms-flex-preferred-size:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%;}}</style><div class="css-1yqs8tz"><style data-emotion="css xcdytv">.css-xcdytv{width:100%;height:auto;}</style><svg width="1572" height="997" viewBox="0 0 1572 997" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><g clip-path="url(#nk-372)"><path fill-rule="evenodd" clip-rule="evenodd" d="M331.729 164.257C333.372 165.85 335.763 166.344 337.868 165.613L825.018 273.26L652.405 559.15C651.534 559.333 650.69 559.714 649.942 560.3C647.335 562.346 646.879 566.117 648.924 568.724L650.18 570.325C652.165 572.855 655.775 573.36 658.37 571.518L1152.8 221.296L1151.86 219.97C1154.25 218.862 1155.7 216.263 1155.25 213.541C1154.71 210.272 1151.61 208.064 1148.35 208.609L1146.29 208.952C1143.39 209.435 1141.33 211.919 1141.28 214.755L674.905 545.1L839.832 271.941L839.691 271.856C841.832 270.653 843.096 268.2 842.669 265.638C842.124 262.369 839.033 260.161 835.764 260.706L833.708 261.049C832.659 261.224 831.72 261.66 830.946 262.281L337.971 153.346C335.873 151.949 333.033 151.981 330.942 153.621C328.334 155.666 327.879 159.438 329.924 162.045L331.18 163.646C331.286 163.782 331.397 163.912 331.513 164.036L331.477 164.201L331.729 164.257ZM351.036 179.239C353.644 177.194 357.415 177.649 359.46 180.257L361.972 183.459C364.017 186.066 363.562 189.838 360.954 191.883C358.347 193.928 354.575 193.472 352.53 190.865L350.018 187.663C347.973 185.056 348.429 181.284 351.036 179.239ZM372.387 206.457C374.994 204.412 378.765 204.868 380.811 207.475L383.322 210.677C385.368 213.285 384.912 217.056 382.305 219.101C379.697 221.147 375.926 220.691 373.881 218.084L371.369 214.881C369.324 212.274 369.779 208.503 372.387 206.457ZM393.737 233.676C396.344 231.631 400.116 232.087 402.161 234.694L404.673 237.896C406.718 240.503 406.262 244.275 403.655 246.32C401.048 248.365 397.276 247.91 395.231 245.302L392.719 242.1C390.674 239.493 391.13 235.721 393.737 233.676ZM415.088 260.895C417.695 258.85 421.466 259.305 423.512 261.913L426.023 265.115C428.069 267.722 427.613 271.494 425.006 273.539C422.398 275.584 418.627 275.128 416.582 272.521L414.07 269.319C412.025 266.712 412.48 262.94 415.088 260.895ZM436.438 288.114C439.045 286.068 442.817 286.524 444.862 289.131L447.374 292.334C449.419 294.941 448.963 298.712 446.356 300.758C443.749 302.803 439.977 302.347 437.932 299.74L435.42 296.538C433.375 293.93 433.831 290.159 436.438 288.114ZM457.788 315.332C460.396 313.287 464.167 313.743 466.212 316.35L468.724 319.552C470.769 322.16 470.314 325.931 467.706 327.976C465.099 330.021 461.328 329.566 459.282 326.958L456.771 323.756C454.725 321.149 455.181 317.377 457.788 315.332ZM479.139 342.551C481.746 340.506 485.518 340.961 487.563 343.569L490.075 346.771C492.12 349.378 491.664 353.15 489.057 355.195C486.45 357.24 482.678 356.784 480.633 354.177L478.121 350.975C476.076 348.368 476.532 344.596 479.139 342.551ZM500.489 369.77C503.097 367.724 506.868 368.18 508.913 370.787L511.425 373.99C513.47 376.597 513.015 380.368 510.407 382.414C507.8 384.459 504.028 384.003 501.983 381.396L499.471 378.194C497.426 375.586 497.882 371.815 500.489 369.77ZM521.84 396.988C524.447 394.943 528.219 395.399 530.264 398.006L532.776 401.208C534.821 403.816 534.365 407.587 531.758 409.632C529.15 411.677 525.379 411.222 523.334 408.614L520.822 405.412C518.777 402.805 519.232 399.033 521.84 396.988ZM543.19 424.207C545.797 422.162 549.569 422.617 551.614 425.225L554.126 428.427C556.171 431.034 555.715 434.806 553.108 436.851C550.501 438.896 546.729 438.44 544.684 435.833L542.172 432.631C540.127 430.024 540.583 426.252 543.19 424.207ZM564.541 451.426C567.148 449.38 570.919 449.836 572.965 452.443L575.476 455.646C577.522 458.253 577.066 462.025 574.459 464.07C571.851 466.115 568.08 465.659 566.035 463.052L563.523 459.85C561.478 457.242 561.933 453.471 564.541 451.426ZM585.891 478.644C588.498 476.599 592.27 477.055 594.315 479.662L596.827 482.864C598.872 485.472 598.416 489.243 595.809 491.288C593.202 493.334 589.43 492.878 587.385 490.271L584.873 487.068C582.828 484.461 583.284 480.69 585.891 478.644ZM607.241 505.863C609.849 503.818 613.62 504.274 615.665 506.881L618.177 510.083C620.222 512.69 619.767 516.462 617.159 518.507C614.552 520.552 610.781 520.097 608.735 517.489L606.224 514.287C604.178 511.68 604.634 507.908 607.241 505.863ZM628.592 533.082C631.199 531.037 634.971 531.492 637.016 534.1L639.528 537.302C641.573 539.909 641.117 543.681 638.51 545.726C635.903 547.771 632.131 547.315 630.086 544.708L627.574 541.506C625.529 538.898 625.985 535.127 628.592 533.082ZM1122.35 219.025C1122.89 222.294 1120.68 225.385 1117.42 225.93L1113.3 226.615C1110.03 227.16 1106.94 224.952 1106.4 221.683C1105.85 218.415 1108.06 215.323 1111.33 214.778L1115.44 214.093C1118.71 213.548 1121.8 215.756 1122.35 219.025ZM1087.39 224.852C1087.93 228.12 1085.72 231.212 1082.46 231.756L1078.34 232.442C1075.07 232.987 1071.98 230.779 1071.44 227.51C1070.89 224.241 1073.1 221.15 1076.37 220.605L1080.48 219.92C1083.75 219.375 1086.84 221.583 1087.39 224.852ZM1052.43 230.678C1052.97 233.947 1050.76 237.038 1047.5 237.583L1043.38 238.268C1040.11 238.813 1037.02 236.605 1036.48 233.337C1035.93 230.068 1038.14 226.977 1041.41 226.432L1045.52 225.746C1048.79 225.201 1051.88 227.41 1052.43 230.678ZM1017.47 236.505C1018.01 239.773 1015.8 242.865 1012.54 243.41L1008.42 244.095C1005.15 244.64 1002.06 242.432 1001.52 239.163C1000.97 235.895 1003.18 232.803 1006.45 232.258L1010.56 231.573C1013.83 231.028 1016.92 233.236 1017.47 236.505ZM982.508 242.331C983.053 245.6 980.845 248.691 977.576 249.236L973.463 249.922C970.195 250.466 967.103 248.258 966.559 244.99C966.014 241.721 968.222 238.63 971.491 238.085L975.604 237.4C978.872 236.855 981.964 239.063 982.508 242.331ZM947.548 248.158C948.093 251.427 945.885 254.518 942.617 255.063L938.504 255.748C935.235 256.293 932.144 254.085 931.599 250.816C931.054 247.548 933.262 244.456 936.531 243.912L940.644 243.226C943.912 242.681 947.004 244.889 947.548 248.158ZM912.589 253.985C913.133 257.253 910.925 260.345 907.657 260.889L903.544 261.575C900.275 262.12 897.184 259.912 896.639 256.643C896.094 253.374 898.302 250.283 901.571 249.738L905.684 249.053C908.953 248.508 912.044 250.716 912.589 253.985ZM877.629 259.811C878.174 263.08 875.966 266.171 872.697 266.716L868.584 267.402C865.315 267.946 862.224 265.738 861.679 262.47C861.134 259.201 863.343 256.11 866.611 255.565L870.724 254.879C873.993 254.335 877.084 256.543 877.629 259.811Z" fill="#2B4AAB"></path><path d="M333.708 231.383C292.851 231.383 259.731 198.262 259.731 157.406C259.731 116.549 292.851 83.4285 333.708 83.4285C374.565 83.4285 407.685 116.549 407.685 157.406C407.685 198.262 374.565 231.383 333.708 231.383Z" fill="#3358CC"></path><path d="M836.567 319.407C808.64 319.407 786 296.348 786 267.903C786 239.459 808.64 216.4 836.567 216.4C864.494 216.4 887.134 239.459 887.134 267.903C887.134 296.348 864.494 319.407 836.567 319.407Z" fill="#213A82"></path><path d="M654.901 680.866C591.806 680.866 540.658 629.298 540.658 565.686C540.658 502.074 591.806 450.506 654.901 450.506C717.996 450.506 769.145 502.074 769.145 565.686C769.145 629.298 717.996 680.866 654.901 680.866Z" fill="#87A4FC"></path><mask id="nk-370" mask-type="alpha" maskUnits="userSpaceOnUse" x="981" y="47" width="335" height="335"><path d="M1064.79 70.0987C984.925 116.21 957.475 218.186 1003.48 297.869C1049.49 377.553 1151.52 404.768 1231.39 358.657C1311.26 312.546 1338.71 210.57 1292.7 130.887C1246.7 51.2034 1144.66 23.9877 1064.79 70.0987Z" fill="#FFFFFF"></path></mask><g mask="url(#nk-370)"></g><mask id="nk-371" mask-type="alpha" maskUnits="userSpaceOnUse" x="981" y="47" width="335" height="335"><path d="M1064.79 70.0987C984.925 116.21 957.475 218.186 1003.48 297.869C1049.49 377.553 1151.52 404.768 1231.39 358.657C1311.26 312.546 1338.71 210.57 1292.7 130.887C1246.7 51.2034 1144.66 23.9877 1064.79 70.0987Z" fill="#FFFFFF"></path></mask><g mask="url(#nk-371)"><path d="M1064.79 70.0987C984.925 116.21 957.475 218.186 1003.48 297.869C1049.49 377.553 1151.52 404.768 1231.39 358.657C1311.26 312.546 1338.71 210.57 1292.7 130.887C1246.7 51.2034 1144.66 23.9877 1064.79 70.0987Z" fill="#2B4AAB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1306.25 147.682C1268.9 66.8463 1216.47 59.8314 1215.23 59.5411C1178.94 51.0608 1101.17 38.2087 1057.01 68.8412C1012.86 99.4737 991.905 217.029 1056.65 253.661C1115.16 286.764 1120.91 340.024 1158.52 349.791C1196.14 359.559 1243.03 348.526 1281.55 315.306C1320.07 282.086 1343.6 228.518 1306.25 147.682Z" fill="#3358CC"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1279.73 72.0077C1331.01 114.642 1325.8 154.013 1325.77 154.97C1324.8 182.92 1323.8 221.489 1292.94 247.616C1262.07 273.743 1200.49 272.783 1199.17 272.671C1173.11 270.469 1162.61 230.752 1141.4 209.549C1118.61 186.767 1100.18 166.78 1100.48 137.625C1100.78 108.47 1131.14 79.9044 1153.38 57.6756C1175.06 36.0025 1228.46 29.3731 1279.73 72.0077Z" fill="#577FFB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1274.17 94.326C1297.66 113.856 1295.27 131.89 1295.26 132.328C1294.81 145.132 1294.36 162.799 1280.22 174.767C1266.08 186.734 1237.87 186.295 1237.27 186.244C1225.33 185.235 1220.52 167.042 1210.8 157.329C1200.36 146.894 1191.92 137.738 1192.06 124.383C1192.2 111.028 1206.11 97.9433 1216.29 87.7609C1226.22 77.8332 1250.69 74.7965 1274.17 94.326Z" fill="#87A4FC"></path></g><path fill-rule="evenodd" clip-rule="evenodd" d="M650.011 912.593L1146.26 868.638L650.011 912.593Z" fill="rgba(10,10,10,0.3)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M670.744 897.015C666.685 896.791 662.553 896.604 658.362 896.458C637.188 895.719 617.448 896.108 600.927 897.385C600.413 896.852 599.746 896.456 598.972 896.273L595.058 895.346C592.909 894.836 590.753 896.166 590.244 898.316C590.238 898.339 590.233 898.362 590.228 898.385C567.804 900.88 553.503 905.243 553.313 910.664C552.969 920.524 599.443 930.15 657.116 932.164C714.788 934.178 761.82 927.817 762.165 917.957C762.285 914.514 756.693 911.098 746.908 908.026L1058.14 880.459C1080.59 883.978 1111.52 886.748 1145.72 887.942C1214.65 890.349 1270.76 885.449 1271.06 876.998C1271.35 868.546 1215.72 859.744 1146.79 857.337C1126.37 856.624 1107.07 856.552 1090.01 857.025C1090.44 854.972 1089.2 852.915 1087.15 852.354L1083.2 851.276C1081.07 850.694 1078.87 851.949 1078.29 854.08C1077.96 855.272 1078.21 856.485 1078.87 857.424C1044.49 858.955 1021.64 862.897 1021.46 868.281C1021.38 870.461 1025.02 872.663 1031.65 874.773L721.223 902.269C710.159 900.442 697.345 898.926 683.409 897.851L825.231 797.467C828.48 797.662 831.812 797.821 835.208 797.94L836.261 797.975C849.178 798.393 861.182 798.161 871.171 797.418C871.167 797.435 871.162 797.452 871.157 797.469C870.575 799.6 871.83 801.8 873.961 802.382L877.906 803.461C880.037 804.043 882.237 802.788 882.82 800.657C883.266 799.023 882.632 797.349 881.352 796.394C892.344 794.944 899.143 792.696 899.238 789.962C899.435 784.328 871.087 778.765 835.92 777.537L834.867 777.501C800.184 776.38 772.085 779.937 771.89 785.515C771.847 786.753 773.182 787.987 775.665 789.173L363.497 827.84C355.842 827.502 347.571 827.318 338.941 827.318C299.61 827.318 267.727 831.149 267.727 835.875C267.727 840.601 299.61 844.432 338.941 844.432C341.233 844.432 343.501 844.419 345.738 844.393C346.013 844.532 346.307 844.64 346.619 844.714L350.533 845.641C352.097 846.012 353.665 845.409 354.598 844.224C358.008 844.132 361.326 844.011 364.531 843.863C364.387 844.144 364.274 844.447 364.198 844.768C363.689 846.917 365.019 849.073 367.169 849.582L371.083 850.509C373.232 851.018 375.388 849.689 375.897 847.539C376.291 845.878 375.586 844.213 374.253 843.307C395.702 841.833 410.155 839.057 410.155 835.875C410.155 834.543 407.624 833.283 403.109 832.159L799.679 794.956C803.724 795.537 808.105 796.057 812.749 796.501L670.744 897.015ZM891.87 803.131C892.453 801 894.652 799.744 896.783 800.327L900.729 801.405C902.86 801.987 904.115 804.187 903.533 806.318C902.95 808.449 900.751 809.704 898.62 809.122L894.674 808.044C892.543 807.461 891.288 805.261 891.87 803.131ZM912.583 808.792C913.166 806.661 915.366 805.405 917.497 805.988L921.442 807.066C923.573 807.648 924.828 809.848 924.246 811.979C923.663 814.11 921.464 815.365 919.333 814.783L915.387 813.705C913.256 813.122 912.001 810.923 912.583 808.792ZM933.297 814.453C933.879 812.322 936.079 811.066 938.21 811.649L942.155 812.727C944.286 813.309 945.541 815.509 944.959 817.64C944.377 819.771 942.177 821.026 940.046 820.444L936.101 819.366C933.97 818.783 932.714 816.584 933.297 814.453ZM954.01 820.114C954.592 817.983 956.792 816.727 958.923 817.31L962.868 818.388C964.999 818.97 966.255 821.17 965.672 823.301C965.09 825.432 962.89 826.687 960.759 826.105L956.814 825.027C954.683 824.444 953.427 822.245 954.01 820.114ZM974.723 825.775C975.305 823.644 977.505 822.388 979.636 822.971L983.581 824.049C985.712 824.632 986.968 826.831 986.385 828.962C985.803 831.093 983.603 832.349 981.472 831.766L977.527 830.688C975.396 830.105 974.141 827.906 974.723 825.775ZM995.436 831.436C996.019 829.305 998.218 828.049 1000.35 828.632L1004.29 829.71C1006.43 830.293 1007.68 832.492 1007.1 834.623C1006.52 836.754 1004.32 838.01 1002.19 837.427L998.24 836.349C996.109 835.766 994.854 833.567 995.436 831.436ZM1016.15 837.097C1016.73 834.966 1018.93 833.711 1021.06 834.293L1025.01 835.371C1027.14 835.954 1028.39 838.153 1027.81 840.284C1027.23 842.415 1025.03 843.671 1022.9 843.088L1018.95 842.01C1016.82 841.428 1015.57 839.228 1016.15 837.097ZM1036.86 842.758C1037.45 840.627 1039.64 839.372 1041.78 839.954L1045.72 841.032C1047.85 841.615 1049.11 843.814 1048.52 845.945C1047.94 848.076 1045.74 849.332 1043.61 848.749L1039.67 847.671C1037.54 847.089 1036.28 844.889 1036.86 842.758ZM1057.58 848.419C1058.16 846.288 1060.36 845.033 1062.49 845.615L1066.43 846.693C1068.57 847.276 1069.82 849.475 1069.24 851.606C1068.66 853.737 1066.46 854.993 1064.33 854.41L1060.38 853.332C1058.25 852.75 1056.99 850.55 1057.58 848.419ZM389.562 846.665C387.413 846.156 385.257 847.486 384.748 849.636C384.239 851.785 385.569 853.941 387.718 854.45L391.632 855.377C393.782 855.886 395.937 854.557 396.447 852.407C396.956 850.257 395.626 848.102 393.476 847.593L389.562 846.665ZM410.112 851.533C407.962 851.024 405.807 852.354 405.298 854.504C404.788 856.653 406.118 858.809 408.268 859.318L412.182 860.245C414.332 860.755 416.487 859.425 416.996 857.275C417.506 855.125 416.176 852.97 414.026 852.461L410.112 851.533ZM430.661 856.401C428.512 855.892 426.356 857.222 425.847 859.372C425.338 861.521 426.668 863.677 428.817 864.186L432.732 865.113C434.881 865.623 437.037 864.293 437.546 862.143C438.055 859.993 436.725 857.838 434.576 857.329L430.661 856.401ZM451.211 861.27C449.061 860.76 446.906 862.09 446.397 864.24C445.887 866.389 447.217 868.545 449.367 869.054L453.281 869.981C455.431 870.491 457.586 869.161 458.095 867.011C458.605 864.861 457.275 862.706 455.125 862.197L451.211 861.27ZM471.761 866.138C469.611 865.628 467.456 866.958 466.946 869.108C466.437 871.257 467.767 873.413 469.917 873.922L473.831 874.849C475.98 875.359 478.136 874.029 478.645 871.879C479.154 869.729 477.824 867.574 475.675 867.065L471.761 866.138ZM492.31 871.006C490.161 870.496 488.005 871.826 487.496 873.976C486.987 876.125 488.316 878.281 490.466 878.79L494.38 879.717C496.53 880.227 498.685 878.897 499.195 876.747C499.704 874.598 498.374 872.442 496.224 871.933L492.31 871.006ZM512.86 875.874C510.71 875.364 508.555 876.694 508.045 878.844C507.536 880.993 508.866 883.149 511.016 883.658L514.93 884.585C517.08 885.095 519.235 883.765 519.744 881.615C520.253 879.466 518.924 877.31 516.774 876.801L512.86 875.874ZM533.409 880.742C531.26 880.232 529.104 881.562 528.595 883.712C528.086 885.862 529.416 888.017 531.565 888.526L535.479 889.453C537.629 889.963 539.785 888.633 540.294 886.483C540.803 884.334 539.473 882.178 537.324 881.669L533.409 880.742ZM553.959 885.61C551.809 885.1 549.654 886.43 549.145 888.58C548.635 890.73 549.965 892.885 552.115 893.394L556.029 894.321C558.179 894.831 560.334 893.501 560.843 891.351C561.353 889.202 560.023 887.046 557.873 886.537L553.959 885.61ZM574.509 890.478C572.359 889.968 570.203 891.298 569.694 893.448C569.185 895.598 570.515 897.753 572.664 898.262L576.579 899.189C578.728 899.699 580.884 898.369 581.393 896.219C581.902 894.07 580.572 891.914 578.423 891.405L574.509 890.478Z" fill="rgba(10,10,10,0.3)"></path></g><defs><clipPath id="nk-372"><rect width="1572" height="997" fill="#FFFFFF"></rect></clipPath></defs></svg></div><style data-emotion="css 1qe4rmr">.css-1qe4rmr{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1qe4rmr{padding:0 12px;margin-top:8px;-webkit-flex-basis:91.66666666666667%;-ms-flex-preferred-size:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%;}}@media screen and (min-width: 768px){.css-1qe4rmr{margin-top:12px;margin-left:8.333333333333334%;-webkit-flex-basis:66.66666666666667%;-ms-flex-preferred-size:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%;}}@media screen and (min-width: 1024px){.css-1qe4rmr{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%;}}</style><div class="css-1qe4rmr"><style data-emotion="css c42g5g">@media screen and (max-width: 767px){.css-c42g5g{margin-bottom:32px;}}@media screen and (min-width: 768px){.css-c42g5g{margin-bottom:40px;}}</style><div class="css-c42g5g"><style data-emotion="css 1hb10fp">.css-1hb10fp{margin:0;color:#0A0A0A;}.css-1hb10fp svg{fill:#0A0A0A;}@media screen and (max-width: 767px){.css-1hb10fp{font-family:"Poppins",sans-serif;font-size:32px;line-height:36px;font-weight:700;letter-spacing:0;padding:0.5px 0px;}.css-1hb10fp::before{content:'';margin-bottom:-0.2155em;display:block;}.css-1hb10fp::after{content:'';margin-top:-0.2125em;display:block;}}@media screen and (min-width: 768px){.css-1hb10fp{font-family:"Poppins",sans-serif;font-size:40px;line-height:45px;font-weight:700;letter-spacing:0;padding:0.5px 0px;}.css-1hb10fp::before{content:'';margin-bottom:-0.2155em;display:block;}.css-1hb10fp::after{content:'';margin-top:-0.2125em;display:block;}}</style><h1 class="css-1hb10fp">Components</h1></div><style data-emotion="css 51t0b7">@media screen and (max-width: 1023px){.css-51t0b7{margin-bottom:48px;}}@media screen and (min-width: 1024px){.css-51t0b7{margin-bottom:0;}}</style><div class="css-51t0b7"><style data-emotion="css 1npcurr">.css-1npcurr{margin:0;color:#2E2E2E;font-family:"Poppins",sans-serif;font-size:20px;line-height:30px;font-weight:500;letter-spacing:0;padding:0.5px 0px;}.css-1npcurr svg{fill:#2E2E2E;}.css-1npcurr::before{content:'';margin-bottom:-0.403em;display:block;}.css-1npcurr::after{content:'';margin-top:-0.4em;display:block;}</style><p class="css-1npcurr">Components are key building blocks of the NewsKit design system.</p></div></div></div></div></div><div class="css-8atxkm"><style data-emotion="css 5xmoq8">.css-5xmoq8{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media screen{.css-5xmoq8{margin:-16px 8px 0 8px;}}@media screen and (min-width: 480px){.css-5xmoq8{margin:-16px 8px 0 8px;}}@media screen and (min-width: 768px){.css-5xmoq8{margin:-16px 8px 0 8px;}}@media screen and (min-width: 1024px){.css-5xmoq8{margin:-24px 12px 0 12px;}}@media screen and (min-width: 1440px){.css-5xmoq8{margin:-24px 12px 0 12px;}}</style><div class="css-5xmoq8"><style data-emotion="css 6gys8z">.css-6gys8z{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-6gys8z{padding:0 8px;margin-top:16px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}}@media screen and (min-width: 1024px){.css-6gys8z{padding:0 12px;margin-top:24px;}}</style><div class="css-6gys8z"><style data-emotion="css ml80uk">.css-ml80uk{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-ml80uk{padding:0 8px;margin-top:16px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}}@media screen and (min-width: 768px){.css-ml80uk{margin-left:8.333333333333334%;-webkit-flex-basis:66.66666666666667%;-ms-flex-preferred-size:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%;}}@media screen and (min-width: 1024px){.css-ml80uk{padding:0 12px;margin-top:24px;}}</style><div class="css-ml80uk"><style data-emotion="css 1lwsjcx">@media screen and (max-width: 767px){.css-1lwsjcx{margin-bottom:24px;}}@media screen and (min-width: 768px){.css-1lwsjcx{margin-bottom:32px;}}</style><div class="css-1lwsjcx"><style data-emotion="css 16vfhq">.css-16vfhq{padding:0;background-color:transparent;}</style><style data-emotion="css klpn0c">.css-klpn0c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0;background-color:transparent;}</style><div class="css-klpn0c"><style data-emotion="css w6gvpm">.css-w6gvpm{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}</style><style data-emotion="css dzecoh">.css-dzecoh{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}</style><div class="css-dzecoh"><style data-emotion="css vj7jmi">@media screen and (max-width: 767px){.css-vj7jmi{font-family:"Poppins",sans-serif;font-size:24px;line-height:27px;font-weight:700;letter-spacing:0;padding:0.5px 0px;}.css-vj7jmi::before{content:'';margin-bottom:-0.2155em;display:block;}.css-vj7jmi::after{content:'';margin-top:-0.2125em;display:block;}}@media screen and (min-width: 768px){.css-vj7jmi{font-family:"Poppins",sans-serif;font-size:28px;line-height:31.5px;font-weight:700;letter-spacing:0;padding:0.5px 0px;}.css-vj7jmi::before{content:'';margin-bottom:-0.2155em;display:block;}.css-vj7jmi::after{content:'';margin-top:-0.2125em;display:block;}}</style><section class="css-vj7jmi"><style data-emotion="css 5gd387">.css-5gd387{display:inline;font:inherit;margin:0;color:#0A0A0A;}.css-5gd387 svg{fill:#0A0A0A;}</style><h2 class="nk-headline-heading css-5gd387">Actions &amp; Inputs</h2></section></div></div></div><style data-emotion="css zvmkh5">.css-zvmkh5{margin-bottom:0;}</style><div class="css-zvmkh5"><p class="css-1npcurr">Components that allow users to take action on a feature or enable users to input data.</p></div></div><style data-emotion="css 1kkfkva">.css-1kkfkva{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1kkfkva{padding:0 8px;margin-top:16px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}}@media screen and (min-width: 768px){.css-1kkfkva{margin-left:8.333333333333334%;-webkit-flex-basis:83.33333333333334%;-ms-flex-preferred-size:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%;}}@media screen and (min-width: 1024px){.css-1kkfkva{padding:0 12px;margin-top:24px;}}@media screen and (min-width: 1440px){.css-1kkfkva{-webkit-flex-basis:66.66666666666667%;-ms-flex-preferred-size:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%;}}</style><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><style data-emotion="css 1vn49n">.css-1vn49n{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media screen{.css-1vn49n{margin:-24px -8px 0 -8px;}}@media screen and (min-width: 480px){.css-1vn49n{margin:-24px -8px 0 -8px;}}@media screen and (min-width: 768px){.css-1vn49n{margin:-24px -8px 0 -8px;}}@media screen and (min-width: 1024px){.css-1vn49n{margin:-24px -12px 0 -12px;}}@media screen and (min-width: 1440px){.css-1vn49n{margin:-24px -12px 0 -12px;}}</style><div class="css-1vn49n"><style data-emotion="css 1rbikqt">.css-1rbikqt{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1rbikqt{padding:0 8px;margin-top:24px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}}@media screen and (min-width: 768px){.css-1rbikqt{-webkit-flex-basis:33.333333333333336%;-ms-flex-preferred-size:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%;}}@media screen and (min-width: 1024px){.css-1rbikqt{padding:0 12px;}}</style><div class="css-1rbikqt"><style data-emotion="css fb3dw2">.css-fb3dw2{height:100%;}</style><style data-emotion="css 1fosq9y">.css-1fosq9y{transition-property:box-shadow;transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);height:100%;}</style><style data-emotion="css 1fwpq2a">.css-1fwpq2a{box-sizing:border-box;overflow:hidden;border-style:solid;border-radius:12px;border-width:1px;border-color:#E4E4E4;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;transition-property:box-shadow;transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);height:100%;}.css-1fwpq2a:hover:not(:disabled){box-shadow:0 8px 16px 0 rgba(10,10,10,0.08);}</style><div class="css-1fwpq2a"><style data-emotion="css 1fz92cy">.css-1fz92cy{box-sizing:border-box;display:block;position:relative;margin-bottom:0;}.css-1fz92cy svg{border-radius:4px;}</style><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><style data-emotion="css 1shocxe">.css-1shocxe{box-sizing:border-box;}</style><div class="css-1shocxe"><style data-emotion="css 1aog5rk">.css-1aog5rk{box-sizing:border-box;padding:24px;}.css-1aog5rk a:not(.nk-card-link){z-index:2;position:relative;}</style><div class="css-1aog5rk"><style data-emotion="css 8mepow">.css-8mepow{margin-bottom:20px;}</style><div class="css-8mepow"><style data-emotion="css 1m1baeh">.css-1m1baeh{-webkit-text-decoration:none;text-decoration:none;border:none;}.css-1m1baeh .nk-headline-kicker{color:#577FFB;}.css-1m1baeh:hover:not(:disabled) .nk-headline-kicker{color:#3358CC;-webkit-text-decoration:underline;text-decoration:underline;}.css-1m1baeh:active:not(:disabled) .nk-headline-kicker{color:#213A82;-webkit-text-decoration:underline;text-decoration:underline;}.css-1m1baeh:visited:not(:disabled) .nk-headline-kicker{color:#5E44E4;}.css-1m1baeh .nk-headline-heading{color:#0A0A0A;}.css-1m1baeh .nk-headline-heading svg{fill:#0A0A0A;}.css-1m1baeh:before{content:'';top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;z-index:1;}</style><a class="nk-card-link css-1m1baeh" href="/components/button/"><style data-emotion="css uy3owc">.css-uy3owc{font-family:"Poppins",sans-serif;font-size:20px;line-height:22.5px;font-weight:700;letter-spacing:0;padding:0.5px 0px;}.css-uy3owc::before{content:'';margin-bottom:-0.2155em;display:block;}.css-uy3owc::after{content:'';margin-top:-0.2125em;display:block;}</style><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Button</h1></section></a></div><style data-emotion="css iobivh">.css-iobivh{margin:0;color:#2E2E2E;font-family:"DM Sans",sans-serif;font-size:16px;line-height:24px;font-weight:400;letter-spacing:0;padding:0.5px 0px;}.css-iobivh svg{fill:#2E2E2E;}.css-iobivh::before{content:'';margin-bottom:-0.391em;display:block;}.css-iobivh::after{content:'';margin-top:-0.409em;display:block;}</style><p class="css-iobivh">Allows users to take actions, and make choices, with a single tap.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/checkbox/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Checkbox</h1></section></a></div><p class="css-iobivh">Checkboxes are selection controls that allow users to select one or multiple items from a group of options. They typically appear in forms.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/form/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Form</h1></section></a></div><p class="css-iobivh">Forms allow users to enter and edit text content into a UI.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/radio-button/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Radio Button</h1></section></a></div><p class="css-iobivh">Radio Buttons are selection controls that are typically used in forms</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/select/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Select</h1></section></a></div><p class="css-iobivh">Select components allow users to select one option from a list.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/share-bar/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Share Bar</h1></section></a></div><p class="css-iobivh">Used anywhere a user would like to easily share something with social media.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/slider/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Slider</h1></section></a></div><p class="css-iobivh">Allows users to choose a single value or range between min and max values by sliding a thumb.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/text-field/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Text Field</h1></section></a></div><p class="css-iobivh">Text Fields allow users to enter and edit text content into a UI. They typically appear in forms.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/text-input/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Text Input</h1></section></a></div><p class="css-iobivh">Lets users enter and edit text.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><style data-emotion="css 132rcai">@media screen and (max-width: 767px){.css-132rcai{margin-top:64px;}}@media screen and (min-width: 768px){.css-132rcai{margin-top:80px;}}@media screen and (max-width: 767px){.css-132rcai{margin-bottom:40px;}}@media screen and (min-width: 768px){.css-132rcai{margin-bottom:80px;}}</style><style data-emotion="css nmiuug">@media screen and (max-width: 767px){.css-nmiuug{margin-top:64px;}}@media screen and (min-width: 768px){.css-nmiuug{margin-top:80px;}}@media screen and (max-width: 767px){.css-nmiuug{margin-bottom:40px;}}@media screen and (min-width: 768px){.css-nmiuug{margin-bottom:80px;}}</style><div class="css-nmiuug"><style data-emotion="css 1a12fxg">.css-1a12fxg{border-style:solid;border-color:#E4E4E4;border-width:1px;border-width:0px;margin:0;border-top-width:1px;width:100%;}</style><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><div class="css-1lwsjcx"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Feedback &amp; Status</h2></section></div></div></div><style data-emotion="css gxh9kv">.css-gxh9kv{margin-bottom:48px;}</style><div class="css-gxh9kv"><p class="css-1npcurr">Components that provide users with system or user feedback &amp; status.</p></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/banner/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Banner</h1></section></a></div><p class="css-iobivh">Demonstrates the progress of a system action e.g. waiting for a page to load.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/flag/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Flag</h1></section></a></div><p class="css-iobivh">Indicates the status of content e.g. ’new’ or ’updated’.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/progress-indicator/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Progress Indicator</h1></section></a></div><p class="css-iobivh">Demonstrates the progress of a system action e.g. waiting for a page to load.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/toast/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Toast</h1></section></a></div><p class="css-iobivh">A Toast communicates confirmation of an action or a low-priority message that does not need to completely interrupt the user experience.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/inline-message/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Inline Message</h1></section></a></div><p class="css-iobivh">An Inline message communicates contextual information. They are positioned inline, in close proximity to the element they are adding context to.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><div class="css-nmiuug"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><div class="css-1lwsjcx"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Layout</h2></section></div></div></div><div class="css-gxh9kv"><p class="css-1npcurr">Components that help to define the fundamental spacial structure of a feature or page.</p></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/aspect-ratio/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Aspect Ratio</h1></section></a></div><p class="css-iobivh">The aspect ratio of an image.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/block/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Block</h1></section></a></div><p class="css-iobivh">A simple container component that can take margin, padding, and style presets.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/card/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Card</h1></section></a></div><p class="css-iobivh">Contain preview content and actions about a single subject.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/divider/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Divider</h1></section></a></div><p class="css-iobivh">A thin line that separates content.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/drawer/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Drawer</h1></section></a></div><p class="css-iobivh">A layout panel that slides out the side of the screen revealing content like navigation or filters.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/fieldset/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Fieldset</h1></section></a></div><p class="css-iobivh">The Fieldset is used to provide contextual information around a group of form controls in a web form.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/grid/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Grid</h1></section></a></div><p class="css-iobivh">Used together to construct a visual grid for responsive page layout.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/grid-layout/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Grid Layout</h1></section></a></div><p class="css-iobivh">Used to construct a visual grid for responsive page layout. A Proxy for CSS grid.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/modal/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Modal</h1></section></a></div><p class="css-iobivh">A Modal is a layout panel that presents critical information or requests users input without navigating away from the current page.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/stack/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Stack</h1></section></a></div><p class="css-iobivh">A low-level foundational component used to layout items in a horizontal or vertical stack.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/visibility/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Visibility</h1></section></a></div><p class="css-iobivh">A pair of components which can be used to show and hide content at different breakpoints.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><div class="css-nmiuug"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><div class="css-1lwsjcx"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Media</h2></section></div></div></div><div class="css-gxh9kv"><p class="css-1npcurr">Components that provide or control rich media.</p></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/audio-player/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Audio Player</h1></section></a></div><p class="css-iobivh">Used to embed sound content in web and app interfaces.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/icons/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Icons</h1></section></a></div><p class="css-iobivh">Small SVG shapes, ranging from basic UI shapes to brand logos.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/image/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Image</h1></section></a></div><p class="css-iobivh">An element of media.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/volume-control/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Volume Control</h1></section></a></div><p class="css-iobivh">Allows user to mute, increase or lower audio volume.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><div class="css-nmiuug"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><div class="css-1lwsjcx"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Navigation</h2></section></div></div></div><div class="css-gxh9kv"><p class="css-1npcurr">Components that enable users to move between pages or content.</p></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/link/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Link</h1></section></a></div><p class="css-iobivh">Allows user to jump to a new location when clicked.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/menu/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Menu</h1></section></a></div><p class="css-iobivh">A Menu displays a list of navigational items. They are displayed either at the top of a screen, or at the side where space allows.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/scroll/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Scroll</h1></section></a></div><p class="css-iobivh">Enables a user to scroll a number of interface elements.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/tabs/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Tabs</h1></section></a></div><p class="css-iobivh">Allows users to alternate between views within the same context.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/tag/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Tag</h1></section></a></div><p class="css-iobivh">Used as a way of classifying content, typically using keywords. When clicked it will take a user to content of the same category.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/title-bar/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Title Bar</h1></section></a></div><p class="css-iobivh">Provides context and actions related to a particular section of content that follows below on the screen.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><div class="css-nmiuug"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><div class="css-1lwsjcx"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Text</h2></section></div></div></div><div class="css-gxh9kv"><p class="css-1npcurr">Components that display specific written content.</p></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/byline/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Byline</h1></section></a></div><p class="css-iobivh">A small line of text which lists the authors of an article, along with their titles if provided.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/caption/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Caption</h1></section></a></div><p class="css-iobivh">A sentence often added to an image or video to describe or explain what the image or video is showing.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/date-time/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Date Time</h1></section></a></div><p class="css-iobivh">Element for displaying dates, usually publication dates on news articles.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/headline/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Headline</h1></section></a></div><p class="css-iobivh">A simple component that is comprised of two elements a Kicker, and a Heading.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/ordered-list/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Ordered List</h1></section></a></div><p class="css-iobivh">Typically is a numbered list of items.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/standfirst/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Standfirst</h1></section></a></div><p class="css-iobivh">An introductory paragraph in an article, which summarises the article’s content.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/text-block/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Text Block</h1></section></a></div><p class="css-iobivh">A paragraph, which can be used to summarize any text content.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/unordered-list/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Unordered List</h1></section></a></div><p class="css-iobivh">Typically is a bulleted list of items.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><div class="css-nmiuug"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><div class="css-1lwsjcx"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Third Party Integrations</h2></section></div></div></div><div class="css-gxh9kv"><p class="css-1npcurr">Components that interact with a third-party service.</p></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/consent/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Consent</h1></section></a></div><p class="css-iobivh">Non-visual component which embeds the consent management script.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/consent-settings-link/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Consent Settings Link</h1></section></a></div><p class="css-iobivh">A link which opens the consent manager dialog, requires the Consent component.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/experimentation-web/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Experimentation Web</h1></section></a></div><p class="css-iobivh">Non-visual component which embeds the client-side experimentation script.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/tealium/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Tealium</h1></section></a></div><p class="css-iobivh">Non-visual component which embeds the Tealium tag manager script.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><div class="css-nmiuug"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><style data-emotion="css 38y4ob">.css-38y4ob{margin-bottom:32px;}</style><div class="css-38y4ob"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Utilities</h2></section></div></div></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><style data-emotion="css 1jfwtp6">.css-1jfwtp6{position:relative;width:100%;display:block;padding-top:66%;height:0;width:100%;border-radius:8px;background-color:#F4F4F4;}.css-1jfwtp6 svg{fill:#C0C0C0;}</style><picture class="css-1jfwtp6"><style data-emotion="css 5pczz7">.css-5pczz7{top:0;left:0;position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;margin:0;}</style><div class="css-5pczz7"></div><style data-emotion="css 1qgqq71">.css-1qgqq71{opacity:0;display:block;border-radius:inherit;height:auto;width:100%;top:0;left:0;position:absolute;}@-webkit-keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}</style><img alt="" class="css-1qgqq71"/></picture></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/utils/emotion/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Emotion</h1></section></a></div><p class="css-iobivh"></p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><picture class="css-1jfwtp6"><div class="css-5pczz7"></div><img alt="" class="css-1qgqq71"/></picture></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/utils/custom-to-newskit-icon/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">customToNewsKitIcon</h1></section></a></div><p class="css-iobivh"></p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><picture class="css-1jfwtp6"><div class="css-5pczz7"></div><img alt="" class="css-1qgqq71"/></picture></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/utils/get-css-from-theme/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">getCssFromTheme</h1></section></a></div><p class="css-iobivh"></p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><picture class="css-1jfwtp6"><div class="css-5pczz7"></div><img alt="" class="css-1qgqq71"/></picture></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/utils/get-from-theme/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">getFromTheme</h1></section></a></div><p class="css-iobivh"></p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><picture class="css-1jfwtp6"><div class="css-5pczz7"></div><img alt="" class="css-1qgqq71"/></picture></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/utils/get-defaults/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">getComponentDefaults</h1></section></a></div><p class="css-iobivh"></p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><picture class="css-1jfwtp6"><div class="css-5pczz7"></div><img alt="" class="css-1qgqq71"/></picture></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/utils/hooks/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Hooks</h1></section></a></div><p class="css-iobivh"></p></div></div></div></div></div></div></div></div></div></div><style data-emotion="css taye4">.css-taye4{margin-bottom:40px;}</style><div class="css-taye4"></div></main><style data-emotion="css 7cr3wq">.css-7cr3wq{background:#F4F4F4;padding-bottom:24px;}@media screen and (max-width: 767px){.css-7cr3wq{padding-top:40px;}}@media screen and (min-width: 768px){.css-7cr3wq{padding-top:48px;}}</style><footer class="css-7cr3wq"><div class="css-8atxkm"><style data-emotion="css 1l4gzx1">.css-1l4gzx1{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media screen{.css-1l4gzx1{margin:-32px 8px 0 8px;}}@media screen and (min-width: 480px){.css-1l4gzx1{margin:-32px 8px 0 8px;}}@media screen and (min-width: 768px){.css-1l4gzx1{margin:-0px 8px 0 8px;}}@media screen and (min-width: 1024px){.css-1l4gzx1{margin:-0px 12px 0 12px;}}@media screen and (min-width: 1440px){.css-1l4gzx1{margin:-0px 12px 0 12px;}}</style><div class="css-1l4gzx1"><style data-emotion="css 1kimetj">.css-1kimetj{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1kimetj{padding:0 8px;margin-top:32px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}}@media screen and (min-width: 768px){.css-1kimetj{margin-top:0;}}@media screen and (min-width: 1024px){.css-1kimetj{padding:0 12px;}}</style><div class="css-1kimetj"><style data-emotion="css 1c02ias">.css-1c02ias{display:block;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:16px;}@media screen and (min-width: 768px){.css-1c02ias{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><div class="css-1c02ias"><style data-emotion="css 9yia0h">.css-9yia0h{text-align:center;display:block;}@media screen{.css-9yia0h{margin-bottom:40px;}.css-9yia0h:last-child{margin-bottom:0;}}@media screen and (min-width: 768px){.css-9yia0h{margin-right:48px;margin-bottom:24px;}.css-9yia0h:last-child{margin-bottom:24px;}}</style><span class="css-9yia0h"><style data-emotion="css 1m3x2du">.css-1m3x2du{display:inline-block;color:#3358CC;-webkit-text-decoration:none;text-decoration:none;}@media screen and (prefers-reduced-motion: no-preference){.css-1m3x2du{transition-property:color,fill;transition-duration:200ms,200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1m3x2du{transition-property:color,fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}.css-1m3x2du:hover:not(:disabled){color:#577FFB;-webkit-text-decoration:underline;text-decoration:underline;}.css-1m3x2du:active:not(:disabled){color:#AEBFFF;-webkit-text-decoration:none;text-decoration:none;}</style><a href="https://www.newscareers.co.uk/" target="_blank" class="css-1m3x2du"><span class="css-17x5lw"><style data-emotion="css 1ijiwz2">.css-1ijiwz2{margin:0;font-family:"Poppins",sans-serif;font-size:14px;line-height:21px;font-weight:600;letter-spacing:0;padding:0.5px 0px;display:inline-block;display:block;}.css-1ijiwz2::before{content:'';margin-bottom:-0.403em;display:block;}.css-1ijiwz2::after{content:'';margin-top:-0.4em;display:block;}</style><span class="css-1ijiwz2">Careers</span></span></a></span><span class="css-9yia0h"><a href="https://medium.com/newskit-design-system" target="_blank" class="css-1m3x2du"><span class="css-17x5lw"><span class="css-1ijiwz2">Blog</span></span></a></span><span class="css-9yia0h"><a href="#" role="button" class="css-1m3x2du"><span class="css-17x5lw"><span class="css-1ijiwz2">Privacy policy</span></span></a></span><span class="css-9yia0h"><a href="/help/terms-and-conditions/" class="css-1m3x2du"><span class="css-17x5lw"><span class="css-1ijiwz2">Terms &amp; conditions</span></span></a></span></div></div><div class="css-1kimetj"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/><style data-emotion="css 3dc54p">.css-3dc54p{margin:0;color:#535353;font-family:"DM Sans",sans-serif;font-size:12px;line-height:18px;font-weight:500;letter-spacing:0;padding:0.5px 0px;text-align:center;margin-top:24px;margin-bottom:40px;}.css-3dc54p svg{fill:#535353;}.css-3dc54p::before{content:'';margin-bottom:-0.391em;display:block;}.css-3dc54p::after{content:'';margin-top:-0.409em;display:block;}</style><div class="css-3dc54p">Copyright © <!-- -->2022<!-- --> News Corp UK &amp; Ireland Limited. All rights reserved. This website is published by News Corp UK &amp; Ireland Limited, 1 London Bridge Street, London, SE1 9GF. Registered in England No 81701. VAT number GB 243 8054 69.</div></div></div></div></footer></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"path":"/components/overview/","pageProps":{}},"page":"/components/overview","query":{},"buildId":"4eEzQdZEpSITC7CcT92PH","nextExport":true,"isFallback":false,"appGip":true,"scriptLoader":[]}</script></body></html>
42
+ })();</script><div id="__next" data-reactroot=""><style data-emotion="css 1wzcknb">.css-1wzcknb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}</style><div class="css-1wzcknb"><style data-emotion="css 1npm8fs">.css-1npm8fs{width:276px;padding-left:24px;padding-right:24px;position:fixed;overflow:auto;bottom:0;top:0;left:0;z-index:3;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 300ms;transition:transform 300ms;margin-top:64px;background-color:#F4F4F4;border-style:solid;border-color:#E4E4E4;border-width:0 1px 0 0;}@media screen and (min-width: 1024px){.css-1npm8fs{margin-top:80px;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);overflow:hidden;}.css-1npm8fs:hover{overflow:auto;}}@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2){.css-1npm8fs{overflow:auto;}}</style><div data-testid="sidebar" role="complementary" class="css-1npm8fs"><style data-emotion="css 1975ixv">.css-1975ixv{padding:48px;}</style><div class="css-1975ixv"><style data-emotion="css 1xvxlxw">@media screen{.css-1xvxlxw{display:block;}}@media screen and (min-width: 480px){.css-1xvxlxw{display:block;}}@media screen and (min-width: 768px){.css-1xvxlxw{display:block;}}@media screen and (min-width: 1024px){.css-1xvxlxw{display:none;}}@media screen and (min-width: 1440px){.css-1xvxlxw{display:none;}}</style><div class="css-1xvxlxw"><style data-emotion="css uinsfl">.css-uinsfl{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}</style><div class="css-uinsfl"><style data-emotion="css su8d3y">.css-su8d3y{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}</style><div tabindex="0" data-testid="close-icon" class="css-su8d3y"><style data-emotion="css 1cpsn4a">.css-1cpsn4a{fill:#2E2E2E;vertical-align:unset;display:inline-block;}@media screen and (prefers-reduced-motion: no-preference){.css-1cpsn4a{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1cpsn4a{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}.css-1cpsn4a.css-1cpsn4a{width:16px;height:16px;fill:#2E2E2E;}@media screen and (prefers-reduced-motion: no-preference){.css-1cpsn4a.css-1cpsn4a{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1cpsn4a.css-1cpsn4a{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}</style><style data-emotion="css h4sfgt-EmotionIconBase">.css-h4sfgt-EmotionIconBase{display:inline-block;vertical-align:middle;overflow:hidden;fill:#2E2E2E;vertical-align:unset;display:inline-block;}@media screen and (prefers-reduced-motion: no-preference){.css-h4sfgt-EmotionIconBase{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-h4sfgt-EmotionIconBase{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}.css-h4sfgt-EmotionIconBase.css-h4sfgt-EmotionIconBase{width:16px;height:16px;fill:#2E2E2E;}@media screen and (prefers-reduced-motion: no-preference){.css-h4sfgt-EmotionIconBase.css-h4sfgt-EmotionIconBase{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-h4sfgt-EmotionIconBase.css-h4sfgt-EmotionIconBase{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}</style><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="css-h4sfgt-EmotionIconBase ex0cdmw0"><path fill="none" d="M0 0h24v24H0z"></path><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div></div></div><style data-emotion="css kpgnf7">.css-kpgnf7{font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.5;font-weight:400;letter-spacing:0;}</style><nav role="navigation" aria-label="Sidebar" class="css-kpgnf7"><style data-emotion="css 1m479iu">.css-1m479iu{list-style-type:none;margin:0px;padding:0;}.css-1m479iu:last-child{margin-bottom:24px;}</style><ul role="list" class="css-1m479iu"><style data-emotion="css exhu38">.css-exhu38{margin-bottom:24px;}</style><li class="css-exhu38"><div class="css-exhu38"><div><style data-emotion="css az6lpi">.css-az6lpi{display:inline-block;-webkit-text-decoration:none;text-decoration:none;}@media screen and (prefers-reduced-motion: no-preference){.css-az6lpi{transition-property:color,fill;transition-duration:200ms,200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-az6lpi{transition-property:color,fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}.css-az6lpi:hover:not(:disabled){-webkit-text-decoration:none;text-decoration:none;}</style><a href="/components/overview/" class="css-az6lpi"><style data-emotion="css 17x5lw">.css-17x5lw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}</style><span class="css-17x5lw"><style data-emotion="css 5ft680">.css-5ft680{font-family:"Poppins",sans-serif;font-size:14px;line-height:21px;font-weight:600;letter-spacing:0;padding:0.5px 0px;background-color:transparent;color:#0A0A0A;box-sizing:border-box;cursor:'pointer';min-width:230px;padding:12px;margin:4px 0;text-overflow:ellipsis;}.css-5ft680::before{content:'';margin-bottom:-0.403em;display:block;}.css-5ft680::after{content:'';margin-top:-0.4em;display:block;}</style><div data-testid="/components/overview" class="css-5ft680">Overview</div></span></a></div><style data-emotion="css x36bp3">.css-x36bp3{font-family:"Poppins",sans-serif;font-size:14px;line-height:1.5;font-weight:500;letter-spacing:0;background-color:transparent;color:#0A0A0A;min-height:32px;margin-top:20px;}</style><div id="/components/action-and-inputs" class="css-x36bp3">Actions &amp; Inputs</div><div><a href="/components/button/" class="css-az6lpi"><span class="css-17x5lw"><style data-emotion="css t1lyqx">.css-t1lyqx{font-family:"Poppins",sans-serif;font-size:14px;line-height:21px;font-weight:600;letter-spacing:0;padding:0.5px 0px;background-color:transparent;color:#535353;box-sizing:border-box;cursor:'pointer';min-width:230px;padding:12px;margin:4px 0;text-overflow:ellipsis;}.css-t1lyqx::before{content:'';margin-bottom:-0.403em;display:block;}.css-t1lyqx::after{content:'';margin-top:-0.4em;display:block;}.css-t1lyqx:hover:not(:disabled){background-color:#E0E7FF;border-radius:8px;color:#0A0A0A;}.css-t1lyqx:active:not(:disabled){background-color:#AEBFFF;border-radius:8px;color:#0A0A0A;}</style><div data-testid="/components/button" class="css-t1lyqx">Button</div></span></a></div><div><a href="/components/checkbox/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/checkbox" class="css-t1lyqx">Checkbox</div></span></a></div><div><a href="/components/form/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/form" class="css-t1lyqx">Form</div></span></a></div><div><a href="/components/radio-button/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/radio-button" class="css-t1lyqx">Radio Button</div></span></a></div><div><a href="/components/select/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/select" class="css-t1lyqx">Select</div></span></a></div><div><a href="/components/share-bar/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/share-bar" class="css-t1lyqx">Share Bar</div></span></a></div><div><a href="/components/slider/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/slider" class="css-t1lyqx">Slider</div></span></a></div><div><a href="/components/text-field/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/text-field" class="css-t1lyqx">Text Field</div></span></a></div><div><a href="/components/text-input/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/text-input" class="css-t1lyqx">Text Input</div></span></a></div><div id="/components/feedback-and-status" class="css-x36bp3">Feedback &amp; Status</div><div><a href="/components/banner/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/banner" class="css-t1lyqx">Banner</div></span></a></div><div><a href="/components/flag/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/flag" class="css-t1lyqx">Flag</div></span></a></div><div><a href="/components/progress-indicator/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/progress-indicator" class="css-t1lyqx">Progress Indicator</div></span></a></div><div><a href="/components/toast/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/toast" class="css-t1lyqx">Toast</div></span></a></div><div><a href="/components/inline-message/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/inline-message" class="css-t1lyqx">Inline Message</div></span></a></div><div id="/components/layout" class="css-x36bp3">Layout</div><div><a href="/components/aspect-ratio/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/aspect-ratio" class="css-t1lyqx">Aspect Ratio</div></span></a></div><div><a href="/components/block/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/block" class="css-t1lyqx">Block</div></span></a></div><div><a href="/components/card/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/card" class="css-t1lyqx">Card</div></span></a></div><div><a href="/components/divider/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/divider" class="css-t1lyqx">Divider</div></span></a></div><div><a href="/components/drawer/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/drawer" class="css-t1lyqx">Drawer</div></span></a></div><div><a href="/components/fieldset/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/fieldset" class="css-t1lyqx">Fieldset</div></span></a></div><div><a href="/components/grid/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/grid" class="css-t1lyqx">Grid</div></span></a></div><div><a href="/components/grid-layout/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/grid-layout" class="css-t1lyqx">Grid Layout</div></span></a></div><div><a href="/components/modal/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/modal" class="css-t1lyqx">Modal</div></span></a></div><div><a href="/components/stack/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/stack" class="css-t1lyqx">Stack</div></span></a></div><div><a href="/components/structured-list/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/structured-list" class="css-t1lyqx">Structured List</div></span></a></div><div><a href="/components/visibility/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/visibility" class="css-t1lyqx">Visibility</div></span></a></div><div id="/components/media" class="css-x36bp3">Media</div><div><a href="/components/audio-player/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/audio-player" class="css-t1lyqx">Audio Player</div></span></a></div><div><a href="/components/icons/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/icons" class="css-t1lyqx">Icons</div></span></a></div><div><a href="/components/image/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/image" class="css-t1lyqx">Image</div></span></a></div><div><a href="/components/volume-control/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/volume-control" class="css-t1lyqx">Volume Control</div></span></a></div><div id="/components/navigation" class="css-x36bp3">Navigation</div><div><a href="/components/link/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/link" class="css-t1lyqx">Link</div></span></a></div><div><a href="/components/menu/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/menu" class="css-t1lyqx">Menu</div></span></a></div><div><a href="/components/scroll/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/scroll" class="css-t1lyqx">Scroll</div></span></a></div><div><a href="/components/tabs/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/tabs" class="css-t1lyqx">Tabs</div></span></a></div><div><a href="/components/tag/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/tag" class="css-t1lyqx">Tag</div></span></a></div><div><a href="/components/title-bar/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/title-bar" class="css-t1lyqx">Title Bar</div></span></a></div><div id="/components/text" class="css-x36bp3">Text</div><div><a href="/components/byline/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/byline" class="css-t1lyqx">Byline</div></span></a></div><div><a href="/components/caption/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/caption" class="css-t1lyqx">Caption</div></span></a></div><div><a href="/components/date-time/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/date-time" class="css-t1lyqx">Date Time</div></span></a></div><div><a href="/components/headline/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/headline" class="css-t1lyqx">Headline</div></span></a></div><div><a href="/components/ordered-list/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/ordered-list" class="css-t1lyqx">Ordered List</div></span></a></div><div><a href="/components/standfirst/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/standfirst" class="css-t1lyqx">Standfirst</div></span></a></div><div><a href="/components/text-block/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/text-block" class="css-t1lyqx">Text Block</div></span></a></div><div><a href="/components/unordered-list/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/unordered-list" class="css-t1lyqx">Unordered List</div></span></a></div><div id="/components/third-party" class="css-x36bp3">Third Party Integrations</div><div><a href="/components/consent/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/consent" class="css-t1lyqx">Consent</div></span></a></div><div><a href="/components/consent-settings-link/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/consent-settings-link" class="css-t1lyqx">Consent Settings Link</div></span></a></div><div><a href="/components/experimentation-web/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/experimentation-web" class="css-t1lyqx">Experimentation Web</div></span></a></div><div><a href="/components/tealium/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/tealium" class="css-t1lyqx">Tealium</div></span></a></div><div id="/utils" class="css-x36bp3">Utilities</div><div><a href="/components/utils/emotion/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/utils/emotion" class="css-t1lyqx">Emotion</div></span></a></div><div><a href="/components/utils/custom-to-newskit-icon/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/utils/custom-to-newskit-icon" class="css-t1lyqx">customToNewsKitIcon</div></span></a></div><div><a href="/components/utils/get-css-from-theme/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/utils/get-css-from-theme" class="css-t1lyqx">getCssFromTheme</div></span></a></div><div><a href="/components/utils/get-from-theme/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/utils/get-from-theme" class="css-t1lyqx">getFromTheme</div></span></a></div><div><a href="/components/utils/get-defaults/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/utils/get-defaults" class="css-t1lyqx">getComponentDefaults</div></span></a></div><div><a href="/components/utils/hooks/" class="css-az6lpi"><span class="css-17x5lw"><div data-testid="/components/utils/hooks" class="css-t1lyqx">Hooks</div></span></a></div></div></li></ul></nav></div><style data-emotion="css 1dzjn3i">.css-1dzjn3i{background-color:rgba(0, 0, 0, 0.8);position:fixed;overflow:auto;bottom:0;top:0;left:0;right:100%;opacity:0;visibility:hidden;-webkit-transition:opacity 0.6s,right 0.3s;transition:opacity 0.6s,right 0.3s;z-index:2;}@media screen and (min-width: 1024px){.css-1dzjn3i{display:none;}}</style><div data-testid="overlay" class="css-1dzjn3i"></div><style data-emotion="css 1kjizz3">.css-1kjizz3{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:fixed;top:0;right:0;left:0;z-index:4;background-color:#FFFFFF;font-family:"Poppins",sans-serif;font-size:14px;line-height:1.5;font-weight:500;letter-spacing:0;padding-top:8px;padding-bottom:8px;box-shadow:0 4px 8px 0 rgba(10,10,10,0.08);}@media screen and (min-width: 1024px){.css-1kjizz3{padding-top:12px;padding-bottom:12px;box-shadow:0 8px 16px 0 rgba(10,10,10,0.08);height:80px;}}</style><header data-testid="header-navigation" class="css-1kjizz3"><style data-emotion="css x51be0">.css-x51be0{position:-webkit-sticky;position:sticky;}</style><style data-emotion="css dre6gm">.css-dre6gm{width:100%;max-width:9999px;margin:0 auto;}</style><div class="css-dre6gm"><style data-emotion="css 18z1uw5">.css-18z1uw5{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:-webkit-sticky;position:sticky;}@media screen{.css-18z1uw5{margin:-16px 8px 0 8px;}}@media screen and (min-width: 480px){.css-18z1uw5{margin:-16px 8px 0 8px;}}@media screen and (min-width: 768px){.css-18z1uw5{margin:-16px 8px 0 8px;}}@media screen and (min-width: 1024px){.css-18z1uw5{margin:-24px 12px 0 12px;}}@media screen and (min-width: 1440px){.css-18z1uw5{margin:-24px 12px 0 12px;}}</style><div class="css-18z1uw5"><style data-emotion="css 4yea8k">.css-4yea8k{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-4yea8k{-webkit-order:1;-ms-flex-order:1;order:1;padding:0 8px;margin-top:16px;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%;}}@media screen and (min-width: 1024px){.css-4yea8k{padding:0 12px;margin-top:24px;}}</style><div class="css-4yea8k"><div class="css-17x5lw"><style data-emotion="css 1k3e0au">@media screen{.css-1k3e0au{display:block;}}@media screen and (min-width: 480px){.css-1k3e0au{display:block;}}@media screen and (min-width: 768px){.css-1k3e0au{display:none;}}@media screen and (min-width: 1024px){.css-1k3e0au{display:none;}}@media screen and (min-width: 1440px){.css-1k3e0au{display:none;}}</style><div class="css-1k3e0au"><div data-testid="logo-container" class="css-17x5lw"><style data-emotion="css 1tjzrtp">.css-1tjzrtp{font-size:0;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-right:16px;}</style><div tabindex="0" data-testid="mobile-menu-icon" class="css-1tjzrtp"><style data-emotion="css 1ypz2ua">.css-1ypz2ua{color:#577FFB;fill:#577FFB;vertical-align:unset;display:inline-block;}@media screen and (prefers-reduced-motion: no-preference){.css-1ypz2ua{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1ypz2ua{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}.css-1ypz2ua.css-1ypz2ua{width:32px;height:32px;color:#577FFB;fill:#577FFB;}@media screen and (prefers-reduced-motion: no-preference){.css-1ypz2ua.css-1ypz2ua{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1ypz2ua.css-1ypz2ua{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}</style><style data-emotion="css 17xb90z-EmotionIconBase">.css-17xb90z-EmotionIconBase{display:inline-block;vertical-align:middle;overflow:hidden;color:#577FFB;fill:#577FFB;vertical-align:unset;display:inline-block;}@media screen and (prefers-reduced-motion: no-preference){.css-17xb90z-EmotionIconBase{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-17xb90z-EmotionIconBase{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}.css-17xb90z-EmotionIconBase.css-17xb90z-EmotionIconBase{width:32px;height:32px;color:#577FFB;fill:#577FFB;}@media screen and (prefers-reduced-motion: no-preference){.css-17xb90z-EmotionIconBase.css-17xb90z-EmotionIconBase{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-17xb90z-EmotionIconBase.css-17xb90z-EmotionIconBase{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}</style><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="css-17xb90z-EmotionIconBase ex0cdmw0"><path fill="none" d="M0 0h24v24H0z"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg></div><style data-emotion="css 1fjt7l2">.css-1fjt7l2{display:inline-block;color:#2E2E2E;}@media screen and (prefers-reduced-motion: no-preference){.css-1fjt7l2{transition-property:color,fill;transition-duration:200ms,200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1fjt7l2{transition-property:color,fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}.css-1fjt7l2 svg{fill:#2E2E2E;}</style><a href="/" class="css-1fjt7l2"><span class="css-17x5lw"><style data-emotion="css nr1bh9">.css-nr1bh9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:64px;height:40px;overflow:hidden;}</style><div class="css-nr1bh9"><style data-emotion="css 1qvdy2v">.css-1qvdy2v{display:inline-block;fill:#2E2E2E;color:#2E2E2E;width:48px;height:32px;}</style><svg viewBox="0 0 587 400" class="css-1qvdy2v"><title>Newskit Logo</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M542.931651,29.2896728 C572.492354,32.9192707 586.5572,64.4547843 586.348415,106.08797 L586.495247,105.970589 C537.990326,145.154611 442.468706,171.95996 348.623603,120.985066 L348.721238,120.845043 C362.553081,128.155467 377.170854,133.793553 394.357307,135.903784 C415.412272,138.489009 432.330134,126.917892 447.679336,110.530755 L448.773075,109.352181 C448.954931,109.154429 449.136575,108.956026 449.318008,108.756987 L450.404133,107.55526 L450.404133,107.55526 L451.485443,106.339042 L451.485443,106.339042 L452.562145,105.109091 L452.562145,105.109091 L453.634447,103.866163 C453.812809,103.657969 453.990997,103.449266 454.169014,103.240069 L455.235107,101.979094 L455.235107,101.979094 L456.29732,100.707032 L456.29732,100.707032 L457.587754,99.1418332 C457.802393,98.8797626 458.016819,98.6171092 458.231042,98.3539014 L459.83401,96.3698952 L459.83401,96.3698952 L461.430067,94.3677804 L462.702432,92.7548508 L463.971223,91.1334185 L465.236818,89.5048552 L467.13004,87.0516409 L470.379422,82.8097527 L474.299324,77.6792448 L476.754567,74.4820285 L478.597452,72.100709 L480.442909,69.7384417 L481.675233,68.1763279 L482.909587,66.6259015 L484.146323,65.0884505 L485.385797,63.5652628 L486.628361,62.0576264 L487.624877,60.8635796 L487.624877,60.8635796 L488.623779,59.6809694 L488.623779,59.6809694 L489.625249,58.510455 L489.625249,58.510455 L490.629468,57.3526961 C490.797077,57.1608358 490.964809,56.9695345 491.132666,56.7788059 L492.141348,55.6414163 C492.309724,55.4530334 492.478233,55.2652506 492.646879,55.0780818 L493.660434,53.9625454 C494.168065,53.4085705 494.676998,52.8603679 495.187337,52.3183087 L496.209917,51.2424913 C496.722174,50.708788 497.235905,50.1814753 497.751209,49.6609242 L498.783949,48.6289471 C511.892687,35.6742166 526.055811,27.2175802 542.931651,29.2896728 Z" fill="#AEBFFF"></path><path d="M233.380135,275.552866 L233.481089,275.663916 C221.00643,269.775743 208.041451,265.334595 193.610157,263.562655 C178.279744,261.680317 164.987976,268.064335 152.720979,278.527996 L151.754642,279.362473 C151.27252,279.783874 150.791953,280.21146 150.312878,280.644973 L149.356702,281.519826 L149.356702,281.519826 L148.404395,282.410029 C147.612388,283.158133 146.824297,283.921749 146.039833,284.699684 L145.100198,285.640004 L145.100198,285.640004 L144.163935,286.593612 L144.163935,286.593612 L143.230932,287.560052 C143.075697,287.722169 142.920593,287.884802 142.765618,288.047941 L141.837298,289.032769 C141.68283,289.197894 141.528485,289.363505 141.374263,289.529594 L140.27472,290.723935 C139.908877,291.124669 139.543693,291.527981 139.179139,291.933742 L138.087333,293.158242 C137.90567,293.363507 137.724156,293.569352 137.542788,293.775761 L136.456294,295.020854 L135.373107,296.278709 L134.293042,297.548555 L133.215909,298.829619 L132.678385,299.474116 L132.678385,299.474116 L131.353955,301.076035 L130.693146,301.88229 L129.374121,303.504482 L128.715817,304.320056 L127.401406,305.959251 L126.08963,307.607965 L124.126138,310.095703 L121.514088,313.432437 L115.59486,321.034134 L113.63866,323.535524 L111.680042,326.02386 L110.372368,327.673078 L108.407082,330.128759 L107.093862,331.751664 L105.777807,333.3615 L104.458567,334.956815 L103.135788,336.536155 L102.101338,337.756016 L101.064355,338.964583 L100.02467,340.161167 L98.982118,341.345078 L97.936531,342.515628 L96.8877422,343.672125 L95.8355846,344.813881 L95.3081902,345.379015 L95.3081902,345.379015 L94.2506661,346.497364 L93.3700527,347.413119 L93.3700527,347.413119 L92.4867353,348.317137 L92.4867353,348.317137 L91.6006185,349.209022 C91.1568443,349.651865 90.7119845,350.090012 90.2659853,350.523239 L89.372452,351.383068 L89.372452,351.383068 L88.475785,352.229385 C88.326074,352.36929 88.1762285,352.508615 88.0262465,352.647353 L87.1246998,353.472662 C86.5225551,354.018078 85.9181622,354.55383 85.3113935,355.07939 L84.3994429,355.86002 C84.2471489,355.98883 84.0947024,356.116986 83.9421015,356.24448 L83.0246266,357.00144 C71.5326258,366.362564 59.1494776,371.909706 45.035813,370.176766 C15.7285936,366.578292 1.08954462,335.668876 0.349530223,294.649268 L-0.505045496,295.436748 C55.5334979,243.070922 150.863739,236.107309 233.380135,275.552866 Z" fill="#3358CC"></path><path d="M369.722888,336.535023 C344.478199,333.039998 323.729573,325.3413 305.289933,316.177684 L303.619902,315.340669 C303.065305,315.060369 302.512767,314.778801 301.962228,314.496039 L300.316545,313.644253 L298.275747,312.570154 L298.275747,312.570154 L296.252403,311.486479 L294.645814,310.613246 L292.652088,309.514587 L292.652088,309.514587 L290.673817,308.408855 L289.101849,307.519775 L287.538952,306.627197 L285.210813,305.282771 L282.134966,303.482225 L282.134966,303.482225 L279.680373,302.028273 L277.243511,300.572493 L273.61813,298.389574 L265.271816,293.333002 L262.909329,291.906348 L259.965971,290.139474 L257.030668,288.394353 C249.211286,283.773014 241.446067,279.423464 233.480948,275.66385 L233.380135,275.552866 C151.688903,236.501765 57.4388213,242.936291 1.18784621,293.879395 L0.349511934,294.648254 C-1.40117061,197.576039 74.685447,43.8855432 218.416223,61.5334634 C243.595502,64.6250902 263.775794,71.8618633 281.413553,80.6870641 L282.986322,81.4815588 C283.508357,81.7477604 284.028191,82.0153094 284.54589,82.2841378 L286.092649,83.0943931 L286.861347,83.5022718 L286.861347,83.5022718 L288.389627,84.3232765 L289.906078,85.1509374 L289.906078,85.1509374 L291.411091,85.9848465 L292.159431,86.4040166 L292.159431,86.4040166 L294.018523,87.4579947 L294.018523,87.4579947 L295.861428,88.5199823 L297.324613,89.3748037 L298.778321,90.233833 L300.222943,91.0966623 L301.658873,91.9628835 L303.086502,92.8320886 L304.506222,93.7038695 L305.918425,94.5778183 L308.21828,96.01414 L309.361566,96.7335126 L311.635937,98.1735576 L313.895479,99.6138377 L323.926209,106.049807 L326.13506,107.459247 L328.340309,108.857237 L331.094434,110.585885 L333.849002,112.290322 C338.421777,115.096398 343.010309,117.787993 347.683946,120.292931 L349.440685,121.223392 C442.141776,171.224285 536.201082,145.590447 585.029491,107.139624 L586.348414,106.088092 C585.864018,202.666729 508.569775,353.583277 369.722888,336.535023 Z" fill="#577FFB"></path></g></svg></div></span></a></div></div><style data-emotion="css n86qze">@media screen{.css-n86qze{display:none;}}@media screen and (min-width: 480px){.css-n86qze{display:none;}}@media screen and (min-width: 768px){.css-n86qze{display:block;}}@media screen and (min-width: 1024px){.css-n86qze{display:none;}}@media screen and (min-width: 1440px){.css-n86qze{display:none;}}</style><div class="css-n86qze"><div data-testid="logo-container" class="css-17x5lw"><div tabindex="0" data-testid="mobile-menu-icon" class="css-1tjzrtp"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="css-17xb90z-EmotionIconBase ex0cdmw0"><path fill="none" d="M0 0h24v24H0z"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg></div><a href="/" class="css-1fjt7l2"><span class="css-17x5lw"><style data-emotion="css 3s8hd2">.css-3s8hd2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:52px;overflow:hidden;}</style><div class="css-3s8hd2"><style data-emotion="css kbqybq">.css-kbqybq{display:inline-block;width:183px;height:40px;}</style><svg viewBox="0 0 1587 347" class="css-kbqybq"><title>Newskit Logo</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-5.000000, 47.000000)"><style data-emotion="css 1epbdp2">.css-1epbdp2{fill:#162740;color:#162740;}</style><g transform="translate(508.073657, 26.125170)" class="css-1epbdp2"><path d="M49.6701967,183.5 L49.6701967,88.2085714 L126.078764,185.96333 C126.836849,186.933201 127.99928,187.5 129.230272,187.5 L167,187.5 C169.209139,187.5 171,185.709139 171,183.5 L171,10.5 C171,8.290861 169.209139,6.5 167,6.5 L125.329803,6.5 C123.120664,6.5 121.329803,8.290861 121.329803,10.5 L121.329803,102.171429 L48.025595,8.04230221 C47.2677022,7.06910032 46.1031929,6.5 44.8696924,6.5 L4,6.5 C1.790861,6.5 0,8.290861 0,10.5 L0,183.5 C0,185.709139 1.790861,187.5 4,187.5 L45.6701967,187.5 C47.8793357,187.5 49.6701967,185.709139 49.6701967,183.5 Z M903,55 C918.187831,55 930.5,42.6878306 930.5,27.5 C930.5,12.3121694 918.187831,0 903,0 C887.812169,0 875.5,12.3121694 875.5,27.5 C875.5,42.6878306 887.812169,55 903,55 Z M263.027523,190.5 C289.304083,190.5 308.121364,180.273822 321.470735,164.67486 C322.185034,163.840189 322.721045,161.426603 321.327744,160.275568 L299.153134,141.956652 C297.457714,140.556029 294.757606,141.251542 293.943758,141.981606 C284.811066,150.174114 276.283121,153.871025 265.355963,153.871025 C250.091743,153.871025 238.966972,146.132509 235.086239,130.913428 L323.782339,130.913428 C325.435321,130.913428 329,129.596531 329,126.880598 L329,120.853357 C329,79.8392226 306.750459,44.5 258.629358,44.5 C217.234862,44.5 188,76.7438163 188,117.5 L188,118.015901 C188,161.09364 219.045872,190.5 263.027523,190.5 Z M284,105.5 L235,105.5 C237.592593,90.1938776 246.407407,80.5 259.37037,80.5 C272.851852,80.5 282.185185,90.1938776 284,105.5 Z M414.377751,184.718744 L435.778461,117.819827 C435.946735,117.293802 436.509575,117.003787 437.0356,117.17206 C437.345716,117.271265 437.588117,117.515238 437.685316,117.825988 L458.600819,184.6941 C459.122984,186.363495 460.669273,187.5 462.418426,187.5 L498.895815,187.5 C500.65258,187.5 502.203732,186.353753 502.719524,184.674412 L543.410734,52.1899515 C544.059344,50.078175 542.873213,47.8404396 540.761436,47.1918296 C540.380918,47.0749574 539.985086,47.0155393 539.587024,47.0155393 L500.789687,47.0155393 C498.978012,47.0155393 497.392536,48.2331786 496.925114,49.9835159 L479.758709,114.265808 C479.616217,114.799394 479.068146,115.116438 478.53456,114.973946 C478.200911,114.884846 477.936847,114.629901 477.836082,114.299588 L458.017303,49.3328585 C457.503885,47.6498526 455.950944,46.5 454.191368,46.5 L419.802333,46.5 C418.045766,46.5 416.494742,47.6459914 415.978782,49.3250718 L396.176619,113.766952 C396.014396,114.294874 395.454922,114.591331 394.927,114.429108 C394.595866,114.327355 394.340981,114.061474 394.253297,113.72634 L377.580699,50.0030584 C377.120225,48.2431076 375.530153,47.0155393 373.71096,47.0155393 L334.393967,47.0155393 C332.184828,47.0155393 330.393967,48.8064003 330.393967,51.0155393 C330.393967,51.4090901 330.452046,51.8004866 330.566327,52.1770793 L370.770217,184.66154 C371.2818,186.347367 372.836116,187.5 374.597856,187.5 L410.56794,187.5 C412.307555,187.5 413.847715,186.375646 414.377751,184.718744 Z M609.892857,190.5 C644.002101,190.5 667,174.450355 667,143.64539 L667,143.12766 C667,118.664894 649.208929,108.460426 625.494477,101.002777 L623.904868,100.509543 C623.37216,100.346404 622.836658,100.184495 622.29849,100.02369 L620.676125,99.5444603 L619.038552,99.0710951 L617.386555,98.6028369 L613.001051,97.2603787 L611.189694,96.694176 L609.88794,96.27927 L608.635445,95.8713519 L607.432756,95.4691926 L606.280417,95.0715629 L605.540433,94.808386 L604.823231,94.5463117 L604.128973,94.2849759 L603.45782,94.0240145 L602.809933,93.7630631 L602.185475,93.5017577 L601.584607,93.239734 C601.486437,93.1959833 601.389256,93.1521875 601.293069,93.108339 L600.727889,92.844555 C600.543485,92.7563758 600.36308,92.6679252 600.186702,92.5791423 L599.66967,92.3117367 C599.58552,92.2669828 599.502384,92.2221307 599.420263,92.1771727 L598.939768,91.9060948 C598.783687,91.8152718 598.631699,91.723965 598.483832,91.6321135 L598.052617,91.3548645 C595.819012,89.8668424 594.647059,88.2238632 594.647059,86.177305 L594.647059,85.6595745 C594.647059,81.5177305 598.523109,78.6702128 606.016807,78.6702128 C616.381853,78.6702128 630.794334,82.9501422 644.429889,90.2492222 L645.170746,90.6470084 L645.278629,90.6877084 L645.428516,90.7318551 L645.61432,90.7746621 C645.681564,90.788176 645.75378,90.8006688 645.829952,90.8113428 L646.069325,90.8371103 C646.858502,90.8963762 647.913206,90.7194935 648.363501,89.6224742 L649.482426,86.2332564 L650.41522,83.3635462 L652.066003,78.2026376 L653.805034,72.6715009 L655.229292,68.0824946 L657.906292,59.3602096 C658.332293,57.9717378 657.777631,57.2285724 657.347441,56.8859969 L657.223223,56.7949973 L657.113105,56.7265648 L657.065405,56.7003523 C642.103147,48.8120377 624.172333,44.5 606.533613,44.5 C574.233193,44.5 550.460084,61.0673759 550.460084,90.8368794 L550.460084,91.3546099 C550.460084,115.11844 566.32928,125.416099 588.07008,132.422028 L589.614346,132.91123 L591.177336,133.390292 C591.701366,133.548378 592.228386,133.704907 592.758266,133.86001 L594.356357,134.32118 L595.970827,134.774596 L597.600894,135.221053 L599.245776,135.661348 C599.521115,135.734261 599.797038,135.80695 600.073529,135.879433 L603.575041,136.868735 L605.906341,137.539846 L607.668301,138.06027 L608.929112,138.443108 L609.740577,138.69553 L610.913911,139.070971 L611.666742,139.319726 L612.395944,139.567722 L613.101414,139.815365 L613.783052,140.063058 L614.440756,140.311206 C614.548374,140.352624 614.65499,140.394078 614.760602,140.435577 L615.382218,140.685167 C615.483808,140.726876 615.58439,140.768646 615.683962,140.810486 L616.269261,141.062428 L616.830223,141.316444 L617.366747,141.572938 L617.878732,141.832315 C621.126662,143.528516 622.813025,145.433083 622.813025,148.046099 L622.813025,148.56383 C622.813025,153.48227 618.678571,156.070922 610.151261,156.070922 C596.440715,156.070922 580.178478,151.190806 564.881159,141.650754 L564.141733,141.185503 C564.093732,141.155032 564.040729,141.123143 563.983488,141.090874 L563.79981,140.993962 L563.595278,140.900988 C562.919404,140.619369 561.998701,140.490551 561.487311,141.403508 L551.779214,170.769329 L551.450065,171.738253 C550.79398,173.603357 552.142953,174.923294 552.801936,175.310151 C570.051776,185.436717 589.878719,190.5 609.892857,190.5 Z M740.083086,182.5 L740.083086,139.826518 C740.083086,139.577805 740.175768,139.338018 740.343042,139.15396 L757.55884,120.210705 C757.930284,119.80199 758.562728,119.771776 758.971443,120.143219 C759.02977,120.196228 759.081626,120.255946 759.125931,120.32113 L802.916375,184.748531 C803.661045,185.844139 804.899841,186.5 806.224563,186.5 L856.418355,186.5 C858.627494,186.5 860.418355,184.709139 860.418355,182.5 C860.418355,181.694156 860.174957,180.907101 859.720045,180.241939 L793.703389,83.7137554 C793.445031,83.3359897 793.476098,82.831043 793.778816,82.4877974 L855.815462,12.1457707 C857.276681,10.488926 857.118095,7.96123597 855.46125,6.50001714 C854.730545,5.8555868 853.78976,5.5 852.81548,5.5 L804.406558,5.5 C803.233698,5.5 802.119934,6.01475249 801.35994,6.90806657 L741.844741,76.8635966 C741.486869,77.2842468 740.855753,77.3351391 740.435103,76.9772678 C740.211774,76.7872693 740.083086,76.5088283 740.083086,76.2156133 L740.083086,9.5 C740.083086,7.290861 738.292225,5.5 736.083086,5.5 L694,5.5 C691.790861,5.5 690,7.290861 690,9.5 L690,182.5 C690,184.709139 691.790861,186.5 694,186.5 L736.083086,186.5 C738.292225,186.5 740.083086,184.709139 740.083086,182.5 Z M928,182.5 L928,75.0824946 C928,72.8733556 926.209139,71.0824946 924,71.0824946 L883,71.0824946 C880.790861,71.0824946 879,72.8733556 879,75.0824946 L879,182.5 C879,184.709139 880.790861,186.5 883,186.5 L924,186.5 C926.209139,186.5 928,184.709139 928,182.5 Z M1013.35092,189.5 C1025.71919,189.5 1036.40257,186.764504 1044.83085,182.622854 L1045.44285,182.317168 L1045.60937,182.227026 L1045.78895,182.119754 C1046.52796,181.653073 1047.48285,180.715298 1047.48285,178.586712 L1047.48285,145.854246 C1047.48285,144.165121 1046.13184,143.992466 1045.13243,144.162007 L1044.90881,144.206672 C1044.87284,144.21495 1044.83758,144.223601 1044.80314,144.232558 L1044.60696,144.289433 C1044.54533,144.309258 1044.48771,144.329772 1044.43489,144.35044 L1044.35935,144.38149 C1039.37124,146.413468 1034.2066,147.648041 1028.86544,147.648041 C1019.8153,147.648041 1015.41953,143.514514 1015.41953,133.697388 L1015.41953,87.1618287 C1015.41953,86.609544 1015.86724,86.1618287 1016.41953,86.1618287 L1044,86.1618287 C1046.20914,86.1618287 1048,84.3709677 1048,82.1618287 L1048,50.8933237 C1048,48.6841847 1046.20914,46.8933237 1044,46.8933237 L1016.41953,46.8933237 C1015.86724,46.8933237 1015.41953,46.4456084 1015.41953,45.8933237 L1015.41953,15.5 C1015.41953,13.290861 1013.62866,11.5 1011.41953,11.5 L970.548813,11.5 C968.339674,11.5 966.548813,13.290861 966.548813,15.5 L966.548813,45.8933237 C966.548813,46.4456084 966.101097,46.8933237 965.548813,46.8933237 L954,46.8933237 C951.790861,46.8933237 950,48.6841847 950,50.8933237 L950,82.1618287 C950,84.3709677 951.790861,86.1618287 954,86.1618287 L965.548813,86.1618287 C966.101097,86.1618287 966.548813,86.609544 966.548813,87.1618287 L966.548813,143.256168 C966.548813,176.582729 983.873351,189.5 1013.35092,189.5 Z"></path></g><g transform="translate(0.000000, 0.116667)"><g transform="translate(207.496510, 125.867994) rotate(2.000000) translate(-207.496510, -125.867994) translate(4.492344, 7.592994)"><path d="M375.877049,0.215696421 C396.323202,2.72616833 406.051387,24.5382319 405.906977,53.3345184 L406.008536,53.2533299 C372.459299,80.3556122 306.390178,98.8959782 241.480649,63.6383437 L241.54818,63.541494 C251.115204,68.597871 261.22583,72.497547 273.113127,73.9571235 C287.676144,75.7452372 299.377666,67.7418812 309.994197,56.407445 L310.7507,55.5922645 C310.876484,55.4554859 311.002121,55.3182571 311.127612,55.1805889 L311.878849,54.3493941 L311.878849,54.3493941 L312.626754,53.508177 L312.626754,53.508177 L313.371473,52.657461 L313.371473,52.657461 L314.113149,51.7977691 C314.236516,51.6537682 314.359762,51.5094151 314.482891,51.3647207 L315.220272,50.492546 L315.220272,50.492546 L315.95497,49.6127035 L315.95497,49.6127035 L316.84752,48.5301073 C316.995978,48.3488419 317.14429,48.1671732 317.29246,47.9851212 L318.40118,46.6128503 L318.40118,46.6128503 L319.50512,45.2280542 L320.385172,44.1124446 L321.262753,42.9909538 L322.138122,41.8645309 L323.447601,40.1677244 L325.69509,37.2337517 L328.406356,33.6851504 L330.104566,31.4737425 L331.379227,29.8266632 L332.655668,28.1927616 L333.508026,27.1122995 L334.361787,26.0399213 L335.217197,24.9765177 L336.074499,23.9229795 L336.93394,22.8801977 L337.623197,22.0543153 L337.623197,22.0543153 L338.314104,21.2363432 L338.314104,21.2363432 L339.006787,20.4267375 L339.006787,20.4267375 L339.701372,19.6259542 C339.817302,19.4932508 339.933316,19.3609341 340.049417,19.2290135 L340.747089,18.442319 C340.863549,18.3120208 340.980101,18.1821378 341.096748,18.0526793 L341.79779,17.2810999 C342.148901,16.897934 342.500914,16.5187606 342.853898,16.1438363 L343.561183,15.3997292 C343.915494,15.0305844 344.270824,14.6658598 344.627243,14.305812 L345.341555,13.5920278 C354.408432,4.63167253 364.204592,-1.21750098 375.877049,0.215696421 Z" fill="#AEBFFF"></path><path d="M161.770583,170.547738 L161.84041,170.624548 C153.212104,166.551895 144.24466,163.480101 134.263015,162.254509 C123.659479,160.952559 114.466007,165.368171 105.981333,172.605536 L105.312951,173.182717 C104.979483,173.474186 104.64709,173.769932 104.315731,174.069779 L103.654375,174.674886 L103.654375,174.674886 L102.995697,175.29061 C102.447892,175.808048 101.902795,176.336216 101.360208,176.874288 L100.710294,177.524675 L100.710294,177.524675 L100.062712,178.184255 L100.062712,178.184255 L99.4173845,178.852709 C99.3100136,178.96484 99.2027335,179.077327 99.0955426,179.190165 L98.4534543,179.871338 C98.3466136,179.985549 98.2398589,180.100097 98.1331886,180.214975 L97.3726713,181.041061 C97.1196294,181.318236 96.8670443,181.597193 96.6148944,181.877844 L95.8597287,182.72479 C95.7340782,182.866765 95.608531,183.009141 95.4830846,183.151907 L94.731593,184.013097 L93.9823892,184.883113 L93.2353436,185.761423 L92.490327,186.647492 L92.1185391,187.093269 L92.1185391,187.093269 L91.2024752,188.201264 L90.7454158,188.758923 L89.8330904,189.88094 L89.3777634,190.445045 L88.4686288,191.578821 L87.5613172,192.719182 L86.2032351,194.439867 L84.3965671,196.747775 L80.3024344,202.005615 L78.949396,203.735743 L77.5946857,205.456843 L76.6902108,206.597551 L75.330888,208.296064 L74.4225774,209.418574 L73.5123064,210.532044 L72.5998317,211.63547 L71.6849099,212.727847 L70.9694154,213.571583 L70.2521684,214.407509 L69.5330533,215.235146 L68.8119548,216.054019 L68.0887571,216.863649 L67.3633448,217.663559 L66.6356025,218.453273 L66.2708214,218.844158 L66.2708214,218.844158 L65.5393672,219.617683 L64.9302762,220.25108 L64.9302762,220.25108 L64.3193151,220.876359 L64.3193151,220.876359 L63.7064176,221.493246 C63.3994738,221.799546 63.0917791,222.102597 62.7832963,222.402246 L62.1652691,222.996961 L62.1652691,222.996961 L61.5450744,223.58233 C61.4415243,223.679098 61.3378812,223.775465 61.2341436,223.871425 L60.6105738,224.442264 C60.1940904,224.81951 59.776052,225.190072 59.3563703,225.553584 L58.7256045,226.09352 C58.6202678,226.182613 58.5148256,226.271254 58.4092767,226.359438 L57.7746899,226.883002 C49.826056,233.357779 41.2610451,237.194553 31.4990938,235.995936 C11.228267,233.506992 1.10292483,212.127979 0.591081538,183.756083 L1.73976389e-12,184.300757 C38.7599925,148.081061 104.696743,143.264562 161.770583,170.547738 Z" fill="#3358CC"></path><path d="M256.074321,212.727064 C238.613411,210.309671 224.262278,204.984739 211.508193,198.646571 L210.353089,198.067635 C209.969492,197.873761 209.58732,197.67901 209.206531,197.483433 L208.068267,196.894281 L206.656715,196.151362 L206.656715,196.151362 L205.257235,195.401821 L204.146011,194.797834 L202.767017,194.037929 L202.767017,194.037929 L201.398713,193.27313 L200.311436,192.658184 L199.230432,192.040818 L197.620136,191.110923 L195.492675,189.865545 L195.492675,189.865545 L193.794915,188.859895 L192.109418,187.85298 L189.601863,186.343128 L183.828996,182.845666 L182.194942,181.858897 L180.15912,180.636809 L178.128868,179.429767 C172.720463,176.23334 167.349519,173.224902 161.840312,170.624502 L161.770583,170.547738 C105.267481,143.537393 40.0778412,147.987941 1.17091676,183.223588 L0.591068889,183.755382 C-0.61981987,116.613766 52.0067573,10.3111735 151.420544,22.5176516 C168.836212,24.6560268 182.794248,29.6614615 194.993697,35.7655587 L196.081529,36.3150842 C196.442603,36.499207 196.802155,36.6842617 197.160231,36.8702014 L198.230072,37.4306279 L198.761755,37.7127441 L198.761755,37.7127441 L199.818815,38.2806057 L200.867694,38.8530711 L200.867694,38.8530711 L201.908661,39.4298582 L202.426263,39.7197842 L202.426263,39.7197842 L203.712135,40.4487857 L203.712135,40.4487857 L204.986811,41.1833272 L205.998847,41.7745786 L207.004328,42.3687406 L208.003526,42.9655309 L208.996711,43.5646672 L209.984154,44.1658674 L210.966127,44.7688492 L211.942901,45.3733304 L213.533633,46.3667862 L214.324406,46.8643523 L215.897513,47.8603834 L217.460363,48.8565771 L224.398284,53.3081228 L225.926073,54.2829853 L227.45137,55.2499283 L229.356307,56.4455762 L231.261549,57.6244787 C234.424385,59.565348 237.59812,61.4270346 240.830719,63.1596166 L242.045797,63.8031855 C306.164051,98.3871368 371.221738,80.6570654 404.994721,54.0619123 L405.906976,53.3346033 C405.571936,120.134827 352.110084,224.518773 256.074321,212.727064 Z" fill="#577FFB"></path></g></g></g></g></svg></div></span></a></div></div><style data-emotion="css 1tiut6d">@media screen{.css-1tiut6d{display:none;}}@media screen and (min-width: 480px){.css-1tiut6d{display:none;}}@media screen and (min-width: 768px){.css-1tiut6d{display:none;}}@media screen and (min-width: 1024px){.css-1tiut6d{display:block;}}@media screen and (min-width: 1440px){.css-1tiut6d{display:block;}}</style><div class="css-1tiut6d"><a href="/" class="css-1fjt7l2"><span class="css-17x5lw"><div class="css-3s8hd2"><svg viewBox="0 0 1587 347" class="css-kbqybq"><title>Newskit Logo</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-5.000000, 47.000000)"><g transform="translate(508.073657, 26.125170)" class="css-1epbdp2"><path d="M49.6701967,183.5 L49.6701967,88.2085714 L126.078764,185.96333 C126.836849,186.933201 127.99928,187.5 129.230272,187.5 L167,187.5 C169.209139,187.5 171,185.709139 171,183.5 L171,10.5 C171,8.290861 169.209139,6.5 167,6.5 L125.329803,6.5 C123.120664,6.5 121.329803,8.290861 121.329803,10.5 L121.329803,102.171429 L48.025595,8.04230221 C47.2677022,7.06910032 46.1031929,6.5 44.8696924,6.5 L4,6.5 C1.790861,6.5 0,8.290861 0,10.5 L0,183.5 C0,185.709139 1.790861,187.5 4,187.5 L45.6701967,187.5 C47.8793357,187.5 49.6701967,185.709139 49.6701967,183.5 Z M903,55 C918.187831,55 930.5,42.6878306 930.5,27.5 C930.5,12.3121694 918.187831,0 903,0 C887.812169,0 875.5,12.3121694 875.5,27.5 C875.5,42.6878306 887.812169,55 903,55 Z M263.027523,190.5 C289.304083,190.5 308.121364,180.273822 321.470735,164.67486 C322.185034,163.840189 322.721045,161.426603 321.327744,160.275568 L299.153134,141.956652 C297.457714,140.556029 294.757606,141.251542 293.943758,141.981606 C284.811066,150.174114 276.283121,153.871025 265.355963,153.871025 C250.091743,153.871025 238.966972,146.132509 235.086239,130.913428 L323.782339,130.913428 C325.435321,130.913428 329,129.596531 329,126.880598 L329,120.853357 C329,79.8392226 306.750459,44.5 258.629358,44.5 C217.234862,44.5 188,76.7438163 188,117.5 L188,118.015901 C188,161.09364 219.045872,190.5 263.027523,190.5 Z M284,105.5 L235,105.5 C237.592593,90.1938776 246.407407,80.5 259.37037,80.5 C272.851852,80.5 282.185185,90.1938776 284,105.5 Z M414.377751,184.718744 L435.778461,117.819827 C435.946735,117.293802 436.509575,117.003787 437.0356,117.17206 C437.345716,117.271265 437.588117,117.515238 437.685316,117.825988 L458.600819,184.6941 C459.122984,186.363495 460.669273,187.5 462.418426,187.5 L498.895815,187.5 C500.65258,187.5 502.203732,186.353753 502.719524,184.674412 L543.410734,52.1899515 C544.059344,50.078175 542.873213,47.8404396 540.761436,47.1918296 C540.380918,47.0749574 539.985086,47.0155393 539.587024,47.0155393 L500.789687,47.0155393 C498.978012,47.0155393 497.392536,48.2331786 496.925114,49.9835159 L479.758709,114.265808 C479.616217,114.799394 479.068146,115.116438 478.53456,114.973946 C478.200911,114.884846 477.936847,114.629901 477.836082,114.299588 L458.017303,49.3328585 C457.503885,47.6498526 455.950944,46.5 454.191368,46.5 L419.802333,46.5 C418.045766,46.5 416.494742,47.6459914 415.978782,49.3250718 L396.176619,113.766952 C396.014396,114.294874 395.454922,114.591331 394.927,114.429108 C394.595866,114.327355 394.340981,114.061474 394.253297,113.72634 L377.580699,50.0030584 C377.120225,48.2431076 375.530153,47.0155393 373.71096,47.0155393 L334.393967,47.0155393 C332.184828,47.0155393 330.393967,48.8064003 330.393967,51.0155393 C330.393967,51.4090901 330.452046,51.8004866 330.566327,52.1770793 L370.770217,184.66154 C371.2818,186.347367 372.836116,187.5 374.597856,187.5 L410.56794,187.5 C412.307555,187.5 413.847715,186.375646 414.377751,184.718744 Z M609.892857,190.5 C644.002101,190.5 667,174.450355 667,143.64539 L667,143.12766 C667,118.664894 649.208929,108.460426 625.494477,101.002777 L623.904868,100.509543 C623.37216,100.346404 622.836658,100.184495 622.29849,100.02369 L620.676125,99.5444603 L619.038552,99.0710951 L617.386555,98.6028369 L613.001051,97.2603787 L611.189694,96.694176 L609.88794,96.27927 L608.635445,95.8713519 L607.432756,95.4691926 L606.280417,95.0715629 L605.540433,94.808386 L604.823231,94.5463117 L604.128973,94.2849759 L603.45782,94.0240145 L602.809933,93.7630631 L602.185475,93.5017577 L601.584607,93.239734 C601.486437,93.1959833 601.389256,93.1521875 601.293069,93.108339 L600.727889,92.844555 C600.543485,92.7563758 600.36308,92.6679252 600.186702,92.5791423 L599.66967,92.3117367 C599.58552,92.2669828 599.502384,92.2221307 599.420263,92.1771727 L598.939768,91.9060948 C598.783687,91.8152718 598.631699,91.723965 598.483832,91.6321135 L598.052617,91.3548645 C595.819012,89.8668424 594.647059,88.2238632 594.647059,86.177305 L594.647059,85.6595745 C594.647059,81.5177305 598.523109,78.6702128 606.016807,78.6702128 C616.381853,78.6702128 630.794334,82.9501422 644.429889,90.2492222 L645.170746,90.6470084 L645.278629,90.6877084 L645.428516,90.7318551 L645.61432,90.7746621 C645.681564,90.788176 645.75378,90.8006688 645.829952,90.8113428 L646.069325,90.8371103 C646.858502,90.8963762 647.913206,90.7194935 648.363501,89.6224742 L649.482426,86.2332564 L650.41522,83.3635462 L652.066003,78.2026376 L653.805034,72.6715009 L655.229292,68.0824946 L657.906292,59.3602096 C658.332293,57.9717378 657.777631,57.2285724 657.347441,56.8859969 L657.223223,56.7949973 L657.113105,56.7265648 L657.065405,56.7003523 C642.103147,48.8120377 624.172333,44.5 606.533613,44.5 C574.233193,44.5 550.460084,61.0673759 550.460084,90.8368794 L550.460084,91.3546099 C550.460084,115.11844 566.32928,125.416099 588.07008,132.422028 L589.614346,132.91123 L591.177336,133.390292 C591.701366,133.548378 592.228386,133.704907 592.758266,133.86001 L594.356357,134.32118 L595.970827,134.774596 L597.600894,135.221053 L599.245776,135.661348 C599.521115,135.734261 599.797038,135.80695 600.073529,135.879433 L603.575041,136.868735 L605.906341,137.539846 L607.668301,138.06027 L608.929112,138.443108 L609.740577,138.69553 L610.913911,139.070971 L611.666742,139.319726 L612.395944,139.567722 L613.101414,139.815365 L613.783052,140.063058 L614.440756,140.311206 C614.548374,140.352624 614.65499,140.394078 614.760602,140.435577 L615.382218,140.685167 C615.483808,140.726876 615.58439,140.768646 615.683962,140.810486 L616.269261,141.062428 L616.830223,141.316444 L617.366747,141.572938 L617.878732,141.832315 C621.126662,143.528516 622.813025,145.433083 622.813025,148.046099 L622.813025,148.56383 C622.813025,153.48227 618.678571,156.070922 610.151261,156.070922 C596.440715,156.070922 580.178478,151.190806 564.881159,141.650754 L564.141733,141.185503 C564.093732,141.155032 564.040729,141.123143 563.983488,141.090874 L563.79981,140.993962 L563.595278,140.900988 C562.919404,140.619369 561.998701,140.490551 561.487311,141.403508 L551.779214,170.769329 L551.450065,171.738253 C550.79398,173.603357 552.142953,174.923294 552.801936,175.310151 C570.051776,185.436717 589.878719,190.5 609.892857,190.5 Z M740.083086,182.5 L740.083086,139.826518 C740.083086,139.577805 740.175768,139.338018 740.343042,139.15396 L757.55884,120.210705 C757.930284,119.80199 758.562728,119.771776 758.971443,120.143219 C759.02977,120.196228 759.081626,120.255946 759.125931,120.32113 L802.916375,184.748531 C803.661045,185.844139 804.899841,186.5 806.224563,186.5 L856.418355,186.5 C858.627494,186.5 860.418355,184.709139 860.418355,182.5 C860.418355,181.694156 860.174957,180.907101 859.720045,180.241939 L793.703389,83.7137554 C793.445031,83.3359897 793.476098,82.831043 793.778816,82.4877974 L855.815462,12.1457707 C857.276681,10.488926 857.118095,7.96123597 855.46125,6.50001714 C854.730545,5.8555868 853.78976,5.5 852.81548,5.5 L804.406558,5.5 C803.233698,5.5 802.119934,6.01475249 801.35994,6.90806657 L741.844741,76.8635966 C741.486869,77.2842468 740.855753,77.3351391 740.435103,76.9772678 C740.211774,76.7872693 740.083086,76.5088283 740.083086,76.2156133 L740.083086,9.5 C740.083086,7.290861 738.292225,5.5 736.083086,5.5 L694,5.5 C691.790861,5.5 690,7.290861 690,9.5 L690,182.5 C690,184.709139 691.790861,186.5 694,186.5 L736.083086,186.5 C738.292225,186.5 740.083086,184.709139 740.083086,182.5 Z M928,182.5 L928,75.0824946 C928,72.8733556 926.209139,71.0824946 924,71.0824946 L883,71.0824946 C880.790861,71.0824946 879,72.8733556 879,75.0824946 L879,182.5 C879,184.709139 880.790861,186.5 883,186.5 L924,186.5 C926.209139,186.5 928,184.709139 928,182.5 Z M1013.35092,189.5 C1025.71919,189.5 1036.40257,186.764504 1044.83085,182.622854 L1045.44285,182.317168 L1045.60937,182.227026 L1045.78895,182.119754 C1046.52796,181.653073 1047.48285,180.715298 1047.48285,178.586712 L1047.48285,145.854246 C1047.48285,144.165121 1046.13184,143.992466 1045.13243,144.162007 L1044.90881,144.206672 C1044.87284,144.21495 1044.83758,144.223601 1044.80314,144.232558 L1044.60696,144.289433 C1044.54533,144.309258 1044.48771,144.329772 1044.43489,144.35044 L1044.35935,144.38149 C1039.37124,146.413468 1034.2066,147.648041 1028.86544,147.648041 C1019.8153,147.648041 1015.41953,143.514514 1015.41953,133.697388 L1015.41953,87.1618287 C1015.41953,86.609544 1015.86724,86.1618287 1016.41953,86.1618287 L1044,86.1618287 C1046.20914,86.1618287 1048,84.3709677 1048,82.1618287 L1048,50.8933237 C1048,48.6841847 1046.20914,46.8933237 1044,46.8933237 L1016.41953,46.8933237 C1015.86724,46.8933237 1015.41953,46.4456084 1015.41953,45.8933237 L1015.41953,15.5 C1015.41953,13.290861 1013.62866,11.5 1011.41953,11.5 L970.548813,11.5 C968.339674,11.5 966.548813,13.290861 966.548813,15.5 L966.548813,45.8933237 C966.548813,46.4456084 966.101097,46.8933237 965.548813,46.8933237 L954,46.8933237 C951.790861,46.8933237 950,48.6841847 950,50.8933237 L950,82.1618287 C950,84.3709677 951.790861,86.1618287 954,86.1618287 L965.548813,86.1618287 C966.101097,86.1618287 966.548813,86.609544 966.548813,87.1618287 L966.548813,143.256168 C966.548813,176.582729 983.873351,189.5 1013.35092,189.5 Z"></path></g><g transform="translate(0.000000, 0.116667)"><g transform="translate(207.496510, 125.867994) rotate(2.000000) translate(-207.496510, -125.867994) translate(4.492344, 7.592994)"><path d="M375.877049,0.215696421 C396.323202,2.72616833 406.051387,24.5382319 405.906977,53.3345184 L406.008536,53.2533299 C372.459299,80.3556122 306.390178,98.8959782 241.480649,63.6383437 L241.54818,63.541494 C251.115204,68.597871 261.22583,72.497547 273.113127,73.9571235 C287.676144,75.7452372 299.377666,67.7418812 309.994197,56.407445 L310.7507,55.5922645 C310.876484,55.4554859 311.002121,55.3182571 311.127612,55.1805889 L311.878849,54.3493941 L311.878849,54.3493941 L312.626754,53.508177 L312.626754,53.508177 L313.371473,52.657461 L313.371473,52.657461 L314.113149,51.7977691 C314.236516,51.6537682 314.359762,51.5094151 314.482891,51.3647207 L315.220272,50.492546 L315.220272,50.492546 L315.95497,49.6127035 L315.95497,49.6127035 L316.84752,48.5301073 C316.995978,48.3488419 317.14429,48.1671732 317.29246,47.9851212 L318.40118,46.6128503 L318.40118,46.6128503 L319.50512,45.2280542 L320.385172,44.1124446 L321.262753,42.9909538 L322.138122,41.8645309 L323.447601,40.1677244 L325.69509,37.2337517 L328.406356,33.6851504 L330.104566,31.4737425 L331.379227,29.8266632 L332.655668,28.1927616 L333.508026,27.1122995 L334.361787,26.0399213 L335.217197,24.9765177 L336.074499,23.9229795 L336.93394,22.8801977 L337.623197,22.0543153 L337.623197,22.0543153 L338.314104,21.2363432 L338.314104,21.2363432 L339.006787,20.4267375 L339.006787,20.4267375 L339.701372,19.6259542 C339.817302,19.4932508 339.933316,19.3609341 340.049417,19.2290135 L340.747089,18.442319 C340.863549,18.3120208 340.980101,18.1821378 341.096748,18.0526793 L341.79779,17.2810999 C342.148901,16.897934 342.500914,16.5187606 342.853898,16.1438363 L343.561183,15.3997292 C343.915494,15.0305844 344.270824,14.6658598 344.627243,14.305812 L345.341555,13.5920278 C354.408432,4.63167253 364.204592,-1.21750098 375.877049,0.215696421 Z" fill="#AEBFFF"></path><path d="M161.770583,170.547738 L161.84041,170.624548 C153.212104,166.551895 144.24466,163.480101 134.263015,162.254509 C123.659479,160.952559 114.466007,165.368171 105.981333,172.605536 L105.312951,173.182717 C104.979483,173.474186 104.64709,173.769932 104.315731,174.069779 L103.654375,174.674886 L103.654375,174.674886 L102.995697,175.29061 C102.447892,175.808048 101.902795,176.336216 101.360208,176.874288 L100.710294,177.524675 L100.710294,177.524675 L100.062712,178.184255 L100.062712,178.184255 L99.4173845,178.852709 C99.3100136,178.96484 99.2027335,179.077327 99.0955426,179.190165 L98.4534543,179.871338 C98.3466136,179.985549 98.2398589,180.100097 98.1331886,180.214975 L97.3726713,181.041061 C97.1196294,181.318236 96.8670443,181.597193 96.6148944,181.877844 L95.8597287,182.72479 C95.7340782,182.866765 95.608531,183.009141 95.4830846,183.151907 L94.731593,184.013097 L93.9823892,184.883113 L93.2353436,185.761423 L92.490327,186.647492 L92.1185391,187.093269 L92.1185391,187.093269 L91.2024752,188.201264 L90.7454158,188.758923 L89.8330904,189.88094 L89.3777634,190.445045 L88.4686288,191.578821 L87.5613172,192.719182 L86.2032351,194.439867 L84.3965671,196.747775 L80.3024344,202.005615 L78.949396,203.735743 L77.5946857,205.456843 L76.6902108,206.597551 L75.330888,208.296064 L74.4225774,209.418574 L73.5123064,210.532044 L72.5998317,211.63547 L71.6849099,212.727847 L70.9694154,213.571583 L70.2521684,214.407509 L69.5330533,215.235146 L68.8119548,216.054019 L68.0887571,216.863649 L67.3633448,217.663559 L66.6356025,218.453273 L66.2708214,218.844158 L66.2708214,218.844158 L65.5393672,219.617683 L64.9302762,220.25108 L64.9302762,220.25108 L64.3193151,220.876359 L64.3193151,220.876359 L63.7064176,221.493246 C63.3994738,221.799546 63.0917791,222.102597 62.7832963,222.402246 L62.1652691,222.996961 L62.1652691,222.996961 L61.5450744,223.58233 C61.4415243,223.679098 61.3378812,223.775465 61.2341436,223.871425 L60.6105738,224.442264 C60.1940904,224.81951 59.776052,225.190072 59.3563703,225.553584 L58.7256045,226.09352 C58.6202678,226.182613 58.5148256,226.271254 58.4092767,226.359438 L57.7746899,226.883002 C49.826056,233.357779 41.2610451,237.194553 31.4990938,235.995936 C11.228267,233.506992 1.10292483,212.127979 0.591081538,183.756083 L1.73976389e-12,184.300757 C38.7599925,148.081061 104.696743,143.264562 161.770583,170.547738 Z" fill="#3358CC"></path><path d="M256.074321,212.727064 C238.613411,210.309671 224.262278,204.984739 211.508193,198.646571 L210.353089,198.067635 C209.969492,197.873761 209.58732,197.67901 209.206531,197.483433 L208.068267,196.894281 L206.656715,196.151362 L206.656715,196.151362 L205.257235,195.401821 L204.146011,194.797834 L202.767017,194.037929 L202.767017,194.037929 L201.398713,193.27313 L200.311436,192.658184 L199.230432,192.040818 L197.620136,191.110923 L195.492675,189.865545 L195.492675,189.865545 L193.794915,188.859895 L192.109418,187.85298 L189.601863,186.343128 L183.828996,182.845666 L182.194942,181.858897 L180.15912,180.636809 L178.128868,179.429767 C172.720463,176.23334 167.349519,173.224902 161.840312,170.624502 L161.770583,170.547738 C105.267481,143.537393 40.0778412,147.987941 1.17091676,183.223588 L0.591068889,183.755382 C-0.61981987,116.613766 52.0067573,10.3111735 151.420544,22.5176516 C168.836212,24.6560268 182.794248,29.6614615 194.993697,35.7655587 L196.081529,36.3150842 C196.442603,36.499207 196.802155,36.6842617 197.160231,36.8702014 L198.230072,37.4306279 L198.761755,37.7127441 L198.761755,37.7127441 L199.818815,38.2806057 L200.867694,38.8530711 L200.867694,38.8530711 L201.908661,39.4298582 L202.426263,39.7197842 L202.426263,39.7197842 L203.712135,40.4487857 L203.712135,40.4487857 L204.986811,41.1833272 L205.998847,41.7745786 L207.004328,42.3687406 L208.003526,42.9655309 L208.996711,43.5646672 L209.984154,44.1658674 L210.966127,44.7688492 L211.942901,45.3733304 L213.533633,46.3667862 L214.324406,46.8643523 L215.897513,47.8603834 L217.460363,48.8565771 L224.398284,53.3081228 L225.926073,54.2829853 L227.45137,55.2499283 L229.356307,56.4455762 L231.261549,57.6244787 C234.424385,59.565348 237.59812,61.4270346 240.830719,63.1596166 L242.045797,63.8031855 C306.164051,98.3871368 371.221738,80.6570654 404.994721,54.0619123 L405.906976,53.3346033 C405.571936,120.134827 352.110084,224.518773 256.074321,212.727064 Z" fill="#577FFB"></path></g></g></g></g></svg></div></span></a></div></div></div><style data-emotion="css 1hq7ll">.css-1hq7ll{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1hq7ll{-webkit-order:3;-ms-flex-order:3;order:3;padding:0 8px;margin-top:16px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}}@media screen and (min-width: 1024px){.css-1hq7ll{-webkit-order:2;-ms-flex-order:2;order:2;padding:0 12px;margin-top:24px;-webkit-flex-basis:41.66666666666667%;-ms-flex-preferred-size:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%;}}</style><div class="css-1hq7ll"><style data-emotion="css 4b375e">.css-4b375e{height:100%;}</style><style data-emotion="css qxsyaw">.css-qxsyaw{height:100%;}@media screen{.css-qxsyaw{display:none;}}@media screen and (min-width: 480px){.css-qxsyaw{display:none;}}@media screen and (min-width: 768px){.css-qxsyaw{display:none;}}@media screen and (min-width: 1024px){.css-qxsyaw{display:block;}}@media screen and (min-width: 1440px){.css-qxsyaw{display:block;}}</style><div class="css-qxsyaw"><style data-emotion="css r0pew1">.css-r0pew1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-left:calc(-40px/2);margin-right:calc(-40px/2);}</style><div class="css-r0pew1"><style data-emotion="css 1xqatdf">.css-1xqatdf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-left:calc(40px/2);margin-right:calc(40px/2);}</style><div class="css-1xqatdf"><style data-emotion="css uofeth">.css-uofeth{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-left:calc(-40px/2);margin-right:calc(-40px/2);}</style><div class="css-uofeth"><div class="css-1xqatdf"><style data-emotion="css zqdlhl">.css-zqdlhl{padding:4px;}</style><div class="css-zqdlhl"><style data-emotion="css sta6l3">.css-sta6l3{display:inline-block;color:#535353;-webkit-text-decoration:none;text-decoration:none;}@media screen and (prefers-reduced-motion: no-preference){.css-sta6l3{transition-property:color,fill;transition-duration:200ms,200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-sta6l3{transition-property:color,fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}.css-sta6l3:hover:not(:disabled){color:#535353;-webkit-text-decoration:none;text-decoration:none;}.css-sta6l3:active:not(:disabled){color:#0A0A0A;-webkit-text-decoration:none;text-decoration:none;}</style><a href="/about/introduction/" class="css-sta6l3"><span class="css-17x5lw"><style data-emotion="css 15qd7nt">.css-15qd7nt{font-family:"Poppins",sans-serif;font-size:14px;line-height:21px;font-weight:600;letter-spacing:0;padding:0.5px 0px;color:#535353;box-sizing:border-box;}.css-15qd7nt::before{content:'';margin-bottom:-0.403em;display:block;}.css-15qd7nt::after{content:'';margin-top:-0.4em;display:block;}</style><div class="css-15qd7nt">About</div></span></a></div></div><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/getting-started/overview/" class="css-sta6l3"><span class="css-17x5lw"><div class="css-15qd7nt">Guides</div></span></a></div></div><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/theme/overview/" class="css-sta6l3"><span class="css-17x5lw"><div class="css-15qd7nt">Theme</div></span></a></div></div><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/components/overview/" class="css-sta6l3"><span class="css-17x5lw"><style data-emotion="css 14mo9on">.css-14mo9on{font-family:"Poppins",sans-serif;font-size:14px;line-height:21px;font-weight:600;letter-spacing:0;padding:0.5px 0px;color:#0A0A0A;box-sizing:border-box;}.css-14mo9on::before{content:'';margin-bottom:-0.403em;display:block;}.css-14mo9on::after{content:'';margin-top:-0.4em;display:block;}</style><div aria-current="true" class="css-14mo9on">Components</div></span></a></div></div></div></div></div></div><div class="css-1xvxlxw"><style data-emotion="css v6l5fq">.css-v6l5fq{box-sizing:border-box;position:relative;overflow:hidden;height:100%;}</style><div class="css-v6l5fq"><style data-emotion="css 6uqogc">.css-6uqogc{box-sizing:border-box;height:100%;overflow-x:auto;overflow-y:auto;scroll-behavior:smooth;}.css-6uqogc::-webkit-scrollbar{display:none;}.css-6uqogc{-ms-overflow-style:none;scrollbar-width:none;}</style><div tabindex="0" data-testid="scroll-container" class="css-6uqogc"><style data-emotion="css 1jd1r41">.css-1jd1r41{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;margin-left:calc(-40px/2);margin-right:calc(-40px/2);}</style><div class="css-1jd1r41"><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/about/introduction/" class="css-sta6l3"><span class="css-17x5lw"><div class="css-15qd7nt">About</div></span></a></div></div><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/getting-started/overview/" class="css-sta6l3"><span class="css-17x5lw"><div class="css-15qd7nt">Guides</div></span></a></div></div><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/theme/overview/" class="css-sta6l3"><span class="css-17x5lw"><div class="css-15qd7nt">Theme</div></span></a></div></div><div class="css-1xqatdf"><div class="css-zqdlhl"><a href="/components/overview/" class="css-sta6l3"><span class="css-17x5lw"><div aria-current="true" class="css-14mo9on">Components</div></span></a></div></div></div></div></div></div></div><style data-emotion="css 1q4q9om">.css-1q4q9om{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1q4q9om{-webkit-order:2;-ms-flex-order:2;order:2;padding:0 8px;margin-top:16px;margin-left:41.66666666666667%;-webkit-flex-basis:8.333333333333334%;-ms-flex-preferred-size:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%;}}@media screen and (min-width: 1024px){.css-1q4q9om{-webkit-order:3;-ms-flex-order:3;order:3;padding:0 12px;margin-top:24px;margin-left:0;}}</style><div class="css-1q4q9om"><style data-emotion="css vyizc4">.css-vyizc4{margin:0;cursor:pointer;}@media screen and (prefers-reduced-motion: no-preference){.css-vyizc4{transition-property:background-color;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-vyizc4{transition-property:background-color;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}</style><style data-emotion="css 13nqpes">.css-13nqpes{box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-text-decoration:none;text-decoration:none;width:48px;height:48px;padding:12px;cursor:default;overflow:hidden;border:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background-color:#F4F4F4;border-radius:50%;margin:0;cursor:pointer;}.css-13nqpes svg{width:24px;height:24px;}.css-13nqpes:hover:not(:disabled){background-color:#CCCCCC;}.css-13nqpes:active:not(:disabled){background-color:#CCCCCC;}@media screen and (prefers-reduced-motion: no-preference){.css-13nqpes{transition-property:background-color;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-13nqpes{transition-property:background-color;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}</style><button data-testid="theme-switch-button" type="button" title="Enable Dark Theme" aria-label="Enable Dark Theme" aria-pressed="false" class="css-13nqpes"><style data-emotion="css bptyib">.css-bptyib{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-left:calc(-8px/2);margin-right:calc(-8px/2);}</style><div class="css-bptyib"><style data-emotion="css 1yztr03">.css-1yztr03{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-left:calc(8px/2);margin-right:calc(8px/2);}</style><div class="css-1yztr03"><style data-emotion="css 1sb5vzf">.css-1sb5vzf{fill:#2E2E2E;vertical-align:unset;display:inline-block;}@media screen and (prefers-reduced-motion: no-preference){.css-1sb5vzf{transition-property:fill;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1sb5vzf{transition-property:fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);}}.css-1sb5vzf.css-1sb5vzf{width:24px;height:24px;}</style><svg class="css-1sb5vzf" viewBox="0 0 17 17" fill="currentColor" role="img" xmlns="http://www.w3.org/2000/svg"><title>Dark icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7349 0C12.9152 0 13.0614 0.146193 13.0614 0.326531C13.0614 1.76923 14.2309 2.93878 15.6736 2.93878C15.854 2.93878 16.0002 3.08497 16.0002 3.26531V3.59184C16.0002 3.77217 15.854 3.91837 15.6736 3.91837C14.2309 3.91837 13.0614 5.08791 13.0614 6.53061C13.0614 6.71095 12.9152 6.85714 12.7349 6.85714H12.4083C12.228 6.85714 12.0818 6.71095 12.0818 6.53061C12.0818 5.08791 10.9123 3.91837 9.46956 3.91837C9.28922 3.91837 9.14303 3.77217 9.14303 3.59184V3.26531C9.14303 3.08497 9.28922 2.93878 9.46956 2.93878C10.9123 2.93878 12.0818 1.76923 12.0818 0.326531C12.0818 0.146193 12.228 0 12.4083 0H12.7349ZM14.8384 9.78689C15.2381 9.50799 15.8414 9.80867 15.7022 10.2758C14.7157 13.5862 11.6485 16 8.01747 16C3.58955 16 0 12.4105 0 7.98253C0 4.35151 2.41376 1.28426 5.72424 0.29782C6.19133 0.158637 6.49201 0.761872 6.21311 1.16157C5.51277 2.16524 5.10203 3.38598 5.10203 4.70265C5.10203 8.12423 7.87577 10.898 11.2973 10.898C12.614 10.898 13.8348 10.4872 14.8384 9.78689Z" fill="#577FFB"></path></svg></div></div></button></div></div></div></header><style data-emotion="css 6xqfiz">.css-6xqfiz{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:64px;}@media screen and (min-width: 1024px){.css-6xqfiz{padding-left:276px;padding-top:80px;}}</style><div class="css-6xqfiz"><style data-emotion="css 1ad339w">.css-1ad339w{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;background-color:#FFFFFF;overflow:hidden;}@media screen and (max-width: 1023px){.css-1ad339w{padding-top:48px;}}@media screen and (min-width: 1024px){.css-1ad339w{padding-top:12px;}}</style><main class="css-1ad339w"><style data-emotion="css 1uzl7xi">.css-1uzl7xi{background-color:#F4F4F4;}@media screen and (max-width: 767px){.css-1uzl7xi{margin-bottom:48px;}}@media screen and (min-width: 768px){.css-1uzl7xi{margin-bottom:64px;}}</style><div class="css-1uzl7xi"><style data-emotion="css gih8a2">.css-gih8a2{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media screen and (min-width: 1024px){.css-gih8a2{min-height:440px;}}</style><style data-emotion="css 8atxkm">.css-8atxkm{width:100%;max-width:1920px;margin:0 auto;}</style><div class="css-8atxkm"><style data-emotion="css 1jyhovi">.css-1jyhovi{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media screen{.css-1jyhovi{margin:-8px 4px 0 4px;}}@media screen and (min-width: 480px){.css-1jyhovi{margin:-8px 4px 0 4px;}}@media screen and (min-width: 768px){.css-1jyhovi{margin:-12px 4px 0 4px;}}@media screen and (min-width: 1024px){.css-1jyhovi{margin:-12px 12px 0 12px;}}@media screen and (min-width: 1440px){.css-1jyhovi{margin:-12px 12px 0 12px;}}@media screen and (min-width: 1024px){.css-1jyhovi{min-height:440px;}}</style><div class="css-1jyhovi"><style data-emotion="css 1yqs8tz">.css-1yqs8tz{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1yqs8tz{padding:0 12px;margin-top:8px;margin-left:8.333333333333334%;-webkit-flex-basis:83.33333333333334%;-ms-flex-preferred-size:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%;}}@media screen and (min-width: 480px){.css-1yqs8tz{margin-left:33.333333333333336%;-webkit-flex-basis:66.66666666666667%;-ms-flex-preferred-size:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%;}}@media screen and (min-width: 768px){.css-1yqs8tz{margin-top:12px;margin-left:50%;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%;}}@media screen and (min-width: 1024px){.css-1yqs8tz{-webkit-order:2;-ms-flex-order:2;order:2;margin-left:0;-webkit-flex-basis:41.66666666666667%;-ms-flex-preferred-size:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%;}}</style><div class="css-1yqs8tz"><style data-emotion="css xcdytv">.css-xcdytv{width:100%;height:auto;}</style><svg width="1572" height="997" viewBox="0 0 1572 997" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><g clip-path="url(#nk-372)"><path fill-rule="evenodd" clip-rule="evenodd" d="M331.729 164.257C333.372 165.85 335.763 166.344 337.868 165.613L825.018 273.26L652.405 559.15C651.534 559.333 650.69 559.714 649.942 560.3C647.335 562.346 646.879 566.117 648.924 568.724L650.18 570.325C652.165 572.855 655.775 573.36 658.37 571.518L1152.8 221.296L1151.86 219.97C1154.25 218.862 1155.7 216.263 1155.25 213.541C1154.71 210.272 1151.61 208.064 1148.35 208.609L1146.29 208.952C1143.39 209.435 1141.33 211.919 1141.28 214.755L674.905 545.1L839.832 271.941L839.691 271.856C841.832 270.653 843.096 268.2 842.669 265.638C842.124 262.369 839.033 260.161 835.764 260.706L833.708 261.049C832.659 261.224 831.72 261.66 830.946 262.281L337.971 153.346C335.873 151.949 333.033 151.981 330.942 153.621C328.334 155.666 327.879 159.438 329.924 162.045L331.18 163.646C331.286 163.782 331.397 163.912 331.513 164.036L331.477 164.201L331.729 164.257ZM351.036 179.239C353.644 177.194 357.415 177.649 359.46 180.257L361.972 183.459C364.017 186.066 363.562 189.838 360.954 191.883C358.347 193.928 354.575 193.472 352.53 190.865L350.018 187.663C347.973 185.056 348.429 181.284 351.036 179.239ZM372.387 206.457C374.994 204.412 378.765 204.868 380.811 207.475L383.322 210.677C385.368 213.285 384.912 217.056 382.305 219.101C379.697 221.147 375.926 220.691 373.881 218.084L371.369 214.881C369.324 212.274 369.779 208.503 372.387 206.457ZM393.737 233.676C396.344 231.631 400.116 232.087 402.161 234.694L404.673 237.896C406.718 240.503 406.262 244.275 403.655 246.32C401.048 248.365 397.276 247.91 395.231 245.302L392.719 242.1C390.674 239.493 391.13 235.721 393.737 233.676ZM415.088 260.895C417.695 258.85 421.466 259.305 423.512 261.913L426.023 265.115C428.069 267.722 427.613 271.494 425.006 273.539C422.398 275.584 418.627 275.128 416.582 272.521L414.07 269.319C412.025 266.712 412.48 262.94 415.088 260.895ZM436.438 288.114C439.045 286.068 442.817 286.524 444.862 289.131L447.374 292.334C449.419 294.941 448.963 298.712 446.356 300.758C443.749 302.803 439.977 302.347 437.932 299.74L435.42 296.538C433.375 293.93 433.831 290.159 436.438 288.114ZM457.788 315.332C460.396 313.287 464.167 313.743 466.212 316.35L468.724 319.552C470.769 322.16 470.314 325.931 467.706 327.976C465.099 330.021 461.328 329.566 459.282 326.958L456.771 323.756C454.725 321.149 455.181 317.377 457.788 315.332ZM479.139 342.551C481.746 340.506 485.518 340.961 487.563 343.569L490.075 346.771C492.12 349.378 491.664 353.15 489.057 355.195C486.45 357.24 482.678 356.784 480.633 354.177L478.121 350.975C476.076 348.368 476.532 344.596 479.139 342.551ZM500.489 369.77C503.097 367.724 506.868 368.18 508.913 370.787L511.425 373.99C513.47 376.597 513.015 380.368 510.407 382.414C507.8 384.459 504.028 384.003 501.983 381.396L499.471 378.194C497.426 375.586 497.882 371.815 500.489 369.77ZM521.84 396.988C524.447 394.943 528.219 395.399 530.264 398.006L532.776 401.208C534.821 403.816 534.365 407.587 531.758 409.632C529.15 411.677 525.379 411.222 523.334 408.614L520.822 405.412C518.777 402.805 519.232 399.033 521.84 396.988ZM543.19 424.207C545.797 422.162 549.569 422.617 551.614 425.225L554.126 428.427C556.171 431.034 555.715 434.806 553.108 436.851C550.501 438.896 546.729 438.44 544.684 435.833L542.172 432.631C540.127 430.024 540.583 426.252 543.19 424.207ZM564.541 451.426C567.148 449.38 570.919 449.836 572.965 452.443L575.476 455.646C577.522 458.253 577.066 462.025 574.459 464.07C571.851 466.115 568.08 465.659 566.035 463.052L563.523 459.85C561.478 457.242 561.933 453.471 564.541 451.426ZM585.891 478.644C588.498 476.599 592.27 477.055 594.315 479.662L596.827 482.864C598.872 485.472 598.416 489.243 595.809 491.288C593.202 493.334 589.43 492.878 587.385 490.271L584.873 487.068C582.828 484.461 583.284 480.69 585.891 478.644ZM607.241 505.863C609.849 503.818 613.62 504.274 615.665 506.881L618.177 510.083C620.222 512.69 619.767 516.462 617.159 518.507C614.552 520.552 610.781 520.097 608.735 517.489L606.224 514.287C604.178 511.68 604.634 507.908 607.241 505.863ZM628.592 533.082C631.199 531.037 634.971 531.492 637.016 534.1L639.528 537.302C641.573 539.909 641.117 543.681 638.51 545.726C635.903 547.771 632.131 547.315 630.086 544.708L627.574 541.506C625.529 538.898 625.985 535.127 628.592 533.082ZM1122.35 219.025C1122.89 222.294 1120.68 225.385 1117.42 225.93L1113.3 226.615C1110.03 227.16 1106.94 224.952 1106.4 221.683C1105.85 218.415 1108.06 215.323 1111.33 214.778L1115.44 214.093C1118.71 213.548 1121.8 215.756 1122.35 219.025ZM1087.39 224.852C1087.93 228.12 1085.72 231.212 1082.46 231.756L1078.34 232.442C1075.07 232.987 1071.98 230.779 1071.44 227.51C1070.89 224.241 1073.1 221.15 1076.37 220.605L1080.48 219.92C1083.75 219.375 1086.84 221.583 1087.39 224.852ZM1052.43 230.678C1052.97 233.947 1050.76 237.038 1047.5 237.583L1043.38 238.268C1040.11 238.813 1037.02 236.605 1036.48 233.337C1035.93 230.068 1038.14 226.977 1041.41 226.432L1045.52 225.746C1048.79 225.201 1051.88 227.41 1052.43 230.678ZM1017.47 236.505C1018.01 239.773 1015.8 242.865 1012.54 243.41L1008.42 244.095C1005.15 244.64 1002.06 242.432 1001.52 239.163C1000.97 235.895 1003.18 232.803 1006.45 232.258L1010.56 231.573C1013.83 231.028 1016.92 233.236 1017.47 236.505ZM982.508 242.331C983.053 245.6 980.845 248.691 977.576 249.236L973.463 249.922C970.195 250.466 967.103 248.258 966.559 244.99C966.014 241.721 968.222 238.63 971.491 238.085L975.604 237.4C978.872 236.855 981.964 239.063 982.508 242.331ZM947.548 248.158C948.093 251.427 945.885 254.518 942.617 255.063L938.504 255.748C935.235 256.293 932.144 254.085 931.599 250.816C931.054 247.548 933.262 244.456 936.531 243.912L940.644 243.226C943.912 242.681 947.004 244.889 947.548 248.158ZM912.589 253.985C913.133 257.253 910.925 260.345 907.657 260.889L903.544 261.575C900.275 262.12 897.184 259.912 896.639 256.643C896.094 253.374 898.302 250.283 901.571 249.738L905.684 249.053C908.953 248.508 912.044 250.716 912.589 253.985ZM877.629 259.811C878.174 263.08 875.966 266.171 872.697 266.716L868.584 267.402C865.315 267.946 862.224 265.738 861.679 262.47C861.134 259.201 863.343 256.11 866.611 255.565L870.724 254.879C873.993 254.335 877.084 256.543 877.629 259.811Z" fill="#2B4AAB"></path><path d="M333.708 231.383C292.851 231.383 259.731 198.262 259.731 157.406C259.731 116.549 292.851 83.4285 333.708 83.4285C374.565 83.4285 407.685 116.549 407.685 157.406C407.685 198.262 374.565 231.383 333.708 231.383Z" fill="#3358CC"></path><path d="M836.567 319.407C808.64 319.407 786 296.348 786 267.903C786 239.459 808.64 216.4 836.567 216.4C864.494 216.4 887.134 239.459 887.134 267.903C887.134 296.348 864.494 319.407 836.567 319.407Z" fill="#213A82"></path><path d="M654.901 680.866C591.806 680.866 540.658 629.298 540.658 565.686C540.658 502.074 591.806 450.506 654.901 450.506C717.996 450.506 769.145 502.074 769.145 565.686C769.145 629.298 717.996 680.866 654.901 680.866Z" fill="#87A4FC"></path><mask id="nk-370" mask-type="alpha" maskUnits="userSpaceOnUse" x="981" y="47" width="335" height="335"><path d="M1064.79 70.0987C984.925 116.21 957.475 218.186 1003.48 297.869C1049.49 377.553 1151.52 404.768 1231.39 358.657C1311.26 312.546 1338.71 210.57 1292.7 130.887C1246.7 51.2034 1144.66 23.9877 1064.79 70.0987Z" fill="#FFFFFF"></path></mask><g mask="url(#nk-370)"></g><mask id="nk-371" mask-type="alpha" maskUnits="userSpaceOnUse" x="981" y="47" width="335" height="335"><path d="M1064.79 70.0987C984.925 116.21 957.475 218.186 1003.48 297.869C1049.49 377.553 1151.52 404.768 1231.39 358.657C1311.26 312.546 1338.71 210.57 1292.7 130.887C1246.7 51.2034 1144.66 23.9877 1064.79 70.0987Z" fill="#FFFFFF"></path></mask><g mask="url(#nk-371)"><path d="M1064.79 70.0987C984.925 116.21 957.475 218.186 1003.48 297.869C1049.49 377.553 1151.52 404.768 1231.39 358.657C1311.26 312.546 1338.71 210.57 1292.7 130.887C1246.7 51.2034 1144.66 23.9877 1064.79 70.0987Z" fill="#2B4AAB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1306.25 147.682C1268.9 66.8463 1216.47 59.8314 1215.23 59.5411C1178.94 51.0608 1101.17 38.2087 1057.01 68.8412C1012.86 99.4737 991.905 217.029 1056.65 253.661C1115.16 286.764 1120.91 340.024 1158.52 349.791C1196.14 359.559 1243.03 348.526 1281.55 315.306C1320.07 282.086 1343.6 228.518 1306.25 147.682Z" fill="#3358CC"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1279.73 72.0077C1331.01 114.642 1325.8 154.013 1325.77 154.97C1324.8 182.92 1323.8 221.489 1292.94 247.616C1262.07 273.743 1200.49 272.783 1199.17 272.671C1173.11 270.469 1162.61 230.752 1141.4 209.549C1118.61 186.767 1100.18 166.78 1100.48 137.625C1100.78 108.47 1131.14 79.9044 1153.38 57.6756C1175.06 36.0025 1228.46 29.3731 1279.73 72.0077Z" fill="#577FFB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1274.17 94.326C1297.66 113.856 1295.27 131.89 1295.26 132.328C1294.81 145.132 1294.36 162.799 1280.22 174.767C1266.08 186.734 1237.87 186.295 1237.27 186.244C1225.33 185.235 1220.52 167.042 1210.8 157.329C1200.36 146.894 1191.92 137.738 1192.06 124.383C1192.2 111.028 1206.11 97.9433 1216.29 87.7609C1226.22 77.8332 1250.69 74.7965 1274.17 94.326Z" fill="#87A4FC"></path></g><path fill-rule="evenodd" clip-rule="evenodd" d="M650.011 912.593L1146.26 868.638L650.011 912.593Z" fill="rgba(10,10,10,0.3)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M670.744 897.015C666.685 896.791 662.553 896.604 658.362 896.458C637.188 895.719 617.448 896.108 600.927 897.385C600.413 896.852 599.746 896.456 598.972 896.273L595.058 895.346C592.909 894.836 590.753 896.166 590.244 898.316C590.238 898.339 590.233 898.362 590.228 898.385C567.804 900.88 553.503 905.243 553.313 910.664C552.969 920.524 599.443 930.15 657.116 932.164C714.788 934.178 761.82 927.817 762.165 917.957C762.285 914.514 756.693 911.098 746.908 908.026L1058.14 880.459C1080.59 883.978 1111.52 886.748 1145.72 887.942C1214.65 890.349 1270.76 885.449 1271.06 876.998C1271.35 868.546 1215.72 859.744 1146.79 857.337C1126.37 856.624 1107.07 856.552 1090.01 857.025C1090.44 854.972 1089.2 852.915 1087.15 852.354L1083.2 851.276C1081.07 850.694 1078.87 851.949 1078.29 854.08C1077.96 855.272 1078.21 856.485 1078.87 857.424C1044.49 858.955 1021.64 862.897 1021.46 868.281C1021.38 870.461 1025.02 872.663 1031.65 874.773L721.223 902.269C710.159 900.442 697.345 898.926 683.409 897.851L825.231 797.467C828.48 797.662 831.812 797.821 835.208 797.94L836.261 797.975C849.178 798.393 861.182 798.161 871.171 797.418C871.167 797.435 871.162 797.452 871.157 797.469C870.575 799.6 871.83 801.8 873.961 802.382L877.906 803.461C880.037 804.043 882.237 802.788 882.82 800.657C883.266 799.023 882.632 797.349 881.352 796.394C892.344 794.944 899.143 792.696 899.238 789.962C899.435 784.328 871.087 778.765 835.92 777.537L834.867 777.501C800.184 776.38 772.085 779.937 771.89 785.515C771.847 786.753 773.182 787.987 775.665 789.173L363.497 827.84C355.842 827.502 347.571 827.318 338.941 827.318C299.61 827.318 267.727 831.149 267.727 835.875C267.727 840.601 299.61 844.432 338.941 844.432C341.233 844.432 343.501 844.419 345.738 844.393C346.013 844.532 346.307 844.64 346.619 844.714L350.533 845.641C352.097 846.012 353.665 845.409 354.598 844.224C358.008 844.132 361.326 844.011 364.531 843.863C364.387 844.144 364.274 844.447 364.198 844.768C363.689 846.917 365.019 849.073 367.169 849.582L371.083 850.509C373.232 851.018 375.388 849.689 375.897 847.539C376.291 845.878 375.586 844.213 374.253 843.307C395.702 841.833 410.155 839.057 410.155 835.875C410.155 834.543 407.624 833.283 403.109 832.159L799.679 794.956C803.724 795.537 808.105 796.057 812.749 796.501L670.744 897.015ZM891.87 803.131C892.453 801 894.652 799.744 896.783 800.327L900.729 801.405C902.86 801.987 904.115 804.187 903.533 806.318C902.95 808.449 900.751 809.704 898.62 809.122L894.674 808.044C892.543 807.461 891.288 805.261 891.87 803.131ZM912.583 808.792C913.166 806.661 915.366 805.405 917.497 805.988L921.442 807.066C923.573 807.648 924.828 809.848 924.246 811.979C923.663 814.11 921.464 815.365 919.333 814.783L915.387 813.705C913.256 813.122 912.001 810.923 912.583 808.792ZM933.297 814.453C933.879 812.322 936.079 811.066 938.21 811.649L942.155 812.727C944.286 813.309 945.541 815.509 944.959 817.64C944.377 819.771 942.177 821.026 940.046 820.444L936.101 819.366C933.97 818.783 932.714 816.584 933.297 814.453ZM954.01 820.114C954.592 817.983 956.792 816.727 958.923 817.31L962.868 818.388C964.999 818.97 966.255 821.17 965.672 823.301C965.09 825.432 962.89 826.687 960.759 826.105L956.814 825.027C954.683 824.444 953.427 822.245 954.01 820.114ZM974.723 825.775C975.305 823.644 977.505 822.388 979.636 822.971L983.581 824.049C985.712 824.632 986.968 826.831 986.385 828.962C985.803 831.093 983.603 832.349 981.472 831.766L977.527 830.688C975.396 830.105 974.141 827.906 974.723 825.775ZM995.436 831.436C996.019 829.305 998.218 828.049 1000.35 828.632L1004.29 829.71C1006.43 830.293 1007.68 832.492 1007.1 834.623C1006.52 836.754 1004.32 838.01 1002.19 837.427L998.24 836.349C996.109 835.766 994.854 833.567 995.436 831.436ZM1016.15 837.097C1016.73 834.966 1018.93 833.711 1021.06 834.293L1025.01 835.371C1027.14 835.954 1028.39 838.153 1027.81 840.284C1027.23 842.415 1025.03 843.671 1022.9 843.088L1018.95 842.01C1016.82 841.428 1015.57 839.228 1016.15 837.097ZM1036.86 842.758C1037.45 840.627 1039.64 839.372 1041.78 839.954L1045.72 841.032C1047.85 841.615 1049.11 843.814 1048.52 845.945C1047.94 848.076 1045.74 849.332 1043.61 848.749L1039.67 847.671C1037.54 847.089 1036.28 844.889 1036.86 842.758ZM1057.58 848.419C1058.16 846.288 1060.36 845.033 1062.49 845.615L1066.43 846.693C1068.57 847.276 1069.82 849.475 1069.24 851.606C1068.66 853.737 1066.46 854.993 1064.33 854.41L1060.38 853.332C1058.25 852.75 1056.99 850.55 1057.58 848.419ZM389.562 846.665C387.413 846.156 385.257 847.486 384.748 849.636C384.239 851.785 385.569 853.941 387.718 854.45L391.632 855.377C393.782 855.886 395.937 854.557 396.447 852.407C396.956 850.257 395.626 848.102 393.476 847.593L389.562 846.665ZM410.112 851.533C407.962 851.024 405.807 852.354 405.298 854.504C404.788 856.653 406.118 858.809 408.268 859.318L412.182 860.245C414.332 860.755 416.487 859.425 416.996 857.275C417.506 855.125 416.176 852.97 414.026 852.461L410.112 851.533ZM430.661 856.401C428.512 855.892 426.356 857.222 425.847 859.372C425.338 861.521 426.668 863.677 428.817 864.186L432.732 865.113C434.881 865.623 437.037 864.293 437.546 862.143C438.055 859.993 436.725 857.838 434.576 857.329L430.661 856.401ZM451.211 861.27C449.061 860.76 446.906 862.09 446.397 864.24C445.887 866.389 447.217 868.545 449.367 869.054L453.281 869.981C455.431 870.491 457.586 869.161 458.095 867.011C458.605 864.861 457.275 862.706 455.125 862.197L451.211 861.27ZM471.761 866.138C469.611 865.628 467.456 866.958 466.946 869.108C466.437 871.257 467.767 873.413 469.917 873.922L473.831 874.849C475.98 875.359 478.136 874.029 478.645 871.879C479.154 869.729 477.824 867.574 475.675 867.065L471.761 866.138ZM492.31 871.006C490.161 870.496 488.005 871.826 487.496 873.976C486.987 876.125 488.316 878.281 490.466 878.79L494.38 879.717C496.53 880.227 498.685 878.897 499.195 876.747C499.704 874.598 498.374 872.442 496.224 871.933L492.31 871.006ZM512.86 875.874C510.71 875.364 508.555 876.694 508.045 878.844C507.536 880.993 508.866 883.149 511.016 883.658L514.93 884.585C517.08 885.095 519.235 883.765 519.744 881.615C520.253 879.466 518.924 877.31 516.774 876.801L512.86 875.874ZM533.409 880.742C531.26 880.232 529.104 881.562 528.595 883.712C528.086 885.862 529.416 888.017 531.565 888.526L535.479 889.453C537.629 889.963 539.785 888.633 540.294 886.483C540.803 884.334 539.473 882.178 537.324 881.669L533.409 880.742ZM553.959 885.61C551.809 885.1 549.654 886.43 549.145 888.58C548.635 890.73 549.965 892.885 552.115 893.394L556.029 894.321C558.179 894.831 560.334 893.501 560.843 891.351C561.353 889.202 560.023 887.046 557.873 886.537L553.959 885.61ZM574.509 890.478C572.359 889.968 570.203 891.298 569.694 893.448C569.185 895.598 570.515 897.753 572.664 898.262L576.579 899.189C578.728 899.699 580.884 898.369 581.393 896.219C581.902 894.07 580.572 891.914 578.423 891.405L574.509 890.478Z" fill="rgba(10,10,10,0.3)"></path></g><defs><clipPath id="nk-372"><rect width="1572" height="997" fill="#FFFFFF"></rect></clipPath></defs></svg></div><style data-emotion="css 1qe4rmr">.css-1qe4rmr{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1qe4rmr{padding:0 12px;margin-top:8px;-webkit-flex-basis:91.66666666666667%;-ms-flex-preferred-size:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%;}}@media screen and (min-width: 768px){.css-1qe4rmr{margin-top:12px;margin-left:8.333333333333334%;-webkit-flex-basis:66.66666666666667%;-ms-flex-preferred-size:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%;}}@media screen and (min-width: 1024px){.css-1qe4rmr{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%;}}</style><div class="css-1qe4rmr"><style data-emotion="css c42g5g">@media screen and (max-width: 767px){.css-c42g5g{margin-bottom:32px;}}@media screen and (min-width: 768px){.css-c42g5g{margin-bottom:40px;}}</style><div class="css-c42g5g"><style data-emotion="css 1hb10fp">.css-1hb10fp{margin:0;color:#0A0A0A;}.css-1hb10fp svg{fill:#0A0A0A;}@media screen and (max-width: 767px){.css-1hb10fp{font-family:"Poppins",sans-serif;font-size:32px;line-height:36px;font-weight:700;letter-spacing:0;padding:0.5px 0px;}.css-1hb10fp::before{content:'';margin-bottom:-0.2155em;display:block;}.css-1hb10fp::after{content:'';margin-top:-0.2125em;display:block;}}@media screen and (min-width: 768px){.css-1hb10fp{font-family:"Poppins",sans-serif;font-size:40px;line-height:45px;font-weight:700;letter-spacing:0;padding:0.5px 0px;}.css-1hb10fp::before{content:'';margin-bottom:-0.2155em;display:block;}.css-1hb10fp::after{content:'';margin-top:-0.2125em;display:block;}}</style><h1 class="css-1hb10fp">Components</h1></div><style data-emotion="css 51t0b7">@media screen and (max-width: 1023px){.css-51t0b7{margin-bottom:48px;}}@media screen and (min-width: 1024px){.css-51t0b7{margin-bottom:0;}}</style><div class="css-51t0b7"><style data-emotion="css 1npcurr">.css-1npcurr{margin:0;color:#2E2E2E;font-family:"Poppins",sans-serif;font-size:20px;line-height:30px;font-weight:500;letter-spacing:0;padding:0.5px 0px;}.css-1npcurr svg{fill:#2E2E2E;}.css-1npcurr::before{content:'';margin-bottom:-0.403em;display:block;}.css-1npcurr::after{content:'';margin-top:-0.4em;display:block;}</style><p class="css-1npcurr">Components are key building blocks of the NewsKit design system.</p></div></div></div></div></div><div class="css-8atxkm"><style data-emotion="css 5xmoq8">.css-5xmoq8{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media screen{.css-5xmoq8{margin:-16px 8px 0 8px;}}@media screen and (min-width: 480px){.css-5xmoq8{margin:-16px 8px 0 8px;}}@media screen and (min-width: 768px){.css-5xmoq8{margin:-16px 8px 0 8px;}}@media screen and (min-width: 1024px){.css-5xmoq8{margin:-24px 12px 0 12px;}}@media screen and (min-width: 1440px){.css-5xmoq8{margin:-24px 12px 0 12px;}}</style><div class="css-5xmoq8"><style data-emotion="css 6gys8z">.css-6gys8z{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-6gys8z{padding:0 8px;margin-top:16px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}}@media screen and (min-width: 1024px){.css-6gys8z{padding:0 12px;margin-top:24px;}}</style><div class="css-6gys8z"><style data-emotion="css ml80uk">.css-ml80uk{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-ml80uk{padding:0 8px;margin-top:16px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}}@media screen and (min-width: 768px){.css-ml80uk{margin-left:8.333333333333334%;-webkit-flex-basis:66.66666666666667%;-ms-flex-preferred-size:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%;}}@media screen and (min-width: 1024px){.css-ml80uk{padding:0 12px;margin-top:24px;}}</style><div class="css-ml80uk"><style data-emotion="css 1lwsjcx">@media screen and (max-width: 767px){.css-1lwsjcx{margin-bottom:24px;}}@media screen and (min-width: 768px){.css-1lwsjcx{margin-bottom:32px;}}</style><div class="css-1lwsjcx"><style data-emotion="css 16vfhq">.css-16vfhq{padding:0;background-color:transparent;}</style><style data-emotion="css klpn0c">.css-klpn0c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0;background-color:transparent;}</style><div class="css-klpn0c"><style data-emotion="css w6gvpm">.css-w6gvpm{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}</style><style data-emotion="css dzecoh">.css-dzecoh{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}</style><div class="css-dzecoh"><style data-emotion="css vj7jmi">@media screen and (max-width: 767px){.css-vj7jmi{font-family:"Poppins",sans-serif;font-size:24px;line-height:27px;font-weight:700;letter-spacing:0;padding:0.5px 0px;}.css-vj7jmi::before{content:'';margin-bottom:-0.2155em;display:block;}.css-vj7jmi::after{content:'';margin-top:-0.2125em;display:block;}}@media screen and (min-width: 768px){.css-vj7jmi{font-family:"Poppins",sans-serif;font-size:28px;line-height:31.5px;font-weight:700;letter-spacing:0;padding:0.5px 0px;}.css-vj7jmi::before{content:'';margin-bottom:-0.2155em;display:block;}.css-vj7jmi::after{content:'';margin-top:-0.2125em;display:block;}}</style><section class="css-vj7jmi"><style data-emotion="css 5gd387">.css-5gd387{display:inline;font:inherit;margin:0;color:#0A0A0A;}.css-5gd387 svg{fill:#0A0A0A;}</style><h2 class="nk-headline-heading css-5gd387">Actions &amp; Inputs</h2></section></div></div></div><style data-emotion="css zvmkh5">.css-zvmkh5{margin-bottom:0;}</style><div class="css-zvmkh5"><p class="css-1npcurr">Components that allow users to take action on a feature or enable users to input data.</p></div></div><style data-emotion="css 1kkfkva">.css-1kkfkva{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1kkfkva{padding:0 8px;margin-top:16px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}}@media screen and (min-width: 768px){.css-1kkfkva{margin-left:8.333333333333334%;-webkit-flex-basis:83.33333333333334%;-ms-flex-preferred-size:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%;}}@media screen and (min-width: 1024px){.css-1kkfkva{padding:0 12px;margin-top:24px;}}@media screen and (min-width: 1440px){.css-1kkfkva{-webkit-flex-basis:66.66666666666667%;-ms-flex-preferred-size:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%;}}</style><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><style data-emotion="css 1vn49n">.css-1vn49n{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media screen{.css-1vn49n{margin:-24px -8px 0 -8px;}}@media screen and (min-width: 480px){.css-1vn49n{margin:-24px -8px 0 -8px;}}@media screen and (min-width: 768px){.css-1vn49n{margin:-24px -8px 0 -8px;}}@media screen and (min-width: 1024px){.css-1vn49n{margin:-24px -12px 0 -12px;}}@media screen and (min-width: 1440px){.css-1vn49n{margin:-24px -12px 0 -12px;}}</style><div class="css-1vn49n"><style data-emotion="css 1rbikqt">.css-1rbikqt{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1rbikqt{padding:0 8px;margin-top:24px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}}@media screen and (min-width: 768px){.css-1rbikqt{-webkit-flex-basis:33.333333333333336%;-ms-flex-preferred-size:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%;}}@media screen and (min-width: 1024px){.css-1rbikqt{padding:0 12px;}}</style><div class="css-1rbikqt"><style data-emotion="css fb3dw2">.css-fb3dw2{height:100%;}</style><style data-emotion="css 1fosq9y">.css-1fosq9y{transition-property:box-shadow;transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);height:100%;}</style><style data-emotion="css 1fwpq2a">.css-1fwpq2a{box-sizing:border-box;overflow:hidden;border-style:solid;border-radius:12px;border-width:1px;border-color:#E4E4E4;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;transition-property:box-shadow;transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, .5, 1);height:100%;}.css-1fwpq2a:hover:not(:disabled){box-shadow:0 8px 16px 0 rgba(10,10,10,0.08);}</style><div class="css-1fwpq2a"><style data-emotion="css 1fz92cy">.css-1fz92cy{box-sizing:border-box;display:block;position:relative;margin-bottom:0;}.css-1fz92cy svg{border-radius:4px;}</style><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><style data-emotion="css 1shocxe">.css-1shocxe{box-sizing:border-box;}</style><div class="css-1shocxe"><style data-emotion="css 1aog5rk">.css-1aog5rk{box-sizing:border-box;padding:24px;}.css-1aog5rk a:not(.nk-card-link){z-index:2;position:relative;}</style><div class="css-1aog5rk"><style data-emotion="css 8mepow">.css-8mepow{margin-bottom:20px;}</style><div class="css-8mepow"><style data-emotion="css 1m1baeh">.css-1m1baeh{-webkit-text-decoration:none;text-decoration:none;border:none;}.css-1m1baeh .nk-headline-kicker{color:#577FFB;}.css-1m1baeh:hover:not(:disabled) .nk-headline-kicker{color:#3358CC;-webkit-text-decoration:underline;text-decoration:underline;}.css-1m1baeh:active:not(:disabled) .nk-headline-kicker{color:#213A82;-webkit-text-decoration:underline;text-decoration:underline;}.css-1m1baeh:visited:not(:disabled) .nk-headline-kicker{color:#5E44E4;}.css-1m1baeh .nk-headline-heading{color:#0A0A0A;}.css-1m1baeh .nk-headline-heading svg{fill:#0A0A0A;}.css-1m1baeh:before{content:'';top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;z-index:1;}</style><a class="nk-card-link css-1m1baeh" href="/components/button/"><style data-emotion="css uy3owc">.css-uy3owc{font-family:"Poppins",sans-serif;font-size:20px;line-height:22.5px;font-weight:700;letter-spacing:0;padding:0.5px 0px;}.css-uy3owc::before{content:'';margin-bottom:-0.2155em;display:block;}.css-uy3owc::after{content:'';margin-top:-0.2125em;display:block;}</style><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Button</h1></section></a></div><style data-emotion="css iobivh">.css-iobivh{margin:0;color:#2E2E2E;font-family:"DM Sans",sans-serif;font-size:16px;line-height:24px;font-weight:400;letter-spacing:0;padding:0.5px 0px;}.css-iobivh svg{fill:#2E2E2E;}.css-iobivh::before{content:'';margin-bottom:-0.391em;display:block;}.css-iobivh::after{content:'';margin-top:-0.409em;display:block;}</style><p class="css-iobivh">Allows users to take actions, and make choices, with a single tap.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/checkbox/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Checkbox</h1></section></a></div><p class="css-iobivh">Checkboxes are selection controls that allow users to select one or multiple items from a group of options. They typically appear in forms.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/form/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Form</h1></section></a></div><p class="css-iobivh">Forms allow users to enter and edit text content into a UI.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/radio-button/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Radio Button</h1></section></a></div><p class="css-iobivh">Radio Buttons are selection controls that are typically used in forms</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/select/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Select</h1></section></a></div><p class="css-iobivh">Select components allow users to select one option from a list.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/share-bar/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Share Bar</h1></section></a></div><p class="css-iobivh">Used anywhere a user would like to easily share something with social media.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/slider/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Slider</h1></section></a></div><p class="css-iobivh">Allows users to choose a single value or range between min and max values by sliding a thumb.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/text-field/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Text Field</h1></section></a></div><p class="css-iobivh">Text Fields allow users to enter and edit text content into a UI. They typically appear in forms.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/text-input/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Text Input</h1></section></a></div><p class="css-iobivh">Lets users enter and edit text.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><style data-emotion="css 132rcai">@media screen and (max-width: 767px){.css-132rcai{margin-top:64px;}}@media screen and (min-width: 768px){.css-132rcai{margin-top:80px;}}@media screen and (max-width: 767px){.css-132rcai{margin-bottom:40px;}}@media screen and (min-width: 768px){.css-132rcai{margin-bottom:80px;}}</style><style data-emotion="css nmiuug">@media screen and (max-width: 767px){.css-nmiuug{margin-top:64px;}}@media screen and (min-width: 768px){.css-nmiuug{margin-top:80px;}}@media screen and (max-width: 767px){.css-nmiuug{margin-bottom:40px;}}@media screen and (min-width: 768px){.css-nmiuug{margin-bottom:80px;}}</style><div class="css-nmiuug"><style data-emotion="css 1a12fxg">.css-1a12fxg{border-style:solid;border-color:#E4E4E4;border-width:1px;border-width:0px;margin:0;border-top-width:1px;width:100%;}</style><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><div class="css-1lwsjcx"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Feedback &amp; Status</h2></section></div></div></div><style data-emotion="css gxh9kv">.css-gxh9kv{margin-bottom:48px;}</style><div class="css-gxh9kv"><p class="css-1npcurr">Components that provide users with system or user feedback &amp; status.</p></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/banner/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Banner</h1></section></a></div><p class="css-iobivh">Demonstrates the progress of a system action e.g. waiting for a page to load.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/flag/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Flag</h1></section></a></div><p class="css-iobivh">Indicates the status of content e.g. ’new’ or ’updated’.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/progress-indicator/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Progress Indicator</h1></section></a></div><p class="css-iobivh">Demonstrates the progress of a system action e.g. waiting for a page to load.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/toast/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Toast</h1></section></a></div><p class="css-iobivh">A Toast communicates confirmation of an action or a low-priority message that does not need to completely interrupt the user experience.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/inline-message/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Inline Message</h1></section></a></div><p class="css-iobivh">An Inline message communicates contextual information. They are positioned inline, in close proximity to the element they are adding context to.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><div class="css-nmiuug"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><div class="css-1lwsjcx"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Layout</h2></section></div></div></div><div class="css-gxh9kv"><p class="css-1npcurr">Components that help to define the fundamental spacial structure of a feature or page.</p></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/aspect-ratio/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Aspect Ratio</h1></section></a></div><p class="css-iobivh">The aspect ratio of an image.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/block/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Block</h1></section></a></div><p class="css-iobivh">A simple container component that can take margin, padding, and style presets.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/card/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Card</h1></section></a></div><p class="css-iobivh">Contain preview content and actions about a single subject.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/divider/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Divider</h1></section></a></div><p class="css-iobivh">A thin line that separates content.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/drawer/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Drawer</h1></section></a></div><p class="css-iobivh">A layout panel that slides out the side of the screen revealing content like navigation or filters.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/fieldset/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Fieldset</h1></section></a></div><p class="css-iobivh">The Fieldset is used to provide contextual information around a group of form controls in a web form.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/grid/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Grid</h1></section></a></div><p class="css-iobivh">Used together to construct a visual grid for responsive page layout.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/grid-layout/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Grid Layout</h1></section></a></div><p class="css-iobivh">Used to construct a visual grid for responsive page layout. A Proxy for CSS grid.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/modal/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Modal</h1></section></a></div><p class="css-iobivh">A Modal is a layout panel that presents critical information or requests users input without navigating away from the current page.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/stack/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Stack</h1></section></a></div><p class="css-iobivh">A low-level foundational component used to layout items in a horizontal or vertical stack.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/structured-list/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Structured List</h1></section></a></div><p class="css-iobivh">Structured lists group content that is similar or related.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/visibility/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Visibility</h1></section></a></div><p class="css-iobivh">A pair of components which can be used to show and hide content at different breakpoints.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><div class="css-nmiuug"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><div class="css-1lwsjcx"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Media</h2></section></div></div></div><div class="css-gxh9kv"><p class="css-1npcurr">Components that provide or control rich media.</p></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/audio-player/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Audio Player</h1></section></a></div><p class="css-iobivh">Used to embed sound content in web and app interfaces.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/icons/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Icons</h1></section></a></div><p class="css-iobivh">Small SVG shapes, ranging from basic UI shapes to brand logos.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/image/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Image</h1></section></a></div><p class="css-iobivh">An element of media.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/volume-control/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Volume Control</h1></section></a></div><p class="css-iobivh">Allows user to mute, increase or lower audio volume.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><div class="css-nmiuug"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><div class="css-1lwsjcx"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Navigation</h2></section></div></div></div><div class="css-gxh9kv"><p class="css-1npcurr">Components that enable users to move between pages or content.</p></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/link/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Link</h1></section></a></div><p class="css-iobivh">Allows user to jump to a new location when clicked.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/menu/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Menu</h1></section></a></div><p class="css-iobivh">A Menu displays a list of navigational items. They are displayed either at the top of a screen, or at the side where space allows.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/scroll/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Scroll</h1></section></a></div><p class="css-iobivh">Enables a user to scroll a number of interface elements.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/tabs/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Tabs</h1></section></a></div><p class="css-iobivh">Allows users to alternate between views within the same context.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/tag/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Tag</h1></section></a></div><p class="css-iobivh">Used as a way of classifying content, typically using keywords. When clicked it will take a user to content of the same category.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/title-bar/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Title Bar</h1></section></a></div><p class="css-iobivh">Provides context and actions related to a particular section of content that follows below on the screen.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><div class="css-nmiuug"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><div class="css-1lwsjcx"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Text</h2></section></div></div></div><div class="css-gxh9kv"><p class="css-1npcurr">Components that display specific written content.</p></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/byline/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Byline</h1></section></a></div><p class="css-iobivh">A small line of text which lists the authors of an article, along with their titles if provided.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/caption/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Caption</h1></section></a></div><p class="css-iobivh">A sentence often added to an image or video to describe or explain what the image or video is showing.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/date-time/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Date Time</h1></section></a></div><p class="css-iobivh">Element for displaying dates, usually publication dates on news articles.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/headline/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Headline</h1></section></a></div><p class="css-iobivh">A simple component that is comprised of two elements a Kicker, and a Heading.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/ordered-list/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Ordered List</h1></section></a></div><p class="css-iobivh">Typically is a numbered list of items.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/standfirst/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Standfirst</h1></section></a></div><p class="css-iobivh">An introductory paragraph in an article, which summarises the article’s content.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/text-block/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Text Block</h1></section></a></div><p class="css-iobivh">A paragraph, which can be used to summarize any text content.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/unordered-list/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Unordered List</h1></section></a></div><p class="css-iobivh">Typically is a bulleted list of items.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><div class="css-nmiuug"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><div class="css-1lwsjcx"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Third Party Integrations</h2></section></div></div></div><div class="css-gxh9kv"><p class="css-1npcurr">Components that interact with a third-party service.</p></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/consent/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Consent</h1></section></a></div><p class="css-iobivh">Non-visual component which embeds the consent management script.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/consent-settings-link/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Consent Settings Link</h1></section></a></div><p class="css-iobivh">A link which opens the consent manager dialog, requires the Consent component.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/experimentation-web/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Experimentation Web</h1></section></a></div><p class="css-iobivh">Non-visual component which embeds the client-side experimentation script.</p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-xcdytv"><rect width="1600" height="1600" fill="illustration-Background020"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z" fill="#E4E4E4"></path></svg></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/tealium/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Tealium</h1></section></a></div><p class="css-iobivh">Non-visual component which embeds the Tealium tag manager script.</p></div></div></div></div></div></div></div></div><div class="css-1kkfkva"><div class="css-nmiuug"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/></div></div><div class="css-6gys8z"><div class="css-ml80uk"><style data-emotion="css 38y4ob">.css-38y4ob{margin-bottom:32px;}</style><div class="css-38y4ob"><div class="css-klpn0c"><div class="css-dzecoh"><section class="css-vj7jmi"><h2 class="nk-headline-heading css-5gd387">Utilities</h2></section></div></div></div></div><div class="css-1kkfkva"></div></div><div class="css-1kkfkva"><div class="css-30qa7x"><div class="css-8atxkm"><div class="css-1vn49n"><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><style data-emotion="css 1jfwtp6">.css-1jfwtp6{position:relative;width:100%;display:block;padding-top:66%;height:0;width:100%;border-radius:8px;background-color:#F4F4F4;}.css-1jfwtp6 svg{fill:#C0C0C0;}</style><picture class="css-1jfwtp6"><style data-emotion="css 5pczz7">.css-5pczz7{top:0;left:0;position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;margin:0;}</style><div class="css-5pczz7"></div><style data-emotion="css 1qgqq71">.css-1qgqq71{opacity:0;display:block;border-radius:inherit;height:auto;width:100%;top:0;left:0;position:absolute;}@-webkit-keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}</style><img alt="" class="css-1qgqq71"/></picture></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/utils/emotion/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Emotion</h1></section></a></div><p class="css-iobivh"></p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><picture class="css-1jfwtp6"><div class="css-5pczz7"></div><img alt="" class="css-1qgqq71"/></picture></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/utils/custom-to-newskit-icon/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">customToNewsKitIcon</h1></section></a></div><p class="css-iobivh"></p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><picture class="css-1jfwtp6"><div class="css-5pczz7"></div><img alt="" class="css-1qgqq71"/></picture></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/utils/get-css-from-theme/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">getCssFromTheme</h1></section></a></div><p class="css-iobivh"></p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><picture class="css-1jfwtp6"><div class="css-5pczz7"></div><img alt="" class="css-1qgqq71"/></picture></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/utils/get-from-theme/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">getFromTheme</h1></section></a></div><p class="css-iobivh"></p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><picture class="css-1jfwtp6"><div class="css-5pczz7"></div><img alt="" class="css-1qgqq71"/></picture></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/utils/get-defaults/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">getComponentDefaults</h1></section></a></div><p class="css-iobivh"></p></div></div></div></div><div class="css-1rbikqt"><div class="css-1fwpq2a"><div class="css-1fz92cy"><picture class="css-1jfwtp6"><div class="css-5pczz7"></div><img alt="" class="css-1qgqq71"/></picture></div><div class="css-1shocxe"><div class="css-1aog5rk"><div class="css-8mepow"><a class="nk-card-link css-1m1baeh" href="/components/utils/hooks/"><section class="css-uy3owc"><h1 class="nk-headline-heading css-5gd387">Hooks</h1></section></a></div><p class="css-iobivh"></p></div></div></div></div></div></div></div></div></div></div><style data-emotion="css taye4">.css-taye4{margin-bottom:40px;}</style><div class="css-taye4"></div></main><style data-emotion="css 7cr3wq">.css-7cr3wq{background:#F4F4F4;padding-bottom:24px;}@media screen and (max-width: 767px){.css-7cr3wq{padding-top:40px;}}@media screen and (min-width: 768px){.css-7cr3wq{padding-top:48px;}}</style><footer class="css-7cr3wq"><div class="css-8atxkm"><style data-emotion="css 1l4gzx1">.css-1l4gzx1{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media screen{.css-1l4gzx1{margin:-32px 8px 0 8px;}}@media screen and (min-width: 480px){.css-1l4gzx1{margin:-32px 8px 0 8px;}}@media screen and (min-width: 768px){.css-1l4gzx1{margin:-0px 8px 0 8px;}}@media screen and (min-width: 1024px){.css-1l4gzx1{margin:-0px 12px 0 12px;}}@media screen and (min-width: 1440px){.css-1l4gzx1{margin:-0px 12px 0 12px;}}</style><div class="css-1l4gzx1"><style data-emotion="css 1kimetj">.css-1kimetj{box-sizing:border-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}@media screen{.css-1kimetj{padding:0 8px;margin-top:32px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}}@media screen and (min-width: 768px){.css-1kimetj{margin-top:0;}}@media screen and (min-width: 1024px){.css-1kimetj{padding:0 12px;}}</style><div class="css-1kimetj"><style data-emotion="css 1c02ias">.css-1c02ias{display:block;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:16px;}@media screen and (min-width: 768px){.css-1c02ias{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><div class="css-1c02ias"><style data-emotion="css 9yia0h">.css-9yia0h{text-align:center;display:block;}@media screen{.css-9yia0h{margin-bottom:40px;}.css-9yia0h:last-child{margin-bottom:0;}}@media screen and (min-width: 768px){.css-9yia0h{margin-right:48px;margin-bottom:24px;}.css-9yia0h:last-child{margin-bottom:24px;}}</style><span class="css-9yia0h"><style data-emotion="css 1m3x2du">.css-1m3x2du{display:inline-block;color:#3358CC;-webkit-text-decoration:none;text-decoration:none;}@media screen and (prefers-reduced-motion: no-preference){.css-1m3x2du{transition-property:color,fill;transition-duration:200ms,200ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}@media screen and (prefers-reduced-motion: reduce){.css-1m3x2du{transition-property:color,fill;transition-duration:0ms;transition-timing-function:cubic-bezier(0, 0, .5, 1),cubic-bezier(0, 0, .5, 1);}}.css-1m3x2du:hover:not(:disabled){color:#577FFB;-webkit-text-decoration:underline;text-decoration:underline;}.css-1m3x2du:active:not(:disabled){color:#AEBFFF;-webkit-text-decoration:none;text-decoration:none;}</style><a href="https://www.newscareers.co.uk/" target="_blank" class="css-1m3x2du"><span class="css-17x5lw"><style data-emotion="css 1ijiwz2">.css-1ijiwz2{margin:0;font-family:"Poppins",sans-serif;font-size:14px;line-height:21px;font-weight:600;letter-spacing:0;padding:0.5px 0px;display:inline-block;display:block;}.css-1ijiwz2::before{content:'';margin-bottom:-0.403em;display:block;}.css-1ijiwz2::after{content:'';margin-top:-0.4em;display:block;}</style><span class="css-1ijiwz2">Careers</span></span></a></span><span class="css-9yia0h"><a href="https://medium.com/newskit-design-system" target="_blank" class="css-1m3x2du"><span class="css-17x5lw"><span class="css-1ijiwz2">Blog</span></span></a></span><span class="css-9yia0h"><a href="#" role="button" class="css-1m3x2du"><span class="css-17x5lw"><span class="css-1ijiwz2">Privacy policy</span></span></a></span><span class="css-9yia0h"><a href="/help/terms-and-conditions/" class="css-1m3x2du"><span class="css-17x5lw"><span class="css-1ijiwz2">Terms &amp; conditions</span></span></a></span></div></div><div class="css-1kimetj"><hr data-testid="divider" aria-hidden="true" class="css-1a12fxg"/><style data-emotion="css 3dc54p">.css-3dc54p{margin:0;color:#535353;font-family:"DM Sans",sans-serif;font-size:12px;line-height:18px;font-weight:500;letter-spacing:0;padding:0.5px 0px;text-align:center;margin-top:24px;margin-bottom:40px;}.css-3dc54p svg{fill:#535353;}.css-3dc54p::before{content:'';margin-bottom:-0.391em;display:block;}.css-3dc54p::after{content:'';margin-top:-0.409em;display:block;}</style><div class="css-3dc54p">Copyright © <!-- -->2022<!-- --> News Corp UK &amp; Ireland Limited. All rights reserved. This website is published by News Corp UK &amp; Ireland Limited, 1 London Bridge Street, London, SE1 9GF. Registered in England No 81701. VAT number GB 243 8054 69.</div></div></div></div></footer></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"path":"/components/overview/","pageProps":{}},"page":"/components/overview","query":{},"buildId":"16aAekWqHChB9xZCUOXJs","nextExport":true,"isFallback":false,"appGip":true,"scriptLoader":[]}</script></body></html>