.glossaire{--glossaire-heading-size-fluid: clamp(min(var(--glossaire-heading-size-mobile, 30px), var(--glossaire-heading-size-desktop, 48px)), calc(16px + 2.1vw) , max(var(--glossaire-heading-size-mobile, 30px), var(--glossaire-heading-size-desktop, 48px)));--glossaire-tab-size-fluid: clamp(min(var(--glossaire-tab-size-mobile, 16px), var(--glossaire-tab-size-desktop, 28px)), calc(10px + 1.05vw) , max(var(--glossaire-tab-size-mobile, 16px), var(--glossaire-tab-size-desktop, 28px)));--glossaire-term-size-fluid: clamp(min(var(--glossaire-term-size-mobile, 16px), var(--glossaire-term-size-desktop, 28px)), calc(10px + 1.05vw) , max(var(--glossaire-term-size-mobile, 16px), var(--glossaire-term-size-desktop, 28px)));--glossaire-tab-width-fluid: clamp(46px, calc(23.33px + 6.296vw) , 114px);overflow:visible;margin-top:clamp(42px,6vw,72px);margin-bottom:clamp(16px,3vw,46px);background:var(--glossaire-background, var(--color-white));color:var(--glossaire-text-color, var(--color-text));padding-block:var(--glossaire-padding-top-mobile, 0) var(--glossaire-padding-bottom-mobile, 0)}.glossaire__inner{color:inherit}.glossaire__heading{display:flex;align-items:baseline;gap:.14em;margin:0;color:inherit;font-family:var(--font-family-heading);font-size:var(--glossaire-heading-size-fluid);font-weight:var(--glossaire-heading-weight, var(--font-weight-bold));line-height:normal;letter-spacing:-.02em;flex-wrap:wrap}.glossaire__heading-accent{font-weight:var(--glossaire-heading-accent-weight, var(--font-weight-medium))}.glossaire__panel{display:flex;min-height:280px;flex-direction:column;margin-top:16px;overflow:hidden;border-radius:var(--glossaire-panel-radius, 20px);background:var(--glossaire-panel-background, #faf6f1);box-shadow:var(--shadow-elevated-card);padding:15px 12px 16px}.glossaire__tabs{display:flex;width:calc(100% + var(--shadow-elevated-card-bleed) + var(--shadow-elevated-card-bleed));flex:0 0 auto;gap:6px;justify-content:safe center;overflow-x:auto;overflow-y:hidden;margin-bottom:calc(-1 * var(--shadow-elevated-card-bleed));margin-inline:calc(-1 * var(--shadow-elevated-card-bleed));margin-top:calc(-1 * var(--shadow-elevated-card-bleed));padding-block:var(--shadow-elevated-card-bleed);padding-inline:var(--shadow-elevated-card-bleed);scrollbar-width:none;-webkit-overflow-scrolling:touch}.glossaire__tabs::-webkit-scrollbar,.glossaire__viewport::-webkit-scrollbar{display:none}.glossaire__tab{display:inline-flex;width:var(--glossaire-tab-width-fluid);min-width:var(--glossaire-tab-width-fluid);height:44px;min-height:44px;flex:0 0 var(--glossaire-tab-width-fluid);align-items:center;justify-content:center;border:1px solid var(--color-border, #e6e6e6);border-radius:50px;background:color-mix(in srgb,var(--glossaire-tab-inactive-background, #e9fff2) 75%,var(--glossaire-tab-active-background, #b1ffd3) 25%);box-shadow:var(--shadow-elevated-card);color:var(--glossaire-tab-inactive-text-color, #707070);font-family:var(--font-family-heading);font-size:var(--glossaire-tab-size-fluid);font-weight:var(--glossaire-tab-weight, var(--font-weight-medium));line-height:1;letter-spacing:-.02em;padding:0;transition:background-color var(--duration-short) var(--ease-out),color var(--duration-short) var(--ease-out),transform var(--duration-short) var(--ease-out)}.glossaire__tab.is-active{background:var(--glossaire-tab-active-background, #b1ffd3);color:var(--glossaire-tab-text-color, var(--color-black))}.glossaire__tab:disabled{cursor:default;opacity:1}.glossaire__tab:hover:not(:disabled){background:color-mix(in srgb,var(--glossaire-tab-inactive-background, #e9fff2) 96%,var(--color-black) 4%);transform:translateY(-1px)}.glossaire__tab.is-active:hover:not(:disabled){background:color-mix(in srgb,var(--glossaire-tab-active-background, #b1ffd3) 96%,var(--color-black) 4%)}.glossaire__term-card:hover{background:color-mix(in srgb,var(--glossaire-term-background, var(--color-white)) 96%,var(--color-black) 4%);transform:translateY(-1px)}.glossaire__tab:focus-visible,.glossaire__term-card:focus-visible,.glossaire__viewport:focus-visible{outline:2px solid var(--color-foreground);outline-offset:3px}.glossaire__viewport{width:100%;flex:0 0 auto;overflow-x:auto;overflow-y:hidden;margin-bottom:calc(-1 * var(--shadow-elevated-card-bleed));margin-inline:0;margin-top:calc(20px - var(--shadow-elevated-card-bleed));padding-block:var(--shadow-elevated-card-bleed);padding-inline:var(--shadow-elevated-card-bleed);scroll-padding-inline:var(--shadow-elevated-card-bleed);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}@media(hover:hover)and (pointer:fine){.glossaire__viewport{cursor:grab;-webkit-user-select:none;user-select:none}.glossaire__viewport *{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.glossaire__viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}}.glossaire__track{display:flex;min-width:100%;align-items:flex-start;gap:max(12px,calc(var(--shadow-elevated-card-bleed) * 2))}.glossaire__group{width:100%;min-width:0;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.glossaire__grid{display:grid;grid-template-columns:repeat(var(--glossaire-columns-mobile, 2),minmax(0,1fr));gap:8px}.glossaire__term-card{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:space-between;gap:8px;border-radius:10px;background:var(--glossaire-term-background, var(--color-white));box-shadow:var(--shadow-elevated-card);color:var(--glossaire-term-text-color, var(--color-text));padding:6px 7px 6px 10px;text-decoration:none;transition:background-color var(--duration-short) var(--ease-out),transform var(--duration-short) var(--ease-out)}.glossaire__term-title{min-width:0;overflow:hidden;color:inherit;font-family:var(--font-family-heading);font-size:var(--glossaire-term-size-fluid);font-weight:var(--glossaire-term-weight, var(--font-weight-medium));line-height:normal;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.glossaire__term-icon{display:block;width:28px;height:28px;flex:0 0 28px;color:var(--glossaire-arrow-color, var(--color-white));--icon-arrow-circle-background: var(--glossaire-arrow-background, var(--color-black));--icon-arrow-circle-color: var(--glossaire-arrow-color, var(--color-white))}.glossaire__term-icon svg{display:block;width:100%;height:100%}.glossaire__empty{grid-column:1 / -1;border-radius:10px;background:var(--glossaire-term-background, var(--color-white));box-shadow:var(--shadow-elevated-card);color:var(--glossaire-term-text-color, var(--color-text));padding:16px;text-align:center}.glossaire__scrollbar{position:relative;width:min(100%,160px);height:3px;flex:0 0 auto;overflow:hidden;margin:14px auto 0;border-radius:20px;background:var(--glossaire-scrollbar-track, #d9d9d9);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.glossaire__scrollbar-thumb{position:absolute;top:0;left:0;display:block;width:28.21%;height:100%;border-radius:inherit;background:var(--glossaire-scrollbar-thumb, var(--color-black));cursor:grab;transform:translate(0);will-change:transform}.glossaire__scrollbar.is-dragging,.glossaire__scrollbar.is-dragging .glossaire__scrollbar-thumb{cursor:grabbing}@media screen and (max-width:599px){.glossaire__inner{width:min(calc(100% - 40px),401px);margin-inline:auto}.glossaire__heading{margin-left:-2px}.glossaire__panel{margin-top:27px}}@media screen and (min-width:600px){.glossaire{padding-block:var(--glossaire-padding-top-desktop, 0) var(--glossaire-padding-bottom-desktop, 0)}.glossaire__inner{width:min(100% - calc(var(--page-gutter) * 2),var(--content-width, 1584px))}.glossaire__heading{margin-left:8px;font-size:var(--glossaire-heading-size-fluid);letter-spacing:-.96px}.glossaire__panel{width:calc(100% - 6px);min-height:0;margin-top:20px;margin-left:8px;padding:clamp(20px,1.85vw,32px) clamp(16px,2.55vw,44px) clamp(18px,1.51vw,26px)}.glossaire__tabs{width:auto;gap:clamp(8px,1.22vw,21px);justify-content:safe center;overflow-x:auto;overflow-y:hidden}.glossaire__tab{width:var(--glossaire-tab-width-fluid);min-width:var(--glossaire-tab-width-fluid);height:max(44px,clamp(34px,2.37vw,41px));min-height:44px;flex-basis:var(--glossaire-tab-width-fluid);background:var(--glossaire-tab-inactive-background, #e9fff2);font-size:var(--glossaire-tab-size-fluid)}.glossaire__viewport{margin-top:calc(clamp(28px,2.95vw,51px) - var(--shadow-elevated-card-bleed))}.glossaire__track{gap:max(clamp(12px,1.22vw,21px),calc(var(--shadow-elevated-card-bleed) * 2))}.glossaire__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.19vw,20.5px)}.glossaire__term-card{min-height:clamp(52px,3.7vw,64px);gap:clamp(8px,.93vw,16px);border-radius:20px;padding:clamp(10px,.81vw,14px) clamp(12px,1.5vw,26px) clamp(10px,.81vw,14px) clamp(12px,.98vw,17px)}.glossaire__term-title{font-size:var(--glossaire-term-size-fluid)}.glossaire__term-icon{width:clamp(32px,2.26vw,39px);height:clamp(32px,2.26vw,39px);flex-basis:clamp(32px,2.26vw,39px)}.glossaire__empty{border-radius:20px}.glossaire__scrollbar{width:min(100%,312px);height:3px;margin:clamp(24px,2.95vw,51px) auto 0}}@media screen and (min-width:900px){.glossaire__grid{grid-template-columns:repeat(var(--glossaire-columns-desktop, 4),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.glossaire__viewport{scroll-behavior:auto}.glossaire__tab,.glossaire__term-card{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/section-glossaire.css.map */