/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./sources/styles/styles.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./sources/styles/styles.css (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer properties;

@layer theme, base, components, utilities;

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */

@layer theme {

  :root, :host {

    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

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

    --spacing: 0.25rem;

    --breakpoint-md: 48rem;

    --breakpoint-lg: 64rem;

    --breakpoint-xl: 80rem;

    --breakpoint-2xl: 96rem;

    --container-2xs: 18rem;

    --container-xs: 20rem;

    --container-sm: 24rem;

    --container-md: 28rem;

    --container-lg: 32rem;

    --container-xl: 36rem;

    --container-4xl: 56rem;

    --container-7xl: 80rem;

    --text-xs: 0.75rem;

    --text-xs--line-height: calc(1 / 0.75);

    --text-sm: 0.875rem;

    --text-sm--line-height: calc(1.25 / 0.875);

    --text-base: 1rem;

    --text-base--line-height: calc(1.5 / 1);

    --text-lg: 1.125rem;

    --text-lg--line-height: calc(1.75 / 1.125);

    --text-xl: 1.25rem;

    --text-xl--line-height: calc(1.75 / 1.25);

    --text-2xl: 1.5rem;

    --text-2xl--line-height: calc(2 / 1.5);

    --text-3xl: 1.875rem;

    --text-3xl--line-height: calc(2.25 / 1.875);

    --text-4xl: 2.25rem;

    --text-4xl--line-height: calc(2.5 / 2.25);

    --text-5xl: 3rem;

    --text-5xl--line-height: 1;

    --text-6xl: 3.75rem;

    --text-6xl--line-height: 1;

    --text-7xl: 4.5rem;

    --text-7xl--line-height: 1;

    --text-8xl: 6rem;

    --text-8xl--line-height: 1;

    --text-9xl: 8rem;

    --text-9xl--line-height: 1;

    --font-weight-thin: 100;

    --font-weight-extralight: 200;

    --font-weight-light: 300;

    --font-weight-normal: 400;

    --font-weight-medium: 500;

    --font-weight-semibold: 600;

    --font-weight-bold: 700;

    --font-weight-extrabold: 800;

    --font-weight-black: 900;

    --tracking-tighter: -0.05em;

    --tracking-tight: -0.025em;

    --tracking-normal: 0em;

    --tracking-wide: 0.025em;

    --tracking-wider: 0.05em;

    --tracking-widest: 0.1em;

    --leading-tight: 1.25;

    --leading-snug: 1.375;

    --leading-normal: 1.5;

    --leading-relaxed: 1.625;

    --leading-loose: 2;

    --radius-xs: 0.125rem;

    --radius-sm: 0.25rem;

    --radius-md: 0.375rem;

    --radius-lg: 0.5rem;

    --radius-xl: 0.75rem;

    --radius-2xl: 1rem;

    --radius-3xl: 1.5rem;

    --ease-in: cubic-bezier(0.4, 0, 1, 1);

    --ease-out: cubic-bezier(0, 0, 0.2, 1);

    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

    --animate-spin: spin 1s linear infinite;

    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;

    --blur-xs: 4px;

    --default-transition-duration: 150ms;

    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    --default-font-family: var(--font-sans);

    --default-mono-font-family: var(--font-mono);

    --color-clear: rgb(0 0 0 /0);

    --color-amber-300: #BB4D00;

    --color-coral-60: #FFA69F;

    --color-coral-100: #FF6A5F;

    --color-coral-110: #FF493C;

    --color-coral-120: #FF4A3D;

    --color-burgundy-60: #996691;

    --color-burgundy-70: #884D7E;

    --color-burgundy-100: #550047;

    --color-beige-10: #FEFEFD;

    --color-beige-20: #FDFBF8;

    --color-beige-60: #FAF8F1;

    --color-beige-100: #F7F3E7;

    --color-pink-50: #FAE5EE;

    --color-pink-100: #F5CADD;

    --color-sky-blue-50: #BFECFF;

    --color-sky-blue-100: #7ED8FF;

    --color-sky-blue-160: #006A98;

    --color-black-100: #2D1B2C;

    --color-black-25: color-mix(in srgb, #2D1B2C 25%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {

    :root, :host {

      --color-black-25: color-mix(in oklab, var(--color-black-100) 25%, transparent);
    }
  }

  :root, :host {

    --color-black-75: color-mix(in srgb, #2D1B2C 75%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {

    :root, :host {

      --color-black-75: color-mix(in oklab, var(--color-black-100) 75%, transparent);
    }
  }

  :root, :host {

    --color-white-100: #FFFFFF;

    --color-red-600: #D9534F;

    --color-red-700: #C10007;

    --color-green-600: #28A745;

    --color-green-700: #008236;

    --color-text-base: var(--color-black-100);

    --color-text-inverted: var(--color-white-100);

    --color-text-disabled: var(--color-black-75);

    --color-text-muted: var(--color-black-25);

    --color-link: var(--color-sky-blue-160);

    --color-link-visited: var(--color-burgundy-100);

    --color-accent-primary: var(--color-coral-100);

    --color-accent-primary-contrast: var(--color-coral-120);

    --color-accent-primary-muted: var(--color-coral-60);

    --color-accent-primary-hover: var(--color-coral-110);

    --color-accent-primary-hover-shadow: var(--color-coral-60);

    --color-accent-primary-border-focus: var(--color-burgundy-70);

    --color-accent-secondary: var(--color-burgundy-100);

    --color-accent-secondary-contrast: var(--color-beige-10);

    --color-accent-secondary-muted: var(--color-burgundy-70);

    --color-accent-secondary-hover-shadow: var(--color-burgundy-60);

    --color-accent-secondary-border-focus: var(--color-pink-50);

    --color-accent-tertiary: var(--color-sky-blue-100);

    --color-accent-quaternary: var(--color-pink-100);

    --color-success: var(--color-green-700);

    --color-warning: var(--color-amber-300);

    --color-error: var(--color-red-700);

    --color-info: var(--color-sky-blue-100);

    --color-bg-primary: var(--color-beige-10);

    --color-bg-input: var(--color-beige-60);

    --color-bg-input-dark: var(--color-beige-100);

    --color-bg-input-focus: var(--color-beige-10);

    --color-bg-input-disabled: var(--color-black-25);

    --color-bg-clear: var(--color-white-100);

    --color-bg-accented: var(--color-coral-100);

    --color-bg-inverted: var(--color-burgundy-100);

    --color-bg-card: var(--color-white-100);

    --color-bg-section-medium: var(--color-beige-60);

    --color-bg-section-dark: var(--color-beige-100);

    --color-bg-list-item: var(--color-beige-20);

    --spacing-container-gutter: 1rem;

    --spacing-container-gutter-sm: 1.5rem;

    --spacing-container-gutter-md: 1.5rem;

    --spacing-container-gutter-lg: 1.5rem;

    --spacing-container-gutter-xl: 2rem;

    --spacing-container-gutter-2xl: 2rem;

    --spacing-block-outer-desktop: 3rem;

    --spacing-block-outer-tablet: 3rem;

    --spacing-block-outer-mobile: 3rem;

    --spacing-block-inner-desktop: 1rem;

    --spacing-block-inner-tablet: 1rem;

    --spacing-block-inner-mobile: 1rem;

    --font-figtree: "Figtree", sans-serif;

    --font-kindness: "Kindness Matters", "Kindness Solid";

    --font-fontawesome: "Font Awesome 6 Free";

    --font-body: var(--font-figtree);

    --font-display: var(--font-kindness);

    --fa-display: inline-flex;
  }
}

@layer base {

  *, ::after, ::before, ::backdrop, ::file-selector-button {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    border: 0 solid;
  }

  html, :host {

    line-height: 1.5;

    -webkit-text-size-adjust: 100%;

    -moz-tab-size: 4;

      -o-tab-size: 4;

         tab-size: 4;

    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");

    font-feature-settings: normal;

    font-feature-settings: var(--default-font-feature-settings, normal);

    font-variation-settings: normal;

    font-variation-settings: var(--default-font-variation-settings, normal);

    -webkit-tap-highlight-color: transparent;
  }

  hr {

    height: 0;

    color: inherit;

    border-top-width: 1px;
  }

  abbr:where([title]) {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {

    font-size: inherit;

    font-weight: inherit;
  }

  a {

    color: inherit;

    -webkit-text-decoration: inherit;

    text-decoration: inherit;
  }

  b, strong {

    font-weight: bolder;
  }

  code, kbd, samp, pre {

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

    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);

    font-feature-settings: normal;

    font-feature-settings: var(--default-mono-font-feature-settings, normal);

    font-variation-settings: normal;

    font-variation-settings: var(--default-mono-font-variation-settings, normal);

    font-size: 1em;
  }

  small {

    font-size: 80%;
  }

  sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;
  }

  sub {

    bottom: -0.25em;
  }

  sup {

    top: -0.5em;
  }

  table {

    text-indent: 0;

    border-color: inherit;

    border-collapse: collapse;
  }

  :-moz-focusring {

    outline: auto;
  }

  progress {

    vertical-align: baseline;
  }

  summary {

    display: list-item;
  }

  ol, ul, menu {

    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {

    display: block;

    vertical-align: middle;
  }

  img, video {

    max-width: 100%;

    height: auto;
  }

  button, input, select, optgroup, textarea, ::file-selector-button {

    font: inherit;

    font-feature-settings: inherit;

    font-variation-settings: inherit;

    letter-spacing: inherit;

    color: inherit;

    border-radius: 0;

    background-color: transparent;

    opacity: 1;
  }

  :where(select:is([multiple], [size])) optgroup {

    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {

    padding-inline-start: 20px;
  }

  ::file-selector-button {

    margin-inline-end: 4px;
  }

  ::-moz-placeholder {

    opacity: 1;
  }

  ::placeholder {

    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {

    ::-moz-placeholder {

      color: currentcolor;
    }

    ::placeholder {

      color: currentcolor;
    }

    @supports (color: color-mix(in lab, red, red)) {

      ::-moz-placeholder {

        color: color-mix(in oklab, currentcolor 50%, transparent);
      }

      ::placeholder {

        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {

    resize: vertical;
  }

  ::-webkit-search-decoration {

    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {

    min-height: 1lh;

    text-align: inherit;
  }

  ::-webkit-datetime-edit {

    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {

    padding: 0;
  }

  ::-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-block: 0;
  }

  ::-webkit-calendar-picker-indicator {

    line-height: 1;
  }

  :-moz-ui-invalid {

    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {

    -webkit-appearance: button;

       -moz-appearance: button;

            appearance: button;
  }

  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {

    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {

    display: none !important;
  }
}

@layer utilities {

  .collapse {

    visibility: collapse;
  }

  .invisible {

    visibility: hidden;
  }

  .visible {

    visibility: visible;
  }

  .section--header {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-items: stretch;

    position: absolute;

    top: calc(0.25rem * 0);

    top: calc(var(--spacing) * 0);

    right: calc(0.25rem * 0);

    right: calc(var(--spacing) * 0);

    left: calc(0.25rem * 0);

    left: calc(var(--spacing) * 0);

    z-index: 10;

    height: calc(0.25rem * 16);

    height: calc(var(--spacing) * 16);
  }

  @media (min-width: 80rem) {

    .section--header {

      position: static;
    }
  }

  @media (min-width: 80rem) {

    .section--header {

      height: calc(0.25rem * 20);

      height: calc(var(--spacing) * 20);
    }
  }

  .section--header {

    background-color: #FFFFFF;

    background-color: var(--color-bg-clear);
  }

  .sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip-path: inset(50%);

    white-space: nowrap;

    border-width: 0;
  }

  .section--header--sticky {

    position: fixed;
  }

  @media (min-width: 80rem) {

    .section--header--sticky {

      position: static;
    }
  }

  .absolute {

    position: absolute;
  }

  .fixed {

    position: fixed;
  }

  .relative {

    position: relative;
  }

  .static {

    position: static;
  }

  .static\! {

    position: static !important;
  }

  .sticky {

    position: sticky;
  }

  .inset-0 {

    inset: calc(0.25rem * 0);

    inset: calc(var(--spacing) * 0);
  }

  .inset-0\! {

    inset: calc(0.25rem * 0) !important;

    inset: calc(var(--spacing) * 0) !important;
  }

  .start-0 {

    inset-inline-start: calc(0.25rem * 0);

    inset-inline-start: calc(var(--spacing) * 0);
  }

  .top-0 {

    top: calc(0.25rem * 0);

    top: calc(var(--spacing) * 0);
  }

  .top-3\! {

    top: calc(0.25rem * 3) !important;

    top: calc(var(--spacing) * 3) !important;
  }

  .top-16 {

    top: calc(0.25rem * 16);

    top: calc(var(--spacing) * 16);
  }

  .right-0 {

    right: calc(0.25rem * 0);

    right: calc(var(--spacing) * 0);
  }

  .bottom-0 {

    bottom: calc(0.25rem * 0);

    bottom: calc(var(--spacing) * 0);
  }

  .bottom-\[60px\] {

    bottom: 60px;
  }

  .left-0 {

    left: calc(0.25rem * 0);

    left: calc(var(--spacing) * 0);
  }

  .z-10 {

    z-index: 10;
  }

  .z-20 {

    z-index: 20;
  }

  .z-30 {

    z-index: 30;
  }

  .z-40 {

    z-index: 40;
  }

  .z-50 {

    z-index: 50;
  }

  .order-1 {

    order: 1;
  }

  .order-2 {

    order: 2;
  }

  .order-3 {

    order: 3;
  }

  .order-4 {

    order: 4;
  }

  .col-span-1 {

    grid-column: span 1 / span 1;
  }

  .col-span-2 {

    grid-column: span 2 / span 2;
  }

  .col-span-5 {

    grid-column: span 5 / span 5;
  }

  .col-span-6 {

    grid-column: span 6 / span 6;
  }

  .col-span-7 {

    grid-column: span 7 / span 7;
  }

  .col-span-11 {

    grid-column: span 11 / span 11;
  }

  .col-span-12 {

    grid-column: span 12 / span 12;
  }

  .nct-container {

    width: 100%;
  }

  @media (min-width: 40rem) {

    .nct-container {

      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {

    .nct-container {

      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {

    .nct-container {

      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {

    .nct-container {

      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {

    .nct-container {

      max-width: 96rem;
    }
  }

  .nct-container {

    margin-inline: auto;

    padding-inline: 1rem;

    padding-inline: var(--spacing-container-gutter);
  }

  @media (min-width: 40rem) {

    .nct-container {

      padding-inline: 1.5rem;

      padding-inline: var(--spacing-container-gutter-sm);
    }
  }

  @media (min-width: 48rem) {

    .nct-container {

      padding-inline: 1.5rem;

      padding-inline: var(--spacing-container-gutter-md);
    }
  }

  @media (min-width: 64rem) {

    .nct-container {

      padding-inline: 1.5rem;

      padding-inline: var(--spacing-container-gutter-lg);
    }
  }

  @media (min-width: 80rem) {

    .nct-container {

      padding-inline: 2rem;

      padding-inline: var(--spacing-container-gutter-xl);
    }
  }

  @media (min-width: 96rem) {

    .nct-container {

      max-width: 80rem !important;

      max-width: var(--container-7xl) !important;
    }
  }

  @media (min-width: 96rem) {

    .nct-container {

      padding-inline: 2rem;

      padding-inline: var(--spacing-container-gutter-2xl);
    }
  }

  .container {

    width: 100%;
  }

  @media (min-width: 40rem) {

    .container {

      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {

    .container {

      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {

    .container {

      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {

    .container {

      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {

    .container {

      max-width: 96rem;
    }
  }

  .m-0 {

    margin: calc(0.25rem * 0);

    margin: calc(var(--spacing) * 0);
  }

  .section--footer {

    padding-block: calc(0.25rem * 12);

    padding-block: calc(var(--spacing) * 12);
  }

  .section--footer .section--footer-wrapper {

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 12);

    gap: calc(var(--spacing) * 12);
  }

  .section--footer .section--footer-main {

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 8);

    gap: calc(var(--spacing) * 8);
  }

  @media (min-width: 64rem) {

    .section--footer .section--footer-main {

      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {

    .section--footer .section--footer-main {

      justify-content: stretch;
    }
  }

  .section--footer .section--footer-bottom {

    margin-inline: calc(0.25rem * 3);

    margin-inline: calc(var(--spacing) * 3);

    border-top-style: var(--tw-border-style);

    border-top-width: 1px;

    padding-top: calc(0.25rem * 4);

    padding-top: calc(var(--spacing) * 4);
  }

  :is(.section--footer .section--footer-bottom) p {

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: calc(1.25 / 0.875);

    line-height: var(--tw-leading, var(--text-sm--line-height));

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);
  }

  :is(:is(.section--footer .section--footer-bottom) .menu--nct3-bottom) ul {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);

    padding: calc(0.25rem * 0);

    padding: calc(var(--spacing) * 0);
  }

  @media (min-width: 64rem) {

    :is(:is(.section--footer .section--footer-bottom) .menu--nct3-bottom) ul {

      justify-content: flex-end;
    }
  }

  :is(:is(:is(.section--footer .section--footer-bottom) .menu--nct3-bottom) ul) li {

    display: inline-flex;

    height: calc(0.25rem * 6);

    height: calc(var(--spacing) * 6);

    list-style-type: none;

    align-items: center;

    justify-content: center;
  }

  :is(:is(:is(:is(.section--footer .section--footer-bottom) .menu--nct3-bottom) ul) li) a {

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: calc(1.25 / 0.875);

    line-height: var(--tw-leading, var(--text-sm--line-height));

    --tw-font-weight: var(--font-weight-medium);

    font-weight: 500;

    font-weight: var(--font-weight-medium);
  }

  .section--footer .section--footer-branding {

    padding-inline: calc(0.25rem * 3);

    padding-inline: calc(var(--spacing) * 3);
  }

  :is(.section--footer .section--footer-branding) .site-branding__slogan {

    padding-inline: calc(0.25rem * 3);

    padding-inline: calc(var(--spacing) * 3);

    font-size: 1.25rem;

    font-size: var(--text-xl);

    line-height: calc(1.75 / 1.25);

    line-height: var(--tw-leading, var(--text-xl--line-height));

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  @media (min-width: 40rem) {

    :is(.section--footer .section--footer-branding) .site-branding__slogan {

      width: 400px;
    }
  }

  @media (min-width: 64rem) {

    :is(.section--footer .section--footer-branding) .site-branding__slogan {

      width: 320px;
    }
  }

  @media (min-width: 80rem) {

    :is(.section--footer .section--footer-branding) .site-branding__slogan {

      width: 385px;
    }
  }

  :is(.section--footer .section--footer-branding) .social-links {

    display: flex;

    flex-direction: row;

    gap: calc(0.25rem * 3);

    gap: calc(var(--spacing) * 3);

    padding-inline: calc(0.25rem * 3);

    padding-inline: calc(var(--spacing) * 3);

    font-size: 1.5rem;

    font-size: var(--text-2xl);

    line-height: calc(2 / 1.5);

    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  :is(:is(.section--footer .section--footer-branding) .social-links) a {

    display: inline-flex;

    height: calc(0.25rem * 11);

    height: calc(var(--spacing) * 11);

    width: calc(0.25rem * 11);

    width: calc(var(--spacing) * 11);

    align-items: center;

    justify-content: center;

    text-decoration-line: none;
  }

  .section--footer .section--footer-links {

    width: 100%;
  }

  :is(.section--footer .section--footer-links) .navigation {

    padding-inline: calc(0.25rem * 3);

    padding-inline: calc(var(--spacing) * 3);
  }

  :is(:is(.section--footer .section--footer-links) .navigation) ul {

    padding: calc(0.25rem * 0);

    padding: calc(var(--spacing) * 0);
  }

  :is(:is(:is(.section--footer .section--footer-links) .navigation) ul) li {

    list-style-type: none;
  }

  .section--footer.footer--primary {

    background-color: #FF6A5F;

    background-color: var(--color-bg-accented);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  .section--footer.footer--primary a,.section--footer.footer--primary a:visited {

    color: #550047;

    color: var(--color-accent-secondary);

    text-decoration-color: #550047;

    text-decoration-color: var(--color-accent-secondary);
  }

  :is(.section--footer.footer--primary .site-branding__logo) svg {

    fill: #550047;

    fill: var(--color-accent-secondary);
  }

  .section--footer.footer--primary .section--footer-bottom {

    border-color: #550047;

    border-color: var(--color-accent-secondary);
  }

  :is(.section--footer.footer--primary .section--footer-bottom) p {

    color: #550047;

    color: var(--color-accent-secondary);
  }

  .section--footer.footer--secondary {

    background-color: #550047;

    background-color: var(--color-bg-inverted);

    color: #FF6A5F;

    color: var(--color-accent-primary);
  }

  .section--footer.footer--secondary a,.section--footer.footer--secondary a:visited {

    color: #FFFFFF;

    color: var(--color-text-inverted);

    text-decoration-color: #FFFFFF;

    text-decoration-color: var(--color-text-inverted);
  }

  .section--footer.footer--secondary .site-branding__logo {

    color: #FFFFFF;

    color: var(--color-white-100);
  }

  .section--footer.footer--secondary .section--footer-bottom {

    border-color: #FFFFFF;

    border-color: var(--color-text-inverted);
  }

  :is(.section--footer.footer--secondary .section--footer-bottom) p {

    color: #FF6A5F;

    color: var(--color-accent-primary);
  }

  .mx-2 {

    margin-inline: calc(0.25rem * 2);

    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-auto {

    margin-inline: auto;
  }

  .my-0 {

    margin-block: calc(0.25rem * 0);

    margin-block: calc(var(--spacing) * 0);
  }

  .my-1 {

    margin-block: calc(0.25rem * 1);

    margin-block: calc(var(--spacing) * 1);
  }

  .ms-1\.5 {

    margin-inline-start: calc(0.25rem * 1.5);

    margin-inline-start: calc(var(--spacing) * 1.5);
  }

  .mt-0 {

    margin-top: calc(0.25rem * 0);

    margin-top: calc(var(--spacing) * 0);
  }

  .mt-1 {

    margin-top: calc(0.25rem * 1);

    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {

    margin-top: calc(0.25rem * 2);

    margin-top: calc(var(--spacing) * 2);
  }

  .mt-4 {

    margin-top: calc(0.25rem * 4);

    margin-top: calc(var(--spacing) * 4);
  }

  .mr-1 {

    margin-right: calc(0.25rem * 1);

    margin-right: calc(var(--spacing) * 1);
  }

  .mr-2 {

    margin-right: calc(0.25rem * 2);

    margin-right: calc(var(--spacing) * 2);
  }

  .content-boxes {

    border-style: var(--tw-border-style);

    border-width: 2px;

    border-color: #884D7E;

    border-color: var(--color-burgundy-70);

    border-radius: 1.5rem;

    border-radius: var(--radius-3xl);

    padding: calc(0.25rem * 5);

    padding: calc(var(--spacing) * 5);

    margin-bottom: calc(0.25rem * 4);

    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-0 {

    margin-bottom: calc(0.25rem * 0);

    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-1 {

    margin-bottom: calc(0.25rem * 1);

    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {

    margin-bottom: calc(0.25rem * 2);

    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {

    margin-bottom: calc(0.25rem * 2.5);

    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {

    margin-bottom: calc(0.25rem * 3);

    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {

    margin-bottom: calc(0.25rem * 4);

    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {

    margin-bottom: calc(0.25rem * 5);

    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {

    margin-bottom: calc(0.25rem * 6);

    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {

    margin-bottom: calc(0.25rem * 8);

    margin-bottom: calc(var(--spacing) * 8);
  }

  .ml-1 {

    margin-left: calc(0.25rem * 1);

    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {

    margin-left: calc(0.25rem * 2);

    margin-left: calc(var(--spacing) * 2);
  }

  .section--header--navbar-mobile {

    display: flex;

    flex-direction: column;

    place-content: space-between;

    height: calc(100vh - 0.25rem * 35);

    height: calc(100vh - var(--spacing) * 35);
  }

  .section--header--navbar-mobile .nav-list {

    max-height: calc(100vh - 0.25rem * 56);

    max-height: calc(100vh - var(--spacing) * 56);

    overflow-y: auto;
  }

  .pager__item {

    list-style-type: none;
  }

  .pager__item a {

    display: flex;

    height: calc(0.25rem * 8);

    height: calc(var(--spacing) * 8);

    width: calc(0.25rem * 8);

    width: calc(var(--spacing) * 8);

    align-items: center;

    justify-content: center;

    border-radius: 0.125rem;

    border-radius: var(--radius-xs);

    background-color: #F7F3E7;

    background-color: var(--color-bg-input-dark);

    color: #550047;

    color: var(--color-accent-secondary);

    text-decoration-line: none;
  }

  @media (min-width: 48rem) {

    .pager__item a {

      height: calc(0.25rem * 11);

      height: calc(var(--spacing) * 11);
    }
  }

  @media (min-width: 48rem) {

    .pager__item a {

      width: calc(0.25rem * 11);

      width: calc(var(--spacing) * 11);
    }
  }

  @media (hover: hover) {

    :is(.pager__item a):hover {

      outline-style: var(--tw-outline-style);

      outline-width: 1px;
    }
  }

  @media (hover: hover) {

    :is(.pager__item a):hover {

      outline-color: #550047;

      outline-color: var(--color-accent-secondary);
    }
  }

  :is(.pager__item a):focus {

    text-decoration-line: none;
  }

  :is(.pager__item a):focus {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  :is(.pager__item a):focus {

    outline-color: #550047;

    outline-color: var(--color-accent-secondary);
  }

  :is(.pager__item a):focus {

    --tw-outline-style: solid;

    outline-style: solid;
  }

  :is(.pager__item a)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(.pager__item a)[data-focus-visible-added] {

    outline-style: var(--tw-outline-style) !important;

    outline-width: 1px !important;
  }

  :is(.pager__item a):focus-visible {

    outline-style: var(--tw-outline-style) !important;

    outline-width: 1px !important;
  }

  .pager__item.is-active a {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;

    outline-color: #550047;

    outline-color: var(--color-accent-secondary);
  }

  .pager__item.pager__item--ellipsis {

    display: flex;

    align-items: center;

    justify-content: center;

    color: #550047;

    color: var(--color-accent-secondary);
  }

  .arrow-inline::after {

    content: "";

    background-image: url("../media/icons/arrow-right.svg");

    display: inline-block;

    height: calc(0.25rem * 6);

    height: calc(var(--spacing) * 6);

    width: calc(0.25rem * 6);

    width: calc(var(--spacing) * 6);

    background-size: cover;

    vertical-align: middle;
  }

  .btn {

    display: inline-flex;

    min-width: calc(0.25rem * 28);

    min-width: calc(var(--spacing) * 28);

    cursor: pointer;

    align-items: center;

    justify-content: center;

    border-radius: calc(infinity * 1px);

    padding-inline: calc(0.25rem * 4);

    padding-inline: calc(var(--spacing) * 4);

    padding-block: calc(0.25rem * 2);

    padding-block: calc(var(--spacing) * 2);

    text-align: center;

    text-decoration-line: none;
  }

  .button {

    display: inline-flex;

    min-width: calc(0.25rem * 28);

    min-width: calc(var(--spacing) * 28);

    cursor: pointer;

    align-items: center;

    justify-content: center;

    border-radius: calc(infinity * 1px);

    padding-inline: calc(0.25rem * 4);

    padding-inline: calc(var(--spacing) * 4);

    padding-block: calc(0.25rem * 2);

    padding-block: calc(var(--spacing) * 2);

    text-align: center;

    text-decoration-line: none;
  }

  .pager__items {

    display: flex;

    list-style-type: none;

    flex-direction: row;

    gap: calc(0.25rem * 2);

    gap: calc(var(--spacing) * 2);

    padding-left: calc(0.25rem * 0);

    padding-left: calc(var(--spacing) * 0);
  }

  .pager {

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .line-clamp-2 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;
  }

  .line-clamp-3 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;
  }

  .block {

    display: block;
  }

  .contents {

    display: contents;
  }

  .flex {

    display: flex;
  }

  .grid {

    display: grid;
  }

  .hidden {

    display: none;
  }

  .inline {

    display: inline;
  }

  .inline-block {

    display: inline-block;
  }

  .inline-flex {

    display: inline-flex;
  }

  .table {

    display: table;
  }

  .h-4 {

    height: calc(0.25rem * 4);

    height: calc(var(--spacing) * 4);
  }

  .h-6 {

    height: calc(0.25rem * 6);

    height: calc(var(--spacing) * 6);
  }

  .h-9 {

    height: calc(0.25rem * 9);

    height: calc(var(--spacing) * 9);
  }

  .h-10 {

    height: calc(0.25rem * 10);

    height: calc(var(--spacing) * 10);
  }

  .h-11 {

    height: calc(0.25rem * 11);

    height: calc(var(--spacing) * 11);
  }

  .h-14 {

    height: calc(0.25rem * 14);

    height: calc(var(--spacing) * 14);
  }

  .h-20 {

    height: calc(0.25rem * 20);

    height: calc(var(--spacing) * 20);
  }

  .h-70 {

    height: calc(0.25rem * 70);

    height: calc(var(--spacing) * 70);
  }

  .h-full {

    height: 100%;
  }

  .max-h-8 {

    max-height: calc(0.25rem * 8);

    max-height: calc(var(--spacing) * 8);
  }

  .max-h-32 {

    max-height: calc(0.25rem * 32);

    max-height: calc(var(--spacing) * 32);
  }

  .min-h-6 {

    min-height: calc(0.25rem * 6);

    min-height: calc(var(--spacing) * 6);
  }

  .min-h-96 {

    min-height: calc(0.25rem * 96);

    min-height: calc(var(--spacing) * 96);
  }

  .min-h-full {

    min-height: 100%;
  }

  .w-1\/2 {

    width: calc(1/2 * 100%);
  }

  .w-4 {

    width: calc(0.25rem * 4);

    width: calc(var(--spacing) * 4);
  }

  .w-6 {

    width: calc(0.25rem * 6);

    width: calc(var(--spacing) * 6);
  }

  .w-9 {

    width: calc(0.25rem * 9);

    width: calc(var(--spacing) * 9);
  }

  .w-10 {

    width: calc(0.25rem * 10);

    width: calc(var(--spacing) * 10);
  }

  .w-20 {

    width: calc(0.25rem * 20);

    width: calc(var(--spacing) * 20);
  }

  .w-64 {

    width: calc(0.25rem * 64);

    width: calc(var(--spacing) * 64);
  }

  .w-94 {

    width: calc(0.25rem * 94);

    width: calc(var(--spacing) * 94);
  }

  .w-\[185px\] {

    width: 185px;
  }

  .w-full {

    width: 100%;
  }

  .max-w-28 {

    max-width: calc(0.25rem * 28);

    max-width: calc(var(--spacing) * 28);
  }

  .max-w-46 {

    max-width: calc(0.25rem * 46);

    max-width: calc(var(--spacing) * 46);
  }

  .max-w-48 {

    max-width: calc(0.25rem * 48);

    max-width: calc(var(--spacing) * 48);
  }

  .max-w-max {

    max-width: -moz-max-content;

    max-width: max-content;
  }

  .max-w-xs {

    max-width: 20rem;

    max-width: var(--container-xs);
  }

  .min-w-6 {

    min-width: calc(0.25rem * 6);

    min-width: calc(var(--spacing) * 6);
  }

  .min-w-20 {

    min-width: calc(0.25rem * 20);

    min-width: calc(var(--spacing) * 20);
  }

  .min-w-94 {

    min-width: calc(0.25rem * 94);

    min-width: calc(var(--spacing) * 94);
  }

  .flex-1 {

    flex: 1;
  }

  .flex-none {

    flex: none;
  }

  .shrink {

    flex-shrink: 1;
  }

  .shrink-0 {

    flex-shrink: 0;
  }

  .grow {

    flex-grow: 1;
  }

  .-translate-x-full {

    --tw-translate-x: -100%;

    translate: -100% var(--tw-translate-y);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {

    --tw-translate-x: calc(var(--spacing) * 0);

    translate: calc(0.25rem * 0) var(--tw-translate-y);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {

    --tw-translate-x: 100%;

    translate: 100% var(--tw-translate-y);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-full {

    --tw-translate-y: -100%;

    translate: var(--tw-translate-x) -100%;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-full {

    --tw-translate-y: 100%;

    translate: var(--tw-translate-x) 100%;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-90 {

    rotate: 90deg;
  }

  .rotate-180 {

    rotate: 180deg;
  }

  .rotate-270 {

    rotate: 270deg;
  }

  .transform {

    transform:          ;

    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }

  .transform-none {

    transform: none;
  }

  .transform-none\! {

    transform: none !important;
  }

  .btn-primary {

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 2px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #550047;

    border-color: var(--color-accent-secondary);

    background-color: #FF6A5F;

    background-color: var(--color-accent-primary);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  @media (hover: hover) {

    .btn-primary:hover {

      background-color: #FF493C;

      background-color: var(--color-accent-primary-hover);
    }
  }

  .btn-primary:focus {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  .btn-primary:focus {

    border-color: #884D7E;

    border-color: var(--color-accent-primary-border-focus);
  }

  .btn-primary:focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  .btn-primary[data-focus-visible-added].js-focus-visible, .js-focus-visible .btn-primary[data-focus-visible-added] {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  .btn-primary:focus-visible {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  .btn-primary[data-focus-visible-added].js-focus-visible, .js-focus-visible .btn-primary[data-focus-visible-added] {

    --tw-outline-style: none;

    outline-style: none;
  }

  .btn-primary:focus-visible {

    --tw-outline-style: none;

    outline-style: none;
  }

  .btn-primary:active {

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  .btn-primary:active {

    --tw-shadow: inset 0px 2px 4px 0px var(--tw-shadow-color, var(--color-accent-primary-muted));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), inset 0px 2px 4px 0px #FFA69F;

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .btn-primary:disabled {

    cursor: not-allowed;
  }

  .btn-primary:disabled {

    border-color: #FFA69F;

    border-color: var(--color-accent-primary-muted);
  }

  .btn-primary:disabled {

    background-color: #FFA69F;

    background-color: var(--color-accent-primary-muted);
  }

  .btn-primary:disabled {

    color: color-mix(in srgb, #2D1B2C 25%, transparent);

    color: var(--color-text-muted);
  }

  .btn-primary:hover {

    box-shadow: 0 2px 4px -2px #FFA69F, 0 4px 6px -1px #FFA69F;

    box-shadow: 0 2px 4px -2px var(--color-accent-primary-hover-shadow), 0 4px 6px -1px var(--color-accent-primary-hover-shadow);
  }

  .btn-success {

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 2px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #550047;

    border-color: var(--color-accent-secondary);

    background-color: #FF6A5F;

    background-color: var(--color-accent-primary);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  @media (hover: hover) {

    .btn-success:hover {

      background-color: #FF493C;

      background-color: var(--color-accent-primary-hover);
    }
  }

  .btn-success:focus {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  .btn-success:focus {

    border-color: #884D7E;

    border-color: var(--color-accent-primary-border-focus);
  }

  .btn-success:focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  .btn-success[data-focus-visible-added].js-focus-visible, .js-focus-visible .btn-success[data-focus-visible-added] {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  .btn-success:focus-visible {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  .btn-success[data-focus-visible-added].js-focus-visible, .js-focus-visible .btn-success[data-focus-visible-added] {

    --tw-outline-style: none;

    outline-style: none;
  }

  .btn-success:focus-visible {

    --tw-outline-style: none;

    outline-style: none;
  }

  .btn-success:active {

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  .btn-success:active {

    --tw-shadow: inset 0px 2px 4px 0px var(--tw-shadow-color, var(--color-accent-primary-muted));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), inset 0px 2px 4px 0px #FFA69F;

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .btn-success:disabled {

    cursor: not-allowed;
  }

  .btn-success:disabled {

    border-color: #FFA69F;

    border-color: var(--color-accent-primary-muted);
  }

  .btn-success:disabled {

    background-color: #FFA69F;

    background-color: var(--color-accent-primary-muted);
  }

  .btn-success:disabled {

    color: color-mix(in srgb, #2D1B2C 25%, transparent);

    color: var(--color-text-muted);
  }

  .btn-success:hover {

    box-shadow: 0 2px 4px -2px #FFA69F, 0 4px 6px -1px #FFA69F;

    box-shadow: 0 2px 4px -2px var(--color-accent-primary-hover-shadow), 0 4px 6px -1px var(--color-accent-primary-hover-shadow);
  }

  .button--primary {

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 2px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #550047;

    border-color: var(--color-accent-secondary);

    background-color: #FF6A5F;

    background-color: var(--color-accent-primary);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  @media (hover: hover) {

    .button--primary:hover {

      background-color: #FF493C;

      background-color: var(--color-accent-primary-hover);
    }
  }

  .button--primary:focus {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  .button--primary:focus {

    border-color: #884D7E;

    border-color: var(--color-accent-primary-border-focus);
  }

  .button--primary:focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  .button--primary[data-focus-visible-added].js-focus-visible, .js-focus-visible .button--primary[data-focus-visible-added] {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  .button--primary:focus-visible {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  .button--primary[data-focus-visible-added].js-focus-visible, .js-focus-visible .button--primary[data-focus-visible-added] {

    --tw-outline-style: none;

    outline-style: none;
  }

  .button--primary:focus-visible {

    --tw-outline-style: none;

    outline-style: none;
  }

  .button--primary:active {

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  .button--primary:active {

    --tw-shadow: inset 0px 2px 4px 0px var(--tw-shadow-color, var(--color-accent-primary-muted));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), inset 0px 2px 4px 0px #FFA69F;

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .button--primary:disabled {

    cursor: not-allowed;
  }

  .button--primary:disabled {

    border-color: #FFA69F;

    border-color: var(--color-accent-primary-muted);
  }

  .button--primary:disabled {

    background-color: #FFA69F;

    background-color: var(--color-accent-primary-muted);
  }

  .button--primary:disabled {

    color: color-mix(in srgb, #2D1B2C 25%, transparent);

    color: var(--color-text-muted);
  }

  .button--primary:hover {

    box-shadow: 0 2px 4px -2px #FFA69F, 0 4px 6px -1px #FFA69F;

    box-shadow: 0 2px 4px -2px var(--color-accent-primary-hover-shadow), 0 4px 6px -1px var(--color-accent-primary-hover-shadow);
  }

  .button--secondary {

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 2px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #550047;

    border-color: var(--color-accent-secondary);

    background-color: #550047;

    background-color: var(--color-accent-secondary);

    color: #FFFFFF;

    color: var(--color-text-inverted);
  }

  @media (hover: hover) {

    .button--secondary:hover {

      background-color: #550047;

      background-color: var(--color-accent-secondary);
    }
  }

  .button--secondary:focus {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  .button--secondary:focus {

    border-color: #FAE5EE;

    border-color: var(--color-accent-secondary-border-focus);
  }

  .button--secondary:focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  .button--secondary[data-focus-visible-added].js-focus-visible, .js-focus-visible .button--secondary[data-focus-visible-added] {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  .button--secondary:focus-visible {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  .button--secondary[data-focus-visible-added].js-focus-visible, .js-focus-visible .button--secondary[data-focus-visible-added] {

    --tw-outline-style: none;

    outline-style: none;
  }

  .button--secondary:focus-visible {

    --tw-outline-style: none;

    outline-style: none;
  }

  .button--secondary:active {

    --tw-shadow: inset 0px 2px 4px 0px var(--tw-shadow-color, var(--color-accent-secondary-muted));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), inset 0px 2px 4px 0px #884D7E;

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .button--secondary:disabled {

    cursor: not-allowed;
  }

  .button--secondary:disabled {

    border-color: #884D7E;

    border-color: var(--color-accent-secondary-muted);
  }

  .button--secondary:disabled {

    background-color: #884D7E;

    background-color: var(--color-accent-secondary-muted);
  }

  .button--secondary:disabled {

    color: color-mix(in srgb, #FFFFFF 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .button--secondary:disabled {

      color: color-mix(in oklab, #FFFFFF 50%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.button--secondary:disabled {

        color: color-mix(in oklab, var(--color-text-inverted) 50%, transparent);
      }
}
  }

  .button--secondary:hover {

    box-shadow: 0 2px 4px -2px #996691, 0 4px 6px -1px #996691;

    box-shadow: 0 2px 4px -2px var(--color-accent-secondary-hover-shadow), 0 4px 6px -1px var(--color-accent-secondary-hover-shadow);
  }

  .button--outline {

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 2px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #550047;

    border-color: var(--color-accent-secondary);

    background-color: transparent;

    color: #550047;

    color: var(--color-accent-secondary);
  }

  .button--outline:focus {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  .button--outline:focus {

    border-color: #550047;

    border-color: var(--color-accent-secondary);
  }

  .button--outline:focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  .button--outline[data-focus-visible-added].js-focus-visible, .js-focus-visible .button--outline[data-focus-visible-added] {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  .button--outline:focus-visible {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  .button--outline[data-focus-visible-added].js-focus-visible, .js-focus-visible .button--outline[data-focus-visible-added] {

    --tw-outline-style: none;

    outline-style: none;
  }

  .button--outline:focus-visible {

    --tw-outline-style: none;

    outline-style: none;
  }

  .button--outline:active {

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  .button--outline:disabled {

    cursor: not-allowed;
  }

  .button--outline:disabled {

    border-color: #884D7E;

    border-color: var(--color-accent-secondary-muted);
  }

  .button--outline:disabled {

    color: #884D7E;

    color: var(--color-accent-secondary-muted);
  }

  .button--outline:hover {

    box-shadow: 0 2px 4px -2px #996691, 0 4px 6px -1px #996691;

    box-shadow: 0 2px 4px -2px var(--color-accent-secondary-hover-shadow), 0 4px 6px -1px var(--color-accent-secondary-hover-shadow);
  }

  .cursor-default {

    cursor: default;
  }

  .cursor-not-allowed {

    cursor: not-allowed;
  }

  .cursor-pointer {

    cursor: pointer;
  }

  .resize {

    resize: both;
  }

  .list-none {

    list-style-type: none;
  }

  .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-cols-4 {

    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-7 {

    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-12 {

    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .flex-col {

    flex-direction: column;
  }

  .flex-row {

    flex-direction: row;
  }

  .flex-nowrap {

    flex-wrap: nowrap;
  }

  .flex-wrap {

    flex-wrap: wrap;
  }

  .place-content-stretch {

    place-content: stretch;
  }

  .items-center {

    align-items: center;
  }

  .items-end {

    align-items: flex-end;
  }

  .items-start {

    align-items: flex-start;
  }

  .justify-between {

    justify-content: space-between;
  }

  .justify-center {

    justify-content: center;
  }

  .justify-end {

    justify-content: flex-end;
  }

  .justify-start {

    justify-content: flex-start;
  }

  .justify-items-center {

    justify-items: center;
  }

  .justify-items-start {

    justify-items: start;
  }

  .gap-0 {

    gap: calc(0.25rem * 0);

    gap: calc(var(--spacing) * 0);
  }

  .gap-1 {

    gap: calc(0.25rem * 1);

    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {

    gap: calc(0.25rem * 2);

    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {

    gap: calc(0.25rem * 2.5);

    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {

    gap: calc(0.25rem * 3);

    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);
  }

  .gap-6 {

    gap: calc(0.25rem * 6);

    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {

    gap: calc(0.25rem * 8);

    gap: calc(var(--spacing) * 8);
  }

  .gap-9 {

    gap: calc(0.25rem * 9);

    gap: calc(var(--spacing) * 9);
  }

  .gap-x-4 {

    -moz-column-gap: calc(0.25rem * 4);

         column-gap: calc(0.25rem * 4);

    -moz-column-gap: calc(var(--spacing) * 4);

         column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-6 {

    -moz-column-gap: calc(0.25rem * 6);

         column-gap: calc(0.25rem * 6);

    -moz-column-gap: calc(var(--spacing) * 6);

         column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-7 {

    -moz-column-gap: calc(0.25rem * 7);

         column-gap: calc(0.25rem * 7);

    -moz-column-gap: calc(var(--spacing) * 7);

         column-gap: calc(var(--spacing) * 7);
  }

  .gap-x-14 {

    -moz-column-gap: calc(0.25rem * 14);

         column-gap: calc(0.25rem * 14);

    -moz-column-gap: calc(var(--spacing) * 14);

         column-gap: calc(var(--spacing) * 14);
  }

  :where(.space-x-2 > :not(:last-child)) {

    --tw-space-x-reverse: 0;

    margin-inline-start: calc(calc(0.25rem * 2) * 0);

    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));

    margin-inline-end: calc(calc(0.25rem * 2) * calc(1 - 0));

    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-2 {

    row-gap: calc(0.25rem * 2);

    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-4 {

    row-gap: calc(0.25rem * 4);

    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-6 {

    row-gap: calc(0.25rem * 6);

    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-9 {

    row-gap: calc(0.25rem * 9);

    row-gap: calc(var(--spacing) * 9);
  }

  .gap-y-11 {

    row-gap: calc(0.25rem * 11);

    row-gap: calc(var(--spacing) * 11);
  }

  .truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  .overflow-clip {

    overflow: clip;
  }

  .overflow-hidden {

    overflow: hidden;
  }

  .overflow-x-auto {

    overflow-x: auto;
  }

  .badge {

    padding: calc(0.25rem * 1);

    padding: calc(var(--spacing) * 1);

    border-radius: calc(infinity * 1px);
  }

  .rounded-2xl {

    border-radius: 1rem;

    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {

    border-radius: 1.5rem;

    border-radius: var(--radius-3xl);
  }

  .rounded-full {

    border-radius: calc(infinity * 1px);
  }

  .rounded-lg {

    border-radius: 0.5rem;

    border-radius: var(--radius-lg);
  }

  .rounded-md {

    border-radius: 0.375rem;

    border-radius: var(--radius-md);
  }

  .rounded-xl {

    border-radius: 0.75rem;

    border-radius: var(--radius-xl);
  }

  .rounded-xs {

    border-radius: 0.125rem;

    border-radius: var(--radius-xs);
  }

  .rounded-b-none {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;
  }

  .rounded-b-xl {

    border-bottom-right-radius: 0.75rem;

    border-bottom-right-radius: var(--radius-xl);

    border-bottom-left-radius: 0.75rem;

    border-bottom-left-radius: var(--radius-xl);
  }

  .border {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .border-0 {

    border-style: var(--tw-border-style);

    border-width: 0px;
  }

  .border-b {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 1px;
  }

  .border-b-4 {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 4px;
  }

  .border-l-4 {

    border-left-style: var(--tw-border-style);

    border-left-width: 4px;
  }

  .border-none {

    --tw-border-style: none;

    border-style: none;
  }

  .border-solid {

    --tw-border-style: solid;

    border-style: solid;
  }

  .border-accent-primary {

    border-color: #FF6A5F;

    border-color: var(--color-accent-primary);
  }

  .border-accent-secondary {

    border-color: #550047;

    border-color: var(--color-accent-secondary);
  }

  .border-accent-secondary-muted {

    border-color: #884D7E;

    border-color: var(--color-accent-secondary-muted);
  }

  .border-transparent {

    border-color: transparent;
  }

  .border-b-accent-primary {

    border-bottom-color: #FF6A5F;

    border-bottom-color: var(--color-accent-primary);
  }

  .border-b-clear {

    border-bottom-color: rgb(0 0 0 /0);

    border-bottom-color: var(--color-clear);
  }

  .bg-accent-primary {

    background-color: #FF6A5F;

    background-color: var(--color-accent-primary);
  }

  .bg-accent-secondary {

    background-color: #550047;

    background-color: var(--color-accent-secondary);
  }

  .bg-accent-secondary-contrast {

    background-color: #FEFEFD;

    background-color: var(--color-accent-secondary-contrast);
  }

  .bg-beige-10 {

    background-color: #FEFEFD;

    background-color: var(--color-beige-10);
  }

  .bg-beige-60 {

    background-color: #FAF8F1;

    background-color: var(--color-beige-60);
  }

  .bg-beige-100 {

    background-color: #F7F3E7;

    background-color: var(--color-beige-100);
  }

  .bg-bg-card {

    background-color: #FFFFFF;

    background-color: var(--color-bg-card);
  }

  .bg-bg-clear {

    background-color: #FFFFFF;

    background-color: var(--color-bg-clear);
  }

  .bg-bg-input {

    background-color: #FAF8F1;

    background-color: var(--color-bg-input);
  }

  .bg-bg-input-dark {

    background-color: #F7F3E7;

    background-color: var(--color-bg-input-dark);
  }

  .bg-bg-list-item {

    background-color: #FDFBF8;

    background-color: var(--color-bg-list-item);
  }

  .bg-bg-section-medium {

    background-color: #FAF8F1;

    background-color: var(--color-bg-section-medium);
  }

  .bg-blue {

    background-color: #7ED8FF;

    background-color: var(--color-sky-blue-100);
  }

  .bg-dark {

    background-color: #2D1B2C;

    background-color: var(--color-black-100);
  }

  .bg-dark-green {

    background-color: #550047;

    background-color: var(--color-burgundy-100);
  }

  .bg-green {

    background-color: #FF6A5F;

    background-color: var(--color-coral-100);
  }

  .bg-light {

    background-color: #F7F3E7;

    background-color: var(--color-beige-100);
  }

  .bg-orange {

    background-color: #FF6A5F;

    background-color: var(--color-coral-100);
  }

  .bg-pink {

    background-color: #F5CADD;

    background-color: var(--color-pink-100);
  }

  .bg-pink-100 {

    background-color: #F5CADD;

    background-color: var(--color-pink-100);
  }

  .bg-purple {

    background-color: #550047;

    background-color: var(--color-burgundy-100);
  }

  .bg-secondary {

    background-color: #550047;

    background-color: var(--color-accent-secondary);
  }

  .bg-transparent {

    background-color: transparent;
  }

  .bg-white-100 {

    background-color: #FFFFFF;

    background-color: var(--color-white-100);
  }

  .bg-yellow {

    background-color: #BB4D00;

    background-color: var(--color-amber-300);
  }

  .button--large {

    padding: calc(0.25rem * 4);

    padding: calc(var(--spacing) * 4);
  }

  .p-0 {

    padding: calc(0.25rem * 0);

    padding: calc(var(--spacing) * 0);
  }

  .p-1 {

    padding: calc(0.25rem * 1);

    padding: calc(var(--spacing) * 1);
  }

  .p-2 {

    padding: calc(0.25rem * 2);

    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {

    padding: calc(0.25rem * 2.5);

    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {

    padding: calc(0.25rem * 3);

    padding: calc(var(--spacing) * 3);
  }

  .p-4 {

    padding: calc(0.25rem * 4);

    padding: calc(var(--spacing) * 4);
  }

  .p-6 {

    padding: calc(0.25rem * 6);

    padding: calc(var(--spacing) * 6);
  }

  .button--small {

    padding-inline: calc(0.25rem * 3);

    padding-inline: calc(var(--spacing) * 3);

    padding-block: calc(0.25rem * 1);

    padding-block: calc(var(--spacing) * 1);
  }

  .px-0 {

    padding-inline: calc(0.25rem * 0);

    padding-inline: calc(var(--spacing) * 0);
  }

  .px-2 {

    padding-inline: calc(0.25rem * 2);

    padding-inline: calc(var(--spacing) * 2);
  }

  .px-3 {

    padding-inline: calc(0.25rem * 3);

    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {

    padding-inline: calc(0.25rem * 4);

    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {

    padding-inline: calc(0.25rem * 5);

    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {

    padding-inline: calc(0.25rem * 6);

    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {

    padding-inline: calc(0.25rem * 8);

    padding-inline: calc(var(--spacing) * 8);
  }

  .py-0 {

    padding-block: calc(0.25rem * 0);

    padding-block: calc(var(--spacing) * 0);
  }

  .py-1 {

    padding-block: calc(0.25rem * 1);

    padding-block: calc(var(--spacing) * 1);
  }

  .py-2 {

    padding-block: calc(0.25rem * 2);

    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {

    padding-block: calc(0.25rem * 2.5);

    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {

    padding-block: calc(0.25rem * 3);

    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {

    padding-block: calc(0.25rem * 4);

    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {

    padding-block: calc(0.25rem * 5);

    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {

    padding-block: calc(0.25rem * 6);

    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {

    padding-block: calc(0.25rem * 8);

    padding-block: calc(var(--spacing) * 8);
  }

  .py-9 {

    padding-block: calc(0.25rem * 9);

    padding-block: calc(var(--spacing) * 9);
  }

  .py-12 {

    padding-block: calc(0.25rem * 12);

    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {

    padding-block: calc(0.25rem * 16);

    padding-block: calc(var(--spacing) * 16);
  }

  .py-24 {

    padding-block: calc(0.25rem * 24);

    padding-block: calc(var(--spacing) * 24);
  }

  .py-\[10px\] {

    padding-block: 10px;
  }

  .ps-2 {

    padding-inline-start: calc(0.25rem * 2);

    padding-inline-start: calc(var(--spacing) * 2);
  }

  .ps-4 {

    padding-inline-start: calc(0.25rem * 4);

    padding-inline-start: calc(var(--spacing) * 4);
  }

  .pe-2 {

    padding-inline-end: calc(0.25rem * 2);

    padding-inline-end: calc(var(--spacing) * 2);
  }

  .pe-4 {

    padding-inline-end: calc(0.25rem * 4);

    padding-inline-end: calc(var(--spacing) * 4);
  }

  .pe-6 {

    padding-inline-end: calc(0.25rem * 6);

    padding-inline-end: calc(var(--spacing) * 6);
  }

  .pt-2 {

    padding-top: calc(0.25rem * 2);

    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {

    padding-top: calc(0.25rem * 3);

    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {

    padding-top: calc(0.25rem * 4);

    padding-top: calc(var(--spacing) * 4);
  }

  .pt-16 {

    padding-top: calc(0.25rem * 16);

    padding-top: calc(var(--spacing) * 16);
  }

  .pb-6 {

    padding-bottom: calc(0.25rem * 6);

    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-\[75\%\] {

    padding-bottom: 75%;
  }

  .pl-0 {

    padding-left: calc(0.25rem * 0);

    padding-left: calc(var(--spacing) * 0);
  }

  .text-center {

    text-align: center;
  }

  .text-left {

    text-align: left;
  }

  .align-middle {

    vertical-align: middle;
  }

  .font-display {

    font-family: "Kindness Matters", "Kindness Solid";

    font-family: var(--font-display);
  }

  .article-inline-reference {

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: calc(1.25 / 0.875);

    line-height: var(--tw-leading, var(--text-sm--line-height));

    color: #550047;

    color: var(--color-accent-secondary);

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: 600;

    font-weight: var(--font-weight-semibold);
  }

  .large-font {

    font-size: 1.125rem;

    font-size: var(--text-lg);

    line-height: calc(1.75 / 1.125);

    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .small-font {

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: calc(1.25 / 0.875);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .smallest-font {

    font-size: 0.75rem;

    font-size: var(--text-xs);

    line-height: calc(1 / 0.75);

    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-2xl {

    font-size: 1.5rem;

    font-size: var(--text-2xl);

    line-height: calc(2 / 1.5);

    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {

    font-size: 1.875rem;

    font-size: var(--text-3xl);

    line-height: calc(2.25 / 1.875);

    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {

    font-size: 2.25rem;

    font-size: var(--text-4xl);

    line-height: calc(2.5 / 2.25);

    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {

    font-size: 1rem;

    font-size: var(--text-base);

    line-height: calc(1.5 / 1);

    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {

    font-size: 1.125rem;

    font-size: var(--text-lg);

    line-height: calc(1.75 / 1.125);

    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: calc(1.25 / 0.875);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {

    font-size: 1.25rem;

    font-size: var(--text-xl);

    line-height: calc(1.75 / 1.25);

    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {

    font-size: 0.75rem;

    font-size: var(--text-xs);

    line-height: calc(1 / 0.75);

    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .leading-6 {

    --tw-leading: calc(var(--spacing) * 6);

    line-height: calc(0.25rem * 6);

    line-height: calc(var(--spacing) * 6);
  }

  .leading-9 {

    --tw-leading: calc(var(--spacing) * 9);

    line-height: calc(0.25rem * 9);

    line-height: calc(var(--spacing) * 9);
  }

  .font-black {

    --tw-font-weight: var(--font-weight-black);

    font-weight: 900;

    font-weight: var(--font-weight-black);
  }

  .font-bold {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  .font-medium {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: 500;

    font-weight: var(--font-weight-medium);
  }

  .font-normal {

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);
  }

  .font-semibold {

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: 600;

    font-weight: var(--font-weight-semibold);
  }

  .font-weight-bold {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  .font-weight-light {

    --tw-font-weight: var(--font-weight-light);

    font-weight: 300;

    font-weight: var(--font-weight-light);
  }

  .font-weight-normal {

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);
  }

  .text-ellipsis {

    text-overflow: ellipsis;
  }

  .text-accent-primary {

    color: #FF6A5F;

    color: var(--color-accent-primary);
  }

  .text-accent-primary-contrast {

    color: #FF4A3D;

    color: var(--color-accent-primary-contrast);
  }

  .text-accent-primary-muted {

    color: #FFA69F;

    color: var(--color-accent-primary-muted);
  }

  .text-accent-quaternary {

    color: #F5CADD;

    color: var(--color-accent-quaternary);
  }

  .text-accent-secondary {

    color: #550047;

    color: var(--color-accent-secondary);
  }

  .text-accent-secondary-contrast {

    color: #FEFEFD;

    color: var(--color-accent-secondary-contrast);
  }

  .text-accent-secondary-muted {

    color: #884D7E;

    color: var(--color-accent-secondary-muted);
  }

  .text-accent-tertiary {

    color: #7ED8FF;

    color: var(--color-accent-tertiary);
  }

  .text-blue {

    color: #7ED8FF;

    color: var(--color-sky-blue-100);
  }

  .text-dark {

    color: #2D1B2C;

    color: var(--color-black-100);
  }

  .text-dark-green {

    color: #550047;

    color: var(--color-burgundy-100);
  }

  .text-error {

    color: #C10007;

    color: var(--color-error);
  }

  .text-green {

    color: #FF6A5F;

    color: var(--color-coral-100);
  }

  .text-light {

    color: #F7F3E7;

    color: var(--color-beige-100);
  }

  .text-orange {

    color: #FF6A5F;

    color: var(--color-coral-100);
  }

  .text-pink {

    color: #F5CADD;

    color: var(--color-pink-100);
  }

  .text-purple {

    color: #550047;

    color: var(--color-burgundy-100);
  }

  .text-secondary {

    color: #550047;

    color: var(--color-accent-secondary);
  }

  .text-text-base {

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  .text-text-disabled {

    color: color-mix(in srgb, #2D1B2C 75%, transparent);

    color: var(--color-text-disabled);
  }

  .text-text-inverted {

    color: #FFFFFF;

    color: var(--color-text-inverted);
  }

  .text-white {

    color: #FFFFFF;

    color: var(--color-white-100);
  }

  .text-yellow {

    color: #BB4D00;

    color: var(--color-amber-300);
  }

  .uppercase {

    text-transform: uppercase;
  }

  .italic {

    font-style: italic;
  }

  .no-underline {

    text-decoration-line: none;
  }

  .underline {

    text-decoration-line: underline;
  }

  .opacity-0 {

    opacity: 0%;
  }

  .opacity-100 {

    opacity: 100%;
  }

  .opacity-\[0\] {

    opacity: 0;
  }

  .shadow {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {

    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 25px 50px -12px rgb(0 0 0 / 0.25);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {

    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {

    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-accent-secondary-hover-shadow {

    --tw-shadow-color: #996691;
  }

  @supports (color: color-mix(in lab, red, red)) {

    .shadow-accent-secondary-hover-shadow {

      --tw-shadow-color: color-mix(in oklab, var(--color-accent-secondary-hover-shadow) var(--tw-shadow-alpha), transparent);
    }
  }

  .outline {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  .blur {

    --tw-blur: blur(8px);

    filter: blur(8px)                ;

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

  .filter {

    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,);
  }

  .transition {

    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {

    transition-property: opacity;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {

    transition-property: transform, translate, scale, rotate;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-500 {

    --tw-duration: 500ms;

    transition-duration: 500ms;
  }

  .ease-out {

    --tw-ease: var(--ease-out);

    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

    transition-timing-function: var(--ease-out);
  }

  :is(.\*\*\:text-lg *) {

    font-size: 1.125rem;

    font-size: var(--text-lg);

    line-height: calc(1.75 / 1.125);

    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  :is(.\*\*\:text-text-base *) {

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  :is(.\*\*\:text-text-inverted *) {

    color: #FFFFFF;

    color: var(--color-text-inverted);
  }

  @media (hover: hover) {

    .group-hover\:scale-110:is(:where(.group):hover *) {

      --tw-scale-x: 110%;

      --tw-scale-y: 110%;

      --tw-scale-z: 110%;

      scale: 110% 110%;

      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .first\:mt-0:first-child {

    margin-top: calc(0.25rem * 0);

    margin-top: calc(var(--spacing) * 0);
  }

  .last\:mb-0:last-child {

    margin-bottom: calc(0.25rem * 0);

    margin-bottom: calc(var(--spacing) * 0);
  }

  @media (hover: hover) {

    .hover\:border-accent-primary:hover {

      border-color: #FF6A5F;

      border-color: var(--color-accent-primary);
    }
  }

  @media (hover: hover) {

    .hover\:border-accent-quaternary:hover {

      border-color: #F5CADD;

      border-color: var(--color-accent-quaternary);
    }
  }

  @media (hover: hover) {

    .hover\:border-accent-secondary:hover {

      border-color: #550047;

      border-color: var(--color-accent-secondary);
    }
  }

  @media (hover: hover) {

    .hover\:border-accent-tertiary:hover {

      border-color: #7ED8FF;

      border-color: var(--color-accent-tertiary);
    }
  }

  @media (hover: hover) {

    .hover\:border-b-accent-primary:hover {

      border-bottom-color: #FF6A5F;

      border-bottom-color: var(--color-accent-primary);
    }
  }

  @media (hover: hover) {

    .hover\:font-bold:hover {

      --tw-font-weight: var(--font-weight-bold);

      font-weight: 700;

      font-weight: var(--font-weight-bold);
    }
  }

  @media (hover: hover) {

    .hover\:no-underline:hover {

      text-decoration-line: none;
    }
  }

  @media (hover: hover) {

    .hover\:underline:hover {

      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {

    .hover\:decoration-accent-secondary:hover {

      text-decoration-color: #550047;

      text-decoration-color: var(--color-accent-secondary);
    }
  }

  @media (hover: hover) {

    .hover\:decoration-solid:hover {

      text-decoration-style: solid;
    }
  }

  @media (hover: hover) {

    .hover\:shadow:hover {

      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:border-dotted:focus {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  .focus\:border-accent-primary:focus {

    border-color: #FF6A5F;

    border-color: var(--color-accent-primary);
  }

  .focus\:border-accent-quaternary:focus {

    border-color: #F5CADD;

    border-color: var(--color-accent-quaternary);
  }

  .focus\:border-accent-secondary:focus {

    border-color: #550047;

    border-color: var(--color-accent-secondary);
  }

  .focus\:border-accent-tertiary:focus {

    border-color: #7ED8FF;

    border-color: var(--color-accent-tertiary);
  }

  .focus\:no-underline:focus {

    text-decoration-line: none;
  }

  .focus\:underline:focus {

    text-decoration-line: underline;
  }

  .focus\:decoration-accent-secondary:focus {

    text-decoration-color: #550047;

    text-decoration-color: var(--color-accent-secondary);
  }

  .focus\:decoration-dotted:focus {

    text-decoration-style: dotted;
  }

  .focus\:shadow-md:focus {

    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-1:focus {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-4:focus {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-accent-primary:focus {

    --tw-ring-color: var(--color-accent-primary);
  }

  .focus\:ring-offset-1:focus {

    --tw-ring-offset-width: 1px;

    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-1:focus {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  .focus\:outline-accent-secondary:focus {

    outline-color: #550047;

    outline-color: var(--color-accent-secondary);
  }

  .focus\:outline-none:focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  .focus\:outline-solid:focus {

    --tw-outline-style: solid;

    outline-style: solid;
  }

  .focus-visible\:border-b-4[data-focus-visible-added].js-focus-visible, .js-focus-visible .focus-visible\:border-b-4[data-focus-visible-added] {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 4px;
  }

  .focus-visible\:border-b-4:focus-visible {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 4px;
  }

  .focus-visible\:border-accent-primary[data-focus-visible-added].js-focus-visible, .js-focus-visible .focus-visible\:border-accent-primary[data-focus-visible-added] {

    border-color: #FF6A5F;

    border-color: var(--color-accent-primary);
  }

  .focus-visible\:border-accent-primary:focus-visible {

    border-color: #FF6A5F;

    border-color: var(--color-accent-primary);
  }

  .focus-visible\:font-bold[data-focus-visible-added].js-focus-visible, .js-focus-visible .focus-visible\:font-bold[data-focus-visible-added] {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  .focus-visible\:font-bold:focus-visible {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  .focus-visible\:no-underline[data-focus-visible-added].js-focus-visible, .js-focus-visible .focus-visible\:no-underline[data-focus-visible-added] {

    text-decoration-line: none;
  }

  .focus-visible\:no-underline:focus-visible {

    text-decoration-line: none;
  }

  .focus-visible\:underline[data-focus-visible-added].js-focus-visible, .js-focus-visible .focus-visible\:underline[data-focus-visible-added] {

    text-decoration-line: underline;
  }

  .focus-visible\:underline:focus-visible {

    text-decoration-line: underline;
  }

  .focus-visible\:decoration-accent-secondary[data-focus-visible-added].js-focus-visible, .js-focus-visible .focus-visible\:decoration-accent-secondary[data-focus-visible-added] {

    text-decoration-color: #550047;

    text-decoration-color: var(--color-accent-secondary);
  }

  .focus-visible\:decoration-accent-secondary:focus-visible {

    text-decoration-color: #550047;

    text-decoration-color: var(--color-accent-secondary);
  }

  .focus-visible\:decoration-dotted[data-focus-visible-added].js-focus-visible, .js-focus-visible .focus-visible\:decoration-dotted[data-focus-visible-added] {

    text-decoration-style: dotted;
  }

  .focus-visible\:decoration-dotted:focus-visible {

    text-decoration-style: dotted;
  }

  .focus-visible\:shadow-md[data-focus-visible-added].js-focus-visible, .js-focus-visible .focus-visible\:shadow-md[data-focus-visible-added] {

    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:shadow-md:focus-visible {

    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:outline-1[data-focus-visible-added].js-focus-visible, .js-focus-visible .focus-visible\:outline-1[data-focus-visible-added] {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  .focus-visible\:outline-1:focus-visible {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  .focus-visible\:outline-accent-secondary[data-focus-visible-added].js-focus-visible, .js-focus-visible .focus-visible\:outline-accent-secondary[data-focus-visible-added] {

    outline-color: #550047;

    outline-color: var(--color-accent-secondary);
  }

  .focus-visible\:outline-accent-secondary:focus-visible {

    outline-color: #550047;

    outline-color: var(--color-accent-secondary);
  }

  .focus-visible\:outline-solid[data-focus-visible-added].js-focus-visible, .js-focus-visible .focus-visible\:outline-solid[data-focus-visible-added] {

    --tw-outline-style: solid;

    outline-style: solid;
  }

  .focus-visible\:outline-solid:focus-visible {

    --tw-outline-style: solid;

    outline-style: solid;
  }

  .active\:font-normal:active {

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);
  }

  @media (min-width: 40rem) {

    .sm\:col-span-3 {

      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 40rem) {

    .sm\:col-span-4 {

      grid-column: span 4 / span 4;
    }
  }

  @media (min-width: 40rem) {

    .sm\:col-span-8 {

      grid-column: span 8 / span 8;
    }
  }

  @media (min-width: 40rem) {

    .sm\:flex {

      display: flex;
    }
  }

  @media (min-width: 40rem) {

    .sm\:inline {

      display: inline;
    }
  }

  @media (min-width: 40rem) {

    .sm\:max-h-43 {

      max-height: calc(0.25rem * 43);

      max-height: calc(var(--spacing) * 43);
    }
  }

  @media (min-width: 40rem) {

    .sm\:min-h-80 {

      min-height: calc(0.25rem * 80);

      min-height: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 40rem) {

    .sm\:w-1\/3 {

      width: calc(1/3 * 100%);
    }
  }

  @media (min-width: 40rem) {

    .sm\:max-w-65 {

      max-width: calc(0.25rem * 65);

      max-width: calc(var(--spacing) * 65);
    }
  }

  @media (min-width: 40rem) {

    .sm\:max-w-fit {

      max-width: -moz-fit-content;

      max-width: fit-content;
    }
  }

  @media (min-width: 40rem) {

    .sm\:min-w-65 {

      min-width: calc(0.25rem * 65);

      min-width: calc(var(--spacing) * 65);
    }
  }

  @media (min-width: 40rem) {

    .sm\:grow {

      flex-grow: 1;
    }
  }

  @media (min-width: 40rem) {

    .sm\:grid-cols-2 {

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

  @media (min-width: 40rem) {

    .sm\:grid-cols-3 {

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

  @media (min-width: 40rem) {

    .sm\:grid-cols-12 {

      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {

    .sm\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {

    .sm\:items-center {

      align-items: center;
    }
  }

  @media (min-width: 40rem) {

    .sm\:gap-3 {

      gap: calc(0.25rem * 3);

      gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {

    .sm\:gap-x-3 {

      -moz-column-gap: calc(0.25rem * 3);

           column-gap: calc(0.25rem * 3);

      -moz-column-gap: calc(var(--spacing) * 3);

           column-gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {

    .sm\:px-6 {

      padding-inline: calc(0.25rem * 6);

      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {

    .sm\:py-0 {

      padding-block: calc(0.25rem * 0);

      padding-block: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {

    .md\:col-span-4 {

      grid-column: span 4 / span 4;
    }
  }

  @media (min-width: 48rem) {

    .md\:col-span-5 {

      grid-column: span 5 / span 5;
    }
  }

  @media (min-width: 48rem) {

    .md\:col-span-7 {

      grid-column: span 7 / span 7;
    }
  }

  @media (min-width: 48rem) {

    .md\:col-span-8 {

      grid-column: span 8 / span 8;
    }
  }

  @media (min-width: 48rem) {

    .md\:col-span-12 {

      grid-column: span 12 / span 12;
    }
  }

  @media (min-width: 48rem) {

    .md\:h-44 {

      height: calc(0.25rem * 44);

      height: calc(var(--spacing) * 44);
    }
  }

  @media (min-width: 48rem) {

    .md\:max-h-53 {

      max-height: calc(0.25rem * 53);

      max-height: calc(var(--spacing) * 53);
    }
  }

  @media (min-width: 48rem) {

    .md\:w-44 {

      width: calc(0.25rem * 44);

      width: calc(var(--spacing) * 44);
    }
  }

  @media (min-width: 48rem) {

    .md\:w-full {

      width: 100%;
    }
  }

  @media (min-width: 48rem) {

    .md\:max-w-80 {

      max-width: calc(0.25rem * 80);

      max-width: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 48rem) {

    .md\:max-w-144 {

      max-width: calc(0.25rem * 144);

      max-width: calc(var(--spacing) * 144);
    }
  }

  @media (min-width: 48rem) {

    .md\:max-w-full {

      max-width: 100%;
    }
  }

  @media (min-width: 48rem) {

    .md\:min-w-44 {

      min-width: calc(0.25rem * 44);

      min-width: calc(var(--spacing) * 44);
    }
  }

  @media (min-width: 48rem) {

    .md\:min-w-80 {

      min-width: calc(0.25rem * 80);

      min-width: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 48rem) {

    .md\:grid-cols-2 {

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

  @media (min-width: 48rem) {

    .md\:grid-cols-3 {

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

  @media (min-width: 48rem) {

    .md\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {

    .md\:items-center {

      align-items: center;
    }
  }

  @media (min-width: 48rem) {

    .md\:gap-y-0 {

      row-gap: calc(0.25rem * 0);

      row-gap: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {

    .md\:pb-\[56\.25\%\] {

      padding-bottom: 56.25%;
    }
  }

  @media (min-width: 48rem) {

    .md\:text-5xl {

      font-size: 3rem;

      font-size: var(--text-5xl);

      line-height: 1;

      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 48rem) {

    .md\:text-xl {

      font-size: 1.25rem;

      font-size: var(--text-xl);

      line-height: calc(1.75 / 1.25);

      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 48rem) {

    :is(.\*\*\:md\:text-xl *) {

      font-size: 1.25rem;

      font-size: var(--text-xl);

      line-height: calc(1.75 / 1.25);

      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 64rem) {

    .lg\:order-0 {

      order: 0;
    }
  }

  @media (min-width: 64rem) {

    .lg\:order-1 {

      order: 1;
    }
  }

  @media (min-width: 64rem) {

    .lg\:order-2 {

      order: 2;
    }
  }

  @media (min-width: 64rem) {

    .lg\:order-3 {

      order: 3;
    }
  }

  @media (min-width: 64rem) {

    .lg\:order-4 {

      order: 4;
    }
  }

  @media (min-width: 64rem) {

    .lg\:col-span-1 {

      grid-column: span 1 / span 1;
    }
  }

  @media (min-width: 64rem) {

    .lg\:col-span-2 {

      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 64rem) {

    .lg\:col-span-3 {

      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 64rem) {

    .lg\:col-span-4 {

      grid-column: span 4 / span 4;
    }
  }

  @media (min-width: 64rem) {

    .lg\:col-span-8 {

      grid-column: span 8 / span 8;
    }
  }

  @media (min-width: 64rem) {

    .lg\:col-span-9 {

      grid-column: span 9 / span 9;
    }
  }

  @media (min-width: 64rem) {

    .lg\:mb-6 {

      margin-bottom: calc(0.25rem * 6);

      margin-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {

    .lg\:block {

      display: block;
    }
  }

  @media (min-width: 64rem) {

    .lg\:hidden {

      display: none;
    }
  }

  @media (min-width: 64rem) {

    .lg\:max-h-73 {

      max-height: calc(0.25rem * 73);

      max-height: calc(var(--spacing) * 73);
    }
  }

  @media (min-width: 64rem) {

    .lg\:w-52 {

      width: calc(0.25rem * 52);

      width: calc(var(--spacing) * 52);
    }
  }

  @media (min-width: 64rem) {

    .lg\:max-w-48 {

      max-width: calc(0.25rem * 48);

      max-width: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 64rem) {

    .lg\:max-w-110 {

      max-width: calc(0.25rem * 110);

      max-width: calc(var(--spacing) * 110);
    }
  }

  @media (min-width: 64rem) {

    .lg\:min-w-110 {

      min-width: calc(0.25rem * 110);

      min-width: calc(var(--spacing) * 110);
    }
  }

  @media (min-width: 64rem) {

    .lg\:flex-1 {

      flex: 1;
    }
  }

  @media (min-width: 64rem) {

    .lg\:grow {

      flex-grow: 1;
    }
  }

  @media (min-width: 64rem) {

    .lg\:grid-cols-2 {

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

  @media (min-width: 64rem) {

    .lg\:grid-cols-3 {

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

  @media (min-width: 64rem) {

    .lg\:grid-cols-4 {

      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {

    .lg\:grid-cols-12 {

      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {

    .lg\:flex-col {

      flex-direction: column;
    }
  }

  @media (min-width: 64rem) {

    .lg\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {

    .lg\:gap-4 {

      gap: calc(0.25rem * 4);

      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 64rem) {

    .lg\:gap-6 {

      gap: calc(0.25rem * 6);

      gap: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {

    .lg\:gap-12 {

      gap: calc(0.25rem * 12);

      gap: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 64rem) {

    .lg\:gap-x-6 {

      -moz-column-gap: calc(0.25rem * 6);

           column-gap: calc(0.25rem * 6);

      -moz-column-gap: calc(var(--spacing) * 6);

           column-gap: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {

    .lg\:gap-y-12 {

      row-gap: calc(0.25rem * 12);

      row-gap: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 64rem) {

    .lg\:bg-white-100 {

      background-color: #FFFFFF;

      background-color: var(--color-white-100);
    }
  }

  @media (min-width: 64rem) {

    .lg\:p-0 {

      padding: calc(0.25rem * 0);

      padding: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {

    .lg\:button--normal {

      padding-inline: calc(0.25rem * 4);

      padding-inline: calc(var(--spacing) * 4);

      padding-block: calc(0.25rem * 2);

      padding-block: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 80rem) {

    .xl\:block {

      display: block;
    }
  }

  @media (min-width: 80rem) {

    .xl\:hidden {

      display: none;
    }
  }

  @media (min-width: 80rem) {

    .xl\:h-86 {

      height: calc(0.25rem * 86);

      height: calc(var(--spacing) * 86);
    }
  }

  @media (min-width: 80rem) {

    .xl\:max-h-80 {

      max-height: calc(0.25rem * 80);

      max-height: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 80rem) {

    .xl\:w-115 {

      width: calc(0.25rem * 115);

      width: calc(var(--spacing) * 115);
    }
  }

  @media (min-width: 80rem) {

    .xl\:w-auto {

      width: auto;
    }
  }

  @media (min-width: 80rem) {

    .xl\:max-w-115 {

      max-width: calc(0.25rem * 115);

      max-width: calc(var(--spacing) * 115);
    }
  }

  @media (min-width: 80rem) {

    .xl\:max-w-120 {

      max-width: calc(0.25rem * 120);

      max-width: calc(var(--spacing) * 120);
    }
  }

  @media (min-width: 80rem) {

    .xl\:max-w-192 {

      max-width: calc(0.25rem * 192);

      max-width: calc(var(--spacing) * 192);
    }
  }

  @media (min-width: 80rem) {

    .xl\:min-w-115 {

      min-width: calc(0.25rem * 115);

      min-width: calc(var(--spacing) * 115);
    }
  }

  @media (min-width: 80rem) {

    .xl\:min-w-120 {

      min-width: calc(0.25rem * 120);

      min-width: calc(var(--spacing) * 120);
    }
  }

  @media (min-width: 80rem) {

    .xl\:grid-cols-4 {

      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {

    .xl\:gap-3 {

      gap: calc(0.25rem * 3);

      gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 80rem) {

    .xl\:gap-x-14 {

      -moz-column-gap: calc(0.25rem * 14);

           column-gap: calc(0.25rem * 14);

      -moz-column-gap: calc(var(--spacing) * 14);

           column-gap: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 80rem) {

    :where(.xl\:space-x-4 > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(calc(0.25rem * 4) * 0);

      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));

      margin-inline-end: calc(calc(0.25rem * 4) * calc(1 - 0));

      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }

  @media (min-width: 80rem) {

    .xl\:button--small {

      padding-inline: calc(0.25rem * 3);

      padding-inline: calc(var(--spacing) * 3);

      padding-block: calc(0.25rem * 1);

      padding-block: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 80rem) {

    .xl\:px-16 {

      padding-inline: calc(0.25rem * 16);

      padding-inline: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 80rem) {

    .xl\:py-0 {

      padding-block: calc(0.25rem * 0);

      padding-block: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 80rem) {

    .xl\:pt-0 {

      padding-top: calc(0.25rem * 0);

      padding-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:w-52 {

      width: calc(0.25rem * 52);

      width: calc(var(--spacing) * 52);
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:max-w-160 {

      max-width: calc(0.25rem * 160);

      max-width: calc(var(--spacing) * 160);
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:button--normal {

      padding-inline: calc(0.25rem * 4);

      padding-inline: calc(var(--spacing) * 4);

      padding-block: calc(0.25rem * 2);

      padding-block: calc(var(--spacing) * 2);
    }
  }

  .rtl\:rotate-180:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {

    rotate: 180deg;
  }

  :where(.rtl\:space-x-reverse:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) > :not(:last-child)) {

    --tw-space-x-reverse: 1;
  }

  @media (prefers-color-scheme: dark) {

    .dark\:text-white {

      color: #FFFFFF;

      color: var(--color-white-100);
    }
  }

  .\[\&_\#edit-node-branch-postcode\]\:max-w-46 #edit-node-branch-postcode {

    max-width: calc(0.25rem * 46);

    max-width: calc(var(--spacing) * 46);
  }

  @media (min-width: 48rem) {

    .\[\&_\#edit-node-branch-postcode\]\:md\:max-w-fit #edit-node-branch-postcode {

      max-width: -moz-fit-content;

      max-width: fit-content;
    }
  }

  .\[\&_\#edit-search\]\:max-w-46 #edit-search {

    max-width: calc(0.25rem * 46);

    max-width: calc(var(--spacing) * 46);
  }

  @media (min-width: 48rem) {

    .\[\&_\#edit-search\]\:md\:max-w-fit #edit-search {

      max-width: -moz-fit-content;

      max-width: fit-content;
    }
  }

  .\[\&_\#edit-submit-bsf\]\:max-h-max #edit-submit-bsf {

    max-height: -moz-max-content;

    max-height: max-content;
  }

  .\[\&_\#edit-submit-parent-article-search\]\:max-h-max #edit-submit-parent-article-search {

    max-height: -moz-max-content;

    max-height: max-content;
  }

  .\[\&_\.form-actions\]\:flex .form-actions {

    display: flex;
  }

  .\[\&_\.form-actions\]\:flex-row .form-actions {

    flex-direction: row;
  }

  .\[\&_\.form-actions\]\:gap-3 .form-actions {

    gap: calc(0.25rem * 3);

    gap: calc(var(--spacing) * 3);
  }

  .\[\&_\.form-item-search\]\:w-full .form-item-search {

    width: 100%;
  }

  .\[\&_\.form-text\]\:w-full .form-text {

    width: 100%;
  }

  .\[\&_\.form-text\]\:max-w-full .form-text {

    max-width: 100%;
  }

  .\[\&_a\]\:block a {

    display: block;
  }

  .\[\&_a\]\:font-bold a {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  .\[\&_a\]\:text-accent-secondary a {

    color: #550047;

    color: var(--color-accent-secondary);
  }

  .\[\&_a\]\:no-underline a {

    text-decoration-line: none;
  }

  .\[\&_a\]\:decoration-accent-secondary a {

    text-decoration-color: #550047;

    text-decoration-color: var(--color-accent-secondary);
  }

  @media (hover: hover) {

    :is(.\[\&_a\]\:hover\:underline a):hover {

      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {

    :is(.\[\&_a\]\:hover\:decoration-accent-secondary a):hover {

      text-decoration-color: #550047;

      text-decoration-color: var(--color-accent-secondary);
    }
  }

  @media (hover: hover) {

    :is(.\[\&_a\]\:hover\:decoration-solid a):hover {

      text-decoration-style: solid;
    }
  }

  :is(.\[\&_a\]\:focus\:underline a):focus {

    text-decoration-line: underline;
  }

  :is(.\[\&_a\]\:focus\:decoration-accent-secondary a):focus {

    text-decoration-color: #550047;

    text-decoration-color: var(--color-accent-secondary);
  }

  :is(.\[\&_a\]\:focus\:decoration-dotted a):focus {

    text-decoration-style: dotted;
  }

  .\[\&_button\]\:flex button {

    display: flex;
  }

  .\[\&_button\]\:items-center button {

    align-items: center;
  }

  .\[\&_button\]\:p-2 button {

    padding: calc(0.25rem * 2);

    padding: calc(var(--spacing) * 2);
  }

  .\[\&_form\]\:flex form {

    display: flex;
  }

  .\[\&_form\]\:flex-col form {

    flex-direction: column;
  }

  .\[\&_form\]\:flex-row form {

    flex-direction: row;
  }

  .\[\&_form\]\:items-end form {

    align-items: flex-end;
  }

  .\[\&_form\]\:gap-3 form {

    gap: calc(0.25rem * 3);

    gap: calc(var(--spacing) * 3);
  }

  @media (min-width: 48rem) {

    .\[\&_form\]\:md\:flex-row form {

      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {

    .\[\&_form\]\:md\:items-end form {

      align-items: flex-end;
    }
  }

  .\[\&_img\]\:h-full img {

    height: 100%;
  }

  .\[\&_img\]\:max-h-44 img {

    max-height: calc(0.25rem * 44);

    max-height: calc(var(--spacing) * 44);
  }

  .\[\&_img\]\:w-20 img {

    width: calc(0.25rem * 20);

    width: calc(var(--spacing) * 20);
  }

  .\[\&_img\]\:w-44 img {

    width: calc(0.25rem * 44);

    width: calc(var(--spacing) * 44);
  }

  .\[\&_img\]\:w-full img {

    width: 100%;
  }

  .\[\&_img\]\:max-w-20 img {

    max-width: calc(0.25rem * 20);

    max-width: calc(var(--spacing) * 20);
  }

  .\[\&_img\]\:max-w-44 img {

    max-width: calc(0.25rem * 44);

    max-width: calc(var(--spacing) * 44);
  }

  .\[\&_img\]\:rounded-xl img {

    border-radius: 0.75rem;

    border-radius: var(--radius-xl);
  }

  .\[\&_img\]\:object-cover img {

    -o-object-fit: cover;

       object-fit: cover;
  }

  @media (min-width: 48rem) {

    .\[\&_img\]\:md\:w-44 img {

      width: calc(0.25rem * 44);

      width: calc(var(--spacing) * 44);
    }
  }

  @media (min-width: 48rem) {

    .\[\&_img\]\:md\:max-w-44 img {

      max-width: calc(0.25rem * 44);

      max-width: calc(var(--spacing) * 44);
    }
  }

  .\[\&_li\]\:pb-2\.5 li {

    padding-bottom: calc(0.25rem * 2.5);

    padding-bottom: calc(var(--spacing) * 2.5);
  }

  :is(.\[\&_li\]\:last\:pb-0 li):last-child {

    padding-bottom: calc(0.25rem * 0);

    padding-bottom: calc(var(--spacing) * 0);
  }

  .\[\&_p\]\:inline p {

    display: inline;
  }

  .\[\&_p\]\:text-base p {

    font-size: 1rem;

    font-size: var(--text-base);

    line-height: calc(1.5 / 1);

    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .\[\&_p\]\:text-lg p {

    font-size: 1.125rem;

    font-size: var(--text-lg);

    line-height: calc(1.75 / 1.125);

    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .\[\&_p\]\:text-xl p {

    font-size: 1.25rem;

    font-size: var(--text-xl);

    line-height: calc(1.75 / 1.25);

    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .\[\&_p\]\:text-accent-secondary p {

    color: #550047;

    color: var(--color-accent-secondary);
  }

  .\[\&_p\]\:text-inherit p {

    color: inherit;
  }

  .\[\&_p\]\:italic p {

    font-style: italic;
  }

  .\[\&_span\.bars\]\:hidden span.bars {

    display: none;
  }

  .\[\&_span\.bars\]\:inline-flex\! span.bars {

    display: inline-flex !important;
  }

  .\[\&_span\.minus\]\:hidden span.minus {

    display: none;
  }

  .\[\&_span\.minus\]\:inline-flex span.minus {

    display: inline-flex;
  }

  .\[\&_span\.plus\]\:hidden span.plus {

    display: none;
  }

  .\[\&_span\.plus\]\:inline-flex span.plus {

    display: inline-flex;
  }

  .\[\&_span\.plus\]\:inline-flex\! span.plus {

    display: inline-flex !important;
  }

  .\[\&_span\.xmark\]\:hidden span.xmark {

    display: none;
  }

  .\[\&_span\.xmark\]\:inline-flex span.xmark {

    display: inline-flex;
  }

  .\[\&\>div\]\:mb-6 > div {

    margin-bottom: calc(0.25rem * 6);

    margin-bottom: calc(var(--spacing) * 6);
  }
}

@layer base {

  html {

    font-family: "Figtree", sans-serif;

    font-family: var(--font-body);

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  .no-scrollbar::-webkit-scrollbar {

    display: none;
  }

  .no-scrollbar {

    -ms-overflow-style: none;

    scrollbar-width: none;
  }
}

@layer base {

  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    font-family: "Figtree", sans-serif;

    font-family: var(--font-body);

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  h1.display, h2.display, h3.display, .h1.display, h2.display, h3.display {

    font-family: "Kindness Matters", "Kindness Solid";

    font-family: var(--font-display);

    --tw-leading: 1;

    line-height: 1;

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  h1, .h1 {

    font-size: 1.875rem;

    font-size: var(--text-3xl);

    line-height: 1.25;

    line-height: var(--tw-leading, var(--text-3xl--line-height));

    --tw-leading: var(--leading-tight);

    line-height: var(--leading-tight);
  }

  @media (min-width: 64rem) {

    h1, .h1 {

      font-size: 2.25rem;

      font-size: var(--text-4xl);

      line-height: calc(2.5 / 2.25);

      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  h2, .h2 {

    font-size: 1.5rem;

    font-size: var(--text-2xl);

    line-height: 1.375;

    line-height: var(--tw-leading, var(--text-2xl--line-height));

    --tw-leading: var(--leading-snug);

    line-height: var(--leading-snug);
  }

  @media (min-width: 64rem) {

    h2, .h2 {

      font-size: 1.875rem;

      font-size: var(--text-3xl);

      line-height: calc(2.25 / 1.875);

      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (min-width: 64rem) {

    h2, .h2 {

      --tw-leading: var(--leading-tight);

      line-height: 1.25;

      line-height: var(--leading-tight);
    }
  }

  h3, .h3 {

    font-size: 1.25rem;

    font-size: var(--text-xl);

    line-height: 1.375;

    line-height: var(--tw-leading, var(--text-xl--line-height));

    --tw-leading: var(--leading-snug);

    line-height: var(--leading-snug);
  }

  @media (min-width: 64rem) {

    h3, .h3 {

      font-size: 1.25rem;

      font-size: var(--text-xl);

      line-height: calc(1.75 / 1.25);

      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  h4, .h4 {

    font-size: 1.125rem;

    font-size: var(--text-lg);

    line-height: 1.375;

    line-height: var(--tw-leading, var(--text-lg--line-height));

    --tw-leading: var(--leading-snug);

    line-height: var(--leading-snug);
  }

  @media (min-width: 64rem) {

    h4, .h4 {

      font-size: 1.25rem;

      font-size: var(--text-xl);

      line-height: calc(1.75 / 1.25);

      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  h5, .h5 {

    font-size: 1rem;

    font-size: var(--text-base);

    line-height: 1.5;

    line-height: var(--tw-leading, var(--text-base--line-height));

    --tw-leading: var(--leading-normal);

    line-height: var(--leading-normal);
  }

  @media (min-width: 64rem) {

    h5, .h5 {

      font-size: 1.125rem;

      font-size: var(--text-lg);

      line-height: calc(1.75 / 1.125);

      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 64rem) {

    h5, .h5 {

      --tw-leading: var(--leading-snug);

      line-height: 1.375;

      line-height: var(--leading-snug);
    }
  }

  h6, .h6 {

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: 1.5;

    line-height: var(--tw-leading, var(--text-sm--line-height));

    --tw-leading: var(--leading-normal);

    line-height: var(--leading-normal);
  }

  @media (min-width: 64rem) {

    h6, .h6 {

      font-size: 1rem;

      font-size: var(--text-base);

      line-height: calc(1.5 / 1);

      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  h1.display, .h1.display {

    font-size: 3rem;

    font-size: var(--text-5xl);

    line-height: 1;

    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  @media (min-width: 64rem) {

    h1.display, .h1.display {

      font-size: 3.75rem;

      font-size: var(--text-6xl);

      line-height: 1;

      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  h2.display, .h2.display {

    font-size: 2.25rem;

    font-size: var(--text-4xl);

    line-height: calc(2.5 / 2.25);

    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  @media (min-width: 64rem) {

    h2.display, .h2.display {

      font-size: 3rem;

      font-size: var(--text-5xl);

      line-height: 1;

      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  h3.display, .h3.display {

    font-size: 1.875rem;

    font-size: var(--text-3xl);

    line-height: calc(2.25 / 1.875);

    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  @media (min-width: 64rem) {

    h3.display, .h3.display {

      font-size: 2.25rem;

      font-size: var(--text-4xl);

      line-height: calc(2.5 / 2.25);

      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  p {

    margin-bottom: calc(0.25rem * 2);

    margin-bottom: calc(var(--spacing) * 2);

    font-family: "Figtree", sans-serif;

    font-family: var(--font-body);

    font-size: 1rem;

    font-size: var(--text-base);

    line-height: 1.5;

    line-height: var(--tw-leading, var(--text-base--line-height));

    --tw-leading: var(--leading-normal);

    line-height: var(--leading-normal);

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  p:last-child {

    margin-bottom: calc(0.25rem * 0);

    margin-bottom: calc(var(--spacing) * 0);
  }

  ul {

    margin-bottom: calc(0.25rem * 4);

    margin-bottom: calc(var(--spacing) * 4);

    list-style-type: disc;

    padding-left: calc(0.25rem * 8);

    padding-left: calc(var(--spacing) * 8);
  }

  ul:last-child {

    margin-bottom: calc(0.25rem * 0);

    margin-bottom: calc(var(--spacing) * 0);
  }

  ol {

    margin-bottom: calc(0.25rem * 4);

    margin-bottom: calc(var(--spacing) * 4);

    list-style-type: decimal;

    padding-left: calc(0.25rem * 8);

    padding-left: calc(var(--spacing) * 8);
  }

  ol:last-child {

    margin-bottom: calc(0.25rem * 0);

    margin-bottom: calc(var(--spacing) * 0);
  }

  a {

    cursor: pointer;

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);

    color: #006A98;

    color: var(--color-link);

    text-decoration-line: underline;

    text-decoration-color: #006A98;

    text-decoration-color: var(--color-link);
  }

  a:visited {

    color: #550047;

    color: var(--color-link-visited);
  }

  a:visited {

    text-decoration-color: #550047;

    text-decoration-color: var(--color-link-visited);
  }

  a:focus {

    text-decoration-style: dotted;
  }

  a:focus {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  a:focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  a[data-focus-visible-added].js-focus-visible, .js-focus-visible a[data-focus-visible-added] {

    text-decoration-style: dotted;
  }

  a:focus-visible {

    text-decoration-style: dotted;
  }

  a[data-focus-visible-added].js-focus-visible, .js-focus-visible a[data-focus-visible-added] {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  a:focus-visible {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  a[data-focus-visible-added].js-focus-visible, .js-focus-visible a[data-focus-visible-added] {

    --tw-outline-style: none;

    outline-style: none;
  }

  a:focus-visible {

    --tw-outline-style: none;

    outline-style: none;
  }

  a:active {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: 500;

    font-weight: var(--font-weight-medium);
  }

  blockquote {

    border-left-style: var(--tw-border-style);

    border-left-width: 4px;

    border-color: #FF6A5F;

    border-color: var(--color-accent-primary);

    padding: calc(0.25rem * 4);

    padding: calc(var(--spacing) * 4);

    color: #550047;

    color: var(--color-accent-secondary);

    font-style: italic;
  }

  blockquote p {

    color: #550047;

    color: var(--color-accent-secondary);
  }

  :is(blockquote p)::before {

    --tw-content: '"';

    content: '"';

    content: var(--tw-content);
  }

  :is(blockquote p)::after {

    --tw-content: '"';

    content: '"';

    content: var(--tw-content);
  }
}

@layer base {

  [data-focus-visible-added].js-focus-visible, .js-focus-visible [data-focus-visible-added] {

    outline: none;
  }

  :focus-visible {

    outline: none;
  }
}

@layer components {

  button {

    cursor: pointer;
  }

  input[type="submit"] {

    display: inline-flex;

    min-width: calc(0.25rem * 28);

    min-width: calc(var(--spacing) * 28);

    cursor: pointer;

    align-items: center;

    justify-content: center;

    border-radius: calc(infinity * 1px);

    padding-inline: calc(0.25rem * 4);

    padding-inline: calc(var(--spacing) * 4);

    padding-block: calc(0.25rem * 2);

    padding-block: calc(var(--spacing) * 2);

    text-align: center;

    text-decoration-line: none;

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 2px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #550047;

    border-color: var(--color-accent-secondary);

    background-color: #FF6A5F;

    background-color: var(--color-accent-primary);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  @media (hover: hover) {

    input[type="submit"]:hover {

      background-color: #FF493C;

      background-color: var(--color-accent-primary-hover);
    }
  }

  input[type="submit"]:focus {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  input[type="submit"]:focus {

    border-color: #884D7E;

    border-color: var(--color-accent-primary-border-focus);
  }

  input[type="submit"]:focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  input[type="submit"][data-focus-visible-added].js-focus-visible, .js-focus-visible input[type="submit"][data-focus-visible-added] {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  input[type="submit"]:focus-visible {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  input[type="submit"][data-focus-visible-added].js-focus-visible, .js-focus-visible input[type="submit"][data-focus-visible-added] {

    --tw-outline-style: none;

    outline-style: none;
  }

  input[type="submit"]:focus-visible {

    --tw-outline-style: none;

    outline-style: none;
  }

  input[type="submit"]:active {

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  input[type="submit"]:active {

    --tw-shadow: inset 0px 2px 4px 0px var(--tw-shadow-color, var(--color-accent-primary-muted));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), inset 0px 2px 4px 0px #FFA69F;

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  input[type="submit"]:disabled {

    cursor: not-allowed;
  }

  input[type="submit"]:disabled {

    border-color: #FFA69F;

    border-color: var(--color-accent-primary-muted);
  }

  input[type="submit"]:disabled {

    background-color: #FFA69F;

    background-color: var(--color-accent-primary-muted);
  }

  input[type="submit"]:disabled {

    color: color-mix(in srgb, #2D1B2C 25%, transparent);

    color: var(--color-text-muted);
  }

  input[type="submit"]:hover {

    box-shadow: 0 2px 4px -2px #FFA69F, 0 4px 6px -1px #FFA69F;

    box-shadow: 0 2px 4px -2px var(--color-accent-primary-hover-shadow), 0 4px 6px -1px var(--color-accent-primary-hover-shadow);
  }

  .form-item--error-message {

    color: #C10007;

    color: var(--color-error);
  }

  .form-item--error input, .form-item--error textarea {

    border-color: #C10007;

    border-color: var(--color-error);

    outline-style: var(--tw-outline-style);

    outline-width: 1px;

    outline-color: #C10007;

    outline-color: var(--color-error);
  }

  label {

    display: inline-flex;

    align-items: flex-start;

    justify-content: center;

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: calc(1.25 / 0.875);

    line-height: var(--tw-leading, var(--text-sm--line-height));

    color: #550047;

    color: var(--color-accent-secondary);
  }

  label.visually-hidden {

    position: absolute;
  }

  label.visually-hidden {

    height: calc(0.25rem * 0);

    height: calc(var(--spacing) * 0);
  }

  label.visually-hidden {

    width: calc(0.25rem * 0);

    width: calc(var(--spacing) * 0);
  }

  label.visually-hidden {

    overflow: hidden;
  }

  label.form-required:after {

    content: "*";

    margin-left: calc(0.25rem * 1);

    margin-left: calc(var(--spacing) * 1);

    color: #C10007;

    color: var(--color-error);
  }

  .form-item.form-type-checkbox label, .form-item.form-type-radio label {

    font-size: 1rem;

    font-size: var(--text-base);

    line-height: calc(1.5 / 1);

    line-height: var(--tw-leading, var(--text-base--line-height));

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  fieldset {

    margin-top: 1rem;

    margin-top: var(--spacing-block-inner-mobile);

    border-radius: 0.5rem !important;

    border-radius: var(--radius-lg) !important;

    border-style: var(--tw-border-style) !important;

    border-width: 1px !important;

    padding: 1rem !important;

    padding: var(--spacing-block-inner-mobile) !important;
  }

  @media (min-width: 48rem) {

    fieldset {

      margin-top: 1rem;

      margin-top: var(--spacing-block-inner-tablet);
    }
  }

  @media (min-width: 48rem) {

    fieldset {

      padding: 1rem !important;

      padding: var(--spacing-block-inner-tablet) !important;
    }
  }

  @media (min-width: 64rem) {

    fieldset {

      margin-top: 1rem;

      margin-top: var(--spacing-block-inner-desktop);
    }
  }

  @media (min-width: 64rem) {

    fieldset {

      padding: 1rem !important;

      padding: var(--spacing-block-inner-desktop) !important;
    }
  }

  fieldset legend {

    padding-inline: 1rem;

    padding-inline: var(--spacing-block-inner-mobile);

    font-size: 1.125rem;

    font-size: var(--text-lg);

    line-height: calc(1.75 / 1.125);

    line-height: var(--tw-leading, var(--text-lg--line-height));

    color: #550047;

    color: var(--color-accent-secondary);
  }

  @media (min-width: 48rem) {

    fieldset legend {

      padding-inline: 1rem;

      padding-inline: var(--spacing-block-inner-tablet);
    }
  }

  @media (min-width: 64rem) {

    fieldset legend {

      padding-inline: 1rem;

      padding-inline: var(--spacing-block-inner-desktop);
    }
  }

  input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="date"], .form-select, textarea {

    margin-top: calc(0.25rem * 1);

    margin-top: calc(var(--spacing) * 1);

    display: flex;

    border-radius: 0.5rem;

    border-radius: var(--radius-lg);

    border-style: var(--tw-border-style);

    border-width: 1px;

    border-color: #884D7E;

    border-color: var(--color-accent-secondary-muted);

    background-color: #FAF8F1;

    background-color: var(--color-bg-input);

    padding-inline: calc(0.25rem * 4);

    padding-inline: calc(var(--spacing) * 4);

    padding-block: calc(0.25rem * 3);

    padding-block: calc(var(--spacing) * 3);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea)::-moz-placeholder {

    color: #884D7E;

    color: var(--color-accent-secondary-muted);
  }

  :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea)::placeholder {

    color: #884D7E;

    color: var(--color-accent-secondary-muted);
  }

  @media (hover: hover) {

    :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea):hover {

      border-color: #550047;

      border-color: var(--color-accent-secondary);
    }
  }

  :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea):focus {

    border-color: #550047;

    border-color: var(--color-accent-secondary);
  }

  :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea):focus {

    background-color: #FEFEFD;

    background-color: var(--color-bg-input-focus);
  }

  :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea):focus {

    --tw-shadow: 0px 4px 6px -1px var(--tw-shadow-color, var(--color-accent-secondary-shadow));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea):focus {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea):focus {

    outline-color: #550047;

    outline-color: var(--color-accent-secondary);
  }

  :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea):disabled {

    cursor: not-allowed;
  }

  :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea):disabled {

    border-bottom-color: color-mix(in srgb, #2D1B2C 75%, transparent);

    border-bottom-color: var(--color-text-disabled);
  }

  :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea):disabled {

    background-color: color-mix(in srgb, #2D1B2C 25%, transparent);

    background-color: var(--color-bg-input-disabled);
  }

  :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea):disabled {

    color: color-mix(in srgb, #2D1B2C 75%, transparent);

    color: var(--color-text-disabled);
  }

  .success:is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],.form-select,textarea) {

    border-color: #008236;

    border-color: var(--color-success);

    outline-style: var(--tw-outline-style);

    outline-width: 1px;

    outline-color: #008236;

    outline-color: var(--color-success);
  }

  input[type="date"] {

    position: relative;

    background-image: url(../d8a6083ef77c14ad8d34.png);

    background-size: auto 16px;

    background-position: 0.5rem center;

    background-repeat: no-repeat;

    padding-left: calc(0.25rem * 7);

    padding-left: calc(var(--spacing) * 7);
  }

  input[type="date"]::-webkit-calendar-picker-indicator {

    position: absolute;

    top: calc(0.25rem * 3);

    top: calc(var(--spacing) * 3);

    left: calc(0.25rem * 3);

    left: calc(var(--spacing) * 3);

    display: block;

    height: calc(0.25rem * 5);

    height: calc(var(--spacing) * 5);

    width: calc(0.25rem * 5);

    width: calc(var(--spacing) * 5);

    cursor: pointer;

    border-style: var(--tw-border-style);

    border-width: thin;

    opacity: 0;
  }

  .form-select {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    background-repeat: no-repeat;

    padding-right: calc(0.25rem * 14);

    padding-right: calc(var(--spacing) * 14);

    background-image: url("../media/icons/chevron-down.svg");

    background-position: right 1rem center;
  }

  .form-item .form-type-checkbox,.form-item .form-type-radio {

    margin-bottom: calc(0.25rem * 2);

    margin-bottom: calc(var(--spacing) * 2);
  }

  .form-item .description {

    padding-top: calc(0.25rem * 2);

    padding-top: calc(var(--spacing) * 2);

    font-size: 0.75rem;

    font-size: var(--text-xs);

    line-height: calc(1 / 0.75);

    line-height: var(--tw-leading, var(--text-xs--line-height));

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  .webform-submission-form {

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);
  }

  .webform-submission-form input,.webform-submission-form select,.webform-submission-form textarea {

    width: 100%;
  }

  @media (min-width: 48rem) {

    .webform-submission-form .webform-button--submit {

      width: -moz-max-content;

      width: max-content;
    }
  }
}

@layer components {

  .styleguide, .styleguide-description {

    width: 100% !important;
  }

  @media (min-width: 40rem) {

    .styleguide, .styleguide-description {

      max-width: 40rem !important;
    }
  }

  @media (min-width: 48rem) {

    .styleguide, .styleguide-description {

      max-width: 48rem !important;
    }
  }

  @media (min-width: 64rem) {

    .styleguide, .styleguide-description {

      max-width: 64rem !important;
    }
  }

  @media (min-width: 80rem) {

    .styleguide, .styleguide-description {

      max-width: 80rem !important;
    }
  }

  @media (min-width: 96rem) {

    .styleguide, .styleguide-description {

      max-width: 96rem !important;
    }
  }

  .styleguide, .styleguide-description {

    margin-inline: auto !important;

    padding-inline: 1rem !important;

    padding-inline: var(--spacing-container-gutter) !important;
  }

  @media (min-width: 40rem) {

    .styleguide, .styleguide-description {

      padding-inline: 1.5rem !important;

      padding-inline: var(--spacing-container-gutter-sm) !important;
    }
  }

  @media (min-width: 48rem) {

    .styleguide, .styleguide-description {

      padding-inline: 1.5rem !important;

      padding-inline: var(--spacing-container-gutter-md) !important;
    }
  }

  @media (min-width: 64rem) {

    .styleguide, .styleguide-description {

      padding-inline: 1.5rem !important;

      padding-inline: var(--spacing-container-gutter-lg) !important;
    }
  }

  @media (min-width: 80rem) {

    .styleguide, .styleguide-description {

      padding-inline: 2rem !important;

      padding-inline: var(--spacing-container-gutter-xl) !important;
    }
  }

  @media (min-width: 96rem) {

    .styleguide, .styleguide-description {

      max-width: 80rem !important;

      max-width: var(--container-7xl) !important;
    }
  }

  @media (min-width: 96rem) {

    .styleguide, .styleguide-description {

      padding-inline: 2rem !important;

      padding-inline: var(--spacing-container-gutter-2xl) !important;
    }
  }

  :is(.styleguide,.styleguide-description) > div {

    margin-bottom: 1rem;

    margin-bottom: var(--spacing-block-inner-mobile);
  }

  @media (min-width: 48rem) {

    :is(.styleguide,.styleguide-description) > div {

      margin-bottom: 1rem;

      margin-bottom: var(--spacing-block-inner-tablet);
    }
  }

  @media (min-width: 64rem) {

    :is(.styleguide,.styleguide-description) > div {

      margin-bottom: 1rem;

      margin-bottom: var(--spacing-block-inner-desktop);
    }
  }

  :is(.styleguide,.styleguide-description) > form {

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);
  }

  :is(:is(.styleguide,.styleguide-description) > form) input[type="submit"],:is(:is(.styleguide,.styleguide-description) > form) input[type="image"],:is(:is(.styleguide,.styleguide-description) > form) a.button {

    max-width: -moz-max-content;

    max-width: max-content;
  }

  .sdc-styleguide-demo-form #result {

    margin-bottom: 1rem;

    margin-bottom: var(--spacing-block-inner-mobile);

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 6);

    gap: calc(var(--spacing) * 6);
  }

  @media (min-width: 48rem) {

    .sdc-styleguide-demo-form #result {

      margin-bottom: 1rem;

      margin-bottom: var(--spacing-block-inner-tablet);
    }
  }

  @media (min-width: 64rem) {

    .sdc-styleguide-demo-form #result {

      margin-bottom: 1rem;

      margin-bottom: var(--spacing-block-inner-desktop);
    }
  }

  .sdc-styleguide-demo-form #edit-submit {

    margin-top: 3rem;

    margin-top: var(--spacing-block-outer-mobile);

    max-width: -moz-max-content;

    max-width: max-content;
  }

  @media (min-width: 48rem) {

    .sdc-styleguide-demo-form #edit-submit {

      margin-top: 3rem;

      margin-top: var(--spacing-block-outer-tablet);
    }
  }

  @media (min-width: 64rem) {

    .sdc-styleguide-demo-form #edit-submit {

      margin-top: 3rem;

      margin-top: var(--spacing-block-outer-desktop);
    }
  }

  .sdc-styleguide-demo-form .form-item {

    margin-bottom: calc(0.25rem * 4);

    margin-bottom: calc(var(--spacing) * 4);
  }

  .sdc-styleguide-demo-form .form-submit {

    max-width: -moz-max-content;

    max-width: max-content;
  }
}

@layer components {

  table {

    margin-block: 1rem;

    margin-block: var(--spacing-block-inner-mobile);

    table-layout: auto;

    border-collapse: separate;

    --tw-border-spacing-x: calc(var(--spacing) * 0);

    --tw-border-spacing-y: calc(var(--spacing) * 0);

    border-spacing: calc(0.25rem * 0) calc(0.25rem * 0);

    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);

    border-radius: 0.25rem;

    border-radius: var(--radius-sm);
  }

  @media (min-width: 48rem) {

    table {

      margin-block: 1rem;

      margin-block: var(--spacing-block-inner-tablet);
    }
  }

  @media (min-width: 64rem) {

    table {

      margin-block: 1rem;

      margin-block: var(--spacing-block-inner-desktop);
    }
  }

  table caption {

    text-align: center;

    font-size: 1.125rem;

    font-size: var(--text-lg);

    line-height: calc(1.75 / 1.125);

    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  table th,table td {

    display: table-cell;

    padding-inline: calc(0.25rem * 3);

    padding-inline: calc(var(--spacing) * 3);

    padding-block: calc(0.25rem * 2.5);

    padding-block: calc(var(--spacing) * 2.5);
  }

  :is(table thead) th {

    border-color: #550047;

    border-color: var(--color-accent-secondary);

    background-color: #550047;

    background-color: var(--color-accent-secondary);

    text-align: left;

    font-size: 1rem;

    font-size: var(--text-base);

    line-height: calc(1.5 / 1);

    line-height: var(--tw-leading, var(--text-base--line-height));

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: 600;

    font-weight: var(--font-weight-semibold);

    color: #FF6A5F;

    color: var(--color-accent-primary);
  }

  :is(:is(table thead) th):first-child {

    border-top-left-radius: 0.25rem;

    border-top-left-radius: var(--radius-sm);
  }

  :is(:is(table thead) th):last-child {

    border-top-right-radius: 0.25rem;

    border-top-right-radius: var(--radius-sm);
  }

  :is(:is(table tbody) tr) td {

    border-top-style: var(--tw-border-style);

    border-top-width: 1px;

    border-left-style: var(--tw-border-style);

    border-left-width: 1px;

    border-color: #550047;

    border-color: var(--color-accent-secondary);
  }

  :is(:is(:is(table tbody) tr) td):last-child {

    border-right-style: var(--tw-border-style);

    border-right-width: 1px;
  }

  :is(:is(table tbody) tr:last-child) td {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 1px;
  }

  :is(:is(:is(table tbody) tr:last-child) td):first-child {

    border-bottom-left-radius: 0.25rem;

    border-bottom-left-radius: var(--radius-sm);
  }

  :is(:is(:is(table tbody) tr:last-child) td):last-child {

    border-bottom-right-radius: 0.25rem;

    border-bottom-right-radius: var(--radius-sm);
  }
}

@layer components {

  .ckeditor-accordion-container dl {

    margin-bottom: calc(0.25rem * 4) !important;

    margin-bottom: calc(var(--spacing) * 4) !important;

    --tw-border-style: none !important;

    border-style: none !important;
  }

  :is(.ckeditor-accordion-container dl) dt {

    position: relative !important;

    margin-block: calc(0.25rem * 1) !important;

    margin-block: calc(var(--spacing) * 1) !important;

    background-color: #F7F3E7;

    background-color: var(--color-beige-100);

    padding: calc(0.25rem * 2);

    padding: calc(var(--spacing) * 2);
  }

  :is(:is(.ckeditor-accordion-container dl) dt):first-child {

    margin-top: calc(0.25rem * 0) !important;

    margin-top: calc(var(--spacing) * 0) !important;
  }

  :is(:is(.ckeditor-accordion-container dl) dt) .ckeditor-accordion-toggle {

    display: none !important;
  }

  :is(:is(:is(.ckeditor-accordion-container dl) dt) .ckeditor-accordion-toggle)::before,:is(:is(:is(.ckeditor-accordion-container dl) dt) .ckeditor-accordion-toggle)::after {

    content: none !important;
  }

  :is(:is(.ckeditor-accordion-container dl) dt) a {

    display: block !important;

    cursor: pointer !important;

    --tw-border-style: none !important;

    border-style: none !important;

    background-color: transparent !important;

    padding: calc(0.25rem * 0) !important;

    padding: calc(var(--spacing) * 0) !important;

    padding-left: calc(0.25rem * 8) !important;

    padding-left: calc(var(--spacing) * 8) !important;

    color: #2D1B2C !important;

    color: var(--color-text-base) !important;

    text-decoration-line: none;
  }

  @media (hover: hover) {

    :is(:is(:is(.ckeditor-accordion-container dl) dt) a):hover {

      text-decoration-line: none;
    }
  }

  :is(:is(:is(.ckeditor-accordion-container dl) dt) a):focus {

    text-decoration-line: none;
  }

  :is(:is(:is(.ckeditor-accordion-container dl) dt) a):active {

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);
  }

  :is(:is(:is(.ckeditor-accordion-container dl) dt) a):before,:is(:is(:is(.ckeditor-accordion-container dl) dt) a):after {

    position: absolute;

    top: calc(1/2 * 100%);

    left: calc(0.25rem * 2);

    left: calc(var(--spacing) * 2);

    display: block;

    height: calc(0.25rem * 1);

    height: calc(var(--spacing) * 1);

    width: calc(0.25rem * 4.5);

    width: calc(var(--spacing) * 4.5);

    border-radius: 0.5rem;

    border-radius: var(--radius-lg);

    background-color: #FF4A3D;

    background-color: var(--color-accent-primary-contrast);

    transition-property: transform,opacity,rotate;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;

    --tw-ease: var(--ease-in-out);

    transition-timing-function: var(--ease-in-out);

    content: "";
  }

  :is(:is(:is(.ckeditor-accordion-container dl) dt) a):before {

    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;

    translate: var(--tw-translate-x) calc(calc(1/2 * 100%) * -1) !important;

    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  :is(:is(:is(.ckeditor-accordion-container dl) dt) a):after {

    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;

    translate: var(--tw-translate-x) calc(calc(1/2 * 100%) * -1) !important;

    translate: var(--tw-translate-x) var(--tw-translate-y) !important;

    rotate: 90deg !important;
  }

  :is(:is(.ckeditor-accordion-container dl) dt) a:not(.button):hover {

    background-color: transparent;

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  :is(.ckeditor-accordion-container dl) dt.active {

    border-bottom-style: var(--tw-border-style) !important;

    border-bottom-width: 0px !important;
  }

  :is(:is(:is(.ckeditor-accordion-container dl) dt.active) a):before {

    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;

    translate: var(--tw-translate-x) calc(calc(1/2 * 100%) * -1) !important;

    translate: var(--tw-translate-x) var(--tw-translate-y) !important;

    rotate: calc(90deg * -1) !important;

    opacity: 0% !important;
  }

  :is(:is(:is(.ckeditor-accordion-container dl) dt.active) a):after {

    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;

    translate: var(--tw-translate-x) calc(calc(1/2 * 100%) * -1) !important;

    translate: var(--tw-translate-x) var(--tw-translate-y) !important;

    rotate: 0deg !important;
  }

  :is(.ckeditor-accordion-container dl) dd {

    margin-block: calc(0.25rem * 0) !important;

    margin-block: calc(var(--spacing) * 0) !important;

    background-color: #FAF8F1;

    background-color: var(--color-beige-60);

    padding-inline: calc(0.25rem * 3) !important;

    padding-inline: calc(var(--spacing) * 3) !important;
  }

  :is(:is(.ckeditor-accordion-container dl) dd) > *:first-child {

    padding-top: calc(0.25rem * 3);

    padding-top: calc(var(--spacing) * 3);
  }

  :is(:is(.ckeditor-accordion-container dl) dd) > *:last-child {

    padding-bottom: calc(0.25rem * 3);

    padding-bottom: calc(var(--spacing) * 3);
  }
}

@layer components {

  .upcoming-events-block .block__heading {

    display: none;
  }

  .upcoming-events-block .hide-event-type-filter .row .col-12.order-1 {

    padding: calc(0.25rem * 0);

    padding: calc(var(--spacing) * 0);
  }
}

@layer components {

  .nct-accordion-body {

    display: flex !important;

    max-height: calc(0.25rem * 500);

    max-height: calc(var(--spacing) * 500);

    overflow: hidden;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 500ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 500ms;

    transition-duration: 500ms;

    --tw-ease: var(--ease-in-out);

    transition-timing-function: var(--ease-in-out);
  }

  .nct-accordion-body.hidden {

    max-height: calc(0.25rem * 0);

    max-height: calc(var(--spacing) * 0);
  }
}

@layer components {

  #block-nct3-tabs {

    width: 100%;
  }

  @media (min-width: 40rem) {

    #block-nct3-tabs {

      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {

    #block-nct3-tabs {

      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {

    #block-nct3-tabs {

      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {

    #block-nct3-tabs {

      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {

    #block-nct3-tabs {

      max-width: 96rem;
    }
  }

  #block-nct3-tabs {

    margin-inline: auto;

    padding-inline: 1rem;

    padding-inline: var(--spacing-container-gutter);
  }

  @media (min-width: 40rem) {

    #block-nct3-tabs {

      padding-inline: 1.5rem;

      padding-inline: var(--spacing-container-gutter-sm);
    }
  }

  @media (min-width: 48rem) {

    #block-nct3-tabs {

      padding-inline: 1.5rem;

      padding-inline: var(--spacing-container-gutter-md);
    }
  }

  @media (min-width: 64rem) {

    #block-nct3-tabs {

      padding-inline: 1.5rem;

      padding-inline: var(--spacing-container-gutter-lg);
    }
  }

  @media (min-width: 80rem) {

    #block-nct3-tabs {

      padding-inline: 2rem;

      padding-inline: var(--spacing-container-gutter-xl);
    }
  }

  @media (min-width: 96rem) {

    #block-nct3-tabs {

      max-width: 80rem !important;

      max-width: var(--container-7xl) !important;
    }
  }

  @media (min-width: 96rem) {

    #block-nct3-tabs {

      padding-inline: 2rem;

      padding-inline: var(--spacing-container-gutter-2xl);
    }
  }

  #block-nct3-tabs ul {

    display: flex;

    list-style-type: none;

    flex-direction: row;

    align-items: center;

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);

    padding-left: calc(0.25rem * 0);

    padding-left: calc(var(--spacing) * 0);
  }

  :is(#block-nct3-tabs ul) a {

    display: flex;

    height: calc(0.25rem * 11);

    height: calc(var(--spacing) * 11);

    align-items: center;

    border-bottom-style: solid;

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 4px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: rgb(0 0 0 /0);

    border-color: var(--color-clear);

    padding-inline: calc(0.25rem * 2);

    padding-inline: calc(var(--spacing) * 2);

    font-size: 1rem;

    font-size: var(--text-base);

    line-height: calc(1.5 / 1);

    line-height: var(--tw-leading, var(--text-base--line-height));

    color: #550047;

    color: var(--color-accent-secondary);

    text-decoration-line: none;
  }

  @media (hover: hover) {

    :is(:is(#block-nct3-tabs ul) a):hover {

      border-color: #FF6A5F;

      border-color: var(--color-accent-primary);
    }
  }

  @media (hover: hover) {

    :is(:is(#block-nct3-tabs ul) a):hover {

      text-decoration-line: none;
    }
  }

  :is(:is(#block-nct3-tabs ul) a):focus {

    text-decoration-line: none;
  }

  :is(:is(#block-nct3-tabs ul) a)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(:is(#block-nct3-tabs ul) a)[data-focus-visible-added] {

    text-decoration-line: none;
  }

  :is(:is(#block-nct3-tabs ul) a):focus-visible {

    text-decoration-line: none;
  }

  :is(:is(#block-nct3-tabs ul) a)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(:is(#block-nct3-tabs ul) a)[data-focus-visible-added] {

    outline-style: var(--tw-outline-style) !important;

    outline-width: 1px !important;
  }

  :is(:is(#block-nct3-tabs ul) a):focus-visible {

    outline-style: var(--tw-outline-style) !important;

    outline-width: 1px !important;
  }

  :is(:is(#block-nct3-tabs ul) a)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(:is(#block-nct3-tabs ul) a)[data-focus-visible-added] {

    outline-color: #550047;

    outline-color: var(--color-accent-secondary);
  }

  :is(:is(#block-nct3-tabs ul) a):focus-visible {

    outline-color: #550047;

    outline-color: var(--color-accent-secondary);
  }

  :is(:is(#block-nct3-tabs ul) a)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(:is(#block-nct3-tabs ul) a)[data-focus-visible-added] {

    --tw-outline-style: solid !important;

    outline-style: solid !important;
  }

  :is(:is(#block-nct3-tabs ul) a):focus-visible {

    --tw-outline-style: solid !important;

    outline-style: solid !important;
  }

  .is-active:is(:is(#block-nct3-tabs ul) a) {

    border-color: #FF6A5F;

    border-color: var(--color-accent-primary);

    color: #550047;

    color: var(--color-accent-secondary);
  }
}

@layer components {

  .page-header {

    background-size: 100%;

    background-position: 75px 45%;

    background-repeat: no-repeat;
  }

  @media (min-width: 40rem) {

    .page-header {

      background-size: 65%;
    }
  }

  @media (min-width: 40rem) {

    .page-header {

      background-position: 120% 45%;
    }
  }

  .page-header {

    background-image: url(../0168ce4552028c42270c.png);

    background-color: #FF6A5F;

    background-color: var(--color-accent-primary);
  }

  .page-header.page-header-tall {

    background-size: 280%;

    background-position: 28% 105%;

    background-repeat: no-repeat;
  }

  @media (min-width: 40rem) {

    .page-header.page-header-tall {

      background-size: 120%;
    }
  }

  @media (min-width: 40rem) {

    .page-header.page-header-tall {

      background-position: 120% 45%;
    }
  }
}

@layer components {

  #block-nct3-pagetitle-2, .page-header {

    display: flex;

    padding-inline: calc(0.25rem * 0);

    padding-inline: calc(var(--spacing) * 0);

    padding-block: calc(0.25rem * 12);

    padding-block: calc(var(--spacing) * 12);

    background-size: 100%;

    background-position: 75px 45%;

    background-repeat: no-repeat;
  }

  @media (min-width: 40rem) {

    #block-nct3-pagetitle-2, .page-header {

      background-size: 65%;
    }
  }

  @media (min-width: 40rem) {

    #block-nct3-pagetitle-2, .page-header {

      background-position: 120% 45%;
    }
  }

  #block-nct3-pagetitle-2, .page-header {

    background-image: url(../0168ce4552028c42270c.png);

    background-color: #FF6A5F;

    background-color: var(--color-accent-primary);
  }
}

@layer components {

  .global-cta-block {

    background-size: 160%;

    background-position: center 60%;

    background-repeat: no-repeat;
  }

  @media (min-width: 40rem) {

    .global-cta-block {

      background-size: 140%;
    }
  }

  @media (min-width: 40rem) {

    .global-cta-block {

      background-position: center 50%;
    }
  }

  .global-cta-block {

    background-image: url(../8ab3b071c5ebc574bc9d.png);

    background-color: #550047;

    background-color: var(--color-accent-secondary);
  }
}

@layer components {

  .view header {

    margin-bottom: calc(0.25rem * 6);

    margin-bottom: calc(var(--spacing) * 6);

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 6);

    gap: calc(var(--spacing) * 6);
  }

  .view .form-group {

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);
  }

  @media (min-width: 48rem) {

    .view .form-group {

      flex-direction: row;
    }
  }
}

@layer components {

  #views-exposed-form-course-search-course-search-views-page {

    margin-bottom: calc(0.25rem * 6);

    margin-bottom: calc(var(--spacing) * 6);

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);
  }

  #views-exposed-form-course-search-course-search-views-page #exposed-filter-accordion {

    background-color: #F7F3E7;

    background-color: var(--color-bg-input-dark);

    padding-inline: calc(0.25rem * 5);

    padding-inline: calc(var(--spacing) * 5);
  }

  #views-exposed-form-course-search-course-search-views-page .exposed-filter-button {

    display: flex;

    width: 100%;

    cursor: pointer;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    --tw-font-weight: var(--font-weight-medium);

    font-weight: 500;

    font-weight: var(--font-weight-medium);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  :is(#views-exposed-form-course-search-course-search-views-page .exposed-filter-button) .exposed-filter-button-content {

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: calc(0.25rem * 2);

    gap: calc(var(--spacing) * 2);
  }

  :is(#views-exposed-form-course-search-course-search-views-page .exposed-filter-button) svg {

    padding: calc(0.25rem * 2);

    padding: calc(var(--spacing) * 2);

    font-size: 1.5rem;

    font-size: var(--text-2xl);

    line-height: calc(2 / 1.5);

    line-height: var(--tw-leading, var(--text-2xl--line-height));

    color: #FF6A5F;

    color: var(--color-accent-primary);
  }

  #views-exposed-form-course-search-course-search-views-page .exposed-filter-chevron {

    rotate: 0deg;

    transition-property: transform, translate, scale, rotate;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 500ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 500ms;

    transition-duration: 500ms;
  }

  #views-exposed-form-course-search-course-search-views-page .exposed-filter-accordion--open .exposed-filter-chevron {

    rotate: 180deg;
  }

  .course-postcode-search-form {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);
  }

  @media (min-width: 48rem) {

    .course-postcode-search-form {

      flex-direction: row;
    }
  }

  .course-postcode-search-form .form-item {

    width: 100%;
  }

  .course-postcode-search-form input {

    width: 100%;

    max-width: 100%;
  }

  .course-postcode-search-form .form-submit {

    max-height: calc(0.25rem * 14);

    max-height: calc(var(--spacing) * 14);
  }

  @media (min-width: 48rem) {

    .course-postcode-search-form .form-submit {

      max-width: calc(0.25rem * 36);

      max-width: calc(var(--spacing) * 36);
    }
  }

  .course-postcode-search-form .form-item-postcode input {

    background-image: url(../649ec2feaebaf91a234c.png);

    background-size: auto 16px;

    background-position: 0.5rem center;

    background-repeat: no-repeat;

    padding-left: calc(0.25rem * 7);

    padding-left: calc(var(--spacing) * 7);
  }

  .wrapper-bottom-region-course-activities-form {

    flex-direction: column;

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);
  }

  @media (min-width: 48rem) {

    .wrapper-bottom-region-course-activities-form {

      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {

    .wrapper-bottom-region-course-activities-form {

      flex-wrap: wrap;
    }
  }

  .wrapper-bottom-region-course-activities-form .title-nmf-select {

    width: 100%;
  }

  @media (min-width: 48rem) {

    .wrapper-bottom-region-course-activities-form .title-nmf-select {

      width: auto;
    }
  }

  .wrapper-bottom-region-course-activities-form select {

    width: 100%;

    max-width: 100%;
  }

  .course-bottom-filters-search-form {

    margin-top: calc(0.25rem * 2);

    margin-top: calc(var(--spacing) * 2);

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);
  }

  @media (min-width: 48rem) {

    .course-bottom-filters-search-form {

      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {

    .course-bottom-filters-search-form {

      flex-wrap: wrap;
    }
  }

  .course-bottom-filters-search-form .title-nmf-select {

    width: 100%;
  }

  @media (min-width: 48rem) {

    .course-bottom-filters-search-form .title-nmf-select {

      width: auto;
    }
  }

  .course-bottom-filters-search-form select {

    width: 100%;

    max-width: 100%;
  }
}

@layer components {

  #course-search-no-results .head {

    margin-bottom: calc(0.25rem * 4);

    margin-bottom: calc(var(--spacing) * 4);
  }

  #course-search-no-results .subhead {

    margin-bottom: calc(0.25rem * 4);

    margin-bottom: calc(var(--spacing) * 4);
  }

  #course-search-no-results .block-error-message {

    padding-block: calc(0.25rem * 4);

    padding-block: calc(var(--spacing) * 4);
  }

  :is(#course-search-no-results .block-error-message) p {

    text-align: center;
  }

  #course-search-no-results .info-items {

    display: grid;

    grid-template-columns: repeat(1, minmax(0, 1fr));

    grid-gap: calc(0.25rem * 4);

    grid-gap: calc(var(--spacing) * 4);

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);
  }

  @media (min-width: 48rem) {

    #course-search-no-results .info-items {

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

  #course-search-no-results .info-item {

    border-radius: 0.5rem;

    border-radius: var(--radius-lg);

    border-style: var(--tw-border-style);

    border-width: 2px;

    border-color: #FF6A5F;

    border-color: var(--color-accent-primary);

    padding: calc(0.25rem * 4);

    padding: calc(var(--spacing) * 4);
  }

  :is(#course-search-no-results .info-item) p {

    margin-bottom: calc(0.25rem * 4);

    margin-bottom: calc(var(--spacing) * 4);
  }

  :is(:is(#course-search-no-results .info-item) p):last-child {

    margin-bottom: calc(0.25rem * 0);

    margin-bottom: calc(var(--spacing) * 0);
  }
}

@layer components {

  .course-page-mini-session-table {

    margin-block: calc(0.25rem * 2);

    margin-block: calc(var(--spacing) * 2);

    width: 100%;
  }

  .course-page-mini-session-table td {

    --tw-border-style: none;

    border-style: none;

    padding-block: calc(0.25rem * 1);

    padding-block: calc(var(--spacing) * 1);
  }

  .course-page-mini-session-table .course-session-table-number {

    padding-inline: calc(0.25rem * 0);

    padding-inline: calc(var(--spacing) * 0);

    vertical-align: top;

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: 600;

    font-weight: var(--font-weight-semibold);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  .course-page-mini-session-table .course-session-table-data {

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    -moz-column-gap: calc(0.25rem * 6);

         column-gap: calc(0.25rem * 6);

    -moz-column-gap: calc(var(--spacing) * 6);

         column-gap: calc(var(--spacing) * 6);

    row-gap: calc(0.25rem * 0);

    row-gap: calc(var(--spacing) * 0);
  }

  @media (min-width: 48rem) {

    .course-page-mini-session-table .course-session-table-data {

      flex-direction: row;
    }
  }

  .course-page-mini-session-table .course-session-table-data-name {

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: 600;

    font-weight: var(--font-weight-semibold);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  @media (min-width: 48rem) {

    .course-page-mini-session-table .course-session-table-data-name {

      width: calc(1/2 * 100%);
    }
  }

  .course-page-mini-session-table .course-session-table-data-date {

    margin-bottom: calc(0.25rem * 2);

    margin-bottom: calc(var(--spacing) * 2);
  }

  .course-page-mini-session-table .course-session-table-data-separator {

    color: #FF6A5F;

    color: var(--color-accent-primary);
  }

  .course-page-mini-session-table .course-session-table-data-notes {

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: calc(1.25 / 0.875);

    line-height: var(--tw-leading, var(--text-sm--line-height));

    color: color-mix(in srgb, #2D1B2C 75%, transparent);

    color: var(--color-text-disabled);
  }
}

@layer components {

  .drupal-messages .message-status {

    background-color: #7ED8FF;

    background-color: var(--color-info);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  .drupal-messages .message-warning {

    background-color: #BB4D00;

    background-color: var(--color-warning);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  .drupal-messages .message-error {

    background-color: #C10007;

    background-color: var(--color-error);

    color: #FFFFFF;

    color: var(--color-text-inverted);
  }

  :is(.drupal-messages .message-error) a {

    color: #FFFFFF;

    color: var(--color-text-inverted);

    text-decoration-color: #FFFFFF;

    text-decoration-color: var(--color-text-inverted);
  }
}

@layer components {

  @media (min-width: 64rem) {

    #block-nct3-headertags-2 {

      display: none;
    }
  }

  #block-nct3-headertags {

    display: none;
  }

  @media (min-width: 64rem) {

    #block-nct3-headertags {

      display: block;
    }
  }
}

@layer components {

  @media (min-width: 64rem) {

    #block-nct3-branchlocalinformationandnewsblock {

      display: none;
    }
  }

  #block-nct3-branchlocalinformationandnewsblock-2 {

    display: none;
  }

  @media (min-width: 64rem) {

    #block-nct3-branchlocalinformationandnewsblock-2 {

      display: block;
    }
  }
}

@layer components {

  #block-nct3-articlereviewedandnextreviewdateblock p {

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: 600;

    font-weight: var(--font-weight-semibold);

    color: #550047;

    color: var(--color-accent-secondary);
  }
}

@layer components {

  .webform-submission-feedback-form-was-this-page-usef-form fieldset {

    --tw-border-style: none;

    border-style: none;

    padding-bottom: calc(0.25rem * 0) !important;

    padding-bottom: calc(var(--spacing) * 0) !important;

    padding-left: calc(0.25rem * 0) !important;

    padding-left: calc(var(--spacing) * 0) !important;
  }

  .webform-submission-feedback-form-was-this-page-usef-form fieldset legend {

    padding-left: calc(0.25rem * 0);

    padding-left: calc(var(--spacing) * 0);
  }

  .webform-submission-feedback-form-was-this-page-usef-form .form-wrapper {

    flex-direction: column;

    row-gap: calc(0.25rem * 0);

    row-gap: calc(var(--spacing) * 0);
  }

  .webform-submission-feedback-form-was-this-page-usef-form .webform-flexbox {

    margin: calc(0.25rem * 0) !important;

    margin: calc(var(--spacing) * 0) !important;
  }

  .webform-submission-feedback-form-was-this-page-usef-form .webform-flex--container {

    margin: calc(0.25rem * 0) !important;

    margin: calc(var(--spacing) * 0) !important;
  }

  .webform-submission-feedback-form-was-this-page-usef-form .webform-flex--container > div {

    padding-top: calc(0.25rem * 4);

    padding-top: calc(var(--spacing) * 4);
  }

  .webform-submission-feedback-form-was-this-page-usef-form .webform-flex--1:first-child .webform-flex--container > div {

    padding-top: calc(0.25rem * 0);

    padding-top: calc(var(--spacing) * 0);
  }

  .webform-submission-feedback-form-was-this-page-usef-form .radio-wrapper > div,.webform-submission-feedback-form-was-this-page-usef-form .radio-wrapper > input {

    margin: calc(0.25rem * 0) !important;

    margin: calc(var(--spacing) * 0) !important;

    height: calc(0.25rem * 0) !important;

    height: calc(var(--spacing) * 0) !important;

    width: calc(0.25rem * 0) !important;

    width: calc(var(--spacing) * 0) !important;

    --tw-border-style: none !important;

    border-style: none !important;

    opacity: 0%;
  }

  .webform-submission-feedback-form-was-this-page-usef-form .radio-wrapper > label {

    border-radius: 0.5rem;

    border-radius: var(--radius-lg);

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 1px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #550047;

    border-color: var(--color-accent-secondary);

    background-color: #FFFFFF;

    background-color: var(--color-white-100);

    padding: calc(0.25rem * 2.5);

    padding: calc(var(--spacing) * 2.5);
  }

  @media (hover: hover) {

    :is(.webform-submission-feedback-form-was-this-page-usef-form .radio-wrapper > label):hover {

      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 2px 0 rgb(0 0 0 / 0.05);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {

    :is(.webform-submission-feedback-form-was-this-page-usef-form .radio-wrapper > label):hover {

      --tw-shadow-color: #550047;
    }

    @supports (color: color-mix(in lab, red, red)) {

      :is(.webform-submission-feedback-form-was-this-page-usef-form .radio-wrapper > label):hover {

        --tw-shadow-color: color-mix(in oklab, var(--color-accent-secondary) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .webform-submission-feedback-form-was-this-page-usef-form .radio-wrapper input:checked ~ label {

    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    --tw-shadow-color: #550047;
  }

  @supports (color: color-mix(in lab, red, red)) {

    .webform-submission-feedback-form-was-this-page-usef-form .radio-wrapper input:checked ~ label {

      --tw-shadow-color: color-mix(in oklab, var(--color-accent-secondary) var(--tw-shadow-alpha), transparent);
    }
  }

  .webform-submission-feedback-form-was-this-page-usef-form .webform-options-display-buttons-wrapper {

    margin: calc(0.25rem * 0) !important;

    margin: calc(var(--spacing) * 0) !important;
  }

  .webform-submission-feedback-form-was-this-page-usef-form .form-item-is-this-useful {

    margin: calc(0.25rem * 0) !important;

    margin: calc(var(--spacing) * 0) !important;
  }

  .webform-submission-feedback-form-was-this-page-usef-form .webform-options-display-buttons {

    margin: calc(0.25rem * 0) !important;

    margin: calc(var(--spacing) * 0) !important;

    display: flex !important;

    flex-direction: row;

    gap: calc(0.25rem * 3);

    gap: calc(var(--spacing) * 3);
  }

  .webform-submission-feedback-form-was-this-page-usef-form #edit-tell-us-why {

    max-width: 100%;
  }
}

@layer components {

  .field--name-field-cards-block {

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 3);

    gap: calc(var(--spacing) * 3);

    border-radius: 1.5rem;

    border-radius: var(--radius-3xl);

    background-color: #F7F3E7;

    background-color: var(--color-bg-input-dark);

    padding: calc(0.25rem * 6);

    padding: calc(var(--spacing) * 6);
  }

  .field--name-field-cards-block .field--name-field-title {

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: 600;

    font-weight: var(--font-weight-semibold);
  }

  .field--name-field-cards-block .field--name-field-subtitle {

    font-size: 1.25rem;

    font-size: var(--text-xl);

    line-height: calc(1.75 / 1.25);

    line-height: var(--tw-leading, var(--text-xl--line-height));

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);

    color: #550047;

    color: var(--color-accent-secondary);
  }
}

@layer components {

  .likert-useful {

    color: #008236;

    color: var(--color-success);
  }

  .likert-neutral {

    color: #BB4D00;

    color: var(--color-warning);
  }

  .likert-not-useful {

    color: #C10007;

    color: var(--color-error);
  }
}

@layer components {

  .nct-affiliate-search-results .main_search_wrapper {

    margin-top: calc(0.25rem * 4);

    margin-top: calc(var(--spacing) * 4);

    display: grid;

    grid-template-columns: repeat(1, minmax(0, 1fr));

    grid-gap: calc(0.25rem * 3);

    grid-gap: calc(var(--spacing) * 3);

    gap: calc(0.25rem * 3);

    gap: calc(var(--spacing) * 3);
  }

  @media (min-width: 48rem) {

    .nct-affiliate-search-results .main_search_wrapper {

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

  @media (min-width: 64rem) {

    .nct-affiliate-search-results .main_search_wrapper {

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

  .nct-affiliate-search-results .affiliate-service-card {

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);

    border-radius: 0.75rem;

    border-radius: var(--radius-xl);

    border-style: var(--tw-border-style);

    border-width: 2px;

    border-color: #FF6A5F;

    border-color: var(--color-accent-primary);

    padding: calc(0.25rem * 4);

    padding: calc(var(--spacing) * 4);
  }

  .nct-affiliate-search-results .info-wrapper,.nct-affiliate-search-results .contact-wrapper {

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);
  }

  .nct-affiliate-search-results .affiliate-service-card-accordion-button {

    margin-bottom: calc(0.25rem * 1);

    margin-bottom: calc(var(--spacing) * 1);

    display: flex;

    width: 100%;

    flex-direction: row;

    align-items: center;

    gap: calc(0.25rem * 2);

    gap: calc(var(--spacing) * 2);

    background-color: #F7F3E7;

    background-color: var(--color-bg-section-dark);

    padding-inline: calc(0.25rem * 5);

    padding-inline: calc(var(--spacing) * 5);

    padding-block: calc(0.25rem * 2);

    padding-block: calc(var(--spacing) * 2);

    text-decoration-line: none;
  }

  @media (hover: hover) {

    :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button):hover {

      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {

    :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button):hover {

      text-decoration-color: #550047;

      text-decoration-color: var(--color-accent-secondary);
    }
  }

  @media (hover: hover) {

    :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button):hover {

      text-decoration-style: solid;
    }
  }

  :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button):focus {

    text-decoration-line: underline;
  }

  :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button):focus {

    text-decoration-color: #550047;

    text-decoration-color: var(--color-accent-secondary);
  }

  :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button)[data-focus-visible-added] {

    text-decoration-line: underline;
  }

  :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button):focus-visible {

    text-decoration-line: underline;
  }

  :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button)[data-focus-visible-added] {

    text-decoration-color: #550047;

    text-decoration-color: var(--color-accent-secondary);
  }

  :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button):focus-visible {

    text-decoration-color: #550047;

    text-decoration-color: var(--color-accent-secondary);
  }

  :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button)[data-focus-visible-added] {

    text-decoration-style: dotted;
  }

  :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button):focus-visible {

    text-decoration-style: dotted;
  }

  :is(.nct-affiliate-search-results .affiliate-service-card-accordion-button):active {

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);
  }

  .nct-affiliate-search-results .accordion-collapse-inner {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: calc(0.25rem * 2.5);

    gap: calc(var(--spacing) * 2.5);

    overflow: hidden;

    background-color: #FAF8F1;

    background-color: var(--color-bg-section-medium);

    padding: calc(0.25rem * 3);

    padding: calc(var(--spacing) * 3);
  }

  .nct-affiliate-search-results .affiliate-service-card-image-wrapper {

    display: flex;

    justify-content: center;
  }

  .nct-affiliate-search-results .affiliate-service-card-image {

    border-radius: 0.375rem;

    border-radius: var(--radius-md);
  }

  .nct-affiliate-search-results .affiliate-service-card-contact-label {

    margin-bottom: calc(0.25rem * 4);

    margin-bottom: calc(var(--spacing) * 4);

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);

    color: #550047;

    color: var(--color-accent-secondary);
  }
}

@layer components {

  :is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) label {

    margin-bottom: calc(0.25rem * 2.5);

    margin-bottom: calc(var(--spacing) * 2.5);

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: calc(1.25 / 0.875);

    line-height: var(--tw-leading, var(--text-sm--line-height));

    color: #550047;

    color: var(--color-accent-secondary);
  }

  :is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) ul {

    display: flex;

    list-style-type: none;

    flex-direction: row;

    flex-wrap: wrap;

    gap: calc(0.25rem * 2);

    gap: calc(var(--spacing) * 2);

    padding-left: calc(0.25rem * 0);

    padding-left: calc(var(--spacing) * 0);
  }

  :is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link {

    display: inline-flex;

    min-width: calc(0.25rem * 28);

    min-width: calc(var(--spacing) * 28);

    cursor: pointer;

    align-items: center;

    justify-content: center;

    border-radius: calc(infinity * 1px);

    padding-inline: calc(0.25rem * 4);

    padding-inline: calc(var(--spacing) * 4);

    padding-block: calc(0.25rem * 2);

    padding-block: calc(var(--spacing) * 2);

    text-align: center;

    text-decoration-line: none;

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 2px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #550047;

    border-color: var(--color-accent-secondary);

    background-color: transparent;

    color: #550047;

    color: var(--color-accent-secondary);
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link):focus {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link):focus {

    border-color: #550047;

    border-color: var(--color-accent-secondary);
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link):focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link)[data-focus-visible-added] {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link):focus-visible {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link)[data-focus-visible-added] {

    --tw-outline-style: none;

    outline-style: none;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link):focus-visible {

    --tw-outline-style: none;

    outline-style: none;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link):active {

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link):disabled {

    cursor: not-allowed;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link):disabled {

    border-color: #884D7E;

    border-color: var(--color-accent-secondary-muted);
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link):disabled {

    color: #884D7E;

    color: var(--color-accent-secondary-muted);
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link):hover {

    box-shadow: 0 2px 4px -2px #996691, 0 4px 6px -1px #996691;

    box-shadow: 0 2px 4px -2px var(--color-accent-secondary-hover-shadow), 0 4px 6px -1px var(--color-accent-secondary-hover-shadow);
  }

  :is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected {

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 2px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #550047;

    border-color: var(--color-accent-secondary);

    background-color: #FF6A5F;

    background-color: var(--color-accent-primary);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  @media (hover: hover) {

    :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):hover {

      background-color: #FF493C;

      background-color: var(--color-accent-primary-hover);
    }
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):focus {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):focus {

    border-color: #884D7E;

    border-color: var(--color-accent-primary-border-focus);
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected)[data-focus-visible-added] {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):focus-visible {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected)[data-focus-visible-added] {

    --tw-outline-style: none;

    outline-style: none;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):focus-visible {

    --tw-outline-style: none;

    outline-style: none;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):active {

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):active {

    --tw-shadow: inset 0px 2px 4px 0px var(--tw-shadow-color, var(--color-accent-primary-muted));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), inset 0px 2px 4px 0px #FFA69F;

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):disabled {

    cursor: not-allowed;
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):disabled {

    border-color: #FFA69F;

    border-color: var(--color-accent-primary-muted);
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):disabled {

    background-color: #FFA69F;

    background-color: var(--color-accent-primary-muted);
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):disabled {

    color: color-mix(in srgb, #2D1B2C 25%, transparent);

    color: var(--color-text-muted);
  }

  :is(:is(.view-component-parent-content-topic-listing .form-item-field-topics-target-id-parent) .bef-link--selected):hover {

    box-shadow: 0 2px 4px -2px #FFA69F, 0 4px 6px -1px #FFA69F;

    box-shadow: 0 2px 4px -2px var(--color-accent-primary-hover-shadow), 0 4px 6px -1px var(--color-accent-primary-hover-shadow);
  }
}

@layer components {

  .view-branch-search .views-exposed-form {

    margin-bottom: calc(0.25rem * 6);

    margin-bottom: calc(var(--spacing) * 6);

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 3);

    gap: calc(var(--spacing) * 3);
  }

  @media (min-width: 48rem) {

    .view-branch-search .views-exposed-form {

      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {

    .view-branch-search .views-exposed-form {

      align-items: flex-end;
    }
  }

  .view-branch-search input,.view-branch-search select {

    width: 100%;
  }

  @media (min-width: 48rem) {

    .view-branch-search input,.view-branch-search select {

      width: -moz-fit-content;

      width: fit-content;
    }
  }

  .view-branch-search .views-row {

    margin-bottom: calc(0.25rem * 4);

    margin-bottom: calc(var(--spacing) * 4);
  }

  :is(.view-branch-search .views-row):last-child {

    margin-bottom: calc(0.25rem * 6);

    margin-bottom: calc(var(--spacing) * 6);
  }
}

@layer components {

  .view-id-events .views-exposed-form {

    display: flex;

    flex-direction: column;

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);
  }

  .view-id-events .filter-group-primary,.view-id-events .top-filter,.view-id-events .form-actions {

    display: flex;

    flex-direction: column;

    -moz-column-gap: calc(0.25rem * 3);

         column-gap: calc(0.25rem * 3);

    -moz-column-gap: calc(var(--spacing) * 3);

         column-gap: calc(var(--spacing) * 3);

    row-gap: calc(0.25rem * 4);

    row-gap: calc(var(--spacing) * 4);
  }

  @media (min-width: 48rem) {

    .view-id-events .filter-group-primary,.view-id-events .top-filter,.view-id-events .form-actions {

      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {

    .view-id-events .filter-group-primary,.view-id-events .top-filter,.view-id-events .form-actions {

      align-items: flex-end;
    }
  }

  .view-id-events .form-actions input {

    max-height: -moz-max-content;

    max-height: max-content;

    width: 100%;
  }

  .view-id-events .top-filter,.view-id-events .top-filter input,.view-id-events .top-filter select,.view-id-events .top-filter .form-item {

    width: 100%;
  }

  .view-id-events .form-item-postcode input {

    background-image: url(../649ec2feaebaf91a234c.png);

    background-size: auto 16px;

    background-position: 0.5rem center;

    background-repeat: no-repeat;

    padding-left: calc(0.25rem * 7);

    padding-left: calc(var(--spacing) * 7);
  }

  .view-id-events .exposed-filter-accordion {

    background-color: #F7F3E7;

    background-color: var(--color-bg-input-dark);

    padding-inline: calc(0.25rem * 5);

    padding-inline: calc(var(--spacing) * 5);
  }

  .view-id-events .exposed-filter-button {

    display: flex;

    width: 100%;

    cursor: pointer;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    --tw-font-weight: var(--font-weight-medium);

    font-weight: 500;

    font-weight: var(--font-weight-medium);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  :is(.view-id-events .exposed-filter-button) .exposed-filter-button-content {

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: calc(0.25rem * 2);

    gap: calc(var(--spacing) * 2);
  }

  :is(.view-id-events .exposed-filter-button) svg {

    padding: calc(0.25rem * 2);

    padding: calc(var(--spacing) * 2);

    font-size: 1.5rem;

    font-size: var(--text-2xl);

    line-height: calc(2 / 1.5);

    line-height: var(--tw-leading, var(--text-2xl--line-height));

    color: #FF6A5F;

    color: var(--color-accent-primary);
  }

  .view-id-events .exposed-filter-chevron {

    rotate: 0deg;

    transition-property: transform, translate, scale, rotate;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 500ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 500ms;

    transition-duration: 500ms;
  }

  .view-id-events .exposed-filter-accordion--open .exposed-filter-chevron {

    rotate: 180deg;
  }

  .view-id-events .exposed-filter-advanced {

    flex-direction: column;

    gap: calc(0.25rem * 5);

    gap: calc(var(--spacing) * 5);
  }

  :is(.view-id-events .exposed-filter-advanced) fieldset {

    margin: calc(0.25rem * 0);

    margin: calc(var(--spacing) * 0);

    border-style: var(--tw-border-style) !important;

    border-width: 0px !important;

    padding: calc(0.25rem * 0) !important;

    padding: calc(var(--spacing) * 0) !important;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) fieldset):last-child {

    margin-bottom: calc(0.25rem * 2);

    margin-bottom: calc(var(--spacing) * 2);
  }

  :is(.view-id-events .exposed-filter-advanced) legend {

    margin-bottom: calc(0.25rem * 2.5);

    margin-bottom: calc(var(--spacing) * 2.5);

    padding: calc(0.25rem * 0);

    padding: calc(var(--spacing) * 0);

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: calc(1.25 / 0.875);

    line-height: var(--tw-leading, var(--text-sm--line-height));

    color: #550047;

    color: var(--color-accent-secondary);
  }

  :is(.view-id-events .exposed-filter-advanced) .fieldset-wrapper > div,:is(.view-id-events .exposed-filter-advanced) .form-radios {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    gap: calc(0.25rem * 2);

    gap: calc(var(--spacing) * 2);
  }

  :is(.view-id-events .exposed-filter-advanced) .form-item .form-type-radio {

    margin-bottom: calc(0.25rem * 0);

    margin-bottom: calc(var(--spacing) * 0);
  }

  :is(.view-id-events .exposed-filter-advanced) .radio-wrapper > div,:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > input {

    margin: calc(0.25rem * 0) !important;

    margin: calc(var(--spacing) * 0) !important;

    height: calc(0.25rem * 0) !important;

    height: calc(var(--spacing) * 0) !important;

    width: calc(0.25rem * 0) !important;

    width: calc(var(--spacing) * 0) !important;

    --tw-border-style: none !important;

    border-style: none !important;

    opacity: 0%;
  }

  :is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label {

    display: inline-flex;

    min-width: calc(0.25rem * 28);

    min-width: calc(var(--spacing) * 28);

    cursor: pointer;

    align-items: center;

    justify-content: center;

    border-radius: calc(infinity * 1px);

    padding-inline: calc(0.25rem * 4);

    padding-inline: calc(var(--spacing) * 4);

    padding-block: calc(0.25rem * 2);

    padding-block: calc(var(--spacing) * 2);

    text-align: center;

    text-decoration-line: none;

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 2px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #550047;

    border-color: var(--color-accent-secondary);

    background-color: transparent;

    color: #550047;

    color: var(--color-accent-secondary);
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label):focus {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label):focus {

    border-color: #550047;

    border-color: var(--color-accent-secondary);
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label):focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label)[data-focus-visible-added] {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label):focus-visible {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label)[data-focus-visible-added] {

    --tw-outline-style: none;

    outline-style: none;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label):focus-visible {

    --tw-outline-style: none;

    outline-style: none;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label):active {

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label):disabled {

    cursor: not-allowed;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label):disabled {

    border-color: #884D7E;

    border-color: var(--color-accent-secondary-muted);
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label):disabled {

    color: #884D7E;

    color: var(--color-accent-secondary-muted);
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper > label):hover {

    box-shadow: 0 2px 4px -2px #996691, 0 4px 6px -1px #996691;

    box-shadow: 0 2px 4px -2px var(--color-accent-secondary-hover-shadow), 0 4px 6px -1px var(--color-accent-secondary-hover-shadow);
  }

  :is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label {

    display: inline-flex;

    min-width: calc(0.25rem * 28);

    min-width: calc(var(--spacing) * 28);

    cursor: pointer;

    align-items: center;

    justify-content: center;

    border-radius: calc(infinity * 1px);

    padding-inline: calc(0.25rem * 4);

    padding-inline: calc(var(--spacing) * 4);

    padding-block: calc(0.25rem * 2);

    padding-block: calc(var(--spacing) * 2);

    text-align: center;

    text-decoration-line: none;

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 2px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #550047;

    border-color: var(--color-accent-secondary);

    background-color: #FF6A5F;

    background-color: var(--color-accent-primary);

    color: #550047;

    color: var(--color-accent-secondary);
  }

  @media (hover: hover) {

    :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):hover {

      background-color: #FF493C;

      background-color: var(--color-accent-primary-hover);
    }
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):focus {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):focus {

    border-color: #884D7E;

    border-color: var(--color-accent-primary-border-focus);
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label)[data-focus-visible-added] {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):focus-visible {

    --tw-border-style: dotted;

    border-style: dotted;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label)[data-focus-visible-added].js-focus-visible, .js-focus-visible :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label)[data-focus-visible-added] {

    --tw-outline-style: none;

    outline-style: none;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):focus-visible {

    --tw-outline-style: none;

    outline-style: none;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):active {

    color: #2D1B2C;

    color: var(--color-text-base);
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):active {

    --tw-shadow: inset 0px 2px 4px 0px var(--tw-shadow-color, var(--color-accent-primary-muted));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), inset 0px 2px 4px 0px #FFA69F;

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):disabled {

    cursor: not-allowed;
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):disabled {

    border-color: #FFA69F;

    border-color: var(--color-accent-primary-muted);
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):disabled {

    background-color: #FFA69F;

    background-color: var(--color-accent-primary-muted);
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):disabled {

    color: color-mix(in srgb, #2D1B2C 25%, transparent);

    color: var(--color-text-muted);
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .radio-wrapper input:checked ~ label):hover {

    box-shadow: 0 2px 4px -2px #FFA69F, 0 4px 6px -1px #FFA69F;

    box-shadow: 0 2px 4px -2px var(--color-accent-primary-hover-shadow), 0 4px 6px -1px var(--color-accent-primary-hover-shadow);
  }

  :is(.view-id-events .exposed-filter-advanced) .exposed-filter-advanced-search {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: flex-end;

    gap: calc(0.25rem * 3);

    gap: calc(var(--spacing) * 3);
  }

  :is(:is(.view-id-events .exposed-filter-advanced) .exposed-filter-advanced-search) .form-item-title {

    width: 100%;
  }

  :is(:is(:is(.view-id-events .exposed-filter-advanced) .exposed-filter-advanced-search) .form-item-title) input {

    width: 100%;

    background-image: url(../09c2f214b2337c19f876.png);

    background-size: auto 16px;

    background-position: 0.5rem center;

    background-repeat: no-repeat;

    padding-left: calc(0.25rem * 7);

    padding-left: calc(var(--spacing) * 7);
  }
}

@layer components {

  .hero-slider-item {

    background-size: 225%;

    background-position: 50% 50%;

    background-repeat: no-repeat;
  }

  @media (min-width: 40rem) {

    .hero-slider-item {

      background-size: 160%;
    }
  }

  @media (min-width: 40rem) {

    .hero-slider-item {

      background-position: 50% 52%;
    }
  }

  .hero-slider-item {

    background-image: url(../b23fa707d77fd7e21af9.png);

    background-color: #FF6A5F;

    background-color: var(--color-accent-primary);
  }

  @media (min-width: 64rem) {

    .hero-slider-item.hero-slider-item-with-image {

      background-size: 100%;
    }
  }

  @media (min-width: 64rem) {

    .hero-slider-item.hero-slider-item-with-image {

      background-position: -200px 50%;
    }
  }

  .hero-slider-slick .slick-track {

    display: flex !important;
  }

  :is(.hero-slider-slick .slick-track) .slick-slide {

    height: inherit !important;
  }

  :is(:is(.hero-slider-slick .slick-track) .slick-slide)  > div {

    height: 100%;
  }

  :is(:is(:is(.hero-slider-slick .slick-track) .slick-slide) > div)  > .slide {

    height: 100%;
  }

  .hero-slider-dots-container .slick-dots {

    display: flex;

    list-style-type: none;

    padding: calc(0.25rem * 0);

    padding: calc(var(--spacing) * 0);
  }

  :is(.hero-slider-dots-container .slick-dots) button {

    padding-inline: calc(0.25rem * 3);

    padding-inline: calc(var(--spacing) * 3);

    font-size: 0px;
  }

  :is(:is(.hero-slider-dots-container .slick-dots) button)::before {

    content: var(--tw-content);

    display: inline-block;
  }

  :is(:is(.hero-slider-dots-container .slick-dots) button)::before {

    content: var(--tw-content);

    font-family: "Font Awesome 6 Free";

    font-family: var(--font-fontawesome);
  }

  :is(:is(.hero-slider-dots-container .slick-dots) button)::before {

    content: var(--tw-content);

    font-size: 0.75rem;

    font-size: var(--text-xs);

    line-height: calc(1 / 0.75);

    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  :is(:is(.hero-slider-dots-container .slick-dots) button)::before {

    content: var(--tw-content);

    --tw-font-weight: var(--font-weight-black);

    font-weight: 900;

    font-weight: var(--font-weight-black);
  }

  :is(:is(.hero-slider-dots-container .slick-dots) button)::before {

    --tw-content: '\f111';

    content: '\f111';

    content: var(--tw-content);
  }

  :is(:is(:is(.hero-slider-dots-container .slick-dots) .slick-active) button)::before {

    content: var(--tw-content);

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);
  }
}

@layer components {

  :is(.field--type-text-long,.field--type-text-with-summary) h2 {

    margin-top: calc(0.25rem * 12);

    margin-top: calc(var(--spacing) * 12);

    margin-bottom: calc(0.25rem * 2);

    margin-bottom: calc(var(--spacing) * 2);
  }

  :is(:is(.field--type-text-long,.field--type-text-with-summary) h2):first-child {

    margin-top: calc(0.25rem * 0);

    margin-top: calc(var(--spacing) * 0);
  }

  :is(:is(.field--type-text-long,.field--type-text-with-summary) h2):last-child {

    margin-bottom: calc(0.25rem * 0);

    margin-bottom: calc(var(--spacing) * 0);
  }

  :is(.field--type-text-long,.field--type-text-with-summary) h3 {

    margin-top: calc(0.25rem * 8);

    margin-top: calc(var(--spacing) * 8);

    margin-bottom: calc(0.25rem * 1);

    margin-bottom: calc(var(--spacing) * 1);
  }

  :is(.field--type-text-long,.field--type-text-with-summary) h4,:is(.field--type-text-long,.field--type-text-with-summary) h5,:is(.field--type-text-long,.field--type-text-with-summary) h6 {

    margin-top: calc(0.25rem * 6);

    margin-top: calc(var(--spacing) * 6);

    margin-bottom: calc(0.25rem * 1);

    margin-bottom: calc(var(--spacing) * 1);
  }

  :is(.field--type-text-long,.field--type-text-with-summary) li {

    margin-bottom: calc(0.25rem * 4);

    margin-bottom: calc(var(--spacing) * 4);
  }

  :is(:is(.field--type-text-long,.field--type-text-with-summary) li):last-child {

    margin-bottom: calc(0.25rem * 0);

    margin-bottom: calc(var(--spacing) * 0);
  }
}

@layer components {

  .quotes-slider-dots-container .slick-dots {

    display: flex;

    list-style-type: none;

    padding: calc(0.25rem * 0);

    padding: calc(var(--spacing) * 0);
  }

  :is(.quotes-slider-dots-container .slick-dots) button {

    padding-inline: calc(0.25rem * 3);

    padding-inline: calc(var(--spacing) * 3);

    font-size: 0px;
  }

  :is(:is(.quotes-slider-dots-container .slick-dots) button)::before {

    content: var(--tw-content);

    display: inline-block;
  }

  :is(:is(.quotes-slider-dots-container .slick-dots) button)::before {

    content: var(--tw-content);

    font-family: "Font Awesome 6 Free";

    font-family: var(--font-fontawesome);
  }

  :is(:is(.quotes-slider-dots-container .slick-dots) button)::before {

    content: var(--tw-content);

    font-size: 0.75rem;

    font-size: var(--text-xs);

    line-height: calc(1 / 0.75);

    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  :is(:is(.quotes-slider-dots-container .slick-dots) button)::before {

    content: var(--tw-content);

    --tw-font-weight: var(--font-weight-black);

    font-weight: 900;

    font-weight: var(--font-weight-black);
  }

  :is(:is(.quotes-slider-dots-container .slick-dots) button)::before {

    --tw-content: '\f111';

    content: '\f111';

    content: var(--tw-content);
  }

  :is(:is(:is(.quotes-slider-dots-container .slick-dots) .slick-active) button)::before {

    content: var(--tw-content);

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);
  }
}

@layer components {

  .slick__slider .slick__slide {

    display: none;
  }

  .slide--0:is(.slick__slider .slick__slide) {

    display: block;

    width: 100%;
  }

  .slick__slider .slick--initialized .slick__slide {

    display: inline-block;
  }
}

@layer components {

  .ajax-progress-fullscreen {

    display: none !important;
  }
}

@layer utilities {

  .svg-inline--fa.hidden {

    display: none !important;
  }
}

.toolbar-fixed.toolbar-tray-open.toolbar-horizontal .section--header--sticky {

  top: 79px;
}

.toolbar-fixed.toolbar-tray-open.toolbar-vertical .section--header--sticky {

  top: 39px;

  left: 240px;
}

.toolbar-fixed .section--header--sticky {

  top: 39px;
}

:is(.toolbar-fixed .section--header--sticky) .section--header--navbar-mobile {

  height: calc(100vh - 0.25rem * 16);

  height: calc(100vh - var(--spacing) * 16);
}

:is(:is(.toolbar-fixed .section--header--sticky) .section--header--navbar-mobile) .nav-list {

  max-height: calc(100vh - 0.25rem * 46);

  max-height: calc(100vh - var(--spacing) * 46);
}

@property --tw-border-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-font-weight {

  syntax: "*";

  inherits: false;
}

@property --tw-outline-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-translate-x {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-y {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-z {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-rotate-x {

  syntax: "*";

  inherits: false;
}

@property --tw-rotate-y {

  syntax: "*";

  inherits: false;
}

@property --tw-rotate-z {

  syntax: "*";

  inherits: false;
}

@property --tw-skew-x {

  syntax: "*";

  inherits: false;
}

@property --tw-skew-y {

  syntax: "*";

  inherits: false;
}

@property --tw-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-inset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-offset-width {

  syntax: "<length>";

  inherits: false;

  initial-value: 0px;
}

@property --tw-ring-offset-color {

  syntax: "*";

  inherits: false;

  initial-value: #fff;
}

@property --tw-ring-offset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-space-x-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-leading {

  syntax: "*";

  inherits: false;
}

@property --tw-blur {

  syntax: "*";

  inherits: false;
}

@property --tw-brightness {

  syntax: "*";

  inherits: false;
}

@property --tw-contrast {

  syntax: "*";

  inherits: false;
}

@property --tw-grayscale {

  syntax: "*";

  inherits: false;
}

@property --tw-hue-rotate {

  syntax: "*";

  inherits: false;
}

@property --tw-invert {

  syntax: "*";

  inherits: false;
}

@property --tw-opacity {

  syntax: "*";

  inherits: false;
}

@property --tw-saturate {

  syntax: "*";

  inherits: false;
}

@property --tw-sepia {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-drop-shadow-size {

  syntax: "*";

  inherits: false;
}

@property --tw-duration {

  syntax: "*";

  inherits: false;
}

@property --tw-ease {

  syntax: "*";

  inherits: false;
}

@property --tw-scale-x {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-y {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-z {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-content {

  syntax: "*";

  initial-value: "";

  inherits: false;
}

@property --tw-border-spacing-x {

  syntax: "<length>";

  inherits: false;

  initial-value: 0;
}

@property --tw-border-spacing-y {

  syntax: "<length>";

  inherits: false;

  initial-value: 0;
}

@keyframes spin {

  to {

    transform: rotate(360deg);
  }
}

@keyframes pulse {

  50% {

    opacity: 0.5;
  }
}

@layer properties {

  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {

    *, ::before, ::after, ::backdrop {

      --tw-border-style: solid;

      --tw-font-weight: initial;

      --tw-outline-style: solid;

      --tw-translate-x: 0;

      --tw-translate-y: 0;

      --tw-translate-z: 0;

      --tw-rotate-x: initial;

      --tw-rotate-y: initial;

      --tw-rotate-z: initial;

      --tw-skew-x: initial;

      --tw-skew-y: initial;

      --tw-shadow: 0 0 #0000;

      --tw-shadow-color: initial;

      --tw-shadow-alpha: 100%;

      --tw-inset-shadow: 0 0 #0000;

      --tw-inset-shadow-color: initial;

      --tw-inset-shadow-alpha: 100%;

      --tw-ring-color: initial;

      --tw-ring-shadow: 0 0 #0000;

      --tw-inset-ring-color: initial;

      --tw-inset-ring-shadow: 0 0 #0000;

      --tw-ring-inset: initial;

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-color: #fff;

      --tw-ring-offset-shadow: 0 0 #0000;

      --tw-space-x-reverse: 0;

      --tw-leading: initial;

      --tw-blur: initial;

      --tw-brightness: initial;

      --tw-contrast: initial;

      --tw-grayscale: initial;

      --tw-hue-rotate: initial;

      --tw-invert: initial;

      --tw-opacity: initial;

      --tw-saturate: initial;

      --tw-sepia: initial;

      --tw-drop-shadow: initial;

      --tw-drop-shadow-color: initial;

      --tw-drop-shadow-alpha: 100%;

      --tw-drop-shadow-size: initial;

      --tw-duration: initial;

      --tw-ease: initial;

      --tw-scale-x: 1;

      --tw-scale-y: 1;

      --tw-scale-z: 1;

      --tw-content: "";

      --tw-border-spacing-x: 0;

      --tw-border-spacing-y: 0;
    }
  }
}