/*! 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-default-transition-duration: 150ms;
    --mdtw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --mdtw-color-primary: var(--fairmate-color-primary, #1D1D1D);
    --mdtw-color-secondary: var(--fairmate-color-secondary, #666);
    --mdtw-color-cta: var(--fairmate-color-cta, var(--fairmate-color-primary, #1D1D1D));
    --mdtw-color-on-cta: var(--fairmate-color-on-cta,  var(--fairmate-color-on-primary, #fff));
    --mdtw-color-cta-hover: var(--fairmate-color-cta-hover, var(--fairmate-color-primary-hover, #888));
    --mdtw-color-on-cta-hover: var(--fairmate-color-on-cta-hover, var(--fairmate-color-on-primary-hover, #000));
    --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-rounded-button, 44px);
  }
}
.mdtw\:float-left {
  float: left !important;
}
.mdtw\:float-right {
  float: right !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-0 {
  margin-bottom: calc(var(--mdtw-spacing) * 0) !important;
}
.mdtw\:mb-4 {
  margin-bottom: calc(var(--mdtw-spacing) * 4) !important;
}
.mdtw\:mb-8 {
  margin-bottom: calc(var(--mdtw-spacing) * 8) !important;
}
.mdtw\:ml-8 {
  margin-left: calc(var(--mdtw-spacing) * 8) !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\:flex-none {
  flex: none !important;
}
.mdtw\:list-none {
  list-style-type: none !important;
}
.mdtw\:flex-col {
  flex-direction: column !important;
}
.mdtw\:flex-row-reverse {
  flex-direction: row-reverse !important;
}
.mdtw\:gap-2 {
  gap: calc(var(--mdtw-spacing) * 2) !important;
}
.mdtw\:gap-4 {
  gap: calc(var(--mdtw-spacing) * 4) !important;
}
.mdtw\:gap-8 {
  gap: calc(var(--mdtw-spacing) * 8) !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-9 {
  padding-left: calc(var(--mdtw-spacing) * 9) !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\:outline-offset-\[-2px\] {
  outline-offset: -2px !important;
}
.mdtw\:transition-\[var\(--fairmate-transition\)\] {
  transition-property: var(--fairmate-transition) !important;
  transition-timing-function: var(--tw-ease, var(--mdtw-default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--mdtw-default-transition-duration)) !important;
}
.mdtw\:hover\:bg-cta-hover {
  &:hover {
    @media (hover: hover) {
      background-color: var(--mdtw-color-cta-hover) !important;
    }
  }
}
.mdtw\:hover\:text-on-cta-hover {
  &:hover {
    @media (hover: hover) {
      color: var(--mdtw-color-on-cta-hover) !important;
    }
  }
}
.mdtw\:focus-visible\:bg-cta-hover {
  &:focus-visible {
    background-color: var(--mdtw-color-cta-hover) !important;
  }
}
.mdtw\:focus-visible\:text-on-cta-hover {
  &:focus-visible {
    color: var(--mdtw-color-on-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;
    }
  }
}