/*! OAF Standard Footer v2.0.1
 *  https://github.com/openaustralia/oaf-standard-footer
 *
 *  The canonical OpenAustralia Foundation footer, for use across the sites we
 *  operate. Ported from the approved footer in the OAF Design System.
 *
 *  Plain CSS on purpose: this file is also valid SCSS, so Sass pipelines can
 *  rename it to _oaf-footer.scss and @use it. Do not add Sass syntax, a build
 *  step, or JavaScript - that breaks at least two adopting sites.
 *
 *  Theming is done with the custom properties below. Either apply a surface
 *  preset class (.oaf-footer--planning-alerts and friends), or set the
 *  properties yourself from your own design tokens.
 */

/* ==========================================================================
   Custom property API
   ========================================================================== */

.oaf-footer {
  /* Surface */
  --oaf-footer-bg: #f4f1eb;
  --oaf-footer-text: #333333;
  --oaf-footer-muted: #6c6c6c;
  --oaf-footer-rule: #e6e1d7;
  /* Links */
  --oaf-footer-link: #3a4e72;
  --oaf-footer-link-hover: var(--oaf-footer-text);
  --oaf-footer-focus-ring: currentColor;
  /* Links in running text. This is the base value on `.oaf-footer a`, so every
     prose region gets it without being named, and it is not a style preference.
     A link in a sentence with no underline leaves colour as the only thing
     marking it, which needs 3:1 against the surrounding text (WCAG technique
     G183). No surface here manages that, and on most of them no link colour
     can: on Right to Know the body text has to stay light enough to clear
     4.5:1 on #333333, which puts it within 2.75:1 of white, and there is
     nothing lighter than white to reach for. Only They Vote for You has any
     room at all. Setting this to `none` drops the footer below AA - if you
     need to, move the surface's body text colour first and re-run check.py. */
  --oaf-footer-inline-link-decoration: underline;
  /* The standalone rows - nav, collections, socials - opt out of the above,
     because where they sit identifies them. Right to Know's deployed footer
     sets `text-decoration: none` and this follows it. Planning Alerts sets this
     back to `underline` in its preset, since its link colour is the same white
     as its body text.

     Note which way round these two are. The prose value is the base and the
     standalone rows are the exception, so a text region added later inherits
     the underline. The other arrangement, listing prose regions explicitly,
     silently dropped the underline from .oaf-footer__acknowledgement and the
     donate copy, and nothing caught it: check.py compares the governed wording
     with tags stripped, so a link added inside the Acknowledgement passes every
     check. */
  --oaf-footer-link-decoration: none;
  /* Brand marks. The inline wordmark is drawn with fill="currentColor", so
     this one property replaces the three wordmark colour variants. */
  --oaf-footer-wordmark: #800000;
  /* Optional donate region */
  --oaf-footer-donate-bg: rgba(0, 0, 0, 0.04);
  --oaf-footer-donate-text: var(--oaf-footer-text);
  --oaf-footer-donate-button-bg: #800000;
  --oaf-footer-donate-button-text: #ffffff;
  /* Layout. 59em is 944px at the default scale, which is the content measure
     oaf.org.au uses. Wider than this and the Acknowledgement runs past 80
     characters a line. */
  --oaf-footer-max-width: 59em;
  --oaf-footer-padding-block: 2.5em;
  /* Grows with the viewport rather than pinning the content to the window
     edge: 24px on a phone, 48px once there is room, matching oaf.org.au. */
  --oaf-footer-padding-inline: clamp(1.5em, 4vw, 3em);
  /* Type-size multiplier. Raise it where surrounding type runs large, so the
     footer does not read as fine print. Parity with the design component's
     `scale` prop. */
  --oaf-footer-scale: 1;
  /* Vertical rhythm.
     These resolve against the footer's own base size, never against each
     element's own font-size. A gap written as a plain `em` on, say, the
     0.875em acknowledgement compounds to 0.875 of its value, so gaps meant to
     match visually come out different - which is how this file drifted to
     9.75px / 15.75px / 20px for three gaps that were all meant to read the
     same. Every step below is the same number of pixels wherever it is used,
     and all of them still follow --oaf-footer-scale. */
  --oaf-footer-base: calc(16px * var(--oaf-footer-scale));
  --oaf-footer-space-xs: calc(0.75 * var(--oaf-footer-base));
  /* 12px */
  --oaf-footer-space-sm: calc(0.875 * var(--oaf-footer-base));
  /* 14px */
  --oaf-footer-space-md: calc(1 * var(--oaf-footer-base));
  /* 16px */
  --oaf-footer-space-lg: calc(1.125 * var(--oaf-footer-base));
  /* 18px */
  --oaf-footer-space-xl: calc(2.25 * var(--oaf-footer-base));
  /* 36px */
  /* Inherit the host page's typeface by default. */
  --oaf-footer-font: inherit;
  /* NOTE: the responsive breakpoint is a fixed 48em. Custom properties cannot
     be used in media query conditions, so it is not themeable. */
}

/* ==========================================================================
   Block
   ========================================================================== */

.oaf-footer {
  background: var(--oaf-footer-bg);
  color: var(--oaf-footer-text);
  font-family: var(--oaf-footer-font);
  font-size: var(--oaf-footer-base);
  line-height: 1.6;
  padding: var(--oaf-footer-padding-block) var(--oaf-footer-padding-inline);
}

/* Scoped resets. The footer lands inside Bootstrap 3, Tailwind preflight and
   two hand-rolled stylesheets, so it cannot assume anything about inherited
   box sizing or default margins. */

.oaf-footer *,
.oaf-footer *::before,
.oaf-footer *::after {
  box-sizing: border-box;
}

/* Wrapped in :where() so these contribute no specificity beyond .oaf-footer
   itself. Written as bare `.oaf-footer p` they are one type selector more
   specific than the single-class component rules below, which silently zeroed
   the margins on __site-name, __legal and __acknowledgement - the whole
   attribution block rendered with no gaps at all. Keep the :where(). */

.oaf-footer :where(p, ul, h2) {
  margin: 0;
}

.oaf-footer :where(ul) {
  list-style: none;
  padding: 0;
}

/* text-decoration is declared, not left to the browser default, in both
   directions. Bootstrap 3 sets `a { text-decoration: none }` and Tailwind
   preflight sets `text-decoration: inherit`, either of which would strip an
   underline the surface asked for; leaving it unset would equally let a host
   stylesheet add one back where the surface wants none. */

.oaf-footer a {
  color: var(--oaf-footer-link);
  /* The inline value is the base, so a link in any prose region is underlined
     without having to be listed here. The three standalone rows opt out below.
     Deliberately this way round: getting it wrong on a region added later shows
     up as an unwanted underline, not as a silent accessibility failure. */
  -webkit-text-decoration: var(--oaf-footer-inline-link-decoration);
          text-decoration: var(--oaf-footer-inline-link-decoration);
  text-underline-offset: 2px;
}

/* Hover and focus underline whatever the resting state is. Colour alone does
   not carry it: --oaf-footer-link-hover is the same white as the body text on
   two of the five surfaces, so without this there is no hover feedback there
   at all. */

.oaf-footer a:hover,
.oaf-footer a:focus {
  color: var(--oaf-footer-link-hover);
  text-decoration: underline;
}

.oaf-footer a:focus-visible {
  outline: 2px solid var(--oaf-footer-focus-ring);
  outline-offset: 2px;
}

/* The two image links wrap a mark, not text, so no underline. Qualified with
   `a` to outrank `.oaf-footer a`: a lone class is one type selector short and
   loses, which is the trap that zeroed the margins in this file. */

.oaf-footer a.oaf-footer__wordmark-link,
.oaf-footer a.oaf-footer__acnc {
  text-decoration: none;
}

.oaf-footer__inner {
  max-width: var(--oaf-footer-max-width);
  margin: 0 auto;
}

/* ==========================================================================
   Optional regions - site name, links, donate
   Everything in this section may be omitted.
   ========================================================================== */

.oaf-footer__top {
  display: grid;
  gap: 2em;
  margin-bottom: 2em;
}

@media (min-width: 48em) {
  .oaf-footer__top {
    grid-template-columns: 5fr 4fr 3fr;
    gap: 2.5em;
  }
}

.oaf-footer__site-name {
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: var(--oaf-footer-space-xs);
}

.oaf-footer__site-description {
  color: var(--oaf-footer-muted);
}

.oaf-footer__links {
  display: grid;
  gap: 0.75em 2em;
}

/* Standalone: position identifies these, so no underline. */

.oaf-footer__links a {
  -webkit-text-decoration: var(--oaf-footer-link-decoration);
          text-decoration: var(--oaf-footer-link-decoration);
}

@media (min-width: 30em) {
  .oaf-footer__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.oaf-footer__links li + li {
  margin-top: 0.5em;
}

.oaf-footer__donate {
  background: var(--oaf-footer-donate-bg);
  color: var(--oaf-footer-donate-text);
  padding: 1.25em;
  border-radius: 4px;
}

/* Qualified with `a` so it beats the generic `.oaf-footer a` colour rule,
   which is one type selector more specific than a lone class. */

.oaf-footer a.oaf-footer__donate-button {
  display: inline-block;
  margin-top: 0.75em;
  padding: 0.6em 1.2em;
  background: var(--oaf-footer-donate-button-bg);
  color: var(--oaf-footer-donate-button-text);
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
}

.oaf-footer a.oaf-footer__donate-button:hover,
.oaf-footer a.oaf-footer__donate-button:focus {
  color: var(--oaf-footer-donate-button-text);
  text-decoration: underline;
}

/* ==========================================================================
   Divider
   ========================================================================== */

.oaf-footer__divider {
  border: 0;
  border-top: 1px solid var(--oaf-footer-rule);
  margin: 0 0 1.75em;
}

/* Parity with the design component's `tickGap` prop. */

.oaf-footer--no-divider .oaf-footer__divider {
  display: none;
}

/* ==========================================================================
   Attribution - REQUIRED. Do not omit, and do not reword its contents.
   ========================================================================== */

.oaf-footer__attribution {
  display: grid;
  gap: 1.5em;
  align-items: start;
}

@media (min-width: 48em) {
  .oaf-footer__attribution {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--oaf-footer-space-xl);
  }
}

.oaf-footer__built {
  display: block;
  font-size: 0.8125em;
  color: var(--oaf-footer-muted);
  margin-bottom: var(--oaf-footer-space-xs);
}

.oaf-footer__wordmark-link {
  display: inline-block;
  /* The link is the only thing on its line, so by default it sits on the text
     baseline and the line box's descender adds roughly 7px of dead space under
     it - the gap below the wordmark rendered 25.6px against the 18px asked for
     here, and the overshoot moved with the host page's typeface. Aligning to
     the bottom of the line box drops it. Inline-block, not block, so the
     clickable area stays the width of the wordmark. */
  vertical-align: bottom;
}

.oaf-footer__wordmark {
  display: block;
  height: 1.625em;
  width: auto;
  max-width: 100%;
  color: var(--oaf-footer-wordmark);
}

.oaf-footer__legal {
  font-size: 0.875em;
  margin-top: var(--oaf-footer-space-lg);
}

.oaf-footer__acknowledgement {
  font-size: 0.875em;
  color: var(--oaf-footer-muted);
  margin-top: var(--oaf-footer-space-lg);
  padding-top: var(--oaf-footer-space-sm);
  border-top: 1px solid var(--oaf-footer-rule);
}

/* ACNC Registered Charity Tick.
   Licence constraints, not style preferences:
   - minimum width 15mm (about 57px), hence the min-width floor
   - 5mm clear space on every side, and that space stays the footer background
     colour - the white disc inside the mark is the only white permitted
   - never inside a white box, card or panel on a dark surface
   - must link to OAF's entry on the Charity Register
   See https://www.acnc.gov.au/charity/registered-charity-tick/terms-and-conditions */

.oaf-footer__acnc {
  display: block;
  /* Only the space below the mark needs declaring. The layout already clears
     more than 5mm on the other three sides: 36px of column gap to its left on
     desktop (24px of row gap above it once the grid stacks), and at minimum
     the footer's own 40px of block padding above. Below is the one edge that
     can close up - when the mark is the tallest thing in the row, the next
     rule sits at the row's 18px top margin, which is under 5mm. Anything that
     moves those numbers has to keep this side at 5mm too.

     Declaring it as margin on all four sides, which is what this rule used to
     do, also pushed the mark 5mm in from the content's right edge and 5mm
     below the top of the block, so it lined up with nothing. */
  margin-block: 0 5mm;
}

.oaf-footer__acnc-mark {
  display: block;
  width: 150px;
  max-width: 100%;
  min-width: 57px;
  height: auto;
}

/* ==========================================================================
   Collections and social rows
   ========================================================================== */

.oaf-footer__collections,
.oaf-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em 1.5em;
  justify-content: space-between;
  margin-top: var(--oaf-footer-space-lg);
  padding-top: var(--oaf-footer-space-md);
  border-top: 1px solid var(--oaf-footer-rule);
}

.oaf-footer__collections {
  align-items: baseline;
}

.oaf-footer__social {
  align-items: center;
}

.oaf-footer__eyebrow {
  font-size: 0.6875em;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--oaf-footer-muted);
}

.oaf-footer__collection-list {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5em 1.375em;
}

.oaf-footer__collection-list a {
  color: var(--oaf-footer-text);
  -webkit-text-decoration: var(--oaf-footer-link-decoration);
          text-decoration: var(--oaf-footer-link-decoration);
  font-size: 0.875em;
}

.oaf-footer__collection-list a:hover,
.oaf-footer__collection-list a:focus {
  text-decoration: underline;
}

.oaf-footer__social-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em 1.25em;
}

.oaf-footer__social-list a {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  color: var(--oaf-footer-text);
  -webkit-text-decoration: var(--oaf-footer-link-decoration);
          text-decoration: var(--oaf-footer-link-decoration);
  padding: 4px 2px;
  font-size: 0.8125em;
  font-weight: 500;
}

.oaf-footer__social-list a:hover,
.oaf-footer__social-list a:focus {
  text-decoration: underline;
}

.oaf-footer__social-icon {
  display: block;
  width: 1.375em;
  height: 1.375em;
  flex-shrink: 0;
}

/* ==========================================================================
   Surface presets
   Values taken from each collection's live repo, not from the Design System's
   footer presets - the Design System README makes the repo source of truth
   where the two disagree, and for three of these they do.
   ========================================================================== */

/* Planning Alerts
   app/views/application/_footer.html.erb, config/tailwind.config.js */

.oaf-footer--planning-alerts {
  --oaf-footer-bg: #03827a;
  --oaf-footer-text: #ffffff;
  /* White is only 4.69:1 on this green, so there is no room for a dimmed
     muted tone that still passes AA. Muted matches text here, and hierarchy
     comes from size, weight and letter-spacing instead of colour. */
  --oaf-footer-muted: #ffffff;
  --oaf-footer-rule: #479590;
  --oaf-footer-link: #ffffff;
  --oaf-footer-link-hover: #ffffff;
  /* Link and body text are the same white, so nothing but the underline marks
     a link here. Verified against the live site, which underlines throughout. */
  --oaf-footer-link-decoration: underline;
  --oaf-footer-focus-ring: #ffdc3e;
  --oaf-footer-wordmark: #ffffff;
  --oaf-footer-donate-bg: #054e4a;
  --oaf-footer-donate-text: #ffffff;
  --oaf-footer-donate-button-bg: #ca3f94;
  --oaf-footer-donate-button-text: #ffffff;
}

/* Right to Know
   app/assets/stylesheets/responsive/rtk/_footer.scss, responsive/_settings.scss */

.oaf-footer--right-to-know {
  --oaf-footer-bg: #333333;
  --oaf-footer-text: #e0ded7;
  --oaf-footer-muted: #b3afa4;
  --oaf-footer-rule: #4c4c4c;
  /* From the deployed stylesheet, which already carries this footer:
     `.oaf-footer a { color: #ffffff; text-decoration: none }` with a #00adbd
     hover. The body text and muted tones below stay lighter than the
     deployed #9f9c92, which clears AA on #333333 by only 0.1. */
  --oaf-footer-link: #ffffff;
  --oaf-footer-link-hover: #00adbd;
  --oaf-footer-focus-ring: #00dcf0;
  --oaf-footer-wordmark: #ffffff;
  --oaf-footer-donate-bg: #434343;
  --oaf-footer-donate-text: #e0ded7;
  --oaf-footer-donate-button-bg: #00dcf0;
  --oaf-footer-donate-button-text: #003540;
}

/* They Vote for You
   app/assets/stylesheets/global/_variables.scss, global/_author-projects.scss */

.oaf-footer--they-vote-for-you {
  /* darken($color-blue-dark, 20%) - the attribution band colour */
  --oaf-footer-bg: #101c37;
  --oaf-footer-text: #ffffff;
  --oaf-footer-muted: #b7c4dc;
  --oaf-footer-rule: rgba(255, 255, 255, 0.18);
  --oaf-footer-link: #9cc4ec;
  --oaf-footer-link-hover: #c7dcf3;
  --oaf-footer-focus-ring: #ffea8a;
  --oaf-footer-wordmark: #ffffff;
  --oaf-footer-donate-bg: #274486;
  --oaf-footer-donate-text: #ffffff;
  /* The brand blue #428bca is only 3.63:1 behind white text, so the button
     uses a darkened step of it. The 16px top rule keeps the brand blue,
     where contrast does not apply. */
  --oaf-footer-donate-button-bg: #356fa3;
  --oaf-footer-donate-button-text: #ffffff;
  border-top: 16px solid #428bca;
}

/* OpenAustralia.org.au
   No attribution surface exists in openaustralia/twfy to preserve, so this
   follows the Design System's OpenAustralia preset. */

.oaf-footer--openaustralia {
  --oaf-footer-bg: #ffffff;
  --oaf-footer-text: #333333;
  --oaf-footer-muted: #6c6c6c;
  --oaf-footer-rule: #dddddd;
  --oaf-footer-link: #3a4e72;
  --oaf-footer-link-hover: #1f2b40;
  --oaf-footer-focus-ring: #3a4e72;
  --oaf-footer-wordmark: #000000;
  --oaf-footer-donate-bg: #f4f1eb;
  --oaf-footer-donate-button-bg: #3a4e72;
  --oaf-footer-donate-button-text: #ffffff;
}

/* oaf.org.au
   oaf-wp-blocktheme theme.json + style.css */

.oaf-footer--oaf {
  --oaf-footer-bg: #f4f1eb;
  --oaf-footer-text: #333333;
  --oaf-footer-muted: #6c6c6c;
  --oaf-footer-rule: #e6e1d7;
  --oaf-footer-link: #3a4e72;
  --oaf-footer-link-hover: #ba3458;
  --oaf-footer-focus-ring: #800000;
  --oaf-footer-wordmark: #800000;
  --oaf-footer-donate-bg: #ffffff;
  --oaf-footer-donate-button-bg: #800000;
  --oaf-footer-donate-button-text: #ffffff;
  border-top: 3px solid #800000;
}

/* ==========================================================================
   Print
   ========================================================================== */

@media print {
  .oaf-footer {
    --oaf-footer-bg: #ffffff;
    --oaf-footer-text: #000000;
    --oaf-footer-muted: #444444;
    --oaf-footer-rule: #cccccc;
    --oaf-footer-link: #000000;
    --oaf-footer-wordmark: #000000;
  }

  .oaf-footer__donate {
    display: none;
  }
}

/*! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
 */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Fira Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[multiple] {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
  border-radius: 0px;
}

[type='radio'] {
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='file'] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1152px) {
  .container {
    max-width: 1152px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(hr):not(:where([class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose :where(code):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"] *))::before {
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"] *))::after {
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::before {
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::after {
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
  vertical-align: top;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(p):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(video):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(figure):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(li):not(:where([class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(hr + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}

.prose-sm :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}

.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose-base :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-base :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose-base :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-base :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}

.prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}

.prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}

.prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}

.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.prose-xl :where(p):not(:where([class~="not-prose"] *)) {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose-xl :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  font-size: 1.2em;
  line-height: 1.5;
  margin-top: 1em;
  margin-bottom: 1em;
}

.prose-xl :where(blockquote):not(:where([class~="not-prose"] *)) {
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1.0666667em;
}

.prose-xl :where(h1):not(:where([class~="not-prose"] *)) {
  font-size: 2.8em;
  margin-top: 0;
  margin-bottom: 0.8571429em;
  line-height: 1;
}

.prose-xl :where(h2):not(:where([class~="not-prose"] *)) {
  font-size: 1.8em;
  margin-top: 1.5555556em;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose-xl :where(h3):not(:where([class~="not-prose"] *)) {
  font-size: 1.5em;
  margin-top: 1.6em;
  margin-bottom: 0.6666667em;
  line-height: 1.3333333;
}

.prose-xl :where(h4):not(:where([class~="not-prose"] *)) {
  margin-top: 1.8em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose-xl :where(img):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-xl :where(video):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-xl :where(figure):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-xl :where(figure > *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-xl :where(figcaption):not(:where([class~="not-prose"] *)) {
  font-size: 0.9em;
  line-height: 1.5555556;
  margin-top: 1em;
}

.prose-xl :where(code):not(:where([class~="not-prose"] *)) {
  font-size: 0.9em;
}

.prose-xl :where(h2 code):not(:where([class~="not-prose"] *)) {
  font-size: 0.8611111em;
}

.prose-xl :where(h3 code):not(:where([class~="not-prose"] *)) {
  font-size: 0.9em;
}

.prose-xl :where(pre):not(:where([class~="not-prose"] *)) {
  font-size: 0.9em;
  line-height: 1.7777778;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.5rem;
  padding-top: 1.1111111em;
  padding-right: 1.3333333em;
  padding-bottom: 1.1111111em;
  padding-left: 1.3333333em;
}

.prose-xl :where(ol):not(:where([class~="not-prose"] *)) {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding-left: 1.6em;
}

.prose-xl :where(ul):not(:where([class~="not-prose"] *)) {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding-left: 1.6em;
}

.prose-xl :where(li):not(:where([class~="not-prose"] *)) {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

.prose-xl :where(ol > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.4em;
}

.prose-xl :where(ul > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.4em;
}

.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.2em;
}

.prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.2em;
}

.prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.2em;
}

.prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.2em;
}

.prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.prose-xl :where(hr):not(:where([class~="not-prose"] *)) {
  margin-top: 2.8em;
  margin-bottom: 2.8em;
}

.prose-xl :where(hr + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-xl :where(h2 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-xl :where(h3 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-xl :where(h4 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-xl :where(table):not(:where([class~="not-prose"] *)) {
  font-size: 0.9em;
  line-height: 1.5555556;
}

.prose-xl :where(thead th):not(:where([class~="not-prose"] *)) {
  padding-right: 0.6666667em;
  padding-bottom: 0.8888889em;
  padding-left: 0.6666667em;
}

.prose-xl :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}

.prose-xl :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}

.prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  padding-top: 0.8888889em;
  padding-right: 0.6666667em;
  padding-bottom: 0.8888889em;
  padding-left: 0.6666667em;
}

.prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}

.prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}

.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-xl {
  color: #414860;
}

.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.8333333em;
  margin-bottom: 0.8333333em;
}

.prose-2xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}

.prose-2xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}

.prose-2xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}

.prose-2xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}

.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-left-6 {
  left: -1.5rem;
}

.-left-8 {
  left: -2rem;
}

.-top-16 {
  top: -4rem;
}

.-top-4 {
  top: -1rem;
}

.-top-6 {
  top: -1.5rem;
}

.-top-8 {
  top: -2rem;
}

.left-0 {
  left: 0px;
}

.left-16 {
  left: 4rem;
}

.left-2 {
  left: 0.5rem;
}

.left-4 {
  left: 1rem;
}

.left-8 {
  left: 2rem;
}

.right-2 {
  right: 0.5rem;
}

.right-4 {
  right: 1rem;
}

.top-0 {
  top: 0px;
}

.top-14 {
  top: 3.5rem;
}

.top-3 {
  top: 0.75rem;
}

.z-10 {
  z-index: 10;
}

.z-50 {
  z-index: 50;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.clear-both {
  clear: both;
}

.m-auto {
  margin: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-32 {
  margin-bottom: 8rem;
}

.mb-36 {
  margin-bottom: 9rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.ml-12 {
  margin-left: 3rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-11 {
  margin-top: 2.75rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.aspect-1 {
  aspect-ratio: 1;
}

.size-16 {
  width: 4rem;
  height: 4rem;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.h-0 {
  height: 0px;
}

.h-10 {
  height: 2.5rem;
}

.h-16 {
  height: 4rem;
}

.h-40 {
  height: 10rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-8 {
  height: 2rem;
}

.h-80 {
  height: 20rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[190px\] {
  height: 190px;
}

.h-\[500px\] {
  height: 500px;
}

.h-\[528px\] {
  height: 528px;
}

.h-\[56px\] {
  height: 56px;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.w-0 {
  width: 0px;
}

.w-10 {
  width: 2.5rem;
}

.w-28 {
  width: 7rem;
}

.w-40 {
  width: 10rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-8 {
  width: 2rem;
}

.w-9 {
  width: 2.25rem;
}

.w-\[29px\] {
  width: 29px;
}

.w-\[500px\] {
  width: 500px;
}

.w-\[528px\] {
  width: 528px;
}

.w-full {
  width: 100%;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-52 {
  max-width: 13rem;
}

.max-w-64 {
  max-width: 16rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-\[100vw\] {
  max-width: 100vw;
}

.max-w-\[300px\] {
  max-width: 300px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-none {
  max-width: none;
}

.max-w-screen-xl {
  max-width: 1152px;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.grow {
  flex-grow: 1;
}

.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.list-outside {
  list-style-position: outside;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.list-image-dash {
  list-style-image: url(https://www.planningalerts.org.au/assets/dash-80812714c8788a3fcfa77118bcc85efc6e9d82d562bb6a7d3dce666a544a2d48.svg);
}

.columns-1 {
  -moz-columns: 1;
       columns: 1;
}

.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-rows-\[repeat\(3\2c _max-content\)\] {
  grid-template-rows: repeat(3, max-content);
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-12 {
  gap: 3rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-16 {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-light-grey > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 242 242 / var(--tw-divide-opacity));
}

.divide-light-grey2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(210 205 193 / var(--tw-divide-opacity));
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.justify-self-end {
  justify-self: end;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.text-balance {
  text-wrap: balance;
}

.break-all {
  word-break: break-all;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-b-\[65px\] {
  border-bottom-width: 65px;
}

.border-l-\[15px\] {
  border-left-width: 15px;
}

.border-l-\[3px\] {
  border-left-width: 3px;
}

.border-l-\[6px\] {
  border-left-width: 6px;
}

.border-r-\[15px\] {
  border-right-width: 15px;
}

.border-r-\[3px\] {
  border-right-width: 3px;
}

.border-r-\[6px\] {
  border-right-width: 6px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-\[14px\] {
  border-top-width: 14px;
}

.border-t-\[6px\] {
  border-top-width: 6px;
}

.border-dashed {
  border-style: dashed;
}

.border-cool-blue-gray {
  --tw-border-opacity: 1;
  border-color: rgb(115 122 146 / var(--tw-border-opacity));
}

.border-error-red {
  --tw-border-opacity: 1;
  border-color: rgb(185 0 0 / var(--tw-border-opacity));
}

.border-fuchsia {
  --tw-border-opacity: 1;
  border-color: rgb(202 63 148 / var(--tw-border-opacity));
}

.border-light-grey {
  --tw-border-opacity: 1;
  border-color: rgb(243 242 242 / var(--tw-border-opacity));
}

.border-light-grey2 {
  --tw-border-opacity: 1;
  border-color: rgb(210 205 193 / var(--tw-border-opacity));
}

.border-navy {
  --tw-border-opacity: 1;
  border-color: rgb(65 72 96 / var(--tw-border-opacity));
}

.border-transparent {
  border-color: transparent;
}

.border-warm-grey {
  --tw-border-opacity: 1;
  border-color: rgb(118 118 118 / var(--tw-border-opacity));
}

.border-b-lavender {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(130 109 156 / var(--tw-border-opacity));
}

.border-l-transparent {
  border-left-color: transparent;
}

.border-r-transparent {
  border-right-color: transparent;
}

.border-t-lavender {
  --tw-border-opacity: 1;
  border-top-color: rgb(130 109 156 / var(--tw-border-opacity));
}

.border-t-light-grey {
  --tw-border-opacity: 1;
  border-top-color: rgb(243 242 242 / var(--tw-border-opacity));
}

.border-t-light-grey2 {
  --tw-border-opacity: 1;
  border-top-color: rgb(210 205 193 / var(--tw-border-opacity));
}

.border-t-warm-grey {
  --tw-border-opacity: 1;
  border-top-color: rgb(118 118 118 / var(--tw-border-opacity));
}

.bg-\[\#E8CDCD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 205 205 / var(--tw-bg-opacity));
}

.bg-error-red {
  --tw-bg-opacity: 1;
  background-color: rgb(185 0 0 / var(--tw-bg-opacity));
}

.bg-fuchsia {
  --tw-bg-opacity: 1;
  background-color: rgb(202 63 148 / var(--tw-bg-opacity));
}

.bg-google-maps-green {
  --tw-bg-opacity: 1;
  background-color: rgb(209 230 217 / var(--tw-bg-opacity));
}

.bg-green {
  --tw-bg-opacity: 1;
  background-color: rgb(3 130 122 / var(--tw-bg-opacity));
}

.bg-header-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(211 119 8 / var(--tw-bg-opacity));
}

.bg-lavender {
  --tw-bg-opacity: 1;
  background-color: rgb(130 109 156 / var(--tw-bg-opacity));
}

.bg-light-grey {
  --tw-bg-opacity: 1;
  background-color: rgb(243 242 242 / var(--tw-bg-opacity));
}

.bg-light-grey2 {
  --tw-bg-opacity: 1;
  background-color: rgb(210 205 193 / var(--tw-bg-opacity));
}

.bg-navy {
  --tw-bg-opacity: 1;
  background-color: rgb(65 72 96 / var(--tw-bg-opacity));
}

.bg-random-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(236 235 229 / var(--tw-bg-opacity));
}

.bg-warm-grey {
  --tw-bg-opacity: 1;
  background-color: rgb(118 118 118 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(244 190 83 / var(--tw-bg-opacity));
}

.bg-header-pattern {
  background-image: url(https://www.planningalerts.org.au/assets/header-pattern-fe87c97666c34b8e1c012ccfc33974541f5e2ead7a5cc33183a44e0cda5f55a0.svg);
}

.fill-none {
  fill: none;
}

.stroke-current {
  stroke: currentColor;
}

.p-1 {
  padding: 0.25rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-14 {
  padding: 3.5rem;
}

.p-16 {
  padding: 4rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-14 {
  padding-bottom: 3.5rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-32 {
  padding-bottom: 8rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-14 {
  padding-left: 3.5rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-24 {
  padding-right: 6rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.font-display {
  font-family: Merriweather, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-sans {
  font-family: Fira Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}

.text-8xl {
  font-size: 6rem;
  line-height: 1;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.font-black {
  font-weight: 900;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.text-\[\#D2CFC1\] {
  --tw-text-opacity: 1;
  color: rgb(210 207 193 / var(--tw-text-opacity));
}

.text-dark-brown {
  --tw-text-opacity: 1;
  color: rgb(63 30 30 / var(--tw-text-opacity));
}

.text-error-red {
  --tw-text-opacity: 1;
  color: rgb(185 0 0 / var(--tw-text-opacity));
}

.text-fuchsia {
  --tw-text-opacity: 1;
  color: rgb(202 63 148 / var(--tw-text-opacity));
}

.text-green {
  --tw-text-opacity: 1;
  color: rgb(3 130 122 / var(--tw-text-opacity));
}

.text-lavender {
  --tw-text-opacity: 1;
  color: rgb(130 109 156 / var(--tw-text-opacity));
}

.text-light-grey {
  --tw-text-opacity: 1;
  color: rgb(243 242 242 / var(--tw-text-opacity));
}

.text-light-grey2 {
  --tw-text-opacity: 1;
  color: rgb(210 205 193 / var(--tw-text-opacity));
}

.text-light-lavender {
  --tw-text-opacity: 1;
  color: rgb(163 143 189 / var(--tw-text-opacity));
}

.text-navy {
  --tw-text-opacity: 1;
  color: rgb(65 72 96 / var(--tw-text-opacity));
}

.text-orange {
  --tw-text-opacity: 1;
  color: rgb(187 92 3 / var(--tw-text-opacity));
}

.text-warm-grey {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline {
  text-decoration-line: underline;
}

.decoration-fuchsia {
  text-decoration-color: #CA3F94;
}

.decoration-4 {
  text-decoration-thickness: 4px;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\[counter-increment\:section\] {
  counter-increment: section;
}

.\[counter-reset\:section\] {
  counter-reset: section;
}

[x-cloak] {
  display: none !important;
}

.pac-icon {
  display: none !important;
}

.pac-item {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  font-family: Fira Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  --tw-text-opacity: 1;
  color: rgb(65 72 96 / var(--tw-text-opacity));
}

.pac-item-query {
  padding-right: 0.5rem !important;
  font-family: Fira Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  --tw-text-opacity: 1;
  color: rgb(65 72 96 / var(--tw-text-opacity));
}

.pac-matched {
  font-weight: 500 !important;
}

/* TODO: #2158 Get rid of this ugly mess for styling the charts on the authority detail page as soon as we can */

.chart text {
  fill: #414860;
  font-size: .875em;
}

.chart .chart-area {
  fill: #d7e4f3;
}

.chart .x-axis line {
  stroke: #D2CDC1;
  stroke-width: 1;
}

.chart .y-axis line {
  stroke: #D2CDC1;
  stroke-width: 1;
}

.chart .x-axis .domain {
  display: none;
}

.chart .y-axis .domain {
  display: none;
}

.x-axis-baseline {
  fill: none;
  stroke: #D2CDC1;
  stroke-width: 2;
}

.chart-line {
  fill: none;
  stroke: #346eb0;
  stroke-width: 2;
}

.chart-line.chart-clipping-below {
  display: none;
}

.chart-with-callout svg {
  width: 100%;
  height: auto;
}

@media (min-width: 640px) {
  .chart-with-callout svg {
    float: left;
    clear: left;
    width: 80%;
  }

  .chart-with-callout .chart-callout {
    float: right;
    width: 20%;
  }
}

.chart-with-callout text {
  font-size: 0.75rem;
  line-height: 1rem;
}

.chart-callout-heading {
  display: block;
}

.chart-callout-subheading {
  display: block;
  font-weight: normal;
}

.chart-overlay {
  fill: none;
  pointer-events: all;
}

.focus circle {
  stroke: #346eb0;
  stroke-width: 2px;
  fill: transparent;
}

/*

@layer components {
  .btn-primary {
    @apply px-4 py-2 bg-blue-200;
  }
}

*/

.file\:mr-4::file-selector-button {
  margin-right: 1rem;
}

.file\:border-2::file-selector-button {
  border-width: 2px;
}

.file\:border-solid::file-selector-button {
  border-style: solid;
}

.file\:border-green::file-selector-button {
  --tw-border-opacity: 1;
  border-color: rgb(3 130 122 / var(--tw-border-opacity));
}

.file\:bg-white::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.file\:px-8::file-selector-button {
  padding-left: 2rem;
  padding-right: 2rem;
}

.file\:py-4::file-selector-button {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.file\:font-semibold::file-selector-button {
  font-weight: 600;
}

.file\:text-green::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(3 130 122 / var(--tw-text-opacity));
}

.placeholder\:text-warm-grey::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}

.placeholder\:text-warm-grey::placeholder {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:text-3xl::before {
  content: var(--tw-content);
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.before\:font-normal::before {
  content: var(--tw-content);
  font-weight: 400;
}

.before\:font-semibold::before {
  content: var(--tw-content);
  font-weight: 600;
}

.before\:text-navy::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(65 72 96 / var(--tw-text-opacity));
}

.before\:text-white::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.before\:\[content\:counter\(section\)\]::before {
  content: counter(section);
}

.placeholder-shown\:truncate:-moz-placeholder-shown {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.placeholder-shown\:truncate:placeholder-shown {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hover\:border-light-grey2:hover {
  --tw-border-opacity: 1;
  border-color: rgb(210 205 193 / var(--tw-border-opacity));
}

.hover\:bg-dark-green:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 78 74 / var(--tw-bg-opacity));
}

.hover\:bg-dark-warm-grey:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 67 67 / var(--tw-bg-opacity));
}

.hover\:bg-fuchsia-darker:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(166 21 111 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:text-dark-green:hover {
  --tw-text-opacity: 1;
  color: rgb(5 78 74 / var(--tw-text-opacity));
}

.hover\:text-dark-navy:hover {
  --tw-text-opacity: 1;
  color: rgb(6 15 47 / var(--tw-text-opacity));
}

.hover\:text-fuchsia-darker:hover {
  --tw-text-opacity: 1;
  color: rgb(166 21 111 / var(--tw-text-opacity));
}

.hover\:text-green:hover {
  --tw-text-opacity: 1;
  color: rgb(3 130 122 / var(--tw-text-opacity));
}

.hover\:text-navy:hover {
  --tw-text-opacity: 1;
  color: rgb(65 72 96 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:ring-2:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hover\:ring-green:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(3 130 122 / var(--tw-ring-opacity));
}

.hover\:ring-navy:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(65 72 96 / var(--tw-ring-opacity));
}

.hover\:file\:border-dark-green::file-selector-button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(5 78 74 / var(--tw-border-opacity));
}

.hover\:file\:text-dark-green::file-selector-button:hover {
  --tw-text-opacity: 1;
  color: rgb(5 78 74 / var(--tw-text-opacity));
}

.focus\:bg-sun-yellow:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 220 62 / var(--tw-bg-opacity));
}

.focus\:bg-yellow:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(244 190 83 / var(--tw-bg-opacity));
}

.focus\:text-navy:focus {
  --tw-text-opacity: 1;
  color: rgb(65 72 96 / var(--tw-text-opacity));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-4:focus {
  outline-width: 4px;
}

.focus\:outline-sun-yellow:focus {
  outline-color: #FFDC3E;
}

.focus\:ring-4:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-sun-yellow:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 220 62 / var(--tw-ring-opacity));
}

.group:hover .group-hover\:text-fuchsia-darker {
  --tw-text-opacity: 1;
  color: rgb(166 21 111 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-navy {
  --tw-text-opacity: 1;
  color: rgb(65 72 96 / var(--tw-text-opacity));
}

.group:focus .group-focus\:bg-sun-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 220 62 / var(--tw-bg-opacity));
}

.prose-h1\:font-display :is(:where(h1):not(:where([class~="not-prose"] *))) {
  font-family: Merriweather, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.prose-h1\:text-3xl :is(:where(h1):not(:where([class~="not-prose"] *))) {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.prose-h1\:font-bold :is(:where(h1):not(:where([class~="not-prose"] *))) {
  font-weight: 700;
}

.prose-h2\:font-display :is(:where(h2):not(:where([class~="not-prose"] *))) {
  font-family: Merriweather, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.prose-h2\:text-2xl :is(:where(h2):not(:where([class~="not-prose"] *))) {
  font-size: 1.5rem;
  line-height: 2rem;
}

.prose-h2\:font-bold :is(:where(h2):not(:where([class~="not-prose"] *))) {
  font-weight: 700;
}

.prose-h3\:font-sans :is(:where(h3):not(:where([class~="not-prose"] *))) {
  font-family: Fira Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.prose-h3\:text-2xl :is(:where(h3):not(:where([class~="not-prose"] *))) {
  font-size: 1.5rem;
  line-height: 2rem;
}

.prose-h3\:text-xl :is(:where(h3):not(:where([class~="not-prose"] *))) {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.prose-h3\:font-bold :is(:where(h3):not(:where([class~="not-prose"] *))) {
  font-weight: 700;
}

.prose-p\:text-white :is(:where(p):not(:where([class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.prose-a\:font-bold :is(:where(a):not(:where([class~="not-prose"] *))) {
  font-weight: 700;
}

.prose-a\:text-fuchsia :is(:where(a):not(:where([class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(202 63 148 / var(--tw-text-opacity));
}

.prose-a\:underline :is(:where(a):not(:where([class~="not-prose"] *))) {
  text-decoration-line: underline;
}

.hover\:prose-a\:text-fuchsia-darker :is(:where(a):not(:where([class~="not-prose"] *))):hover {
  --tw-text-opacity: 1;
  color: rgb(166 21 111 / var(--tw-text-opacity));
}

.focus\:prose-a\:bg-sun-yellow :is(:where(a):not(:where([class~="not-prose"] *))):focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 220 62 / var(--tw-bg-opacity));
}

.focus\:prose-a\:outline-none :is(:where(a):not(:where([class~="not-prose"] *))):focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.prose-pre\:rounded-none :is(:where(pre):not(:where([class~="not-prose"] *))) {
  border-radius: 0px;
}

.prose-pre\:bg-light-grey :is(:where(pre):not(:where([class~="not-prose"] *))) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 242 242 / var(--tw-bg-opacity));
}

.prose-pre\:text-navy :is(:where(pre):not(:where([class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(65 72 96 / var(--tw-text-opacity));
}

.prose-ul\:pl-6 :is(:where(ul):not(:where([class~="not-prose"] *))) {
  padding-left: 1.5rem;
}

.prose-li\:my-0 :is(:where(li):not(:where([class~="not-prose"] *))) {
  margin-top: 0px;
  margin-bottom: 0px;
}

.prose-li\:pl-0 :is(:where(li):not(:where([class~="not-prose"] *))) {
  padding-left: 0px;
}

.prose-li\:marker\:text-navy * :is(:where(li):not(:where([class~="not-prose"] *)))::marker {
  color: rgb(65 72 96 );
}

.prose-li\:marker\:text-navy :is(:where(li):not(:where([class~="not-prose"] *)))::marker {
  color: rgb(65 72 96 );
}

.prose-table\:text-xl :is(:where(table):not(:where([class~="not-prose"] *))) {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.prose-tr\:flex :is(:where(tr):not(:where([class~="not-prose"] *))) {
  display: flex;
}

.prose-tr\:flex-col :is(:where(tr):not(:where([class~="not-prose"] *))) {
  flex-direction: column;
}

.prose-tr\:border-none :is(:where(tr):not(:where([class~="not-prose"] *))) {
  border-style: none;
}

.prose-th\:w-56 :is(:where(th):not(:where([class~="not-prose"] *))) {
  width: 14rem;
}

.prose-th\:whitespace-nowrap :is(:where(th):not(:where([class~="not-prose"] *))) {
  white-space: nowrap;
}

.prose-th\:bg-navy :is(:where(th):not(:where([class~="not-prose"] *))) {
  --tw-bg-opacity: 1;
  background-color: rgb(65 72 96 / var(--tw-bg-opacity));
}

.prose-th\:px-4 :is(:where(th):not(:where([class~="not-prose"] *))) {
  padding-left: 1rem;
  padding-right: 1rem;
}

.prose-th\:py-3 :is(:where(th):not(:where([class~="not-prose"] *))) {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.prose-th\:text-white :is(:where(th):not(:where([class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.prose-td\:border-2 :is(:where(td):not(:where([class~="not-prose"] *))) {
  border-width: 2px;
}

.prose-td\:border-white :is(:where(td):not(:where([class~="not-prose"] *))) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.prose-td\:bg-light-grey :is(:where(td):not(:where([class~="not-prose"] *))) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 242 242 / var(--tw-bg-opacity));
}

.prose-td\:px-4 :is(:where(td):not(:where([class~="not-prose"] *))) {
  padding-left: 1rem;
  padding-right: 1rem;
}

.prose-td\:py-0 :is(:where(td):not(:where([class~="not-prose"] *))) {
  padding-top: 0px;
  padding-bottom: 0px;
}

.prose-td\:pl-0 :is(:where(td):not(:where([class~="not-prose"] *))) {
  padding-left: 0px;
}

.prose-hr\:border-\[\#ccc\] :is(:where(hr):not(:where([class~="not-prose"] *))) {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}

@media (min-width: 640px) {
  .sm\:left-16 {
    left: 4rem;
  }

  .sm\:mb-12 {
    margin-bottom: 3rem;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:mt-12 {
    margin-top: 3rem;
  }

  .sm\:mt-14 {
    margin-top: 3.5rem;
  }

  .sm\:mt-16 {
    margin-top: 4rem;
  }

  .sm\:mt-8 {
    margin-top: 2rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:table-row {
    display: table-row;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-52 {
    height: 13rem;
  }

  .sm\:h-\[528px\] {
    height: 528px;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:max-w-\[425px\] {
    max-width: 425px;
  }

  .sm\:columns-2 {
    -moz-columns: 2;
         columns: 2;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-12 {
    gap: 3rem;
  }

  .sm\:gap-16 {
    gap: 4rem;
  }

  .sm\:gap-20 {
    gap: 5rem;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:bg-light-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(243 242 242 / var(--tw-bg-opacity));
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .sm\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:px-28 {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:pr-4 {
    padding-right: 1rem;
  }

  .sm\:pt-12 {
    padding-top: 3rem;
  }

  .sm\:pt-20 {
    padding-top: 5rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:leading-snug {
    line-height: 1.375;
  }

  .sm\:leading-tight {
    line-height: 1.25;
  }

  .sm\:prose-tr\:table-row :is(:where(tr):not(:where([class~="not-prose"] *))) {
    display: table-row;
  }

  .sm\:prose-td\:pl-3 :is(:where(td):not(:where([class~="not-prose"] *))) {
    padding-left: 0.75rem;
  }
}

@media (min-width: 768px) {
  .md\:ml-0 {
    margin-left: 0px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-2 {
    margin-top: 0.5rem;
  }

  .md\:block {
    display: block;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:grid-flow-col {
    grid-auto-flow: column;
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-\[18rem_1fr\] {
    grid-template-columns: 18rem 1fr;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .md\:gap-16 {
    gap: 4rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:gap-y-4 {
    row-gap: 1rem;
  }

  .md\:border-t {
    border-top-width: 1px;
  }

  .md\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .md\:pt-1 {
    padding-top: 0.25rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:items-stretch {
    align-items: stretch;
  }

  .lg\:gap-7 {
    gap: 1.75rem;
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:pt-16 {
    padding-top: 4rem;
  }
}

@media (min-width: 1152px) {
  .xl\:block {
    display: block;
  }

  .xl\:w-\[528px\] {
    width: 528px;
  }

  .xl\:gap-10 {
    gap: 2.5rem;
  }

  .xl\:bg-center {
    background-position: center;
  }

  .xl\:p-8 {
    padding: 2rem;
  }
}