.fnav{--fnav-r:22px;--fnav-marge:6px;--fnav-pastille:10px;--fnav-ombre:0 1px 2px #0f172a0d, 0 12px 28px -8px #0f172a24, 0 40px 80px -24px #0f172a33;isolation:isolate;border-radius:var(--fnav-r);padding:0 var(--fnav-marge) var(--fnav-marge);-webkit-backdrop-filter:saturate(1.5)blur(22px);backdrop-filter:saturate(1.5)blur(22px);box-shadow:0 0 0 1px #ffffff8c, inset 0 1px 0 #fff9, var(--fnav-ombre);background:#fff6;position:relative}:is(.dark,[data-theme=dark]) .fnav{--fnav-ombre:0 1px 2px #0000004d, 0 14px 30px -8px #00000073, 0 44px 90px -24px #0009;box-shadow:0 0 0 1px #ffffff1f, inset 0 1px 0 #ffffff14, var(--fnav-ombre);background:#1e263266}.fnav-barre{align-items:center;gap:calc(var(--fnav-pastille) * .6);height:30px;padding-inline:8px;display:flex}.fnav-barre i{width:var(--fnav-pastille);height:var(--fnav-pastille);border-radius:50%;box-shadow:inset 0 0 0 .5px #00000024}.fnav-barre i:first-child{background:#ff5f57}.fnav-barre i:nth-child(2){background:#febc2e}.fnav-barre i:nth-child(3){background:#28c840}.fnav-zone{border-radius:calc(var(--fnav-r) - var(--fnav-marge));position:relative;overflow:hidden}.fnav-zone>:is(img,picture,video){width:100%;height:auto;display:block}.fnav[data-flush]{border-end-end-radius:0;border-end-start-radius:0;padding-bottom:0}.fnav[data-flush] .fnav-zone{border-end-end-radius:0;border-end-start-radius:0}@media (max-width:560px){.fnav{--fnav-r:14px;--fnav-marge:4px;--fnav-pastille:7px}.fnav-barre{height:22px;padding-inline:6px}}.beam-ring{border-radius:inherit;pointer-events:none;padding:2px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source;container-type:size}.beam-ring:before{content:"";aspect-ratio:1;background:conic-gradient(transparent 0 91%, var(--offer-solid,var(--primary)) 98%, transparent 100%);width:hypot(100cqw,100cqh);animation:9s linear infinite beam-turn;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes beam-turn{to{rotate:360deg}}
.dmd-carte{--dmd-c:var(--offer-solid,var(--primary));--dmd-e:cubic-bezier(.16, 1, .3, 1);background:radial-gradient(90% 120% at 0% 0%, color-mix(in oklab, var(--dmd-c) 6%, transparent), transparent 60%), radial-gradient(70% 110% at 100% 0%, color-mix(in oklab, var(--dmd-c) 24%, transparent), transparent 68%), var(--background)}:is(.dark,[data-theme=dark]) .dmd-carte{background:radial-gradient(90% 120% at 0% 0%, color-mix(in oklab, var(--dmd-c) 9%, transparent), transparent 60%), radial-gradient(70% 110% at 100% 0%, color-mix(in oklab, var(--dmd-c) 22%, transparent), transparent 68%), var(--card)}.dmd-halo{background:radial-gradient(38% 46% at 16% 44%, color-mix(in oklab, var(--dmd-c) 50%, transparent), transparent 74%), radial-gradient(46% 42% at 62% 8%, color-mix(in oklab, var(--dmd-c) 30%, transparent), transparent 74%);filter:blur(40px)}:is(.dark,[data-theme=dark]) .dmd-halo{opacity:.7}.dmd-fenetre{perspective:1600px}.dmd-play{opacity:0;transition:opacity .3s var(--dmd-e), scale .4s var(--dmd-e);scale:.9}.dmd-carte:hover .dmd-play,.dmd-play:focus-within{opacity:1;scale:1}@media (hover:none){.dmd-play{opacity:1;scale:1}}.dmd-play .video-halo:before{animation-play-state:paused}.dmd-carte:hover .dmd-play .video-halo:before,.dmd-play:focus-within .video-halo:before{animation-play-state:running}@media (hover:none){.dmd-play .video-halo:before{animation-play-state:running}}.fnav.dmd-cadre{--fnav-r:18px;--fnav-pastille:7px}.dmd-cadre .fnav-barre{height:22px;padding-inline:7px}.dmd-reflet{opacity:0;background:linear-gradient(105deg,#0000 30%,#ffffff61 48%,#0000 66%)}:is(.dark,[data-theme=dark]) .dmd-reflet{background:linear-gradient(105deg,#0000 30%,#ffffff1f 48%,#0000 66%)}.dmd-carte[data-state]{transition:opacity .7s var(--dmd-e), transform 1.1s var(--dmd-e)}.dmd-carte[data-state=wait]{opacity:0;transform:translateY(34px)scale(.965)}.dmd-carte[data-state=wait] :is(.dmd-halo,.dmd-cadre,.dmd-titre>span,.dmd-texte,.dmd-actions>*){opacity:0}.dmd-carte[data-state=in] .dmd-halo{animation:dmd-halo 1.5s var(--dmd-e) .15s backwards}.dmd-carte[data-state=in] .dmd-cadre{transform-origin:50% 100%;animation:dmd-fenetre 1.2s var(--dmd-e) .3s backwards}.dmd-carte[data-state=in] .dmd-titre>span{animation:1s cubic-bezier(.65,0,.35,1) .35s backwards dmd-balaie;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 55%);mask-image:linear-gradient(90deg,#000 45%,#0000 55%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:240% 100%;mask-size:240% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] .dmd-carte[data-state=in] .dmd-titre>span{animation-name:dmd-balaie-rtl;-webkit-mask-image:linear-gradient(270deg,#000 45%,#0000 55%);mask-image:linear-gradient(270deg,#000 45%,#0000 55%);-webkit-mask-position:100% 0;mask-position:100% 0}.dmd-carte[data-state=in] .dmd-titre>span+span{animation-delay:.6s}.dmd-carte[data-state=in] .dmd-texte{animation:dmd-monte .8s var(--dmd-e) .95s backwards}.dmd-carte[data-state=in] .dmd-actions>*{animation:dmd-bouton .75s var(--dmd-e) 1.15s backwards}.dmd-carte[data-state=in] .dmd-actions>*+*{animation-delay:1.27s}.dmd-carte[data-state=in] .dmd-reflet{animation:1.3s cubic-bezier(.4,0,.2,1) 1.45s dmd-reflet}@keyframes dmd-halo{0%{opacity:0;transform:scale(.7)}}@keyframes dmd-fenetre{0%{opacity:0;transform:translateY(80px)rotateX(14deg)scale(.97)}}@keyframes dmd-balaie{0%{transform:translateY(.22em);-webkit-mask-position:100% 0;mask-position:100% 0}to{transform:none;-webkit-mask-position:0 0;mask-position:0 0}}@keyframes dmd-balaie-rtl{0%{transform:translateY(.22em);-webkit-mask-position:0 0;mask-position:0 0}to{transform:none;-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes dmd-monte{0%{opacity:0;transform:translateY(12px)}}@keyframes dmd-bouton{0%{opacity:0;transform:translateY(14px)scale(.94)}}@keyframes dmd-reflet{0%{opacity:1;transform:translate(-100%)}to{opacity:1;transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.dmd-carte[data-state=wait],.dmd-carte[data-state=wait] :is(.dmd-halo,.dmd-cadre,.dmd-titre>span,.dmd-texte,.dmd-actions>*){opacity:1;transform:none}.dmd-carte[data-state=in] :is(.dmd-halo,.dmd-cadre,.dmd-titre>span,.dmd-texte,.dmd-actions>*,.dmd-reflet){animation:none}}
