.m8-ficon{position:relative;isolation:isolate;flex:none;display:grid;place-items:center;aspect-ratio:1;box-sizing:border-box;overflow:hidden}
.m8-ficon img{display:block;position:relative}
.m8-ficon--40{width:var(--icon-40);border-radius:var(--radius-8)}
.m8-ficon--48{width:var(--icon-48);border-radius:var(--radius-10)}
.m8-ficon--56{width:var(--icon-56);border-radius:var(--radius-12)}
.m8-ficon--60{width:var(--icon-60);border-radius:clamp(.75rem,.618rem + .5634vw,1.125rem)}
.m8-ficon--circle{border-radius:50%}
.m8-ficon--blue{background-color:var(--blue-50)}.m8-ficon--purple{background-color:var(--purple-50)}.m8-ficon--pink{background-color:var(--pink-50)}.m8-ficon--orange{background-color:var(--orange-50)}.m8-ficon--white{background-color:var(--white)}.m8-ficon--gray{background-color:var(--gray-50)}
.m8-ficon--glossy{box-shadow:var(--shadow-icon-gloss)}
.m8-ficon--glossy::before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--gradient-gloss)}
.m8-ficon--glossy.m8-ficon--blue{background-color:var(--blue-400)}.m8-ficon--glossy.m8-ficon--pink{background-color:var(--pink-400)}.m8-ficon--glossy.m8-ficon--purple{background-color:var(--purple-400)}.m8-ficon--glossy.m8-ficon--orange{background-color:var(--orange-400)}

.m8-fcard{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--gray-600)}
.m8-fcard__title{color:var(--gray-700);font-weight:600;font-size:var(--font-size-text-xl);line-height:1.5}
.m8-fcard__title--lg{font-size:var(--font-size-display-xs);line-height:var(--line-height-display-xs)}
.m8-fcard__text--lg{font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg)}
.m8-fcard--plain .m8-ficon{margin-bottom:1.25rem}
.m8-fcard--plain .m8-fcard__title{margin-bottom:.5rem}
.m8-fcard--tinted{height:100%;padding:1.5rem;border-radius:var(--radius-12)}
.m8-fcard--tinted .m8-ficon{margin-bottom:2rem}
.m8-fcard--tinted .m8-fcard__title{margin-bottom:.5rem}
.m8-fcard--tinted-lg{height:100%;padding:clamp(1.25rem,.8099rem + 1.8779vw,2.5rem);border-radius:var(--radius-24)}
.m8-fcard--tinted-lg .m8-ficon{margin-bottom:clamp(2rem,1.8239rem + .7512vw,2.5rem)}
.m8-fcard--tinted-lg .m8-fcard__text{margin-top:.375rem;margin-bottom:.25rem}
.m8-fcard--bg-blue{background-color:var(--blue-50)}.m8-fcard--bg-purple{background-color:var(--purple-50)}.m8-fcard--bg-pink{background-color:var(--pink-50)}.m8-fcard--bg-orange{background-color:var(--orange-50)}.m8-fcard--bg-moss{background-color:var(--moss-50)}.m8-fcard--bg-indigo{background-color:var(--indigo-50)}.m8-fcard--bg-gray{background-color:var(--gray-50)}.m8-fcard--bg-white{background-color:var(--white)}
.m8-fcard--bordered{height:100%;padding:clamp(1.25rem,.9859rem + 1.1268vw,2rem);border:1px solid var(--gray-200);border-radius:var(--radius-24);background-color:var(--white)}
.m8-fcard--bordered .m8-ficon{margin-bottom:clamp(1.25rem,.9859rem + 1.1268vw,2rem)}
.m8-fcard--bordered .m8-fcard__title{margin-bottom:.75rem}
.m8-fcard--centered{height:100%;display:grid;justify-items:center;align-content:start;gap:.75rem;text-align:center;padding:clamp(1.875rem,1.6549rem + .939vw,2.5rem) clamp(1.5rem,1.3239rem + .7512vw,2rem);border-radius:var(--radius-24);background-color:var(--white)}
.m8-fcard__illustration{display:block;width:clamp(4.0625rem,3.7324rem + 1.4085vw,5rem);margin-bottom:clamp(.75rem,.5739rem + .7512vw,1.25rem)}
.m8-fcard--inline{display:grid;grid-template-columns:auto 1fr;gap:1rem}
.m8-fcard--inline .m8-fcard__title{margin-top:.375rem}
.m8-fcard--inline .m8-fcard__text{max-width:50ch;margin-top:.5rem}
.m8-fcard--compact .m8-ficon{margin-bottom:1rem}
.m8-fcard--compact .m8-fcard__title{font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg)}
.m8-fcard__action{margin-top:1rem}