@layer osyn.reset,osyn.tokens,osyn.base,osyn.shell,osyn.components,osyn.utilities,osyn.motion,osyn.dirs;@layer osyn.components{.os-demo{display:grid;gap:16px}.os-demo__stage{position:relative;aspect-ratio:var(--demo-ratio,16 / 10);overflow:hidden;border-radius:var(--r-card);background:var(--demo-bg,#0B0B10);isolation:isolate;--c-focus: #FFFFFF}.os-demo__layer{position:absolute;top:0;right:0;bottom:0;left:0}.os-demo__layer--b{background:var(--demo-bg,#0B0B10);clip-path:inset(0 0 0 100%);transition:clip-path var(--dur-fade) var(--ease-ui)}.os-demo__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.os-demo.is-on .os-demo__layer--b{clip-path:inset(0 0 0 0)}.os-demo__caption{min-height:22px;font:var(--fw-strong) 16px/22px var(--font)}}@layer osyn.dirs{.v3-demo__fig{gap:0}.v3-demo .os-demo__layer{transform-origin:50.24% 33.41%;transition:transform .3s var(--ease-out)}.v3-demo .os-demo__layer--a{overflow:hidden;border-radius:3.9%/8.3%;box-shadow:0 0 0 7px #0b0b10,0 0 0 8.5px #f5f5f729;transform:none}.v3-demo .os-demo__layer--b{transform:scale(2.0833);transition:clip-path var(--dur-fade) var(--ease-ui),transform .3s var(--ease-out)}.v3-demo .os-demo.is-on .os-demo__layer--a{transform:scale(.48)}.v3-demo .os-demo.is-on .os-demo__layer--b{transform:none}.v3-demo__caption{min-height:56px;margin-top:16px;font:var(--t-22);letter-spacing:-.01em;text-wrap:balance}@container fiche (min-width: 1024px){.v3-demo__fig{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr) auto;column-gap:24px}.v3-demo__fig .os-demo__stage{grid-column:1 / span 7;grid-row:1 / span 4}.v3-demo__caption{grid-column:8 / span 5;grid-row:2;margin:0;font-size:22px;line-height:28px;min-height:0}}.v3x-demo .os-demo__layer--a{overflow:visible;border-radius:0;box-shadow:none;transform:none;transition:none}.v3x-demo .os-demo__layer--b{transform:none;transition:none;clip-path:inset(0 0 0 calc(var(--curseur,50) * 1%))}.v3x-demo .v3x-curseur:not(.is-armed) .os-demo__layer--b,.v3x-demo .v3x-curseur:not(.is-armed) .v3x-curseur__poignee,.v3x-demo .v3x-curseur:not(.is-armed) .v3x-curseur__range{display:none}.v3x-demo .v3x-curseur__scene{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.v3x-demo .v3x-curseur.is-armed .v3x-curseur__scene{cursor:ew-resize}.v3x-demo .v3x-curseur__scene img{-webkit-user-drag:none}.v3x-demo .v3x-curseur__repere{position:absolute;top:12px;padding:3px 10px;border-radius:999px;background:#0c0c0fa3;color:#fff;font:var(--fw-strong) 13px/18px var(--font);pointer-events:none}.v3x-demo .v3x-curseur__repere--tactile{left:12px}.v3x-demo .v3x-curseur__repere--osyn{right:12px}@media(prefers-reduced-transparency:reduce){.v3x-demo .v3x-curseur__repere{background:#0c0c0f}}.v3x-demo .v3x-curseur__poignee{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transform:translate(calc((var(--curseur,50) - 50) * 1%))}.v3x-demo .v3x-curseur__trait{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 6px #0c0c0f59}.v3x-demo .v3x-curseur__pastille{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff;color:var(--c-ink);box-shadow:0 2px 10px #0c0c0f4d}.v3x-demo .v3x-curseur__pastille .os-ico{width:22px;height:22px;stroke-width:2.2}.v3x-demo .v3x-curseur__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:transparent;outline:none;-webkit-appearance:none;appearance:none;pointer-events:none}.v3x-demo .v3x-curseur__range::-webkit-slider-runnable-track{height:100%;border:0;background:transparent}.v3x-demo .v3x-curseur__range::-webkit-slider-thumb{width:1px;height:1px;border:0;background:transparent;box-shadow:none;-webkit-appearance:none;appearance:none}.v3x-demo .v3x-curseur__range::-moz-range-track{border:0;background:transparent}.v3x-demo .v3x-curseur__range::-moz-range-thumb{width:1px;height:1px;border:0;background:transparent;box-shadow:none}.v3x-demo .v3x-curseur__scene:has(.v3x-curseur__range:focus-visible){outline:2px solid var(--osyn-blue);outline-offset:2px}[data-variant][data-input=pointer] .v3x-demo .v3x-curseur__scene:has(.v3x-curseur__range:focus-visible){outline:none}.v3x-demo .v3x-curseur__legende{display:grid;gap:8px}@container fiche (max-width: 1023px){.v3x-demo .v3-demo__caption{font:var(--t-16);font-weight:var(--fw-strong);letter-spacing:0}}.v3x-demo .v3x-curseur__etat{display:block;color:var(--c-ink)}.v3x-demo [data-dominant=osyn] .v3x-curseur__etat--tactile,.v3x-demo [data-dominant=tactile] .v3x-curseur__etat--osyn{color:var(--c-ink-soft)}.v3x-demo .v3x-demo__repere{display:none}.v3x-demo .v3x-raisons{display:grid;gap:12px;margin-top:48px}.v3x-demo .v3x-raison{border-radius:var(--r-card);background:var(--c-surface-2)}.v3x-demo .v3x-raison--photo{display:flex;flex-direction:column;overflow:hidden}.v3x-demo .v3x-raison__texte{padding:20px 20px 0}.v3x-demo .v3x-raison__tete{display:flex;flex-direction:column;gap:4px}.v3x-demo .v3x-raison__surtitre{font:var(--fw-strong) 13px/18px var(--font);color:var(--c-ink-soft)}.v3x-demo .v3x-raison__titre{text-wrap:balance}.v3x-demo .v3x-raison__phrase{margin-top:8px;font:var(--t-16);color:var(--c-ink-soft);text-wrap:pretty}.v3x-demo .v3x-raison__note{margin-top:12px;font:var(--t-13);color:var(--c-ink-soft)}.v3x-demo .v3x-raison__media{position:relative;margin-top:20px;aspect-ratio:4 / 3;height:round(nearest,calc((100cqi - 2 * var(--gutter)) * .75),4px);overflow:hidden}.v3x-demo .v3x-raison__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.v3x-demo .v3x-raison__repere{display:none}.v3x-demo .v3x-trigger{padding:20px}.v3x-demo .v3x-trigger__lead{margin-top:8px;font:var(--t-16);color:var(--c-ink-soft);text-wrap:pretty}.v3x-demo .v3x-trigger__panel{display:grid;grid-template-columns:128px minmax(0,1fr);column-gap:16px;align-items:center;margin-top:24px}.v3x-demo .v3x-trigger__art{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--r-card);background:var(--v3-night);isolation:isolate;pointer-events:none}.v3x-demo .v3x-trigger__art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 92%);mask-image:linear-gradient(180deg,#000 80%,transparent 92%);transform:scale(calc(1 + var(--v,0) * .06))}@media(prefers-reduced-motion:reduce){.v3x-demo .v3x-trigger__art img{transform:none}}.v3x-demo .v3x-trigger__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--osyn-blue),inset 0 0 24px #3a3aff80;opacity:var(--v,0)}.v3x-demo .v3x-trigger__meters{display:grid;gap:12px;min-width:0}.v3x-demo .v3x-trigger__readout{margin-bottom:4px;font:var(--t-28);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--c-ink);white-space:nowrap}.v3x-demo .v3x-gauge{display:grid;gap:8px}.v3x-demo .v3x-gauge__label{font:var(--t-13);color:var(--c-ink-soft)}.v3x-demo .v3x-gauge__track{position:relative;height:8px;overflow:hidden;border-radius:4px;background:var(--c-line)}.v3x-demo .v3x-gauge__fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--osyn-blue);transform:translate(calc((var(--v,0) - 1) * 100%))}.v3x-demo .v3x-gauge--tactile .v3x-gauge__fill{background:var(--c-ink-soft)}.v3x-demo .v3x-hold{grid-column:1 / -1;margin-top:24px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.v3x-demo .v3x-hold.is-held{transform:scale(.98);background:var(--c-ink);color:var(--c-bg);box-shadow:none}.v3x-demo .v3x-trigger__aide{grid-column:1 / -1;margin-top:12px;font:var(--t-13);color:var(--c-ink-soft);text-align:center}@container fiche (min-width: 1024px){.v3x-demo .v3-demo__caption{font-size:28px;line-height:34px;letter-spacing:-.01em}.v3x-demo .v3x-curseur__legende{gap:16px}.v3x-demo .v3x-curseur__repere{top:16px;padding:4px 12px;font:var(--fw-strong) 15px/22px var(--font)}.v3x-demo .v3x-curseur__repere--tactile{left:16px}.v3x-demo .v3x-curseur__repere--osyn{right:16px}.v3x-demo .v3x-raisons{grid-template-columns:minmax(0,1fr);gap:var(--x-gap);margin-top:var(--x-sub)}.v3x-demo .v3x-raison--photo{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:320px}.v3x-demo .v3x-raison__texte{padding:40px 24px 40px 40px}.v3x-demo .v3x-raison__phrase{max-width:var(--x-measure)}.v3x-demo .v3x-raison__tete{gap:8px}.v3x-demo .v3x-raison__surtitre{font:var(--fw-strong) 15px/22px var(--font)}.v3x-demo .v3x-raison__titre{font:var(--x-h3);letter-spacing:-.02em}.v3x-demo .v3x-raison__phrase{margin-top:16px;font:var(--x-body)}.v3x-demo .v3x-raison__note{margin-top:16px;font:var(--x-micro)}.v3x-demo .v3x-raison__media{margin-top:0;height:auto;aspect-ratio:auto}.v3x-demo .v3x-trigger{display:grid;grid-column:1 / -1;grid-template-columns:var(--x-grid);column-gap:var(--x-gap);align-items:center;padding:40px 0}.v3x-demo .v3x-trigger__copy{grid-column:var(--x-57-a);padding:0 24px 0 40px}.v3x-demo .v3x-trigger__panel{grid-column:var(--x-57-b);grid-template-columns:208px minmax(0,1fr);column-gap:32px;align-items:start;margin-top:0;padding-right:40px}.v3x-demo .v3x-trigger__title{font-size:28px;line-height:34px;letter-spacing:-.02em}.v3x-demo .v3x-trigger__lead{max-width:var(--x-measure);margin-top:var(--x-head-lead);font:var(--x-body);text-wrap:balance}.v3x-demo .v3x-trigger__art{grid-row:1 / span 2}.v3x-demo .v3x-hold{grid-column:2;margin-top:28px}.v3x-demo .v3x-trigger__aide{display:none}}@container fiche (min-width: 1280px){.v3x-demo .v3x-raisons{grid-template-columns:repeat(2,minmax(0,1fr))}.v3x-demo .v3x-raison--photo{grid-template-columns:minmax(0,1fr) 40%}}@container fiche (max-width: 1023px){.v3x-demo .v3-demo__caption{margin-top:20px}}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/osyn-fiche-pourquoi.css.map */