.sizing{background:var(--blanc-pur);border-radius:var(--rayon-large);box-shadow:var(--ombre-carte);grid-template-columns:minmax(260px,300px) 1fr;display:grid;overflow:hidden}.sizing .reglages{border-inline-end:1px solid var(--bordure-voile);background:#f3f7fc;background:lab(97.084% -.651747 -2.93623);align-content:start;gap:1rem;padding:clamp(1.25rem,2.5vw,1.75rem);display:grid}.sizing .champ{align-content:start;gap:.375rem;min-width:0;display:grid}.sizing label{color:var(--encre-graphite);font-size:.8125rem;font-weight:600}.sizing .saisie{position:relative}.sizing .saisie input{font:inherit;color:var(--encre-graphite);background:var(--blanc-pur);border:1px solid var(--bordure-voile);border-radius:10px;width:100%;min-height:44px;padding:.55rem 2rem .55rem .75rem;font-size:1rem;font-weight:600;transition:border-color .16s}.sizing .saisie input:hover{border-color:#1d4ece4d;border-color:lab(37.0199% 23.4831 -71.8056/.3)}.sizing .saisie input:focus-visible{outline:2px solid var(--bleu-sweengs);outline-offset:1px}.sizing .saisie .unite{inset-inline-end:.75rem;color:var(--acier-doux);pointer-events:none;font-size:.875rem;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.sizing .paire{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.sizing .presets{gap:.375rem;margin-top:-.5rem;display:flex}.sizing .preset{font:inherit;font-variant-numeric:tabular-nums;color:var(--acier-doux);border:1px solid var(--bordure-voile);cursor:pointer;background:0 0;border-radius:999px;min-height:32px;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;transition:color .16s,background-color .16s,border-color .16s}.sizing .preset:hover{color:var(--encre-graphite);border-color:#1d4ece4d;border-color:lab(37.0199% 23.4831 -71.8056/.3)}.sizing .preset[aria-pressed=true]{color:var(--blanc-pur);background:var(--bleu-sweengs);border-color:var(--bleu-sweengs)}.sizing .preset:focus-visible{outline:2px solid var(--bleu-sweengs);outline-offset:2px}.sizing .prochain{border-top:1px solid var(--bordure-voile);gap:.25rem;margin-top:.25rem;padding-top:1rem;display:grid}.sizing .etiquette{color:var(--acier-doux);font-size:.8125rem;font-weight:600}.sizing .taille{color:var(--encre-graphite);font-size:clamp(1.75rem,3vw,2.125rem);font-weight:800;line-height:1.1}.sizing .taille span{color:var(--acier-doux);font-size:.5em;font-weight:600}.sizing .ligne{color:var(--acier-doux);font-size:.875rem}.sizing .ligne strong{color:var(--encre-graphite)}.sizing .note,.sizing .erreur{color:var(--encre-graphite);margin-top:.375rem;font-size:.8125rem}.sizing .lecture{align-content:start;min-width:0;padding:clamp(1.25rem,2.5vw,1.75rem) clamp(1rem,2.5vw,1.75rem) clamp(1rem,2vw,1.25rem);display:grid}.sizing .phrase{color:var(--acier-doux);font-size:.9375rem;font-weight:600}.sizing .final{letter-spacing:-.02em;color:var(--encre-graphite);margin-top:.125rem;font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:800;line-height:1.05;display:block}.sizing .sous-phrase{color:var(--acier-doux);margin-top:.375rem;font-size:.9375rem}.sizing .sous-phrase b{color:var(--encre-graphite)}.sizing .sous-phrase .baisse{color:var(--rouge-baisse)}.sizing .graphe{width:100%;min-width:0;margin-top:.75rem}.sizing .graphe svg{touch-action:pan-y;display:block;overflow:visible}.sizing .grille{stroke:var(--bordure-voile)}.sizing .ligne-depart{stroke:#16181c40;stroke:lab(8.32128% -.113636 -2.98588/.25);stroke-dasharray:3 4}.sizing .graduation{font-variant-numeric:tabular-nums;fill:var(--acier-doux);font-size:12px}.sizing .graduation.active{fill:var(--encre-graphite);font-weight:700}.sizing .trait{fill:none;stroke:var(--bleu-sweengs);stroke-width:2.5px;stroke-linejoin:round}.sizing .projection{fill:none;stroke:var(--bleu-sweengs);stroke-opacity:.28;stroke-width:1.5px;stroke-dasharray:3 4}.sizing .repere{stroke:#cf404059;stroke:lab(49.4737% 56.8232 34.3326/.35);stroke-dasharray:2 3}.sizing .point{fill:var(--rouge-baisse);stroke:var(--blanc-pur);stroke-width:2.5px}.sizing .point-fin{fill:var(--blanc-pur);stroke:var(--bleu-sweengs);stroke-width:2px}.sizing .bulle rect{fill:var(--encre-graphite)}.sizing .bulle text{font-variant-numeric:tabular-nums;fill:var(--blanc-pur);font-size:12px;font-weight:600}.sizing .curseur{margin-top:.25rem}.sizing input[type=range]{appearance:none;cursor:pointer;background:#1d4ece24;background:lab(37.0199% 23.4831 -71.8056/.14);border-radius:999px;width:100%;height:6px;margin:.5rem 0;display:block}.sizing input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--bleu-sweengs);width:22px;height:22px;transition:transform .16s var(--sortie);border-radius:999px;box-shadow:0 2px 6px #1d4ece66;box-shadow:0 2px 6px lab(37.0199% 23.4831 -71.8056/.4)}.sizing input[type=range]::-moz-range-thumb{background:var(--bleu-sweengs);border:0;border-radius:999px;width:22px;height:22px;box-shadow:0 2px 6px #1d4ece66;box-shadow:0 2px 6px lab(37.0199% 23.4831 -71.8056/.4)}.sizing input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.sizing input[type=range]:focus-visible{outline:2px solid var(--bleu-sweengs);outline-offset:6px}.sizing .legende-curseur{color:var(--acier-doux);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;font-size:.8125rem;display:flex}.sizing .legende-curseur b{color:var(--encre-graphite);font-size:.9375rem}.sizing .detail{border-top:1px solid var(--bordure-voile);margin-top:.75rem;padding-top:.625rem}.sizing .detail summary{color:var(--bleu-sweengs);cursor:pointer;align-items:center;min-height:32px;font-size:.8125rem;font-weight:600;display:flex}.sizing .detail summary:focus-visible{outline:2px solid var(--bleu-sweengs);outline-offset:2px;border-radius:4px}.sizing table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.875rem}.sizing th,.sizing td{text-align:end;border-bottom:1px solid var(--bordure-voile);padding:.375rem .5rem}.sizing thead th,.sizing tbody th{color:var(--acier-doux);font-weight:600}.sizing th:first-child{text-align:start}.sizing tbody tr:last-child td:last-child{color:var(--rouge-baisse);font-weight:700}.sizing .lecture:has(.vide){align-content:center;justify-items:center}.sizing .vide{color:var(--acier-doux);text-align:center;padding-block:4rem}@media (prefers-reduced-motion:reduce){.sizing *{transition:none!important}}@media (max-width:767px){.sizing{grid-template-columns:1fr}.sizing .reglages{border-inline-end:0;border-bottom:1px solid var(--bordure-voile);grid-template-columns:1fr 1fr;gap:.75rem}.sizing .reglages .paire,.sizing .presets,.sizing .prochain{grid-column:1/-1}.sizing .presets{margin-top:0}.sizing .preset{flex:1;min-height:44px;font-size:.875rem}}
