.col{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.col-barre{display:flex;width:min(32rem,100%);height:4rem;background:var(--papier);border:2px solid var(--encre);overflow:hidden}.col-part{flex:1 1 0;min-width:0;padding:0;background:transparent;border:0;border-left:2px solid var(--encre);color:var(--encre);cursor:pointer;transition:background-color .18s ease}.col-part:first-child{border-left:0}.col-part:disabled{cursor:default}.col-part:hover:not(:disabled){background-color:var(--reglure-fine)}.col-part-prise{background-image:repeating-linear-gradient(135deg,transparent 0 4.8px,var(--encre) 4.8px 7px);box-shadow:inset 0 0 0 2px var(--encre)}.col-part:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--papier),inset 0 0 0 6px var(--encre)}.col-compte{margin:0;font-family:var(--fonte-texte);font-size:.9375rem;line-height:1.5;color:var(--encre-doux)}.col-geste{margin:0;font-family:var(--fonte-texte);font-size:1rem;font-weight:600;line-height:1.5;color:var(--encre)}.col-lu{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.col-part{transition:none}}