.blog-index{--blog-index-max: 72.5rem;--blog-index-muted: #717173;--blog-index-line: #eeeeee;--blog-index-cta-bg: #f5f5f6;--blog-index-on-primary: #fff;--blog-index-neutral-bg: #f3f3f4;--blog-index-actualites-bg: #e8effd;--blog-index-actualites-text: #1a56db;--blog-index-actualites-dot: #1a56db;--blog-index-entretiens-bg: #e4f4ea;--blog-index-entretiens-text: #147a3a;--blog-index-entretiens-dot: #15803d;--blog-index-mecanique-bg: #f1eafe;--blog-index-mecanique-text: #7c3aed;--blog-index-mecanique-dot: #7c3aed;--blog-index-diagnostic-bg: #fde8e5;--blog-index-diagnostic-text: #c51600;--blog-index-diagnostic-dot: #de1a00;box-sizing:border-box;width:min(100%,calc(var(--blog-index-max) + (var(--page-margin) * 2)));margin-inline:auto;padding-inline:var(--page-margin);padding-block-start:var(--header-group-height, 7.5rem);color:var(--color-foreground)}.blog-index__hero{display:flex;align-items:flex-end;gap:4rem;padding-block:3.5rem 2.5rem}.blog-index__hero-copy{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:1.25rem;min-width:0}.blog-index__eyebrow,.blog-index__kicker,.blog-index__cta-eyebrow{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.02em;line-height:1.3;text-transform:uppercase}.blog-index__eyebrow{padding:.4375rem .875rem;border-radius:999px;background:var(--blog-index-diagnostic-bg);color:var(--blog-index-diagnostic-text)}.blog-index__kicker{color:var(--blog-index-muted)}.blog-index__cta-eyebrow{color:var(--color-primary)}.blog-index__title,.blog-index__heading,.blog-index__feature-title,.blog-index__card-title,.blog-index__theme-title{margin:0;font-family:var(--font-heading--family);color:var(--color-foreground)}.blog-index__title{font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.blog-index__intro,.blog-index__lede,.blog-index__excerpt,.blog-index__cta-body,.blog-index__theme-summary,.blog-index__count,.blog-index__status,.blog-index__empty,.blog-index__no-results{margin:0;color:var(--blog-index-muted)}.blog-index__intro{max-width:42rem;font-size:1.25rem;line-height:1.5}.blog-index__search{display:flex;flex:0 0 auto;align-items:center;gap:.625rem;width:min(100%,25rem);padding:.9375rem 1.25rem;border:1px solid var(--blog-index-line);border-radius:999px;background:var(--color-background)}.blog-index__search-input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--color-foreground);font:inherit;font-size:1rem;line-height:1.55}.blog-index__search-input::placeholder{color:var(--blog-index-muted)}.blog-index__search-input:focus-visible{outline:2px solid var(--color-foreground);outline-offset:.5rem}.blog-index__filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-block:1.5rem;border-block:1px solid var(--blog-index-line)}.blog-index__filter{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.625rem 1.125rem;border:1px solid var(--blog-index-line);border-radius:999px;background:var(--color-background);color:var(--color-foreground);font-size:.8125rem;font-weight:600;letter-spacing:.02em;line-height:1.3;text-decoration:none}.blog-index__filter--current{border-color:var(--color-foreground);background:var(--color-foreground);color:var(--blog-index-on-primary)}.blog-index__filter:focus-visible,.blog-index__card-link:focus-visible,.blog-index__feature-link:focus-visible,.blog-index__theme-link:focus-visible,.blog-index__more:focus-visible,.blog-index__cta-button:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.blog-index__dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--color-foreground)}.blog-index__dot--actualites-automobile{background:var(--blog-index-actualites-dot)}.blog-index__dot--entretiens-vehicule{background:var(--blog-index-entretiens-dot)}.blog-index__dot--mecanique-auto{background:var(--blog-index-mecanique-dot)}.blog-index__dot--univers-du-diagnostic{background:var(--blog-index-diagnostic-dot)}.blog-index__count{margin-inline-start:auto;font-size:.875rem;line-height:1.45;white-space:nowrap}.blog-index__feature{position:relative;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:3.5rem;align-items:center;padding-block-start:3.5rem}.blog-index__feature-media,.blog-index__card-media,.blog-index__cta-media{position:relative;width:100%;overflow:hidden;background:var(--blog-index-cta-bg)}.blog-index__feature-media{border-radius:1.5rem;aspect-ratio:16 / 10}.blog-index__card-media{border-radius:1rem;aspect-ratio:365 / 225}.blog-index__feature-media .blog-index__image,.blog-index__card-media .blog-index__image,.blog-index__cta-media .blog-index__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-index__cta-media .blog-index__image{object-fit:contain}.blog-index__feature-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1.125rem}.blog-index__feature-title{font-size:1.75rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}.blog-index__feature-link,.blog-index__card-link,.blog-index__theme-link{color:inherit;text-decoration:none}.blog-index__feature-link:after,.blog-index__card-link:after,.blog-index__theme-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.blog-index__excerpt,.blog-index__cta-body,.blog-index__lede{font-size:1rem;line-height:1.55}.blog-index__meta,.blog-index__status{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;line-height:1.4}.blog-index__meta-dot{width:.1875rem;height:.1875rem;border-radius:999px;background:var(--blog-index-muted)}.blog-index__read,.blog-index__theme-action{display:inline-flex;align-items:center;gap:.375rem;margin:0;font-size:1rem;font-weight:600;line-height:1}.blog-index__read{color:var(--color-primary)}.blog-index__latest{display:flex;flex-direction:column;gap:2rem;padding-block-start:5.5rem}.blog-index__latest-heading,.blog-index__cta-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem}.blog-index__heading{font-size:2.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.15}.blog-index__grid,.blog-index__themes-grid{display:grid;margin:0;padding:0;list-style:none}.blog-index__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 2rem}.blog-index__card{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.blog-index__item{position:relative;min-width:0}.blog-index__chip{display:inline-flex;width:fit-content;margin:0;padding:.3125rem .625rem;border-radius:999px;background:var(--blog-index-neutral-bg);color:var(--color-foreground);font-size:.6875rem;font-weight:600;letter-spacing:.02em;line-height:1.3;text-transform:uppercase}.blog-index__feature .blog-index__chip{padding:.4375rem .875rem;font-size:.75rem}.blog-index__chip--actualites-automobile,.blog-index__theme--actualites-automobile .blog-index__theme-icon{background:var(--blog-index-actualites-bg);color:var(--blog-index-actualites-text)}.blog-index__chip--actualites-automobile,.blog-index__theme--actualites-automobile .blog-index__theme-action{color:var(--blog-index-actualites-text)}.blog-index__chip--entretiens-vehicule,.blog-index__theme--entretiens-vehicule .blog-index__theme-icon{background:var(--blog-index-entretiens-bg);color:var(--blog-index-entretiens-text)}.blog-index__chip--entretiens-vehicule,.blog-index__theme--entretiens-vehicule .blog-index__theme-action{color:var(--blog-index-entretiens-text)}.blog-index__chip--mecanique-auto,.blog-index__theme--mecanique-auto .blog-index__theme-icon{background:var(--blog-index-mecanique-bg);color:var(--blog-index-mecanique-text)}.blog-index__chip--mecanique-auto,.blog-index__theme--mecanique-auto .blog-index__theme-action{color:var(--blog-index-mecanique-text)}.blog-index__chip--univers-du-diagnostic,.blog-index__theme--univers-du-diagnostic .blog-index__theme-icon{background:var(--blog-index-diagnostic-bg);color:var(--blog-index-diagnostic-text)}.blog-index__chip--univers-du-diagnostic,.blog-index__theme--univers-du-diagnostic .blog-index__theme-action{color:var(--blog-index-diagnostic-text)}.blog-index__card-title{font-size:1.125rem;font-weight:600;line-height:1.3}.blog-index__progress{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-block-start:1.5rem}.blog-index__meter{width:15rem;height:.25rem;overflow:hidden;border-radius:.25rem;background:var(--blog-index-line)}.blog-index__meter-fill{display:block;width:calc(var(--blog-index-progress, 0) * 1%);height:100%;border-radius:inherit;background:var(--color-primary)}.blog-index__more,.blog-index__cta-button{display:inline-flex;align-items:center;justify-content:center;min-width:16.25rem;min-height:3.25rem;padding:1.125rem 2rem;border:0;border-radius:.875rem;background:var(--color-primary);color:var(--blog-index-on-primary);font:inherit;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer}.blog-index__more:hover,.blog-index__cta-button:hover{background:var(--color-primary-hover, var(--color-primary))}.blog-index__more:disabled{cursor:wait;opacity:.7}.blog-index__feature[hidden],.blog-index__progress[hidden],.blog-index__more[hidden]{display:none}.blog-index__themes,.blog-index__cta{padding-block-start:6rem}.blog-index__themes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;padding-block-start:2rem}.blog-index__theme{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-width:0;padding:1.5rem;border:1px solid var(--blog-index-line);border-radius:1.25rem}.blog-index__theme-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.875rem;color:var(--color-foreground)}.blog-index__theme-icon svg{width:1.375rem;height:1.375rem;max-width:none}.blog-index__theme-copy{display:flex;flex-direction:column;gap:.375rem}.blog-index__theme-title{font-size:1.125rem;font-weight:600;line-height:1.3}.blog-index__theme-summary{font-size:.875rem;line-height:1.45}.blog-index__theme-action{margin-block-start:auto;font-size:.8125rem;letter-spacing:.02em}.blog-index__theme-chevron{display:none}.blog-index__cta-card{display:flex;align-items:center;gap:3rem;padding:3rem 3rem 3rem 3.5rem;border-radius:1.5rem;background:var(--blog-index-cta-bg)}.blog-index__cta-copy{flex:1 1 auto;gap:.875rem;min-width:0}.blog-index__cta-button{margin-block-start:1rem}.blog-index__cta-media{flex:0 0 28.75rem;width:28.75rem;border-radius:1.25rem;aspect-ratio:460 / 300;background:var(--blog-index-on-primary)}.blog-index__search-icon,.blog-index__arrow{display:inline-flex;flex:none}.blog-index__theme-chevron{flex:none}@media(max-width:989px){.blog-index__grid,.blog-index__themes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-index__cta-media{flex-basis:20rem;width:20rem}}@media(max-width:749px){.blog-index__hero{flex-direction:column;align-items:stretch;gap:1rem;padding-block:1rem .5rem}.blog-index__title{font-size:2rem}.blog-index__intro{font-size:1rem}.blog-index__search{width:100%}.blog-index__filters{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--page-margin) * -1);padding-inline:var(--page-margin);scroll-padding-inline:var(--page-margin)}.blog-index__filter{flex:none}.blog-index__count{display:none}.blog-index__feature{grid-template-columns:1fr;gap:1rem;padding-block-start:2rem}.blog-index__feature-title{font-size:1.5rem}.blog-index__latest{padding-block-start:3rem}.blog-index__heading{font-size:1.75rem}.blog-index__grid,.blog-index__themes-grid{grid-template-columns:1fr}.blog-index__more,.blog-index__cta-button{width:100%}.blog-index__themes,.blog-index__cta{padding-block-start:3.5rem}.blog-index__theme{flex-direction:row;align-items:center;padding:1rem}.blog-index__theme-action{display:none}.blog-index__theme-chevron{display:inline-flex;margin-inline-start:auto;color:var(--color-foreground)}.blog-index__cta-card{flex-direction:column;align-items:stretch;padding:1.75rem 1.5rem}.blog-index__cta-media{width:100%;flex-basis:auto}}@media(prefers-contrast:more){.blog-index__chip,.blog-index__theme-action,.blog-index__eyebrow{color:var(--color-foreground)}.blog-index__filter,.blog-index__theme,.blog-index__search{border-color:var(--color-foreground)}}@media(forced-colors:active){.blog-index__filter:focus-visible,.blog-index__card-link:focus-visible,.blog-index__feature-link:focus-visible,.blog-index__theme-link:focus-visible,.blog-index__more:focus-visible,.blog-index__cta-button:focus-visible,.blog-index__search-input:focus-visible{outline:2px solid transparent}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-blog-index.css.map */