[data-tool="convertisseur-de-durees"]{--duration-converter-border: var(--outil-bord);--duration-converter-surface: var(--outil-surface);--duration-converter-surface-hover: var(--outil-surface-hover,#eef7ee);--duration-converter-action: #166534;--duration-converter-action-hover: #14532d;--duration-converter-action-text: #fff;--duration-converter-text: #1f2937;--duration-converter-soft-text: #374151;--duration-converter-title: #111827;--duration-converter-danger: #b91c1c;display: grid;gap: 1rem;color: var(--duration-converter-text)}[data-tool="convertisseur-de-durees"] *,[data-tool="convertisseur-de-durees"] *::before,[data-tool="convertisseur-de-durees"] *::after{box-sizing: border-box}[data-tool="convertisseur-de-durees"] button:not(:disabled){cursor: pointer}[data-tool="convertisseur-de-durees"] button:disabled{cursor: not-allowed}[data-tool="convertisseur-de-durees"] .duration-converter-intro{margin: 0;color: var(--duration-converter-soft-text);line-height: 1.55}[data-tool="convertisseur-de-durees"] .duration-converter-card{border: 1px solid var(--duration-converter-border);color: var(--duration-converter-text);border-radius: 16px;background: #fff;padding: clamp(1rem,2.4vw,1.35rem)}[data-tool="convertisseur-de-durees"] .duration-converter-card-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 1rem;margin-bottom: 1rem}[data-tool="convertisseur-de-durees"] h2,[data-tool="convertisseur-de-durees"] .duration-converter-label,[data-tool="convertisseur-de-durees"] .duration-converter-clock-unit label{display: block;margin: 0;color: var(--duration-converter-title);font-size: 1.08rem;font-weight: 900;line-height: 1.2}[data-tool="convertisseur-de-durees"] .duration-converter-fieldset>.duration-converter-label,[data-tool="convertisseur-de-durees"] .duration-converter-simple>.duration-converter-label,[data-tool="convertisseur-de-durees"] .duration-converter-composite>.duration-converter-label,[data-tool="convertisseur-de-durees"] .duration-converter-results h2{width: 100%;text-align: center}[data-tool="convertisseur-de-durees"] .duration-converter-fieldset>.duration-converter-label{padding: 0}[data-tool="convertisseur-de-durees"] .duration-converter-reset,[data-tool="convertisseur-de-durees"] .duration-converter-selector-button,[data-tool="convertisseur-de-durees"] .duration-converter-step-button{touch-action: manipulation;transition: background-color 0.14s ease,border-color 0.14s ease,color 0.14s ease,box-shadow 0.14s ease,transform 0.1s ease}[data-tool="convertisseur-de-durees"] .duration-converter-reset:not(:disabled):active,[data-tool="convertisseur-de-durees"] .duration-converter-selector-button:not(:disabled):active,[data-tool="convertisseur-de-durees"] .duration-converter-step-button:not(:disabled):active,[data-tool="convertisseur-de-durees"] .duration-converter-step-button.is-pressed{transform: translateY(2px) scale(0.98)}[data-tool="convertisseur-de-durees"] .duration-converter-fieldset{min-width: 0;margin: 0;padding: 0;border: 0}[data-tool="convertisseur-de-durees"] .duration-converter-selector{margin-top: 0.75rem;border: 1px solid var(--duration-converter-border);border-radius: 14px;background: #fff;padding: 0.25rem;display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 0.25rem}[data-tool="convertisseur-de-durees"] .duration-converter-selector-button{min-width: 0;min-height: 42px;border: 0;border-radius: 10px;background: transparent;color: var(--duration-converter-title);font: inherit;font-size: 0.95rem;font-weight: 900;line-height: 1.1}[data-tool="convertisseur-de-durees"] .duration-converter-selector-button:hover,[data-tool="convertisseur-de-durees"] .duration-converter-selector-button:focus-visible{background: var(--duration-converter-surface-hover);color: var(--duration-converter-title)}[data-tool="convertisseur-de-durees"] .duration-converter-selector-button:focus-visible,[data-tool="convertisseur-de-durees"] .duration-converter-step-button:focus-visible,[data-tool="convertisseur-de-durees"] input:focus-visible{outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.22);outline-offset: 2px}[data-tool="convertisseur-de-durees"] .duration-converter-selector-button.is-active{background: var(--duration-converter-action);color: var(--duration-converter-action-text)}[data-tool="convertisseur-de-durees"] .duration-converter-selector-button.is-active:hover,[data-tool="convertisseur-de-durees"] .duration-converter-selector-button.is-active:focus-visible{background: var(--duration-converter-action-hover);color: var(--duration-converter-action-text)}[data-tool="convertisseur-de-durees"] .duration-converter-entry{margin-top: 1rem}[data-tool="convertisseur-de-durees"] .duration-converter-simple{display: grid;gap: 0.55rem}[data-tool="convertisseur-de-durees"] .duration-converter-simple.is-hidden,[data-tool="convertisseur-de-durees"] .duration-converter-composite.is-hidden{display: none}[data-tool="convertisseur-de-durees"] .duration-converter-step-row{display: grid;grid-template-columns: 48px minmax(0,1fr) 48px;align-items: stretch;gap: 0.5rem}[data-tool="convertisseur-de-durees"] input{width: 100%;min-width: 0;min-height: 48px;border: 1px solid var(--duration-converter-border);border-radius: 12px;background: #fff;color: var(--duration-converter-title);font: inherit;font-size: 1.08rem;font-weight: 900;line-height: 1.15;text-align: center;font-variant-numeric: tabular-nums;transition: border-color 0.14s ease,box-shadow 0.14s ease,background-color 0.14s ease}[data-tool="convertisseur-de-durees"] input:focus-visible{border-color: var(--duration-converter-action-hover)}[data-tool="convertisseur-de-durees"] input[aria-invalid="true"]{border-color: var(--duration-converter-danger);box-shadow: 0 0 0 3px rgb(185 28 28 / 0.14)}[data-tool="convertisseur-de-durees"] .duration-converter-step-button{min-width: 0;min-height: 44px;border: 1px solid var(--duration-converter-action);border-radius: 12px;background: var(--duration-converter-action);color: var(--duration-converter-action-text);font: inherit;font-size: 1.25rem;font-weight: 900;line-height: 1;display: inline-flex;align-items: center;justify-content: center;box-shadow: 0 6px 14px rgb(var(--outil-ombre-rgb) / 0.12)}[data-tool="convertisseur-de-durees"] .duration-converter-step-button:hover,[data-tool="convertisseur-de-durees"] .duration-converter-step-button:focus-visible{border-color: var(--duration-converter-action-hover);background: var(--duration-converter-action-hover)}[data-tool="convertisseur-de-durees"] .duration-converter-composite{display: grid;gap: 0.6rem}[data-tool="convertisseur-de-durees"] .duration-converter-clock-grid{display: grid;gap: 0.8rem}[data-tool="convertisseur-de-durees"] .duration-converter-clock-grid-3{grid-template-columns: repeat(3,minmax(0,1fr))}[data-tool="convertisseur-de-durees"] .duration-converter-clock-grid-4{grid-template-columns: repeat(4,minmax(0,1fr))}[data-tool="convertisseur-de-durees"] .duration-converter-clock-unit{min-width: 0;border: 1px solid var(--duration-converter-border);border-radius: 14px;background: var(--duration-converter-surface);padding: 0.7rem;display: grid;grid-template-rows: auto auto auto auto;gap: 0.4rem;text-align: center}[data-tool="convertisseur-de-durees"] .duration-converter-clock-unit label{font-size: 0.88rem}[data-tool="convertisseur-de-durees"] .duration-converter-clock-step{width: 100%;min-height: 38px;box-shadow: none}[data-tool="convertisseur-de-durees"] .duration-converter-results{display: grid;gap: 0.9rem}[data-tool="convertisseur-de-durees"] .duration-converter-main-result{display: flex;align-items: center;justify-content: center;min-height: 74px;border: 1px solid var(--duration-converter-border);border-radius: 14px;background: var(--duration-converter-surface);color: var(--duration-converter-title);padding: 0.8rem;font-size: clamp(1.25rem,4vw,1.8rem);font-weight: 900;line-height: 1.2;text-align: center;font-variant-numeric: tabular-nums}[data-tool="convertisseur-de-durees"] .duration-converter-table-wrap{overflow-x: auto}[data-tool="convertisseur-de-durees"] .duration-converter-table{width: 100%;border-collapse: collapse;font-variant-numeric: tabular-nums}[data-tool="convertisseur-de-durees"] .duration-converter-table tr + tr{border-top: 1px solid var(--duration-converter-border)}[data-tool="convertisseur-de-durees"] .duration-converter-table th,[data-tool="convertisseur-de-durees"] .duration-converter-table td{padding: 0.72rem 0.35rem;vertical-align: middle}[data-tool="convertisseur-de-durees"] .duration-converter-table th{color: var(--duration-converter-title);font-weight: 900;text-align: left}[data-tool="convertisseur-de-durees"] .duration-converter-table td{color: var(--duration-converter-text);font-weight: 800;text-align: right;white-space: nowrap}@media (max-width: 760px){[data-tool="convertisseur-de-durees"] .duration-converter-card-head{flex-direction: column}[data-tool="convertisseur-de-durees"] .duration-converter-reset{width: 100%}[data-tool="convertisseur-de-durees"] .duration-converter-selector{grid-template-columns: repeat(2,minmax(0,1fr))}[data-tool="convertisseur-de-durees"] .duration-converter-selector-button:last-child{grid-column: 1 / -1}[data-tool="convertisseur-de-durees"] .duration-converter-clock-grid{gap: 0.5rem}[data-tool="convertisseur-de-durees"] .duration-converter-clock-unit{padding: 0.5rem;gap: 0.32rem}[data-tool="convertisseur-de-durees"] .duration-converter-clock-unit label{font-size: 0.8rem}}@media (max-width: 520px){[data-tool="convertisseur-de-durees"] .duration-converter-step-row{grid-template-columns: 44px minmax(0,1fr) 44px;gap: 0.4rem}[data-tool="convertisseur-de-durees"] .duration-converter-clock-grid{gap: 0.35rem}[data-tool="convertisseur-de-durees"] .duration-converter-clock-unit{padding: 0.35rem;border-radius: 12px}[data-tool="convertisseur-de-durees"] .duration-converter-clock-unit label{font-size: 0.72rem}[data-tool="convertisseur-de-durees"] .duration-converter-clock-step{min-height: 34px}[data-tool="convertisseur-de-durees"] .duration-converter-clock-unit input{min-height: 40px;font-size: 0.96rem}[data-tool="convertisseur-de-durees"] .duration-converter-table th,[data-tool="convertisseur-de-durees"] .duration-converter-table td{display: block;width: 100%;padding: 0.48rem 0.2rem;text-align: center;white-space: normal}[data-tool="convertisseur-de-durees"] .duration-converter-table th{padding-bottom: 0}[data-tool="convertisseur-de-durees"] .duration-converter-table td{padding-top: 0.22rem}}