/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --mdtw-color-white: #fff;
    --mdtw-spacing: 0.25rem;
    --mdtw-text-2xl: 1.5rem;
    --mdtw-text-2xl--line-height: calc(2 / 1.5);
    --mdtw-text-3xl: 1.875rem;
    --mdtw-text-3xl--line-height: calc(2.25 / 1.875);
    --mdtw-color-primary: var(--fairmate-color-primary, #d84e00);
    --mdtw-color-secondary: var(--fairmate-color-secondary, #666);
    --mdtw-color-cta: var(--fairmate-color-cta, #d84e00);
    --mdtw-color-on-cta: var(--fairmate-color-on-cta, #fff);
    --mdtw-color-cta-hover: var(--fairmate-color-cta-hover, #a23a00);
    --mdtw-color-focus-visible: var(--fairmate-color-focus-visible, #81D5CD);
    --mdtw-color-text-media-border: var(--fairmate-color-text-media-border, #888);
    --mdtw-radius-cta: var(--fairmate-radius-cta, 44px);
  }
}
.mdtw\:float-left {
  float: left !important;
}
.mdtw\:float-none {
  float: none !important;
}
.mdtw\:m-0 {
  margin: calc(var(--mdtw-spacing) * 0) !important;
}
.mdtw\:mt-2 {
  margin-top: calc(var(--mdtw-spacing) * 2) !important;
}
.mdtw\:mr-8 {
  margin-right: calc(var(--mdtw-spacing) * 8) !important;
}
.mdtw\:mb-4 {
  margin-bottom: calc(var(--mdtw-spacing) * 4) !important;
}
.mdtw\:block {
  display: block !important;
}
.mdtw\:flex {
  display: flex !important;
}
.mdtw\:inline-block {
  display: inline-block !important;
}
.mdtw\:w-full {
  width: 100% !important;
}
.mdtw\:list-none {
  list-style-type: none !important;
}
.mdtw\:flex-col {
  flex-direction: column !important;
}
.mdtw\:gap-2 {
  gap: calc(var(--mdtw-spacing) * 2) !important;
}
.mdtw\:gap-4 {
  gap: calc(var(--mdtw-spacing) * 4) !important;
}
.mdtw\:overflow-hidden {
  overflow: hidden !important;
}
.mdtw\:rounded-cta {
  border-radius: var(--mdtw-radius-cta) !important;
}
.mdtw\:border-1 {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.mdtw\:border-t-12 {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 12px !important;
}
.mdtw\:border-none {
  --tw-border-style: none !important;
  border-style: none !important;
}
.mdtw\:border-solid {
  --tw-border-style: solid !important;
  border-style: solid !important;
}
.mdtw\:border-text-media-border {
  border-color: var(--mdtw-color-text-media-border) !important;
}
.mdtw\:border-t-primary {
  border-top-color: var(--mdtw-color-primary) !important;
}
.mdtw\:bg-cta {
  background-color: var(--mdtw-color-cta) !important;
}
.mdtw\:bg-transparent {
  background-color: transparent !important;
}
.mdtw\:bg-white {
  background-color: var(--mdtw-color-white) !important;
}
.mdtw\:p-4 {
  padding: calc(var(--mdtw-spacing) * 4) !important;
}
.mdtw\:px-7 {
  padding-inline: calc(var(--mdtw-spacing) * 7) !important;
}
.mdtw\:py-2\.5 {
  padding-block: calc(var(--mdtw-spacing) * 2.5) !important;
}
.mdtw\:pl-8 {
  padding-left: calc(var(--mdtw-spacing) * 8) !important;
}
.mdtw\:align-top {
  vertical-align: top !important;
}
.mdtw\:text-2xl {
  font-size: var(--mdtw-text-2xl) !important;
  line-height: var(--tw-leading, var(--mdtw-text-2xl--line-height)) !important;
}
.mdtw\:text-3xl {
  font-size: var(--mdtw-text-3xl) !important;
  line-height: var(--tw-leading, var(--mdtw-text-3xl--line-height)) !important;
}
.mdtw\:text-ellipsis {
  text-overflow: ellipsis !important;
}
.mdtw\:whitespace-nowrap {
  white-space: nowrap !important;
}
.mdtw\:text-on-cta {
  color: var(--mdtw-color-on-cta) !important;
}
.mdtw\:text-primary {
  color: var(--mdtw-color-primary) !important;
}
.mdtw\:text-secondary {
  color: var(--mdtw-color-secondary) !important;
}
.mdtw\:hover\:bg-cta-hover {
  &:hover {
    @media (hover: hover) {
      background-color: var(--mdtw-color-cta-hover) !important;
    }
  }
}
.mdtw\:focus-visible\:outline {
  &:focus-visible {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
}
.mdtw\:focus-visible\:outline-2 {
  &:focus-visible {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
  }
}
.mdtw\:focus-visible\:outline-focus-visible {
  &:focus-visible {
    outline-color: var(--mdtw-color-focus-visible) !important;
  }
}
.mdtw\:sm\:w-1\/2 {
  @media (width >= 40rem) {
    width: calc(1/2 * 100%) !important;
  }
}
.mdtw\:sm\:w-1\/4 {
  @media (width >= 40rem) {
    width: calc(1/4 * 100%) !important;
  }
}
.mdtw\:sm\:w-full {
  @media (width >= 40rem) {
    width: 100% !important;
  }
}
.mdtw\:md\:w-1\/2 {
  @media (width >= 48rem) {
    width: calc(1/2 * 100%) !important;
  }
}
.mdtw\:md\:w-1\/3 {
  @media (width >= 48rem) {
    width: calc(1/3 * 100%) !important;
  }
}
.mdtw\:md\:w-full {
  @media (width >= 48rem) {
    width: 100% !important;
  }
}
.mdtw\:lg\:w-1\/4 {
  @media (width >= 64rem) {
    width: calc(1/4 * 100%) !important;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-outline-style: solid;
    }
  }
}