.cm-mixf,.cm-mixf__grille,.cm-mixf__liste,.cm-mixf__tailles-liste{overflow-anchor:none}.cm-mixf{--cm-bleu: #3aaef5;--cm-bleu-clair: #6ec9ff;--cm-bleu-fonce: #1a7fc1;--cm-bleu-pale: #e6f5ff;--cm-encre: 36, 27, 61;--cm-ombre: inset 0 1px 0 rgba(255, 255, 255, .9), 0 2px 4px rgba(var(--cm-encre), .04), 0 14px 28px -16px rgba(var(--cm-encre), .22);--cm-ombre-survol: inset 0 1px 0 rgba(255, 255, 255, .9), 0 4px 8px rgba(var(--cm-encre), .05), 0 22px 40px -18px rgba(var(--cm-encre), .3);--cm-mouvement: .2s cubic-bezier(.22, .61, .36, 1);position:relative;padding:4rem 0 6.4rem}.cm-mixf__tete{margin:0 0 2.4rem;text-align:center}.cm-mixf__surtitre{display:inline-block;margin:0 0 1rem;padding:.5rem 1.2rem;border-radius:999px!important;background:var(--cm-bleu-pale);color:var(--cm-bleu-fonce);font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cm-mixf__titre{margin:0 0 .8rem;color:#241b3d;font-size:clamp(2.6rem,3.4vw,3.6rem);font-weight:700;line-height:1.1}.cm-mixf__sous{max-width:70ch;margin:0 auto;color:rgba(var(--cm-encre),.72);font-size:1.5rem;line-height:1.55}.cm-mixf__tailles{margin:0 0 1.2rem}.cm-mixf__tailles-titre{margin:0 0 .8rem;color:#241b3d;font-size:1.35rem;font-weight:700}.cm-mixf__tailles-liste{display:flex;flex-wrap:wrap;gap:.8rem}.cm-mixf__taille{display:inline-flex;align-items:baseline;gap:.6rem;padding:.8rem 1.4rem;border:1.5px solid rgba(var(--cm-encre),.15);border-radius:1.4rem!important;background:#fff;color:#241b3d;font:inherit;cursor:pointer;transition:border-color var(--cm-mouvement),background var(--cm-mouvement),color var(--cm-mouvement)}.cm-mixf__taille-nom{font-size:1.4rem;font-weight:700;line-height:1.1}.cm-mixf__taille-detail{color:rgba(var(--cm-encre),.55);font-size:1.15rem}.cm-mixf__taille:hover{border-color:var(--cm-bleu)}.cm-mixf__taille.is-actif{border-color:var(--cm-bleu);background:var(--cm-bleu);color:#241b3d}.cm-mixf__taille.is-actif .cm-mixf__taille-detail{color:#241b3db3}.cm-mixf__taille.is-epuise .cm-mixf__taille-nom{text-decoration:line-through}.cm-mixf__outils{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.2rem;margin:0 0 1.6rem}.cm-mixf__champ{width:min(34rem,100%);padding:.8rem 1.4rem;border:1px solid transparent!important;border-radius:1rem!important;background:rgba(var(--cm-encre),.05);color:#241b3d;font-size:1.3rem}.cm-mixf__champ:focus{outline:none;border-color:var(--cm-bleu)!important;box-shadow:0 0 0 3px #3aaef540}.cm-mixf__actions{display:flex;gap:.8rem}.cm-mixf__pilule{min-height:4.4rem;padding:0 2rem;border:0;border-radius:999px!important;background:var(--cm-bleu-clair);color:#241b3d;font:inherit;font-size:1.35rem;font-weight:700;cursor:pointer;transition:background var(--cm-mouvement)}.cm-mixf__pilule:hover{background:var(--cm-bleu)}.cm-mixf__pilule--vide{border:1.5px solid rgba(var(--cm-encre),.15);background:#fff;color:#241b3d}.cm-mixf__pilule--vide:hover{border-color:var(--cm-bleu);background:var(--cm-bleu-pale);color:var(--cm-bleu-fonce)}.cm-mixf__actions--rangee{justify-content:flex-end;margin:0 0 1.2rem}.cm-mixf__filtres-titre{display:flex;align-items:center;gap:.8rem;margin:0 0 .8rem;color:rgba(var(--cm-encre),.45);font-size:1.1rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.cm-mixf__filtres-titre:before{content:"";width:1.4rem;height:2px;flex:none;border-radius:2px;background:var(--cm-bleu)}.cm-mixf__filtres{display:flex;flex-wrap:nowrap;gap:.6rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 2.4rem),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 2.4rem),transparent 100%)}.cm-mixf__filtres::-webkit-scrollbar{display:none}.cm-mixf__filtre{flex:none;scroll-snap-align:start}.cm-mixf__filtre{min-height:2.6rem;padding:.4rem 1.1rem;border:1px solid rgba(var(--cm-encre),.12);border-radius:999px!important;background:rgba(var(--cm-encre),.03);color:#241b3d;font:inherit;font-size:1.15rem;font-weight:700;cursor:pointer;transition:background var(--cm-mouvement),color var(--cm-mouvement),border-color var(--cm-mouvement)}.cm-mixf__filtre:hover{border-color:rgba(var(--cm-encre),.28);background:rgba(var(--cm-encre),.06)}.cm-mixf__filtre.is-actif{background:var(--cm-bleu-clair);border-color:var(--cm-bleu-clair);color:#241b3d}.cm-mixf__filtre.is-actif:hover{background:var(--cm-bleu);border-color:var(--cm-bleu)}.cm-mixf__zone{position:relative;overflow-anchor:none}.cm-mixf__grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.6rem;margin:0;padding:0 0 2rem;list-style:none}.cm-mixf--colonne{padding:0}.cm-mixf__bloc{margin-top:0}.cm-mixf--colonne .container{max-width:none;padding:0}.cm-mixf--colonne .cm-mixf__tete{margin-bottom:1rem;text-align:start}.cm-mixf--colonne .cm-mixf__titre{margin-bottom:.4rem;font-size:clamp(2.2rem,2.4vw,2.8rem)}.cm-mixf--colonne .cm-mixf__sous{min-height:4.2rem;margin:0;font-size:1.4rem}.cm-mixf--colonne .cm-mixf__outils{display:block;margin-bottom:1.2rem}.cm-mixf--colonne .cm-mixf__recherche{min-width:0}.cm-mixf--colonne .cm-mixf__filtres{justify-content:flex-start;margin-bottom:1.6rem}.cm-mixf--colonne .cm-mixf__champ{width:min(32rem,100%)}.cm-mixf--colonne .cm-mixf__pilule{min-height:4rem;padding:0 1.6rem;font-size:1.3rem}.cm-mixf--colonne .cm-mixf__barre{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.2rem 1.6rem;padding:1.4rem 1.8rem}.cm-mixf--colonne .cm-mixf__barre-tete{grid-column:1 / -1;margin:0;font-size:1.25rem}.cm-mixf--colonne .cm-mixf__poids{font-size:2.6rem}.cm-mixf--colonne .cm-mixf__portions{margin:0;align-self:center}.cm-mixf--colonne .cm-mixf__jauge{grid-column:1 / -1;margin:.8rem 0 0}.cm-mixf--colonne .cm-mixf__panneau-actions,.cm-mixf--colonne .cm-mixf__liste{grid-column:1 / -1}.cm-mixf--colonne .cm-mixf__liste{max-height:20rem;margin:1rem 0 0}.cm-mixf--colonne .cm-mixf__ajouter{grid-column:1 / -1;min-height:4.4rem;margin-top:1rem}.cm-mixf--colonne .cm-mixf__erreur{grid-column:1 / -1}.cm-mixf--colonne .cm-mixf__grille{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.2rem}.cm-mixf__carte{display:flex;flex-direction:column;padding:1.2rem;border:1px solid rgba(var(--cm-encre),.08);border-radius:1.8rem!important;background:#fff;box-shadow:var(--cm-ombre);transition:transform var(--cm-mouvement),box-shadow var(--cm-mouvement),opacity var(--cm-mouvement)}@media(hover:hover)and (pointer:fine){.cm-mixf__carte:hover{transform:translateY(-2px);box-shadow:var(--cm-ombre-survol)}}.cm-mixf__carte.is-choisi{border-color:var(--cm-bleu);box-shadow:var(--cm-ombre-survol),0 0 0 2px #3aaef559}.cm-mixf__carte.is-eteint{opacity:.42}.cm-mixf__carte.is-rupture{opacity:.55;filter:grayscale(.85)}.cm-mixf__carte.is-rupture .cm-mixf__vignette{cursor:not-allowed}.cm-mixf__rupture{color:var(--cm-accent-texte, #c41d68);font-weight:700}.cm-mixf__carte.is-eteint:hover{transform:none;box-shadow:var(--cm-ombre)}.cm-mixf__vignette{position:relative;display:block;width:100%;padding:0;border:0;border-radius:1.4rem!important;background:#fffafd;cursor:pointer;overflow:hidden}.cm-mixf__vignette[disabled]{cursor:not-allowed}.cm-mixf__vignette img{display:block;width:100%;aspect-ratio:1 / 1;border-radius:1.4rem!important;object-fit:cover}.cm-mixf__sansimage{display:grid;place-items:center;aspect-ratio:1 / 1;font-size:3.2rem}.cm-mixf__compteur{position:absolute;top:.8rem;right:.8rem;display:grid;place-items:center;min-width:2.8rem;height:2.8rem;padding:0 .6rem;border-radius:999px!important;background:var(--cm-bleu-fonce);color:#fff;font-size:1.3rem;font-weight:700}.cm-mixf__nom{margin:1rem 0 .6rem;color:#241b3d;font-size:1.3rem;font-weight:700;line-height:1.3}.cm-mixf__pastilles{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .8rem}.cm-mixf__pastille{padding:.3rem .9rem;border-radius:999px!important;background:var(--cm-bleu-pale);color:var(--cm-bleu-fonce);font-size:1.1rem;font-weight:700}.cm-mixf__invite,.cm-mixf__qte{display:flex;align-items:center;min-height:4rem;margin:auto 0 0;padding-top:.8rem}.cm-mixf__invite{color:rgba(var(--cm-encre),.5);font-size:1.2rem}.cm-mixf__qte{justify-content:space-between;gap:.8rem}.cm-mixf__qte button{display:grid;place-items:center;width:3.2rem;height:3.2rem;border:1.5px solid rgba(58,174,245,.4);border-radius:999px!important;background:#fff;color:var(--cm-bleu-fonce);font-size:1.8rem;font-weight:700;line-height:1;cursor:pointer}.cm-mixf__qte button[disabled]{opacity:.4;cursor:not-allowed}.cm-mixf__qte span{color:#241b3d;font-size:1.5rem;font-weight:700}.cm-mixf__vide{margin:2rem 0;color:rgba(var(--cm-encre),.6);font-size:1.5rem;text-align:center}.cm-mixf__colonne{position:static!important;top:auto!important}.cm-mixf__colonne>.product-info__block.product-options{margin-top:2.8rem;padding-top:2.8rem;border-top:1px solid rgba(36,27,61,.12)}.cm-mixf__barre{position:sticky;z-index:6;top:auto;bottom:1.6rem;width:auto;margin:2rem 0 0;padding:1.8rem;border-radius:2rem!important;background:linear-gradient(160deg,#3aaef5,#6ec9ff);color:#241b3d;box-shadow:0 22px 44px -18px #1a7fc18c}.cm-mixf__barre-tete{margin:0 0 .4rem;font-size:1.3rem}.cm-mixf__poids{margin:0;font-size:3.6rem;font-weight:700;line-height:1}.cm-mixf__poids small{font-size:1.6rem;font-weight:700}.cm-mixf__portions{margin:.4rem 0 1rem;color:#241b3db8;font-size:1.3rem}.cm-mixf__jauge{height:.8rem;margin:0 0 1.2rem;border-radius:999px;background:#ffffff8c;overflow:hidden}.cm-mixf__jauge span{display:block;width:0;height:100%;border-radius:999px;background:#fff;transition:width var(--cm-mouvement)}.cm-mixf__panneau-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.2rem 0 0}.cm-mixf__pilule-panneau{display:inline-flex;align-items:center;min-height:3.4rem;padding:0 1.6rem;border:1.5px solid rgba(255,255,255,.8);border-radius:999px!important;background:transparent;color:#241b3d;font:inherit;font-size:1.25rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:background var(--cm-mouvement)}.cm-mixf__pilule-panneau:hover{background:#fff6}.cm-mixf__surprise{background:#ffffff6b}.cm-mixf__surprise:hover{background:#ffffffb8}.cm-mixf__pilule-panneau[hidden]{display:none}.cm-mixf__liste{max-height:22rem;margin:1.2rem 0 0;padding:0;list-style:none;overflow-y:auto;overscroll-behavior:contain}.cm-mixf__liste:empty{display:none}.cm-mixf__ligne{display:flex;align-items:center;gap:1rem;padding:.7rem 0;border-top:1px solid rgba(255,255,255,.45)}.cm-mixf__ligne:first-child{border-top:0}.cm-mixf__ligne img,.cm-mixf__ligne-sansimage{flex:0 0 auto;display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:1.2rem!important;background:#ffffffb8;font-size:2rem;object-fit:cover}.cm-mixf__ligne-nom{flex:1 1 auto;min-width:0;overflow:hidden;color:#241b3d;font-size:1.3rem;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.cm-mixf__ligne-qte{flex:0 0 auto;min-width:3.6rem;padding:.4rem .9rem;border-radius:999px!important;background:#ffffff94;color:#241b3d;font-size:1.25rem;font-weight:700;text-align:center}.cm-mixf__ligne-x{flex:0 0 auto;display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:0;border-radius:999px!important;background:#241b3d24;color:#241b3d;font:inherit;font-size:1.6rem;line-height:1;cursor:pointer;transition:background var(--cm-mouvement)}.cm-mixf__ligne-x:hover{background:#241b3d42}.cm-mixf__ajouter{width:100%;min-height:4.8rem;border:0;border-radius:999px!important;background:#fff;color:var(--cm-bleu-fonce);font:inherit;font-size:1.45rem;font-weight:700;cursor:pointer;transition:transform var(--cm-mouvement)}.cm-mixf__ajouter[disabled]{background:#ffffff80;color:#241b3d99;cursor:not-allowed}.cm-mixf__ajouter:not([disabled]):hover{transform:translateY(-1px)}.cm-mixf__erreur{margin:.8rem 0 0;font-size:1.25rem}@media(max-width:1099px){.cm-mixf{padding-bottom:16rem}.cm-mixf__barre{position:fixed;z-index:20;top:auto;bottom:0;left:0;right:0;width:auto;margin:0;border-radius:2rem 2rem 0 0!important;transform:translateY(101%);transition:transform var(--cm-mouvement)}.cm-mixf__barre.is-visible{transform:translateY(0)}.cm-mixf__liste{max-height:12rem}.cm-mixf__poids{font-size:2.8rem}}@media(max-width:749px){.cm-mixf__grille{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.2rem}}.cm-mixf__details{margin-top:3.2rem}.cm-mixf__details>.container,.cm-mixf__details .container{max-width:none;padding-inline:0}@media(max-width:1023px){.cm-mixf__details{margin-top:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cm-mix-fiche.css.map */