.section-liesse-compo{padding:var(--l-space-1400) var(--l-h-side, 4.4rem)}.l-compo__inner{max-width:96rem;margin:0 auto}.l-compo__head{margin-bottom:3.2rem}.l-compo__title{margin:0;font-family:var(--font-body-family);font-size:2rem;line-height:3rem;font-weight:600;letter-spacing:.1rem;text-transform:uppercase;color:var(--l-noir)}.l-compo__subtitle{margin:.4rem 0 0;font-size:1.4rem;line-height:2rem;font-weight:500;letter-spacing:.07rem;text-transform:uppercase;color:var(--l-noir)}.l-compo__barre{display:flex;gap:.2rem;height:3.6rem;margin:0;padding:0}.l-compo__seg{position:relative;flex:var(--l-part, 1) 1 0;min-width:.4rem;margin:0;padding:0;border:0;border-radius:.2rem;background:var(--l-bleu);color:var(--l-blanc);cursor:pointer;transition:opacity .25s var(--l-ease-smooth),transform .25s var(--l-ease-smooth)}.l-compo__seg:nth-child(2){opacity:.85}.l-compo__seg:nth-child(3){opacity:.7}.l-compo__seg:nth-child(4){opacity:.55}.l-compo__seg:nth-child(5){opacity:.4}.l-compo__seg:nth-child(6){opacity:.25}.l-compo__seg[hidden],.l-compo__item[hidden]{display:none}.l-compo__seg.is-hover,.l-compo__seg:focus-visible{opacity:1;transform:translateY(-.2rem);outline:none}.l-compo__seg-label{display:block;padding:0 .6rem;font-size:1.1rem;line-height:3.6rem;font-weight:600;letter-spacing:.04rem;white-space:nowrap;overflow:hidden;text-overflow:clip}.l-compo__seg.is-etroit .l-compo__seg-label{visibility:hidden}.l-compo__tip{position:absolute;left:50%;bottom:calc(100% + 1rem);z-index:3;width:max-content;max-width:26rem;padding:1rem 1.2rem;border:.1rem solid var(--l-hairline);border-radius:var(--l-radius);background:var(--l-blanc);color:var(--l-noir);box-shadow:0 .8rem 2.4rem #00215714;font-size:1.2rem;line-height:1.7rem;font-weight:400;text-align:left;white-space:normal;transform:translate(-50%,.4rem);opacity:0;pointer-events:none;transition:opacity .15s var(--l-ease-smooth),transform .15s var(--l-ease-smooth)}.l-compo__tip b{display:block;margin-bottom:.2rem;font-weight:600;letter-spacing:.04rem;text-transform:uppercase;font-size:1.1rem}.l-compo__seg:first-child .l-compo__tip{left:0;transform:translateY(.4rem)}.l-compo__seg:last-child .l-compo__tip{left:auto;right:0;transform:translateY(.4rem)}@media(hover:hover){.l-compo__seg.is-hover .l-compo__tip,.l-compo__seg:focus-visible .l-compo__tip{opacity:1;transform:translate(-50%)}.l-compo__seg:first-child.is-hover .l-compo__tip,.l-compo__seg:first-child:focus-visible .l-compo__tip{transform:translate(0)}.l-compo__seg:last-child.is-hover .l-compo__tip,.l-compo__seg:last-child:focus-visible .l-compo__tip{transform:translate(0)}}.l-compo__legende{margin:2.4rem 0 0;padding:0;list-style:none;border-top:.1rem solid var(--l-hairline)}.l-compo__item{border-bottom:.1rem solid var(--l-hairline);transition:background-color .2s var(--l-ease-smooth)}.l-compo__item.is-hover{background:#00215708}.l-compo__item-head{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;width:100%;margin:0;padding:1.2rem .4rem;border:0;background:none;color:var(--l-noir);font-family:var(--font-body-family);text-align:left;cursor:pointer}.l-compo__item-nom{font-size:1.3rem;line-height:2rem;font-weight:600;letter-spacing:.07rem;text-transform:uppercase}.l-compo__item-pct{font-size:1.4rem;line-height:2rem;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.l-compo__item-texte{margin:0;padding:0 .4rem 1.2rem;font-size:1.4rem;line-height:2rem;font-weight:400;color:var(--l-noir)}.l-compo__note{margin:1.6rem 0 0;font-size:1.2rem;line-height:1.7rem;color:var(--l-gris-4)}@media screen and (max-width:749px){.section-liesse-compo{padding:var(--l-space-1150) 1.6rem}.l-compo__item-texte{display:none}.l-compo__item.is-open .l-compo__item-texte{display:block}.l-compo__seg-label{font-size:1rem;padding:0 .4rem}}@media(prefers-reduced-motion:reduce){.l-compo__seg,.l-compo__tip,.l-compo__item{transition:none}}.l-compo.is-attente .l-compo__barre,.l-compo.is-attente .l-compo__legende,.l-compo.is-attente .l-compo__note{display:none}.l-compo__attente{margin:2.4rem 0 0;font-size:1.5rem;line-height:2.2rem;font-weight:500;color:var(--l-noir)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/liesse-composition.css.map */