@layer osyn.reset,osyn.tokens,osyn.base,osyn.shell,osyn.components,osyn.utilities,osyn.motion,osyn.dirs;@layer osyn.dirs{.v3x-pourquoi-v1{--v3x-stage: radial-gradient(120% 95% at 50% 42%,#1C1C21 0%,#0E0E11 55%,#08080A 100%)}@container fiche (min-width: 1024px){.v3x-pourquoi-v1{--v3x-dim: #85858A;padding-top:var(--x-band)}}.v3x-pourquoi-v2 .v3x-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v3x-pourquoi-v2 .v3x-tiles>li{position:relative}.v3x-pourquoi-v2 .v3x-tile{position:relative;display:block;width:100%;aspect-ratio:4 / 5;height:round(nearest,calc((100cqi - 2 * var(--gutter) - 12px) * .625),4px);overflow:hidden;border-radius:var(--r-card);background:#000;color:#f5f5f7;text-align:left;isolation:isolate;transition:transform var(--dur-press) var(--ease-ui)}.v3x-pourquoi-v2 .v3x-tile:active{transform:scale(.98)}.v3x-pourquoi-v2 .v3x-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover}.v3x-pourquoi-v2 .v3x-tile:after{content:"";position:absolute;top:34%;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(0deg,#000000f0,#000000bd 42%,#0000)}.v3x-pourquoi-v2 .v3x-tile:before{content:"";position:absolute;top:12px;left:12px;width:28px;height:28px;border-radius:50%;background:#0c0c0fb8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' fill='none' stroke='%23F5F5F7' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 14px no-repeat;box-shadow:inset 0 0 0 1.5px #f5f5f78f}.v3x-pourquoi-v2 .v3x-tile__n{position:absolute;top:17px;left:48px;font:var(--fw-strong) 13px/18px var(--font);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#f5f5f7cc}.v3x-pourquoi-v2 .v3x-tile__title{position:absolute;left:12px;right:12px;bottom:12px;font:var(--fw-heading) 16px/22px var(--font);text-wrap:balance}.v3x-pourquoi-v2 .v3x-tile--photo:after{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#000000b8,#0009,#0000 40%),linear-gradient(0deg,#000000f0,#000000bd 28%,#0000 66%)}.v3x-pourquoi-v2 .v3x-tile__repere,.v3x-pourquoi-v2 .v3x-tile__text{display:none}@container fiche (min-width: 1024px){.v3x-pourquoi-v2{--section-gap: var(--x-band)}.v3x-pourquoi-v2 .v3x-tiles{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--x-gap);row-gap:0}.v3x-pourquoi-v2 .v3x-tiles>li{grid-row:span 5;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-template-areas:"media" "num" "title" "phrase" "detail"}.v3x-pourquoi-v2 .v3x-tiles>li:nth-child(n+4){margin-top:var(--x-head)}.v3x-pourquoi-v2 .v3x-tile__text{display:contents}.v3x-pourquoi-v2 .v3x-tile{grid-area:media;align-self:start;aspect-ratio:4 / 3;height:auto;cursor:default;transition:none}.v3x-pourquoi-v2 .v3x-tile:before,.v3x-pourquoi-v2 .v3x-tile:after,.v3x-pourquoi-v2 .v3x-tile__n,.v3x-pourquoi-v2 .v3x-tile__title{display:none}.v3x-pourquoi-v2 .v3x-tile__num{grid-area:num;margin-top:var(--x-gap);font:var(--fw-strong) 15px/22px var(--font);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--c-ink-soft)}.v3x-pourquoi-v2 .v3x-tile__h{grid-area:title;margin-top:8px;font:var(--x-h3);letter-spacing:-.02em;text-wrap:balance}.v3x-pourquoi-v2 .v3x-tile__phrase{grid-area:phrase;margin-top:16px;font:var(--x-body);text-wrap:pretty}.v3x-pourquoi-v2 .v3x-tile__text>:is(.v3x-tile__detail,.v3x-tile__foot){grid-area:detail;margin-top:16px}.v3x-pourquoi-v2 .v3x-tile__detail{font:var(--x-micro);color:var(--c-ink-soft);text-wrap:pretty}.v3x-pourquoi-v2 .v3x-tile__more{margin-top:12px;font:var(--x-small)}:where(.osyn-app.fiche) [data-hover=true] .v3x-pourquoi-v2 .v3x-tile__more .os-link:hover{text-decoration-thickness:2px}}.v3x-recits-couche{--c-ink: #F5F5F7;--c-ink-soft: rgba(245,245,247,.76);--c-focus: #FFFFFF;--c-link: #ADADFF;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-layer);overflow:hidden;background:#000;color:var(--c-ink);color-scheme:dark;opacity:0;transition:opacity var(--dur-select) var(--ease-ui);outline:none;touch-action:pan-y}.v3x-recits-couche.is-open{opacity:1}.v3x-recits-couche .v3x-stories__deck{position:absolute;top:0;right:0;bottom:0;left:0}.v3x-recits-couche .v3x-story{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity var(--dur-select) var(--ease-ui)}.v3x-recits-couche .v3x-story.is-current{opacity:1;pointer-events:auto}.v3x-recits-couche .v3x-story__media{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}.v3x-recits-couche .v3x-story:after{content:"";position:absolute;top:36%;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000000f0,#000c 40%,#0000);pointer-events:none}.v3x-recits-couche .v3x-story__body{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);bottom:max(28px,env(safe-area-inset-bottom))}.v3x-recits-couche .v3x-story__n{font:var(--fw-strong) 13px/18px var(--font);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--c-ink-soft)}.v3x-recits-couche .v3x-story__title{margin-top:8px;font:var(--fw-heading) 28px/32px var(--font);letter-spacing:-.02em;text-wrap:balance}.v3x-recits-couche .v3x-story__phrase{margin-top:12px;font:var(--fw-strong) 16px/22px var(--font)}.v3x-recits-couche .v3x-story__detail{margin-top:8px;font:var(--t-14);color:var(--c-ink-soft)}.v3x-recits-couche .v3x-story__link{margin-top:12px;font:var(--fw-strong) 16px/22px var(--font)}.v3x-recits-couche .v3x-stories__top{position:absolute;z-index:4;top:0;left:0;right:0;padding:max(12px,env(safe-area-inset-top)) var(--gutter) 20px;background:linear-gradient(180deg,#000000b3,#0000008f 60%,#0000);pointer-events:none}.v3x-recits-couche .v3x-stories__top button{pointer-events:auto}.v3x-recits-couche .v3x-stories__bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.v3x-recits-couche .v3x-stories__bars span{position:relative;height:2px;overflow:hidden;border-radius:1px;background:#f5f5f74d}.v3x-recits-couche .v3x-stories__bars span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f5f5f7;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-select) var(--ease-ui)}.v3x-recits-couche .v3x-stories__bars span.is-on:after{transform:none}.v3x-recits-couche .v3x-stories__row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.v3x-recits-couche .v3x-stories__count{font:var(--fw-strong) 13px/18px var(--font);font-variant-numeric:tabular-nums}.v3x-recits-couche .v3x-stories__close{margin-right:-6px;--disc-bg: rgba(0,0,0,.6);color:#f5f5f7}.v3x-recits-couche .v3x-stories__zone{position:absolute;z-index:2;top:64px;bottom:46%;display:flex;align-items:center}.v3x-recits-couche .v3x-stories__zone--prev{left:0;width:34%;justify-content:flex-start;padding-left:6px}.v3x-recits-couche .v3x-stories__zone--next{right:0;width:66%;justify-content:flex-end;padding-right:6px}.v3x-recits-couche .v3x-stories__zone:focus-visible{outline-offset:-4px}.v3x-recits-couche .v3x-stories__zone[aria-disabled=true]{cursor:default}.v3x-recits-couche .v3x-stories__chev{width:28px;height:28px;border-radius:50%;background:#0006}.v3x-recits-couche .v3x-stories__chev:before{content:"";display:block;width:100%;height:100%;background:#f5f5f7;-webkit-mask:var(--ico-chevron) center / 14px no-repeat;mask:var(--ico-chevron) center / 14px no-repeat}.v3x-recits-couche .v3x-stories__zone--prev .v3x-stories__chev{transform:scaleX(-1)}.v3x-recits-couche .v3x-stories__zone[aria-disabled=true] .v3x-stories__chev{opacity:0}.v3x-recits-couche .v3x-story__repere{display:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/osyn-fiche-forts.css.map */