.aw-app--melangeur-couleurs{--mx-gap:clamp(1rem,.6rem + 1.2vw,1.75rem);--mx-pad:clamp(1rem,.55rem + 1.5vw,1.9rem);--mx-shade:#17191626;--mx-sage-tint:#e4eae4;--mx-terra-tint:#f4e4dd;--mx-mineral-tint:#e2e6ee;color:var(--ink)}.aw-app--melangeur-couleurs .aw-tabs__panels{padding-top:var(--s-5)}.aw-app--melangeur-couleurs .aw-tabs__panels>[role=tabpanel]:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--r-sm)}.aw-app--melangeur-couleurs .aw-tabs__tab{font-size:var(--fs-15)}.aw-app--melangeur-couleurs .mx-grid{gap:var(--mx-gap);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}.aw-app--melangeur-couleurs .mx-main{min-width:0;display:grid}.aw-app--melangeur-couleurs .mx-hero,.aw-app--melangeur-couleurs .mx-detail,.aw-app--melangeur-couleurs .mx-side,.aw-app--melangeur-couleurs .mx-render{padding:var(--mx-pad);min-width:0}.aw-app--melangeur-couleurs .mx-main>.aw-panel:first-child{border-radius:var(--r-md)var(--r-md)0 0;border-bottom:0}.aw-app--melangeur-couleurs .mx-main>.aw-panel:last-child{border-radius:0 0 var(--r-md)var(--r-md);border-top:1px dashed var(--line-strong)}.aw-app--melangeur-couleurs .mx-main>.mx-render--rest:last-child{border-top:0;padding-top:0}.aw-app--melangeur-couleurs :is(.mx-screen,.mx-correct) .aw-seg{width:100%}.aw-app--melangeur-couleurs .mx-screen .aw-seg__label{flex:auto;justify-content:center}.aw-app--melangeur-couleurs .mx-correct .aw-seg__label{flex:30%;justify-content:center}.aw-app--melangeur-couleurs .mx-render{gap:var(--s-5);align-content:start;display:grid}.aw-app--melangeur-couleurs .mx-side{align-content:start;gap:0;display:grid}.aw-app--melangeur-couleurs .mx-block{padding-block:var(--s-5);border-top:1px solid var(--line);min-width:0}.aw-app--melangeur-couleurs .mx-block:first-child{border-top:0;padding-top:0}.aw-app--melangeur-couleurs .mx-side>.mx-actions{padding-top:var(--s-4);border-top:1px solid var(--line);margin-top:0}.aw-app--melangeur-couleurs .mx-title{font:650 var(--fs-16)/1.3 var(--font-text);margin:0 0 var(--s-3);letter-spacing:-.005em}.aw-app--melangeur-couleurs h4.mx-title{font-size:var(--fs-15)}.aw-app--melangeur-couleurs .mx-title--inline{margin:0}.aw-app--melangeur-couleurs .mx-kicker{font-size:var(--fs-13);color:var(--muted);margin:0 0 .3rem;font-weight:500}.aw-app--melangeur-couleurs .mx-hint{font-size:var(--fs-13);color:var(--muted);margin:.4rem 0 0;line-height:1.5}.aw-app--melangeur-couleurs .mx-ci{font-size:var(--fs-13);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.aw-app--melangeur-couleurs code{font-family:var(--font-text);font-variant-numeric:tabular-nums;letter-spacing:.02em}.aw-app--melangeur-couleurs .mx-tag{font-size:var(--fs-12);color:var(--terracotta-text);border-radius:var(--r-xs);border:1px solid;padding:.12rem .45rem;font-weight:600;line-height:1.3;display:inline-block}.aw-app--melangeur-couleurs .mx-tag--block{margin:calc(var(--s-3)*-1)0 0;justify-self:start}.aw-app--melangeur-couleurs .mx-status{font-size:var(--fs-12);color:var(--terracotta-text);border-radius:var(--r-xs);white-space:normal;border:1px solid;padding:.15rem .5rem;font-weight:600}.aw-app--melangeur-couleurs .mx-actions{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.aw-app--melangeur-couleurs .mx-links{margin:var(--s-4)0 0;font-size:var(--fs-14);flex-wrap:wrap;gap:.35rem 1.25rem;display:flex}.aw-app--melangeur-couleurs .mx-links .aw-link{min-height:32px}.aw-app--melangeur-couleurs .mx-inline-btn{font:inherit;color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:-.55rem 0;padding:.55rem 0;text-decoration:underline}:is(.aw-app--melangeur-couleurs,.mx-pigdlg) .mx-godet{background:linear-gradient(135deg,var(--c)0 54%,var(--t)54% 100%);box-shadow:inset 0 0 0 1px #1719162e,0 0 0 3px var(--paper-white),0 0 0 4px var(--line-strong);border-radius:50%;flex:none;display:inline-block}:is(.aw-app--melangeur-couleurs,.mx-pigdlg) .mx-godet--sm{width:22px;height:22px;box-shadow:inset 0 0 0 1px #17191633}:is(.aw-app--melangeur-couleurs,.mx-pigdlg) .mx-godet--md{width:44px;height:44px;margin:4px}:is(.aw-app--melangeur-couleurs,.mx-pigdlg) .mx-godet--lg{width:72px;height:72px;margin:4px}.aw-app--melangeur-couleurs .mx-hero__top{gap:var(--s-5)var(--s-6);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.aw-app--melangeur-couleurs .mx-target{aspect-ratio:1;background:var(--c);width:clamp(104px,6rem + 5vw,184px);box-shadow:inset 0 0 0 1px #17191624,0 0 0 7px var(--paper-white),0 0 0 8px var(--line-strong);transition:background-color var(--t-med)var(--ease);border-radius:50%;margin:8px}.aw-app--melangeur-couleurs .mx-hero__name{font:400 clamp(2.1rem,1.3rem + 2.6vw,3.75rem)/1 var(--font-display);letter-spacing:-.01em;margin:0 0 var(--s-3);overflow-wrap:anywhere}.aw-app--melangeur-couleurs .mx-hex{font-size:var(--fs-14);flex-wrap:wrap;align-items:center;gap:.25rem .6rem;margin:0;display:flex}.aw-app--melangeur-couleurs .mx-hex__label{color:var(--ink-soft)}.aw-app--melangeur-couleurs .mx-hex__code{font-weight:650;font-size:var(--fs-15);background:var(--paper-deep);border-radius:var(--r-xs);padding:.15rem .45rem}.aw-app--melangeur-couleurs .mx-hex .aw-btn{margin-block:-6px}.aw-app--melangeur-couleurs .mx-near{gap:var(--s-4);margin-top:var(--s-5);padding:var(--s-4);background:var(--paper-deep);border-radius:var(--r-sm);align-items:flex-start;display:flex}.aw-app--melangeur-couleurs .mx-near__pair{flex:none;padding-top:2px;display:flex}.aw-app--melangeur-couleurs .mx-near__sw{background:var(--c);width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--mx-shade),0 0 0 2px var(--paper-deep);border-radius:50%}.aw-app--melangeur-couleurs .mx-near__sw+.mx-near__sw{margin-left:-10px}.aw-app--melangeur-couleurs .mx-near__text{font-size:var(--fs-15);margin:0}.aw-app--melangeur-couleurs .mx-frise{margin:var(--s-5)0 0}.aw-app--melangeur-couleurs .mx-frise__strip{border-radius:var(--r-sm);height:40px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #1719161a}.aw-app--melangeur-couleurs .mx-frise__strip>span{background:var(--c);flex:1}.aw-app--melangeur-couleurs .mx-frise__cap{font-size:var(--fs-13);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1rem;margin-top:.55rem;display:flex}.aw-app--melangeur-couleurs .mx-detail{container-type:inline-size}.aw-app--melangeur-couleurs .mx-detail__head{margin-bottom:var(--s-3);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.aw-app--melangeur-couleurs .mx-detail__head .mx-title{font-size:var(--fs-17);margin:0}.aw-app--melangeur-couleurs .mx-notice{background:var(--paper-deep);border-left:3px solid var(--mineral);border-radius:0 var(--r-sm)var(--r-sm)0;font-size:var(--fs-14);margin:0 0 var(--s-4);padding:.7rem .95rem;line-height:1.5}.aw-app--melangeur-couleurs .mx-notice p{margin:0}.aw-app--melangeur-couleurs .mx-notice ul{margin:.35rem 0 0;padding-left:1.1rem}.aw-app--melangeur-couleurs .mx-notice--warn{border-left-color:var(--terracotta);background:#f6ede8}.aw-app--melangeur-couleurs .mx-steps{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.aw-app--melangeur-couleurs .mx-step{gap:var(--s-2)var(--s-4);padding:var(--s-4)0;border-bottom:1px solid var(--line);grid-template-columns:2rem 52px minmax(0,1fr);align-items:start;display:grid}.aw-app--melangeur-couleurs .mx-step__num{font:400 2.1rem/1 var(--font-display);font-variant-numeric:lining-nums;padding-top:.45rem}.aw-app--melangeur-couleurs .mx-step__head{flex-wrap:wrap;align-items:center;gap:.2rem .6rem;display:flex}.aw-app--melangeur-couleurs .mx-step__text{font-size:var(--fs-15);max-width:64ch;margin:.3rem 0 0;line-height:1.55}.aw-app--melangeur-couleurs .mx-step__warn{font-size:var(--fs-13);color:var(--danger);margin:.35rem 0 0;font-weight:500}.aw-app--melangeur-couleurs .mx-step.is-optional .mx-step__text{color:var(--ink-soft)}.aw-app--melangeur-couleurs .mx-step.is-missing .mx-godet{opacity:.45}.aw-app--melangeur-couleurs .mx-step.is-optional .mx-step__num{color:var(--muted)}.aw-app--melangeur-couleurs .mx-pigname{font-weight:650;font-size:var(--fs-16)}:is(.aw-app--melangeur-couleurs,.mx-pigdlg) .mx-pigname--btn{color:var(--ink);font:650 var(--fs-16)/1.3 var(--font-text);text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px;background:0 0;border:0;margin:-.6rem 0;padding:.6rem 0;text-decoration-thickness:1px}:is(.aw-app--melangeur-couleurs,.mx-pigdlg) .mx-pigname--btn:hover{text-decoration-color:var(--ink)}:is(.aw-app--melangeur-couleurs,.mx-pigdlg) .mx-pigname--btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}.aw-app--melangeur-couleurs .mx-role{font-size:var(--fs-12);border-radius:var(--r-xs);background:var(--paper-deep);color:var(--ink-soft);white-space:nowrap;padding:.12rem .45rem;font-weight:600;line-height:1.35}.aw-app--melangeur-couleurs .mx-role--base{background:var(--ink);color:var(--paper)}.aw-app--melangeur-couleurs .mx-role--ajout-progressif{background:var(--mx-sage-tint);color:#3f5544}.aw-app--melangeur-couleurs .mx-role--pointe{background:var(--mx-terra-tint);color:var(--terracotta-text)}.aw-app--melangeur-couleurs .mx-role--rabattre{background:var(--mx-mineral-tint);color:var(--mineral)}.aw-app--melangeur-couleurs .mx-role--eclaircir{background:var(--paper-white);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-soft)}.aw-app--melangeur-couleurs .mx-role--opt{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--muted);background:0 0;font-weight:500}.aw-app--melangeur-couleurs .mx-note{font-size:var(--fs-14);color:var(--ink-soft);margin:var(--s-4)0 0;border-left:2px solid var(--line-strong);padding-left:.9rem;line-height:1.55}.aw-app--melangeur-couleurs .mx-split{gap:var(--s-5);margin-top:var(--s-6);display:grid}@container (width>=620px){.aw-app--melangeur-couleurs .mx-split{gap:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.aw-app--melangeur-couleurs .mx-sub{margin-top:var(--s-5)}.aw-app--melangeur-couleurs .mx-split .mx-sub{margin-top:0}.aw-app--melangeur-couleurs .mx-plan__qty{font-size:var(--fs-14);margin:0;line-height:1.5}.aw-app--melangeur-couleurs .mx-plan__qty strong{font-size:var(--fs-15);font-variant-numeric:tabular-nums}.aw-app--melangeur-couleurs .mx-plan__qty .mx-hint{display:block}.aw-app--melangeur-couleurs .mx-plan{margin:var(--s-3)0 0;font-size:var(--fs-14);padding-left:1.25rem;line-height:1.5}.aw-app--melangeur-couleurs .mx-plan li{margin-bottom:.4rem;padding-left:.2rem}.aw-app--melangeur-couleurs .mx-plan li::marker{font-variant-numeric:tabular-nums;font-weight:600}.aw-app--melangeur-couleurs .mx-corr{gap:.55rem;margin:0;display:grid}.aw-app--melangeur-couleurs .mx-corr__item dt{font-size:var(--fs-14);font-weight:650}.aw-app--melangeur-couleurs .mx-corr__item dd{font-size:var(--fs-14);color:var(--ink-soft);margin:.05rem 0 0;line-height:1.5}.aw-app--melangeur-couleurs .mx-tips{font-size:var(--fs-14);margin:0;padding-left:1.1rem;line-height:1.55}.aw-app--melangeur-couleurs .mx-tips li{margin-bottom:.35rem}.aw-app--melangeur-couleurs .mx-srcline{margin:var(--s-2)0 0;font-size:var(--fs-12);color:var(--muted);line-height:1.5}.aw-app--melangeur-couleurs .mx-srcline a{color:inherit}:is(.aw-app--melangeur-couleurs,.mx-pigdlg) .mx-warn{margin-top:var(--s-5);border-radius:var(--r-sm);font-size:var(--fs-14);background:#fbf2ee;border:1px solid #e6cabf;padding:.8rem 1rem;line-height:1.5}:is(.aw-app--melangeur-couleurs,.mx-pigdlg) .mx-warn__title{color:var(--terracotta-text);margin:0 0 .3rem;font-weight:700}:is(.aw-app--melangeur-couleurs,.mx-pigdlg) .mx-warn ul{margin:0;padding-left:1.1rem}.aw-app--melangeur-couleurs .mx-toolbar{margin:var(--s-5)0 var(--s-4)}.aw-app--melangeur-couleurs .mx-search{position:relative}.aw-app--melangeur-couleurs .mx-search .aw-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.aw-app--melangeur-couleurs .mx-search__input{padding-left:2.5rem}.aw-app--melangeur-couleurs .mx-search__hint{font-size:var(--fs-13);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.aw-app--melangeur-couleurs .mx-search__hint:empty{display:none}.aw-app--melangeur-couleurs .mx-search__sw{background:var(--c);width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--mx-shade);border-radius:50%}.aw-app--melangeur-couleurs .mx-picker{margin-top:var(--s-3);display:grid}.aw-app--melangeur-couleurs .mx-fam{border-bottom:1px solid var(--paper-deep);grid-template-columns:7.25rem minmax(0,1fr);align-items:center;gap:0 .4rem;display:grid}.aw-app--melangeur-couleurs .mx-fam:last-child{border-bottom:0}.aw-app--melangeur-couleurs .mx-fambtn{border-radius:var(--r-sm);cursor:pointer;width:100%;min-height:44px;font:500 var(--fs-14)/1.2 var(--font-text);color:var(--ink-soft);text-align:left;background:0 0;border:0;align-items:center;gap:.55rem;padding:0 .5rem 0 .3rem;display:inline-flex}.aw-app--melangeur-couleurs .mx-fambtn:hover{color:var(--ink);background:#1719160a}.aw-app--melangeur-couleurs .mx-fambtn[aria-pressed=true]{color:var(--ink);background:var(--paper-deep);font-weight:700}.aw-app--melangeur-couleurs .mx-fambtn__dot{border-radius:var(--r-xs);background:var(--c);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--mx-shade);flex:none}.aw-app--melangeur-couleurs .mx-fam__chips{flex-wrap:wrap;display:flex}.aw-app--melangeur-couleurs .mx-chip{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.aw-app--melangeur-couleurs .mx-chip__dot{background:var(--c);width:30px;height:30px;transition:transform var(--t-fast)var(--ease),box-shadow var(--t-fast)var(--ease);border-radius:50%;box-shadow:inset 0 0 0 1px #17191629}.aw-app--melangeur-couleurs .mx-chip:hover .mx-chip__dot{transform:scale(1.1)}.aw-app--melangeur-couleurs .mx-chip[aria-pressed=true] .mx-chip__dot{box-shadow:inset 0 0 0 1px #17191629,0 0 0 3px var(--paper-white),0 0 0 5px var(--ink)}.aw-app--melangeur-couleurs .mx-chip:focus-visible,.aw-app--melangeur-couleurs .mx-fambtn:focus-visible{outline:2px solid var(--focus);outline-offset:0}.aw-app--melangeur-couleurs .mx-current{margin:var(--s-3)0 0;font-size:var(--fs-13);color:var(--ink-soft)}.aw-app--melangeur-couleurs .mx-pigs__summary{cursor:pointer;align-items:center;gap:.75rem;min-height:44px;list-style:none;display:flex}.aw-app--melangeur-couleurs .mx-pigs__summary::-webkit-details-marker{display:none}.aw-app--melangeur-couleurs .mx-pigs__summary:after{content:"";border-right:1.6px solid var(--ink);border-bottom:1.6px solid var(--ink);width:8px;height:8px;transition:transform var(--t-fast)var(--ease);flex:none;margin-right:.4rem;transform:rotate(45deg)translate(-2px,-2px)}.aw-app--melangeur-couleurs .mx-pigs[open]>.mx-pigs__summary:after{transform:rotate(225deg)translate(-2px,-2px)}.aw-app--melangeur-couleurs .mx-pigs__summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-xs)}.aw-app--melangeur-couleurs .mx-count{font-size:var(--fs-13);color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.aw-app--melangeur-couleurs .mx-pgs{gap:var(--s-4)var(--s-5);margin:var(--s-4)0 var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));display:grid}.aw-app--melangeur-couleurs .mx-pg{border:0;min-width:0;margin:0;padding:0}.aw-app--melangeur-couleurs .mx-pg__legend{font-size:var(--fs-12);color:var(--muted);margin-bottom:.1rem;padding:0;font-weight:600}.aw-app--melangeur-couleurs .mx-pig{align-items:center;gap:.55rem;display:flex}.aw-app--melangeur-couleurs .mx-pig__cb{width:20px;height:20px;accent-color:var(--ink);cursor:pointer;flex:none;margin:0}.aw-app--melangeur-couleurs .mx-pig__cb:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.aw-app--melangeur-couleurs .mx-pig__label{cursor:pointer;min-width:0;min-height:44px;font-size:var(--fs-14);flex:1;align-items:center;gap:.55rem;line-height:1.3;display:flex}.aw-app--melangeur-couleurs .mx-pig__name{flex:1;min-width:0}.aw-app--melangeur-couleurs .mx-save{margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px dashed var(--line)}.aw-app--melangeur-couleurs .mx-prefs{gap:var(--s-5);display:grid}.aw-app--melangeur-couleurs .mx-prefs .aw-seg{width:100%}.aw-app--melangeur-couleurs .mx-prefs .aw-seg__label{flex:1;justify-content:center}.aw-app--melangeur-couleurs .mx-qty{gap:var(--s-2);align-items:center;display:flex}.aw-app--melangeur-couleurs .mx-qty>.aw-input{flex:1;min-width:0}.aw-app--melangeur-couleurs .mx-qty>.aw-field{flex:none}.aw-app--melangeur-couleurs .mx-qty .aw-seg{width:auto}.aw-app--melangeur-couleurs .mx-result{background:var(--c);color:var(--on);border-radius:var(--r-md);min-height:clamp(180px,20vw,300px);padding:var(--mx-pad);flex-direction:column;justify-content:flex-end;display:flex;box-shadow:inset 0 0 0 1px #1719161a}.aw-app--melangeur-couleurs .mx-result__kicker{font-size:var(--fs-13);margin:0 0 .3rem;font-weight:600}.aw-app--melangeur-couleurs .mx-result__hex{font:400 clamp(2.4rem,1.5rem + 3vw,4.4rem)/1 var(--font-display);font-variant-numeric:tabular-nums;margin:0}.aw-app--melangeur-couleurs .mx-ins{font-size:var(--fs-14);flex-wrap:wrap;gap:.5rem 1.4rem;margin:0;padding:0;list-style:none;display:flex}.aw-app--melangeur-couleurs .mx-ins li{align-items:center;gap:.45rem;display:inline-flex}.aw-app--melangeur-couleurs .mx-ins__sw{background:var(--c);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--mx-shade);border-radius:50%}.aw-app--melangeur-couleurs .mx-ins__w{color:var(--muted)}.aw-app--melangeur-couleurs .mx-codes{border-top:1px solid var(--line);margin:0}.aw-app--melangeur-couleurs .mx-codes__row{border-bottom:1px solid var(--line);grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:center;min-height:48px;display:grid}.aw-app--melangeur-couleurs .mx-codes__row dt{font-size:var(--fs-13);color:var(--muted);font-weight:600}.aw-app--melangeur-couleurs .mx-codes__row dd{overflow-wrap:anywhere;min-width:0;margin:0}.aw-app--melangeur-couleurs .mx-codes__row code{font-size:var(--fs-16)}.aw-app--melangeur-couleurs .mx-render .mx-frise,.aw-app--melangeur-couleurs .mx-render .mx-toolbar{margin:0}.aw-app--melangeur-couleurs .mx-mixrows{gap:var(--s-4);margin:var(--s-4)0 var(--s-3);display:grid}.aw-app--melangeur-couleurs .mx-mixrow{padding-bottom:var(--s-3);border-bottom:1px solid var(--line)}.aw-app--melangeur-couleurs .mx-mixrow__top{align-items:flex-end;gap:.75rem;display:flex}.aw-app--melangeur-couleurs .mx-mixrow__field{flex:1;gap:.35rem;min-width:0;display:grid}.aw-app--melangeur-couleurs .mx-mixrow .aw-field--range{margin-top:var(--s-2)}.aw-app--melangeur-couleurs .mx-hexin{text-transform:uppercase}.aw-app--melangeur-couleurs .mx-colorin{cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--paper-white);flex:none;width:56px;height:44px;padding:0}.aw-app--melangeur-couleurs .mx-colorin::-webkit-color-swatch-wrapper{padding:4px}.aw-app--melangeur-couleurs .mx-colorin::-webkit-color-swatch{border:0;border-radius:2px}.aw-app--melangeur-couleurs .mx-colorin::-moz-color-swatch{border:0;border-radius:2px}.aw-app--melangeur-couleurs .mx-colorin:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.aw-app--melangeur-couleurs .mx-space-hint{margin-top:var(--s-2)}.aw-app--melangeur-couleurs :is(.mx-correct,.mx-screen) .mx-side .mx-block{gap:var(--s-3);display:grid}.aw-app--melangeur-couleurs :is(.mx-correct,.mx-screen) .mx-side .mx-title,.aw-app--melangeur-couleurs :is(.mx-correct,.mx-screen) .mx-side .mx-hint{margin:0}.aw-app--melangeur-couleurs .mx-correct .aw-field--range{margin-top:var(--s-2)}.aw-app--melangeur-couleurs .mx-ba{gap:var(--s-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.aw-app--melangeur-couleurs .mx-ba__item{min-width:0;margin:0}.aw-app--melangeur-couleurs .mx-ba__sw{background:var(--c);color:var(--on);aspect-ratio:4/3;border-radius:var(--r-md);padding:var(--s-4);font:400 clamp(1.3rem,1rem + 1vw,1.9rem)/1 var(--font-display);align-items:flex-end;display:flex;box-shadow:inset 0 0 0 1px #1719161a}.aw-app--melangeur-couleurs .mx-ba figcaption{font-size:var(--fs-14);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:.2rem .6rem;margin-top:.55rem;display:flex}.aw-app--melangeur-couleurs .mx-ba figcaption code{color:var(--ink);font-weight:650}.aw-app--melangeur-couleurs .mx-render--top>.mx-actions{margin-top:calc(var(--s-3)*-1)}.aw-app--melangeur-couleurs .mx-correct .mx-render--rest>.mx-title{padding-top:var(--s-4);border-top:1px solid var(--line);margin:0}.aw-app--melangeur-couleurs .mx-render--rest>.mx-hint{margin-top:calc(var(--s-4)*-1)}.aw-app--melangeur-couleurs .mx-advice{padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);gap:.55rem;display:grid}.aw-app--melangeur-couleurs .mx-advice--main{border-color:var(--ink);background:var(--paper-white)}.aw-app--melangeur-couleurs .mx-advice__pigs{flex-wrap:wrap;gap:.3rem 1.2rem;display:flex}.aw-app--melangeur-couleurs .mx-advice__pig{align-items:center;gap:.5rem;display:inline-flex}.aw-app--melangeur-couleurs .mx-advice__text{font-size:var(--fs-15);margin:0;line-height:1.55}.aw-app--melangeur-couleurs .mx-advice--main .mx-advice__text{font-size:var(--fs-16)}.aw-app--melangeur-couleurs .mx-others{gap:var(--s-2);display:grid}.aw-app--melangeur-couleurs .mx-others__title{font-size:var(--fs-13);color:var(--ink-soft);margin:0;font-weight:650}.aw-app--melangeur-couleurs .mx-others ul{font-size:var(--fs-14);color:var(--ink-soft);margin:0;padding-left:1.1rem;line-height:1.5}.aw-app--melangeur-couleurs .mx-others li{margin-bottom:.3rem}.aw-app--melangeur-couleurs .mx-specific{border-left:3px solid var(--sage-deep);font-size:var(--fs-14);gap:.3rem;padding:.2rem 0 .2rem .95rem;line-height:1.5;display:grid}.aw-app--melangeur-couleurs .mx-specific p{margin:0}.aw-app--melangeur-couleurs .mx-inline{padding:var(--mx-pad);gap:var(--s-4);display:grid}.aw-app--melangeur-couleurs .mx-inline__body{gap:var(--s-4);justify-items:start;display:grid}.aw-app--melangeur-couleurs .mx-inline__body>.mx-steps{width:100%}.aw-app--melangeur-couleurs .mx-inline__head{align-items:center;gap:var(--s-4);display:flex}.aw-app--melangeur-couleurs .mx-inline__target{background:var(--c);width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--mx-shade),0 0 0 4px var(--paper-white),0 0 0 5px var(--line-strong);border-radius:50%;flex:none;margin:5px}.aw-app--melangeur-couleurs .mx-inline__name{font:400 1.75rem/1.1 var(--font-display);margin:0;display:grid}.aw-app--melangeur-couleurs .mx-inline__name code{font:600 var(--fs-14)var(--font-text);color:var(--ink-soft)}.aw-app--melangeur-couleurs .mx-steps--compact .mx-step{grid-template-columns:1.5rem 30px minmax(0,1fr)}.aw-app--melangeur-couleurs .mx-steps--compact .mx-step__num{padding-top:.1rem;font-size:1.5rem}.mx-pigdlg{gap:var(--s-4);display:grid}.mx-pigdlg__head{gap:var(--s-4);align-items:center;display:flex}.mx-pigdlg__text{font-size:var(--fs-16);margin:0;line-height:1.55}.mx-pigdlg__facts{border-top:1px solid var(--line);margin:0;display:grid}.mx-pigdlg__facts>div{border-bottom:1px solid var(--line);font-size:var(--fs-14);grid-template-columns:9.5rem minmax(0,1fr);gap:.75rem;padding:.55rem 0;display:grid}.mx-pigdlg__facts dt{font-weight:650}.mx-pigdlg__facts dd{color:var(--ink-soft);margin:0}.mx-pigdlg__note{font-size:var(--fs-13);color:var(--muted);margin:0}.mx-pigdlg__src-title{font-size:var(--fs-14);margin:0;font-weight:650}.mx-pigdlg .mx-sources{font-size:var(--fs-14);margin:-.5rem 0 0;padding-left:1.1rem;line-height:1.6}.mx-pigdlg .mx-warn{margin-top:0}@media (width<=1100px){.aw-app--melangeur-couleurs .mx-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.aw-app--melangeur-couleurs .mx-fam{grid-template-columns:6.5rem minmax(0,1fr)}}@media (width<=900px){.aw-app--melangeur-couleurs .mx-grid{grid-template-columns:minmax(0,1fr)}.aw-app--melangeur-couleurs .mx-grid>.mx-main{display:contents}.aw-app--melangeur-couleurs .mx-main>.aw-panel:first-child{border-bottom:1px solid var(--line);border-radius:var(--r-md);order:1}.aw-app--melangeur-couleurs .mx-grid>.mx-side{order:2}.aw-app--melangeur-couleurs .mx-main>.aw-panel:last-child{border-top:1px solid var(--line);border-radius:var(--r-md);padding-top:var(--mx-pad);order:3}.aw-app--melangeur-couleurs .mx-result{min-height:150px;max-height:40vh}.aw-app--melangeur-couleurs .mx-correct .mx-render--rest>.mx-title{border-top:0;padding-top:0}.aw-app--melangeur-couleurs .mx-fam{grid-template-columns:7.25rem minmax(0,1fr)}}@media (width<=600px){.aw-app--melangeur-couleurs .mx-tab__more{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.aw-app--melangeur-couleurs .aw-tabs__list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.aw-app--melangeur-couleurs .aw-tabs__tab{text-align:center;padding-inline:.4rem}.aw-app--melangeur-couleurs .mx-hero__top{gap:var(--s-4)}.aw-app--melangeur-couleurs .mx-target{width:88px;box-shadow:inset 0 0 0 1px #17191624,0 0 0 5px var(--paper-white),0 0 0 6px var(--line-strong);margin:6px}.aw-app--melangeur-couleurs .mx-step{gap:var(--s-2)var(--s-3);grid-template-columns:1.5rem 40px minmax(0,1fr)}.aw-app--melangeur-couleurs .mx-step__num{padding-top:.35rem;font-size:1.7rem}.aw-app--melangeur-couleurs .mx-godet--md{width:34px;height:34px}.aw-app--melangeur-couleurs .mx-fam{grid-template-columns:5.9rem minmax(0,1fr);gap:0 .2rem}.aw-app--melangeur-couleurs .mx-fambtn{gap:.45rem;padding-right:.2rem}.aw-app--melangeur-couleurs .mx-hero__top{gap:0 var(--s-4);grid-template-columns:auto minmax(0,1fr)}.aw-app--melangeur-couleurs .mx-hero__id{display:contents}.aw-app--melangeur-couleurs .mx-target{grid-area:1/1/span 2;align-self:center}.aw-app--melangeur-couleurs .mx-hero__id>.mx-kicker{grid-area:1/2;align-self:end}.aw-app--melangeur-couleurs .mx-hero__id>.mx-hero__name{grid-area:2/2;align-self:start;margin:0}.aw-app--melangeur-couleurs .mx-hero__id>:not(.mx-kicker):not(.mx-hero__name){grid-column:1/-1}.aw-app--melangeur-couleurs .mx-hero__id>.mx-hex{margin-top:var(--s-4)}.aw-app--melangeur-couleurs .mx-hex__label{flex-basis:100%}.aw-app--melangeur-couleurs .mx-ba__sw{aspect-ratio:1}.aw-app--melangeur-couleurs .mx-toolbar .aw-btn{flex:100%}.mx-pigdlg__facts>div{grid-template-columns:minmax(0,1fr);gap:.15rem}}@media (width<=420px){.aw-app--melangeur-couleurs .mx-step{grid-template-rows:auto 1fr;grid-template-columns:1.75rem minmax(0,1fr);column-gap:.6rem}.aw-app--melangeur-couleurs .mx-step__num{grid-area:1/1}.aw-app--melangeur-couleurs .mx-step>.mx-godet{grid-area:2/1;width:26px;height:26px;margin:.45rem 0 0 1px;box-shadow:inset 0 0 0 1px #17191633}.aw-app--melangeur-couleurs .mx-step__body{grid-area:1/2/span 2}.aw-app--melangeur-couleurs .mx-target{width:76px}}@media (width<=360px){.aw-app--melangeur-couleurs .mx-codes__row{grid-template-columns:2.75rem minmax(0,1fr) auto}}@media (prefers-reduced-motion:reduce){.aw-app--melangeur-couleurs .mx-chip__dot,.aw-app--melangeur-couleurs .mx-target,.aw-app--melangeur-couleurs .mx-pigs__summary:after{transition:none}}.aw-app--melangeur-couleurs .mx-fallback{gap:var(--s-6);max-width:72rem;font-size:var(--fs-16);line-height:1.6;display:grid}.aw-app--melangeur-couleurs .mx-fallback h2{font:400 var(--fs-h4)/1.2 var(--font-display);margin:0 0 var(--s-3)}.aw-app--melangeur-couleurs .mx-fallback p{margin:0 0 var(--s-3)}.aw-app--melangeur-couleurs .mx-fallback ul{margin:0;padding-left:1.2rem}.aw-app--melangeur-couleurs .mx-fallback li{margin-bottom:.45rem}.aw-app--melangeur-couleurs .mx-fallback__cols{gap:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));display:grid}.aw-app--melangeur-couleurs .mx-fallback__hex{color:var(--muted);font-size:var(--fs-14);font-variant-numeric:tabular-nums}.aw-app--melangeur-couleurs .mx-fallback__table{border-collapse:collapse;width:100%;font-size:var(--fs-14);margin-bottom:var(--s-3);display:block;overflow-x:auto}.aw-app--melangeur-couleurs .mx-fallback__table th,.aw-app--melangeur-couleurs .mx-fallback__table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.45rem .75rem .45rem 0}.aw-app--melangeur-couleurs .mx-fallback__table th{font-weight:650}.aw-app--melangeur-couleurs .mx-fallback__links{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}