/* Generated by scripts/build.mjs from moneto-design-system/project/tokens.json. Do not edit. */
:root, [data-theme="light"] {
  --black: #000000;
  --cerulean-frost: #7798D433;
  --medium-red-violet: #C42F94;
  --dark-blue: #002877;
  --red-violet: #BF1A8A;
  --red-violet-2: #BF1A8A0D;
  --sapphire: #234C9E;
  --sapphire-2: #234C9E59;
  --sapphire-3: #234C9E12;
  --white: #FFFFFF;
  --light-gray: #EFF2F8;
  --red-violet-bright: #D9249F;
  --navy-ink: #08264A;
  --consent-link: #D4229B;
  --tick-green: #3DC900;
  --disabled: #00000045;
  --logo-blue: #234EA1;
  --logo-magenta: #BC1A8C;
  --pill-fill: #C42F9421;
  --arrow-fill: #BF1A8A33;
  --arrow-fill-phone: #BF1A8A21;
  --usp-fill: #3276BB0D;
  --header-glass: #FFFFFFD4;
  --newsletter-glass: #00000005;
  --icon-tile-blue: #E6ECF5;
  --icon-tile-pink: #FCE4F2;
  --sweep-violet: #37239E;
  --glass-tile: #FFFFFF26;
  --glass-field: #FFFFFF42;
  --glass-border: #FFFFFF59;
  --field-phone: #FBFCFF;
  --form-panel-border: #F0C9E2;
  --field-border: #E4E9F3;
  --checkbox-border: #C3CDE3;
  --contact-field-border: #3965BC59;
  --divider: #7070703B;
  --breadcrumb-line: #00000017;
  --breadcrumb-line-on-sweep: #E6E6E663;
  --divider-soft: #E6E6E6;
  --faq-item-line: #DEE2E6;
  --consent-radio-border: #707070;
  --tile-hover-border: #E9A6CD;
  --dropdown-row: #234C9E08;
  --faq-answer-ink: #0E0023CC;
  --tooltip-bg: #333333;
  --error: #E0396B;
  --error-text: #D42157;
  --focus-ring: var(--red-violet);
  --focus-ring-on-dark: var(--white);
  --shadow-header: 0 3px 25px 0 #234C9E1A;
  --shadow-card: 0 3px 25px 0 #0000000D;
  --shadow-blog-card: 0 3px 45px 0 #00000012;
  --shadow-info-card: 0 3px 25px 0 #234C9E1F;
  --shadow-submit: 0 10px 26px 0 #BF1A8A4C;
  --shadow-glass-tile: 0 3px 20px 0 #00000029;
  --shadow-newsletter: 0 3px 0 0 #00000029;
  --shadow-submit-hover: 0 14px 30px 0 #BF1A8A5C;
  --shadow-tile-hover: 0 4px 14px 0 #BF1A8A14;
  --shadow-faq-open: 5px 6px 0 0 #7798D44D;
}
:root {
  --space-5: 5px;
  --space-6: 6px;
  --space-12: 12px;
  --space-10: 10px;
  --space-15: 15px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-25: 25px;
  --space-26: 26px;
  --space-30: 30px;
  --space-35: 35px;
  --space-36: 36px;
  --space-40: 40px;
  --space-46: 46px;
  --space-50: 50px;
  --space-60: 60px;
  --space-65: 65px;
  --space-70: 70px;
  --space-75: 75px;
  --space-80: 80px;
  --space-100: 100px;
  --space-120: 120px;
  --space-140: 140px;
  --space-200: 200px;
  --space-150: 150px;
  --container-max: 1622px;
  --radius-3: 3px;
  --radius-5: 5px;
  --radius-6: 6px;
  --radius-10: 10px;
  --radius-14: 14px;
  --radius-15: 15px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-25: 25px;
  --radius-26: 26px;
  --radius-30: 30px;
  --radius-pill: 100px;
  --radius-round: 50%;
  --corner-button: 0 20px 0 20px;
  --corner-highlight: 20px 0 20px 0;
  --corner-small: 10px 0 10px 0;
  --corner-small-reverse: 0 10px 0 10px;
  --corner-tile: 0 25px 0 25px;
  --corner-tile-reverse: 25px 0 25px 0;
  --corner-hero-button: 0 15px 0 15px;
  --corner-newsletter: 45px 0 45px 15px;
  --corner-usp: 25px 25px 10px 0;
  --corner-bar: 40px 0 40px 0;
  --corner-header: 0 0 25px 25px;
  --corner-faq-open: 15px 15px 0 0;
  --corner-faq-answer: 0 0 15px 15px;
  --border-card: 1px solid #BF1A8A;
  --border-form-panel: 1.5px solid #F0C9E2;
  --border-field: 1px solid #E4E9F3;
  --border-checkbox: 1px solid #C3CDE3;
  --border-contact-field: 1px solid #3965BC59;
  --border-glass: 1px solid #FFFFFF59;
  --border-faq: 1px solid #7798D433;
  --border-pill-inactive: 1px solid #08264A;
  --border-divider: 1px solid #7070703B;
  --border-link: 1px solid #BF1A8A;
  --border-footer-bottom: 1px solid #FFFFFF;
  --border-consent: 1.5px solid #C3CDE3;
  --border-bullet: 1px solid #234C9E59;
  --gradient-cta: linear-gradient(-90deg, #BF1A8A 14.57%, #D9249F 81.43%);
  --gradient-submit: linear-gradient(90deg, #D9249F, #BF1A8A);
  --gradient-submit-contact: linear-gradient(270deg, #BF1A8A 0%, #D9249F 100%);
  --gradient-icon-tile: linear-gradient(-135deg, #E6ECF5, #FCE4F2);
  --gradient-icon-tile-hover: linear-gradient(-135deg, #C42F94 40%, #234C9E 80%, #C42F94 100%);
  --gradient-band-fade: linear-gradient(180deg, #234C9E1A 0%, #511EBB00 100%);
  --gradient-shimmer: linear-gradient(90deg, #C42F94 0%, #234C9E 50%, #C42F94 100%);
  --gradient-sweep: linear-gradient(360deg, #37239E 0%, #BF1A8A 100%);
  --glow-pink: radial-gradient(circle, #D9249F38, #D9249F00 70%);
  --glow-pink-soft: radial-gradient(circle, #D9249F26, #D9249F00 70%);
  --blur-header: blur(41px);
  --blur-faq: blur(30px);
  --blur-newsletter: blur(50px);
  --blur-glow: blur(50px);
  --blur-glow-form: blur(70px);
  --blur-overlay: blur(21px);
  --blur-dropdown: blur(50px);
  --filter-icon-white: brightness(0) invert(1);
  --motion-default: 300ms ease-in-out;
  --motion-form: 150ms ease;
  --motion-lift: 120ms ease;
  --motion-faq-colour: 150ms ease-in-out;
  --motion-faq-chevron: 200ms ease-in-out;
  --motion-faq-collapse: 350ms ease;
  --motion-slide: 300ms;
  --animation-shimmer: gradientShimmer 20s linear infinite;
  --transform-lift: translateY(-1px);
  --transform-image-zoom: scale(1.1);
  --transform-icon-nudge: translateX(5px);
  --transform-arrow-ne: rotate(-45deg);
  --transform-view-all-label: translateX(-14%);
  --focus-outline: 2px solid #BF1A8A;
  --focus-outline-on-dark: 2px solid #FFFFFF;
  --focus-offset: 3px;
  --bp-header: 1100px;
  --bp-lg: 991px;
  --bp-md: 768px;
  --bp-sm: 575px;
  --bp-wave-phone: 480px;
  --size-header: 80px;
  --size-icon-circle: 38px;
  --size-checkbox: 20px;
  --size-pill-cta: 44px;
  --size-cta: 49px;
  --size-button: 57px;
  --size-hero-button: 60px;
  --size-field: 62px;
  --size-option-tile: 66px;
  --size-icon-tile: 227px;
  --size-page-number: 40px;
  --size-slider-arrow: 52px;
  --size-bullet: 10px;
  --size-bullet-active: 29px;
  --font-sans: "Manrope Latin", "Manrope Greek", "Manrope Latin Ext", Manrope, sans-serif;
}
.product-hero-title {
  font-family: var(--font-sans);
  font-size: 46px;
  line-height: 55.2px;
  font-weight: 800;
  letter-spacing: -1.38px;
}
.product-hero-title-phone {
  font-family: var(--font-sans);
  font-size: 23px;
  line-height: 27.6px;
  font-weight: 800;
  letter-spacing: -0.72px;
}
.product-hero-line {
  font-family: var(--font-sans);
  font-size: 36px;
  line-height: 54px;
  font-weight: 400;
  letter-spacing: -1.08px;
}
.product-hero-line-phone {
  font-family: var(--font-sans);
  font-size: 23px;
  line-height: 34.5px;
  font-weight: 400;
  letter-spacing: -0.69px;
}
.headline-xl {
  font-family: var(--font-sans);
  font-size: 40px;
  line-height: 48px;
  font-weight: 800;
  letter-spacing: -1.02px;
}
.headline-xl-phone {
  font-family: var(--font-sans);
  font-size: 23px;
  line-height: 27.6px;
  font-weight: 800;
  letter-spacing: -0.69px;
}
.hero-headline {
  font-family: var(--font-sans);
  font-size: 36px;
  line-height: 43.2px;
  font-weight: 800;
  letter-spacing: -1.08px;
}
.hero-headline-phone {
  font-family: var(--font-sans);
  font-size: 23px;
  line-height: 27.6px;
  font-weight: 800;
  letter-spacing: -0.69px;
}
.page-title {
  font-family: var(--font-sans);
  font-size: 34px;
  line-height: 40.8px;
  font-weight: 800;
  letter-spacing: normal;
}
.page-title-phone {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 24px;
  font-weight: 800;
  letter-spacing: normal;
}
.block-title {
  font-family: var(--font-sans);
  font-size: 34px;
  line-height: 40.8px;
  font-weight: 700;
  letter-spacing: -1.36px;
}
.block-title-phone {
  font-family: var(--font-sans);
  font-size: 23px;
  line-height: 27.6px;
  font-weight: 700;
  letter-spacing: -0.92px;
}
.faq-title {
  font-family: var(--font-sans);
  font-size: 34px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: -1.02px;
}
.faq-title-phone {
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.72px;
}
.newsletter-title {
  font-family: var(--font-sans);
  font-size: 34px;
  line-height: 51px;
  font-weight: 700;
  letter-spacing: -1.02px;
}
.newsletter-title-phone {
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: -0.72px;
}
.section-title {
  font-family: var(--font-sans);
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 700;
  letter-spacing: -0.96px;
}
.section-title-phone {
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 700;
  letter-spacing: -0.96px;
}
.post-title {
  font-family: var(--font-sans);
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 900;
  letter-spacing: -1.28px;
}
.post-title-phone {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 28px;
  font-weight: 900;
  letter-spacing: -0.8px;
}
.form-title {
  font-family: var(--font-sans);
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 700;
  letter-spacing: -1.12px;
}
.form-title-phone {
  font-family: var(--font-sans);
  font-size: 23px;
  line-height: 27.6px;
  font-weight: 700;
  letter-spacing: -0.92px;
}
.step-heading {
  font-family: var(--font-sans);
  font-size: 28px;
  line-height: 36.4px;
  font-weight: 700;
  letter-spacing: normal;
}
.step-heading-phone {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  letter-spacing: normal;
}
.post-subheading {
  font-family: var(--font-sans);
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: -0.75px;
}
.more-title {
  font-family: var(--font-sans);
  font-size: 23px;
  line-height: 27.6px;
  font-weight: 800;
  letter-spacing: normal;
}
.card-title-lg {
  font-family: var(--font-sans);
  font-size: 25px;
  line-height: 37.5px;
  font-weight: 700;
  letter-spacing: -0.75px;
}
.card-title-lg-phone {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: -0.6px;
}
.card-kicker {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: -0.6px;
}
.card-kicker-phone {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.48px;
}
.card-title {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: -0.6px;
}
.card-title-phone {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: -0.48px;
}
.usp-title {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: -0.8px;
}
.pill-label {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 30px;
  font-weight: 800;
  letter-spacing: normal;
}
.pill-label-phone {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 800;
  letter-spacing: -0.82px;
}
.button-label-lg {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: -0.6px;
}
.button-label {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  letter-spacing: normal;
}
.hero-button-label {
  font-family: var(--font-sans);
  font-size: 22px;
  line-height: 33px;
  font-weight: 700;
  letter-spacing: -0.66px;
}
.nav-link {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  letter-spacing: -0.54px;
}
.faq-question {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  letter-spacing: normal;
}
.footer-heading {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  letter-spacing: -0.36px;
}
.vehicle-link {
  font-family: var(--font-sans);
  font-size: 22px;
  line-height: 33px;
  font-weight: 600;
  letter-spacing: -0.44px;
}
.vehicle-link-phone {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  letter-spacing: -0.28px;
}
.tile-kicker {
  font-family: var(--font-sans);
  font-size: 23px;
  line-height: 34.5px;
  font-weight: 700;
  letter-spacing: -0.69px;
}
.tile-title {
  font-family: var(--font-sans);
  font-size: 22px;
  line-height: 33px;
  font-weight: 700;
  letter-spacing: -0.66px;
}
.text-link {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 12.8px;
  font-weight: 700;
  letter-spacing: -0.48px;
}
.small-button-label {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.54px;
}
.option-label {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 18.75px;
  font-weight: 600;
  letter-spacing: normal;
}
.option-label-phone {
  font-family: var(--font-sans);
  font-size: 11px;
  line-height: 12.65px;
  font-weight: 700;
  letter-spacing: normal;
}
.tag {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 21px;
  font-weight: 800;
  letter-spacing: -0.42px;
}
.prose {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 25.5px;
  font-weight: 400;
  letter-spacing: -0.51px;
}
.prose-phone {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 30.8px;
  font-weight: 400;
  letter-spacing: -0.51px;
}
.usp-text {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 25.5px;
  font-weight: 400;
  letter-spacing: -0.68px;
}
.copyright {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 25.5px;
  font-weight: 400;
  letter-spacing: -0.34px;
}
.contact-info {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.field-text {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: normal;
}
.field-text-phone {
  font-family: var(--font-sans);
  font-size: 12.5px;
  line-height: 18.75px;
  font-weight: 400;
  letter-spacing: normal;
}
.faq-answer {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  letter-spacing: -0.48px;
}
.faq-answer-phone {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: -0.42px;
}
.newsletter-line {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -1.02px;
}
.footer-link {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 35.2px;
  font-weight: 400;
  letter-spacing: -0.48px;
}
.excerpt {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: -0.42px;
}
.faq-open-answer {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: normal;
}
.body-sm {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: normal;
}
.banner-subtitle {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.6px;
}
.banner-subtitle-phone {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.6px;
}
.newsletter-kicker {
  font-family: var(--font-sans);
  font-size: 25px;
  line-height: 37.5px;
  font-weight: 700;
  letter-spacing: -0.75px;
}
.hypertitle {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 700;
  letter-spacing: normal;
}
.consent {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 21.7px;
  font-weight: 400;
  letter-spacing: normal;
}
.consent-phone {
  font-family: var(--font-sans);
  font-size: 11.5px;
  line-height: 16.1px;
  font-weight: 400;
  letter-spacing: normal;
}
.breadcrumb {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: normal;
}
.breadcrumb-phone {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: normal;
}
.meta {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
  letter-spacing: normal;
}
.filter-label {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 25.5px;
  font-weight: 700;
  letter-spacing: normal;
}
.filter-label-phone {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 700;
  letter-spacing: normal;
}
.dropdown-item {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  letter-spacing: -0.48px;
}
.dropdown-item-phone {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.48px;
}
.error-message {
  font-family: var(--font-sans);
  font-size: 12.5px;
  line-height: 18.75px;
  font-weight: 700;
  letter-spacing: normal;
}
.tooltip-text {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: normal;
}
.glass-field {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: -0.48px;
}
@font-face {
  font-family: "Manrope Latin";
  src: url("fonts/manrope-latin-variable.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope Greek";
  src: url("fonts/manrope-greek-variable.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope Latin Ext";
  src: url("fonts/manrope-latin-ext-variable.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}