.library-section-v2{--library-v2-max: 72.5rem;--library-v2-surface: rgb(var(--color-background-rgb));--library-v2-surface-soft: #f5f5f6;--library-v2-tile-bg: #f4f4f4;--library-v2-alpha-bg: #f6f6f7;--library-v2-border: rgb(var(--color-foreground-rgb) / .08);--library-v2-text: rgb(var(--color-foreground-rgb));--library-v2-muted: #717173;--library-v2-initials: #63636e;--library-v2-dark: #15151e;--library-v2-on-dark: #ffffff;--library-v2-badge-p-bg: #fde8e5;--library-v2-badge-p-text: #de1a00;--library-v2-badge-c-bg: #f1eafe;--library-v2-badge-c-text: #7c3aed;--library-v2-badge-b-bg: #e8effd;--library-v2-badge-b-text: #1a56db;--library-v2-badge-u-bg: #e4f4ea;--library-v2-badge-u-text: #15803d;box-sizing:border-box;width:min(100%,var(--library-v2-max));margin-inline:auto;padding-block-start:var(--header-group-height, 6.5rem);padding-block-end:1rem;color:var(--library-v2-text)}.library-v2__hero{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;padding-block:4rem 3.5rem}.library-v2__hero-title{max-width:51.25rem;margin:0;font-family:var(--font-heading--family);font-size:3rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;text-align:center;color:var(--library-v2-text);overflow-wrap:break-word}.library-v2__hero-intro{max-width:50rem;margin:0;font-family:var(--font-body--family);font-size:1.25rem;font-weight:400;line-height:1.5;text-align:center;color:var(--library-v2-muted)}.library-v2__hero-intro :is(p,ul,ol){margin:0}.library-v2__hero-intro :is(p,ul,ol)+:is(p,ul,ol){margin-block-start:.75rem}.library-v2__search{width:min(100%,35rem)}.library-v2__search-box{display:flex;align-items:center;gap:.75rem;box-sizing:border-box;width:100%;padding-block:1.0625rem;padding-inline:1.375rem;border:1px solid var(--library-v2-border);border-radius:999px;background:var(--library-v2-surface);transition:border-color .2s ease}.library-v2__search-box:focus-within{border-color:var(--library-v2-text)}.library-v2__search-icon{display:inline-flex;flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--library-v2-muted)}.library-v2__search-input{flex:1 1 auto;min-width:0;padding:0;border:0;background:transparent;color:var(--library-v2-text);font-family:var(--font-body--family);font-size:1rem;font-weight:400;line-height:1.55;-webkit-appearance:none;appearance:none}.library-v2__search-input::placeholder{color:var(--library-v2-muted);opacity:1}.library-v2__search-input:focus:not(:focus-visible){outline:none}.library-v2__search-input:focus-visible{outline:2px solid var(--library-v2-text);outline-offset:4px}.library-v2__generic-section{width:100%;padding-block-end:4rem}.library-v2__generic-card{display:flex;align-items:center;gap:1.75rem;box-sizing:border-box;width:100%;padding-block:1.75rem;padding-inline:1.75rem 2rem;border-radius:1.25rem;background:var(--library-v2-surface-soft)}.library-v2__generic-card[hidden],.library-v2__generic-section[hidden],.library-v2__popular-section[hidden],.library-v2__popular-card[hidden],.library-v2__letter-card[hidden],.library-v2__brand-row[hidden],.library-v2__directory[hidden],.library-v2__empty[hidden]{display:none!important}.library-v2__generic-head{display:flex;align-items:center;gap:.875rem;flex-shrink:0}.library-v2__generic-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:4rem;height:4rem;padding:1rem;border-radius:1rem;background:var(--library-v2-surface)}.library-v2__generic-body{display:flex;flex:1 1 0%;flex-direction:column;gap:.375rem;min-width:0}.library-v2__generic-title{margin:0;font-family:var(--font-heading--family);font-size:1.125rem;font-weight:600;line-height:1.3;color:var(--library-v2-text)}.library-v2__generic-title--mobile,.library-v2__generic-desc--mobile,.library-v2__generic-cta-mobile{display:none}.library-v2__generic-desc{margin:0;font-size:1rem;line-height:1.55;color:var(--library-v2-muted)}.library-v2__generic-families{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.library-v2__generic-badge{display:inline-flex;align-items:center;justify-content:center;padding-block:.5rem;padding-inline:.75rem;border-radius:.625rem;font-family:var(--font-heading--family);font-size:.9375rem;font-weight:700;line-height:1.2}.library-v2__generic-badge--p{background:var(--library-v2-badge-p-bg);color:var(--library-v2-badge-p-text)}.library-v2__generic-badge--c{background:var(--library-v2-badge-c-bg);color:var(--library-v2-badge-c-text)}.library-v2__generic-badge--b{background:var(--library-v2-badge-b-bg);color:var(--library-v2-badge-b-text)}.library-v2__generic-badge--u{background:var(--library-v2-badge-u-bg);color:var(--library-v2-badge-u-text)}.library-v2__generic-cta{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:3.25rem;padding-block:1.125rem;padding-inline:2rem;border-radius:.875rem;background:var(--color-primary);color:var(--library-v2-on-dark);font-family:var(--font-heading--family);font-size:1rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .2s ease}.library-v2__generic-cta:hover{background:var(--color-primary-hover, var(--color-primary))}.library-v2__popular-section{display:flex;flex-direction:column;gap:1.5rem;width:100%;padding-block-end:4.5rem}.library-v2__section-heading{margin:0;font-family:var(--font-heading--family);font-size:1.75rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--library-v2-text)}.library-v2__popular-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;width:100%}.library-v2__popular-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;box-sizing:border-box;min-width:0;padding-block:1rem .5rem;padding-inline:.5rem;border:1px solid var(--library-v2-border);border-radius:1rem;background:var(--library-v2-tile-bg);color:var(--library-v2-text);text-decoration:none;transition:border-color .2s ease,transform .2s ease}.library-v2__popular-card:hover{border-color:var(--color-primary)}.library-v2__popular-logo-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:5.8125rem;overflow:hidden;border-radius:.5rem}.library-v2__popular-logo{display:block;width:100%;max-width:85%;height:100%;max-height:100%;object-fit:contain}.library-v2__popular-name{width:100%;font-family:var(--font-heading--family);font-size:1rem;font-weight:500;line-height:1.6;text-align:center;color:var(--library-v2-text);overflow-wrap:break-word}.library-v2__directory-section{display:flex;flex-direction:column;gap:1.5rem;width:100%}.library-v2__directory-header{display:flex;align-items:baseline;gap:.75rem;width:100%}.library-v2__directory-count{margin:0;font-size:.875rem;font-weight:400;line-height:1.45;color:var(--library-v2-muted);white-space:nowrap}.library-v2__alpha-nav{display:flex;align-items:center;gap:.375rem;width:100%;min-height:3rem;overflow-x:auto;scrollbar-width:none}.library-v2__alpha-nav::-webkit-scrollbar{display:none}.library-v2__alpha-btn{display:inline-flex;flex:1 0 2.25rem;align-items:center;justify-content:center;height:2.5rem;padding:0;border:0;border-radius:.5rem;background:var(--library-v2-alpha-bg);color:var(--library-v2-text);font-family:var(--font-heading--family);font-size:.875rem;font-weight:400;line-height:1.45;cursor:pointer;transition:background-color .2s ease,color .2s ease}.library-v2__alpha-btn:hover:not(:disabled):not(.is-active){background:var(--library-v2-border)}.library-v2__alpha-btn.is-active{background:var(--color-primary);color:var(--library-v2-on-dark)}.library-v2__alpha-btn:disabled{opacity:.38;cursor:not-allowed}.library-v2__directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:1rem;width:100%}.library-v2__column{display:flex;flex-direction:column;gap:1.125rem;min-width:0}.library-v2__letter-card{display:flex;flex-direction:column;width:100%;border:1px solid var(--library-v2-border);border-radius:.75rem;background:var(--library-v2-surface);overflow:hidden;scroll-margin-block-start:calc(var(--header-group-height, 5.5rem) + 1.5rem)}.library-v2__letter-header{display:flex;align-items:center;gap:.5rem;box-sizing:border-box;width:100%;height:2.5rem;padding-inline:1.5rem 1.125rem;border:0;background:var(--library-v2-alpha-bg);text-align:start;cursor:default}.library-v2__letter-title{font-family:var(--font-heading--family);font-size:1.15rem;font-weight:800;line-height:1.6;color:var(--color-primary)}.library-v2__letter-spacer{flex:1 1 0%;min-width:0}.library-v2__letter-count,.library-v2__letter-chevron{display:none}.library-v2__letter-body{display:flex;flex-direction:column;width:100%}.library-v2__brand-row{display:flex;align-items:center;gap:.75rem;box-sizing:border-box;width:100%;height:3rem;padding-inline:1.125rem;border-block-end:1px solid var(--library-v2-border);background:var(--library-v2-surface);color:var(--library-v2-text);text-decoration:none;transition:background-color .15s ease}.library-v2__brand-row:last-child,.library-v2__brand-row.is-last-visible{border-block-end:0}.library-v2__brand-row:hover{background:var(--library-v2-alpha-bg)}.library-v2__brand-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.875rem;height:1.875rem;border-radius:999px;background:var(--library-v2-alpha-bg);overflow:hidden}.library-v2__brand-logo{display:block;width:1.25rem;height:1.25rem;object-fit:contain}.library-v2__brand-initials{font-size:.625rem;font-weight:700;line-height:1;color:var(--library-v2-initials)}.library-v2__brand-name{flex:1 1 auto;min-width:0;font-family:var(--font-body--family);font-size:.875rem;font-weight:400;line-height:1.45;color:var(--library-v2-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-v2__brand-row[data-library-source=piece_mecanique]{gap:.875rem;min-height:4rem;height:auto;padding-block:.5rem;padding-inline:1rem}.library-v2__brand-row[data-library-source=piece_mecanique] .library-v2__brand-avatar{box-sizing:border-box;width:2.75rem;height:2.75rem;padding:.25rem;border:1px solid var(--library-v2-border);border-radius:.625rem;background:var(--library-v2-alpha-bg);transition:background-color .15s ease,border-color .15s ease}.library-v2__brand-row[data-library-source=piece_mecanique]:hover .library-v2__brand-avatar{border-color:#15151e24;background:var(--library-v2-surface)}.library-v2__brand-row[data-library-source=piece_mecanique] .library-v2__brand-logo{width:100%;height:100%;object-fit:contain;mix-blend-mode:darken}.library-v2__brand-row[data-library-source=piece_mecanique] .library-v2__brand-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-weight:500;line-height:1.3;white-space:normal}.library-v2__empty{width:100%;padding-block:2rem;text-align:center;color:var(--library-v2-muted)}.library-v2__how-to{display:flex;flex-direction:column;gap:2rem;width:100%;padding-block-start:6rem}.library-v2__how-to-header{display:flex;flex-direction:column;gap:.5rem;width:100%}.library-v2__how-to-title{margin:0;font-family:var(--font-heading--family);font-size:2.25rem;font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--library-v2-text)}.library-v2__how-to-subtitle{margin:0;font-size:1rem;line-height:1.55;color:var(--library-v2-muted)}.library-v2__how-to-grid{display:grid;width:100%}.library-v2__how-to-grid--steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.library-v2__how-to-grid--code_breakdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.library-v2__how-to-card{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;box-sizing:border-box;min-width:0;padding:1.75rem;border:1px solid var(--library-v2-border);border-radius:1.25rem;background:var(--library-v2-surface)}.library-v2__how-to-grid--code_breakdown .library-v2__how-to-card{gap:.875rem;padding:1.5rem}.library-v2__how-to-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:999px;background:var(--color-primary);color:var(--library-v2-on-dark);font-family:var(--font-heading--family);font-size:1.125rem;font-weight:700;line-height:1}.library-v2__how-to-grid--code_breakdown .library-v2__how-to-badge{width:auto;height:auto;padding-block:.625rem;padding-inline:1.125rem;border-radius:.75rem;background:var(--library-v2-surface-soft);color:var(--library-v2-text);font-size:2rem;line-height:1.1}.library-v2__how-to-grid--code_breakdown .library-v2__how-to-badge--accent{background:var(--library-v2-badge-p-bg);color:var(--library-v2-badge-p-text)}.library-v2__how-to-copy{display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0}.library-v2__how-to-grid--code_breakdown .library-v2__how-to-copy{gap:.875rem}.library-v2__how-to-step-title{margin:0;font-family:var(--font-heading--family);font-size:1.125rem;font-weight:600;line-height:1.3;color:var(--library-v2-text)}.library-v2__how-to-step-desc{margin:0;font-size:1rem;font-weight:400;line-height:1.55;color:var(--library-v2-muted)}.library-v2__how-to-grid--code_breakdown .library-v2__how-to-step-desc{font-size:.875rem;line-height:1.45}.library-cta{--library-cta-max: 72.5rem;--library-cta-surface-soft: #f5f5f6;--library-cta-surface: rgb(var(--color-background-rgb));--library-cta-text: rgb(var(--color-foreground-rgb));--library-cta-muted: #717173;--library-cta-on-primary: #ffffff;box-sizing:border-box;width:min(100%,var(--library-cta-max));margin-inline:auto;padding-block:3rem 6rem}.library-cta__card{display:flex;align-items:center;gap:3rem;box-sizing:border-box;width:100%;padding-block:3rem;padding-inline:3.5rem 3rem;border-radius:1.5rem;background:var(--library-cta-surface-soft)}.library-cta__content{display:flex;flex:1 1 0%;flex-direction:column;align-items:flex-start;gap:2rem;min-width:0}.library-cta__copy{display:flex;flex-direction:column;align-items:flex-start;gap:.875rem;width:100%}.library-cta__eyebrow{margin:0;font-family:var(--font-heading--family);font-size:.75rem;font-weight:600;line-height:1.3;letter-spacing:.02em;text-transform:uppercase;color:var(--color-primary)}.library-cta__title{margin:0;font-family:var(--font-heading--family);font-size:2.25rem;font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--library-cta-text)}.library-cta__description{margin:0;font-size:1rem;font-weight:400;line-height:1.55;color:var(--library-cta-muted)}.library-cta__description--mobile{display:none}.library-cta__button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:16.25rem;min-height:3.25rem;padding-block:1.125rem;padding-inline:2rem;border-radius:.875rem;background:var(--color-primary);color:var(--library-cta-on-primary);font-family:var(--font-heading--family);font-size:1rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .2s ease}.library-cta__button:hover{background:var(--color-primary-hover, var(--color-primary))}.library-cta__button:focus-visible{outline:2px solid var(--library-cta-text);outline-offset:2px}.library-cta__media{position:relative;flex:0 0 28.75rem;width:28.75rem;height:18.75rem;border-radius:1.25rem;background:var(--library-cta-surface);overflow:hidden}.library-cta__image{display:block;width:100%;height:100%;object-fit:contain}.library-v2__generic-cta:focus-visible,.library-v2__popular-card:focus-visible,.library-v2__alpha-btn:focus-visible,.library-v2__letter-header:focus-visible,.library-v2__brand-row:focus-visible{outline:2px solid var(--library-v2-text);outline-offset:2px}@media screen and (max-width:989px){.library-v2__popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-v2__directory,.library-v2__how-to-grid--code_breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.library-cta__media{flex-basis:20rem;width:20rem;height:15rem}}@media screen and (max-width:749px){.library-v2__hero{align-items:flex-start;gap:1rem;padding-block:1.5rem 2rem}.library-v2__hero-title{font-size:1.75rem;line-height:1.15;letter-spacing:-.01em;text-align:start}.library-v2__hero-intro{font-size:1rem;line-height:1.55;text-align:start}.library-v2__search{width:100%}.library-v2__search-box{gap:.625rem;padding-block:.875rem;padding-inline:1.125rem}.library-v2__generic-section{padding-block-end:2.5rem}.library-v2__generic-card{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.library-v2__generic-head{width:100%}.library-v2__generic-icon{width:3.25rem;height:3.25rem;padding:.75rem;border-radius:.875rem}.library-v2__generic-title--desktop,.library-v2__generic-desc--desktop,.library-v2__generic-cta-desktop{display:none}.library-v2__generic-title--mobile,.library-v2__generic-desc--mobile,.library-v2__generic-cta-mobile{display:block}.library-v2__generic-desc--mobile{font-size:.875rem;line-height:1.45}.library-v2__generic-badge{padding-block:.4375rem;padding-inline:.6875rem;font-size:.875rem}.library-v2__generic-cta{box-sizing:border-box;width:100%;padding-inline:1.25rem}.library-v2__popular-section{gap:1rem;padding-block-end:3rem}.library-v2__section-heading{font-size:1.4375rem}.library-v2__popular-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.library-v2__popular-card{gap:.625rem;padding-block:1.125rem .875rem;padding-inline:.5rem}.library-v2__popular-logo-wrap{width:4rem;height:4rem}.library-v2__popular-name{font-weight:400;line-height:1.55}.library-v2__directory-section{gap:1rem}.library-v2__directory-header{gap:.625rem}.library-v2__directory-count{font-size:.75rem;line-height:1.4}.library-v2__alpha-nav{position:sticky;top:var(--header-group-height, 3.75rem);z-index:4;padding-block:.25rem;background:var(--library-v2-surface)}.library-v2__alpha-btn{flex:0 0 2.5rem;width:2.5rem}.library-v2__directory{display:flex;flex-direction:column;gap:.5rem;padding-block-start:.5rem}.library-v2__letter-card{scroll-margin-block-start:calc(var(--header-group-height, 4rem) + 3.5rem)}.library-v2__letter-header{cursor:pointer}.library-v2__letter-card[data-letter-open=false] .library-v2__letter-header{background:var(--library-v2-surface)}.library-v2__letter-card[data-letter-open=false] .library-v2__letter-body{display:none}.library-v2__letter-count{display:inline-block;font-family:var(--font-body--family);font-size:.75rem;font-weight:400;line-height:1.4;color:var(--library-v2-muted);white-space:nowrap}.library-v2__letter-chevron{display:inline-flex;flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--library-v2-muted)}.library-v2__letter-card[data-letter-open=true] .library-v2__letter-chevron--down,.library-v2__letter-card[data-letter-open=false] .library-v2__letter-chevron--up{display:none}.library-v2__how-to{gap:1.25rem;padding-block-start:3.5rem}.library-v2__how-to-title{font-size:1.4375rem;font-weight:600;line-height:1.2}.library-v2__how-to-grid--steps,.library-v2__how-to-grid--code_breakdown{grid-template-columns:1fr;gap:.75rem}.library-v2__how-to-grid--steps .library-v2__how-to-card{flex-direction:row;align-items:flex-start;gap:.875rem;padding:1rem;border-radius:1rem}.library-v2__how-to-grid--steps .library-v2__how-to-badge{width:2.25rem;height:2.25rem;font-size:1rem}.library-v2__how-to-grid--steps .library-v2__how-to-copy{gap:.125rem}.library-v2__how-to-grid--steps .library-v2__how-to-step-title{font-size:1rem}.library-v2__how-to-grid--steps .library-v2__how-to-step-desc{font-size:.875rem;line-height:1.45}.library-cta{padding-block:2rem 3.5rem}.library-cta__card{flex-direction:column;align-items:stretch;gap:1.5rem;padding-block:1.75rem 1.5rem;padding-inline:1.5rem;border-radius:1.25rem}.library-cta__content{gap:1.5rem}.library-cta__copy{gap:.75rem}.library-cta__title{font-size:1.4375rem;font-weight:600;line-height:1.2}.library-cta__description{font-size:.875rem;line-height:1.45}.library-cta__description--desktop{display:none}.library-cta__description--mobile{display:block}.library-cta__button{width:100%;min-width:0;padding-inline:1.25rem}.library-cta__media{flex-basis:auto;width:100%;height:15rem;border-radius:1rem}}@media(prefers-contrast:more){.library-section-v2{--library-v2-muted: rgb(var(--color-foreground-rgb));--library-v2-border: rgb(var(--color-foreground-rgb))}.library-v2__popular-card,.library-v2__letter-card,.library-v2__how-to-card,.library-v2__search-box{border-color:var(--library-v2-text);background:var(--library-v2-surface);color:var(--library-v2-text)}}@media(forced-colors:active){.library-v2__generic-cta:focus-visible,.library-v2__popular-card:focus-visible,.library-v2__alpha-btn:focus-visible,.library-v2__letter-header:focus-visible,.library-v2__brand-row:focus-visible,.library-v2__search-input:focus-visible{outline:.2rem solid transparent}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-library-grid-v2.css.map */
