.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);box-shadow:0 0 0 1px #ffffff8c, inset 0 1px 0 #fff9, var(--fnav-ombre);background:#ffffff80;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:#1e263280}.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}}