.rl{--rl-h:clamp(300px, 50svh, 400px);--rl-w:calc(var(--rl-h) * 9 / 16);--rl-rayon:18px;background:var(--nuit);color:var(--clair)}.rl ::selection{background:#f0f5f7;color:var(--nuit)}.rl :focus-visible{outline:3px solid #fff;outline-offset:3px}.rl-grille{display:grid;grid-template-columns:minmax(0,1fr)}.rl-tete{text-align:center}.rl-etiquette{margin:0;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8}.rl-titre{margin:8px 0 0;font-size:clamp(28px,8vw,38px);line-height:1.06;font-weight:800;letter-spacing:-.035em;text-wrap:balance}.rl-scene{position:relative;margin:20px calc(-1 * var(--marge)) 0;perspective:1100px;perspective-origin:50% 45%;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.rl-scene:active{cursor:grabbing}.rl-scene:focus:not(:focus-visible){outline:none}.rl-scene:focus-visible{outline:3px solid #EF8B34;outline-offset:3px}.rl-piste{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--marge);scrollbar-width:none}.rl-piste::-webkit-scrollbar{display:none}.rl-bobine{position:relative;flex:none;width:var(--rl-w);height:var(--rl-h);scroll-snap-align:center;border-radius:var(--rl-rayon);overflow:hidden;background:var(--nuit-2);box-shadow:0 28px 56px -18px #020614bf,0 0 0 1px #ffffff0f}.rl-bobine video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.rl-ombre{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--nuit);opacity:0;pointer-events:none}.rl-pret .rl-piste{display:block;overflow:visible;position:relative;height:var(--rl-h);padding:0;transform-style:preserve-3d;pointer-events:none}.rl-pret .rl-bobine{position:absolute;top:0;left:50%;margin-left:calc(var(--rl-w) / -2);backface-visibility:hidden;pointer-events:auto}.rl-son{position:absolute;z-index:20;left:50%;bottom:14px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px 0 14px;white-space:nowrap;border-radius:999px;background:#080b1eb8;color:#fff;border:1px solid rgba(255,255,255,.28);font-size:15px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.rl-son svg{flex:none}.rl-son .rl-ondes{display:none}.rl-son[aria-pressed=true]{background:#fff;color:var(--nuit);border-color:#fff}.rl-son[aria-pressed=true] .rl-ondes{display:inline}.rl-son[aria-pressed=true] .rl-coupe{display:none}.rl-son:focus-visible{border-radius:999px}@media(hover:hover)and (pointer:fine){.rl-son:hover{background:#080b1ee6}.rl-son[aria-pressed=true]:hover{background:#e9ecf5}}.rl-son:active{background:#080b1ef2}.rl-son-anneau{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:999px;border:2px solid rgba(255,255,255,.9);opacity:0;pointer-events:none}.rl-nav{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px}.rl-fleche{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.38);color:#fff;transition:background-color .2s ease,border-color .2s ease}@media(hover:hover)and (pointer:fine){.rl-fleche:hover{background:#ffffff14;border-color:#ffffff80}}.rl-fleche:active{background:#ffffff24}.rl-points{display:flex;align-items:center;margin:0 8px}.rl-point{display:grid;place-items:center;min-width:24px;height:44px;padding:0 4px}.rl-point-fond{position:relative;display:block;width:8px;height:8px;border-radius:4px;background:#ffffff6b;overflow:hidden}.rl-point[aria-current=true] .rl-point-fond{width:30px;background:#ffffff4d}.rl-point-plein{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform-origin:0 50%;opacity:0}.rl-point[aria-current=true] .rl-point-plein{opacity:1}.rl-citation{margin:8px auto 0;max-width:30rem;min-height:3.96em;display:flex;align-items:flex-start;justify-content:center}.rl-phrase{margin:0;font-size:19px;line-height:1.32;font-weight:600;letter-spacing:-.01em;color:#fff;text-align:center;text-wrap:balance}.rl-pied{display:flex;flex-direction:column;align-items:center;margin-top:8px}.rl-note{margin:0;font-size:13px;line-height:1.4;color:var(--clair-3);text-align:center;text-wrap:balance}.rl-bouton{width:100%;max-width:24rem;min-height:56px;margin-top:20px}.rl-garantie{margin:12px 0 0;font-size:15px;color:var(--clair-2)}@media(max-width:359px){.rl{--rl-h:clamp(280px, 50svh, 340px) }.rl-phrase{font-size:18px}}@media(min-width:600px){.rl-note{font-size:14px}.rl{--rl-h:clamp(340px, 48svh, 480px) }.rl-scene{margin-inline:0}.rl-phrase{font-size:22px}}@media(min-width:960px){.rl{--rl-h:min(520px, calc(100svh - 230px) ) }.rl-grille{grid-template-columns:minmax(0,440px) minmax(0,660px);grid-template-areas:".        scene" "tete     scene" "citation scene" "pied     scene" ".        scene" ".        nav";grid-template-rows:1fr auto auto auto 1fr auto;justify-content:center;column-gap:clamp(48px,6vw,96px)}.rl-tete{grid-area:tete;text-align:left}.rl-titre{font-size:clamp(34px,3.4vw,48px)}.rl-scene{grid-area:scene;margin:0}.rl-nav{grid-area:nav;margin-top:16px}.rl-citation{grid-area:citation;margin:28px 0 0;justify-content:flex-start;min-height:5em}.rl-phrase{text-align:left;font-size:clamp(22px,2vw,28px);line-height:1.25}.rl-pied{grid-area:pied;align-items:flex-start;margin-top:12px}.rl-note{text-align:left}.rl-bouton{width:auto;min-width:20rem;margin-top:28px}}.js .rl-anim{visibility:hidden;animation:rl-secours 0s 3s forwards}.rl.rl-vu .rl-anim{animation:none}@keyframes rl-secours{to{visibility:visible}}@media(prefers-reduced-motion:reduce){.js .rl-anim{visibility:visible;animation:none}.rl-son,.rl-fleche,.rl-point-fond{transition:none}}.rl-nuit{position:relative;isolation:isolate;overflow:hidden}.rl-fond{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;z-index:-1}.rl-fond img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rl-fond:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0e26eb,#0a0e268c 30% 70%,#0a0e26f0)}.rl-note{display:inline-flex;margin-top:14px;font-size:14px}.rl-etiquette{color:#f5a65b}.rl-fond{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 120px,#000 calc(100% - 120px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 120px,#000 calc(100% - 120px),transparent 100%)}.rl{background:transparent}
/*# sourceMappingURL=/cdn/shop/t/211/assets/bcvip-avis-video.css.map */
