.ccg-score-dots{position:absolute;top:8px;right:8px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px}.ccg__card-media>.ccg-score-dots--inline{position:absolute;left:0;right:0;bottom:-11px;top:auto;z-index:4;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;width:fit-content;max-width:100%;margin:0 auto;padding:8px;box-sizing:border-box;cursor:pointer;pointer-events:auto;background:none;transition:gap .35s ease,padding .35s ease,inset .35s ease,background-color .3s ease}.ccg-score-dots__row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;transition:gap .35s ease}.ccg-score-dots__item{--dot-color: #eb7c38;--dot-bg: #fce9dc;position:relative;flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1.5px solid #1a1a1a;box-shadow:1px 1px #1a1a1a;background:conic-gradient(var(--dot-color) 0 calc(var(--pct, 0) * 1%),var(--dot-bg) calc(var(--pct, 0) * 1%) 100%);display:grid;place-items:center;transition:transform .35s ease}.ccg-score-dots__item--moelleux{--dot-color: #eb7c38;--dot-bg: #fce9dc}.ccg-score-dots__item--sticky{--dot-color: #2a9d8f;--dot-bg: #dff3ef}.ccg-score-dots__item--reactivite{--dot-color: #e9c46a;--dot-bg: #faf1d4}.ccg-score-dots__item--bruyant{--dot-color: #457b9d;--dot-bg: #e2ebf2}.ccg-score-dots__item--elastique{--dot-color: #9b5de5;--dot-bg: #eee3fa}.ccg-score-dots__num{position:relative;z-index:1;min-width:14px;height:14px;padding:0 2px;border-radius:8px;background:var(--dot-bg);color:#1a1a1a;font-size:9px;font-weight:800;line-height:14px;text-align:center}.ccg-score-dots__label{max-width:0;margin:0;overflow:hidden;opacity:0;font-size:16px;font-weight:800;letter-spacing:.03em;line-height:1.15;text-transform:uppercase;white-space:nowrap;color:var(--dot-color, #eb7c38);transform:translate(-6px);transition:opacity .3s ease,max-width .35s ease,transform .35s ease}.ccg-score-dots__value{max-width:0;margin:0;overflow:hidden;opacity:0;font-size:13px;font-weight:600;letter-spacing:.02em;line-height:1.15;white-space:nowrap;color:var(--dot-color, #eb7c38);transform:translate(-4px);transition:opacity .3s ease,max-width .35s ease,transform .35s ease}.ccg-score-dots__row--moelleux{--dot-color: #eb7c38}.ccg-score-dots__row--sticky{--dot-color: #2a9d8f}.ccg-score-dots__row--reactivite{--dot-color: #e9c46a}.ccg-score-dots__row--bruyant{--dot-color: #457b9d}.ccg-score-dots__row--elastique{--dot-color: #9b5de5}.ccg-score-dots__row--moelleux .ccg-score-dots__label,.ccg-score-dots__row--moelleux .ccg-score-dots__value{color:#eb7c38}.ccg-score-dots__row--sticky .ccg-score-dots__label,.ccg-score-dots__row--sticky .ccg-score-dots__value{color:#2a9d8f}.ccg-score-dots__row--reactivite .ccg-score-dots__label,.ccg-score-dots__row--reactivite .ccg-score-dots__value{color:#e9c46a}.ccg-score-dots__row--bruyant .ccg-score-dots__label,.ccg-score-dots__row--bruyant .ccg-score-dots__value{color:#457b9d}.ccg-score-dots__row--elastique .ccg-score-dots__label,.ccg-score-dots__row--elastique .ccg-score-dots__value{color:#9b5de5}.ccg__card-image,.ccg__card-placeholder{transition:opacity .35s ease}.ccg__card.is-scores-open .ccg__card-image,.ccg__card.is-scores-open .ccg__card-placeholder{opacity:.2}.ccg__card.is-scores-open .ccg__badges{opacity:.2;transition:opacity .35s ease}.ccg__card.is-scores-open .ccg__card-media-surface{position:relative;z-index:4}.ccg__card.is-scores-open .ccg__soldout{opacity:.2;transition:opacity .35s ease}.ccg__card.is-scores-open .ccg__card-media{overflow:hidden}.ccg__card.is-scores-open .ccg__card-media>.ccg-score-dots--inline{top:0;right:0;bottom:0;left:0;z-index:4;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;width:100%;height:100%;padding:18px 20px;background:none;cursor:pointer;pointer-events:auto}.ccg__card.is-scores-open .ccg-score-dots__row{justify-content:flex-start;gap:12px;width:100%}.ccg__card.is-scores-open .ccg-score-dots__label{max-width:14em;opacity:1;transform:translate(0)}.ccg__card.is-scores-open .ccg-score-dots__value{max-width:5em;margin-left:auto;opacity:1;transform:translate(0)}.ccg__card.is-scores-open .ccg-score-dots__item{width:28px;height:28px}.ccg__card.is-scores-open .ccg-score-dots__row:nth-child(1) .ccg-score-dots__label,.ccg__card.is-scores-open .ccg-score-dots__row:nth-child(1) .ccg-score-dots__value{transition-delay:.04s}.ccg__card.is-scores-open .ccg-score-dots__row:nth-child(2) .ccg-score-dots__label,.ccg__card.is-scores-open .ccg-score-dots__row:nth-child(2) .ccg-score-dots__value{transition-delay:.08s}.ccg__card.is-scores-open .ccg-score-dots__row:nth-child(3) .ccg-score-dots__label,.ccg__card.is-scores-open .ccg-score-dots__row:nth-child(3) .ccg-score-dots__value{transition-delay:.12s}.ccg__card.is-scores-open .ccg-score-dots__row:nth-child(4) .ccg-score-dots__label,.ccg__card.is-scores-open .ccg-score-dots__row:nth-child(4) .ccg-score-dots__value{transition-delay:.16s}.ccg__card.is-scores-open .ccg-score-dots__row:nth-child(5) .ccg-score-dots__label,.ccg__card.is-scores-open .ccg-score-dots__row:nth-child(5) .ccg-score-dots__value{transition-delay:.2s}@media(max-width:749px){.ccg__card-media>.ccg-score-dots--inline{gap:4px;bottom:-9px;padding:6px}.ccg-score-dots__item{width:22px;height:22px}.ccg-score-dots__num{min-width:12px;height:12px;font-size:8px;line-height:12px}.ccg-score-dots__label{font-size:13px}.ccg-score-dots__value{font-size:11px}.ccg__card.is-scores-open .ccg__card-media>.ccg-score-dots--inline{gap:6px;padding:14px}.ccg__card.is-scores-open .ccg-score-dots__row{gap:10px}.ccg__card.is-scores-open .ccg-score-dots__item{width:24px;height:24px}.ccg__card.is-scores-open .ccg-score-dots__value{display:none}}@media(prefers-reduced-motion:reduce){.ccg-score-dots--inline,.ccg__card-media>.ccg-score-dots--inline,.ccg-score-dots__row,.ccg-score-dots__item,.ccg-score-dots__label,.ccg-score-dots__value,.ccg__card-image,.ccg__card-placeholder{transition:none}}.ccg-score-dots--pdp{position:static;top:auto;right:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:340px;margin:0 0 18px;padding:0;background:none;cursor:default}.ccg-score-dots--pdp .ccg-score-dots__row{justify-content:flex-start;gap:12px;width:100%}.ccg-score-dots--pdp .ccg-score-dots__item{width:30px;height:30px}.ccg-score-dots--pdp .ccg-score-dots__num{min-width:16px;height:16px;font-size:11px;line-height:16px}.ccg-score-dots--pdp .ccg-score-dots__label{max-width:14em;opacity:1;transform:none;transition:none}.ccg-score-dots--pdp .ccg-score-dots__value{max-width:5em;margin-left:auto;opacity:1;transform:none;transition:none}@media(max-width:749px){.ccg-score-dots--pdp{max-width:none;gap:6px;margin-bottom:12px}.ccg-score-dots--pdp .ccg-score-dots__row{gap:8px}.ccg-score-dots--pdp .ccg-score-dots__item{width:22px;height:22px}.ccg-score-dots--pdp .ccg-score-dots__num{min-width:13px;height:13px;font-size:9px;line-height:13px}.ccg-score-dots--pdp .ccg-score-dots__label{font-size:12px}.ccg-score-dots--pdp .ccg-score-dots__value{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-product-score-rings.css.map */