.tools{display:grid;gap:32px}.tools__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px}.tools__corps{display:grid;gap:24px}.tools .counter{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}.tools .counter b{font-size:48px;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--indigo)}.tools .counter span{font-size:15px;color:var(--ink-700);max-width:16ch;line-height:1.3}.tools .filters{display:flex;flex-wrap:wrap;gap:8px}.tools .filters button{font:700 13px/1 var(--font);color:var(--ink);background:var(--bg);border:1.5px solid var(--charte-bord);border-radius:var(--r-pill);min-height:44px;padding:9px 15px 9px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .12s,border-color .12s}.tools .filters button:hover{border-color:var(--ink)}.tools .filters button i{width:10px;height:10px;border-radius:var(--r-pill);background:var(--sec, var(--ribbon));box-shadow:0 0 0 1.5px var(--bg)}.tools .filters button[data-f=all] i{background:var(--ribbon);width:18px}.tools .filters button small{font-size:12px;color:var(--ink-500);font-variant-numeric:tabular-nums}.tools .filters button[aria-pressed=true]{background:#3c4399;border-color:var(--charte-navy);color:var(--white)}.tools .filters button[aria-pressed=true] small{color:var(--charte-sur-nuit)}@media(prefers-reduced-motion:reduce){.tools .filters button{transition:none}}@container site (max-width: 640px){.tools .filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--page-gouttiere));padding:2px var(--page-gouttiere) 4px;scroll-padding-inline:var(--page-gouttiere)}.tools .filters::-webkit-scrollbar{display:none}.tools .filters button{flex:none}}.families{display:grid;gap:14px;align-items:start}@container site (min-width: 760px){.families{grid-template-columns:repeat(2,minmax(0,1fr))}}@container site (min-width: 1060px){.families{grid-template-columns:repeat(3,minmax(0,1fr))}}.fam{display:block;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--bg);transition:opacity .2s}.fam[hidden]{display:none!important}.fam__head{position:relative;display:grid;gap:4px;padding:16px 56px 16px 20px;background:var(--sec-soft);border-top:6px solid var(--sec);cursor:pointer;list-style:none;min-height:44px}.fam__head::-webkit-details-marker{display:none}.fam__head:after{content:"";position:absolute;right:18px;top:50%;width:22px;height:22px;margin-top:-11px;background:linear-gradient(#3c4399,#3c4399) center / 13px 2.2px no-repeat,linear-gradient(#3c4399,#3c4399) center / 2.2px 13px no-repeat}.fam[open]>.fam__head:after{transform:rotate(45deg)}@media(prefers-reduced-motion:no-preference){.fam__head:after{transition:transform .2s ease}}.fam__head:focus-visible{outline:3px solid #ffffff;outline-offset:-3px;box-shadow:inset 0 0 0 6px var(--charte-navy);border-radius:0}.fam__head small{font-size:12px;font-weight:700;color:var(--ink-700);font-variant-numeric:tabular-nums}.fam__head h3{margin:0;font-size:18px;font-weight:800;line-height:1.25;letter-spacing:-.01em}.fam ul{list-style:none;margin:0;padding:14px 18px 18px;display:flex;flex-wrap:wrap;gap:8px;align-content:start}.fam li>*{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:6px 10px;border-radius:var(--r-md);background:var(--surface);color:var(--ink);text-decoration:none}.fam li>a{background:var(--bg);border:1.5px solid var(--sec)}.fam li>a:after{content:"\2192";color:var(--indigo)}.fam li>a:hover{background:var(--sec-soft)}.fam li .soon{color:var(--ink-700)}.fam li .soon__m{font-size:10px;font-weight:600;color:var(--ink-500)}.fam li .eye{position:relative;border:0;background:var(--sec-soft);color:var(--ink);cursor:pointer;font:700 12px/1 var(--font);padding:6px 8px;border-radius:var(--r-md)}.fam li .eye:before{content:"";position:absolute;top:-10px;right:-8px;bottom:-10px;left:-8px}.fam li .num{font-size:11px;font-weight:700;color:var(--ink-500);font-variant-numeric:tabular-nums;background:none;padding:0}.tools .legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--ink-700)}.tools .legend span{display:inline-flex;align-items:center;gap:6px}.tools .legend i{width:18px;height:14px;border-radius:4px;display:inline-block}.tools .legend .l-a{border:1.5px solid var(--indigo)}.tools .legend .l-s{background:var(--surface);border:1px solid var(--line)}.tools .legend .l-e{width:auto;height:auto;font-style:normal;font-size:12px}.tools .seo-text{max-width:62ch;display:grid;gap:12px;font-size:16px;line-height:1.7;color:var(--ink-700)}.tools .seo-text :is(h2,h3){font-size:19px;font-weight:800;color:var(--ink);line-height:1.3}.tools .seo-text strong{color:var(--ink)}
/*# sourceMappingURL=/cdn/shop/t/32/assets/fichly-produit-guide.css.map */