@charset "UTF-8";:root{ & body{--lightbox-zoom:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">\<path d="M17.35,8.36l-1.58-1.58c-.29-.29-.08-.78.32-.78h9.45c.25,0,.46.2.46.46v9.45c0,.41-.49.61-.78.32l-1.58-1.58c-.09-.09-.13-.2-.13-.32v-5.37c0-.25-.2-.46-.46-.46h-5.37c-.12,0-.24-.05-.32-.13ZM14.32,23.5h-5.37c-.25,0-.46-.21-.46-.46v-5.37c0-.12-.05-.24-.13-.32l-1.58-1.58c-.29-.29-.78-.08-.78.32v9.44c0,.25.21.46.46.46h9.44c.41,0,.61-.49.32-.78l-1.58-1.58c-.09-.09-.2-.13-.32-.13ZM21.5,20.99v-9.97c0-.28-.23-.51-.51-.51h-9.97c-.28,0-.51.23-.51.51v9.97c0,.28.23.51.51.51h9.97c.28,0,.51-.23.51-.51ZM11.5,19.99v-7.97c0-.28.23-.51.51-.51h7.97c.28,0,.51.23.51.51v7.97c0,.28-.23.51-.51.51h-7.97c-.28,0-.51-.23-.51-.51Z"/>\</svg>');--outline-color-lightbox:var(--outline-color,orangered);}  &:not(.contrast){--outline-stroke-lightbox:0.1875rem;} &.contrast{--outline-stroke-lightbox:0.25rem;}  .lightbox-trigger, #lightbox *:focus{outline-offset:calc(var(--outline-stroke-lightbox) * -1) !important;outline-width:var(--outline-stroke-lightbox);outline-color:var(--outline-color-lightbox);border-radius:3px;}  .lightbox-container:not(.lightbox-overlay){.lightbox:not(.trigger-centered) ~ .lightbox-trigger{ right:0.625rem; top:0.625rem; height:2.8125rem; width:2.8125rem;}.lightbox.trigger-centered ~ .lightbox-trigger{ left:50%; top:50%; transform:translate(-50%,-50%); height:3.75rem; width:3.75rem;}} @media(any-pointer:coarse){.lightbox-container.lightbox-overlay{ .lightbox:not(.trigger-centered) ~ .lightbox-trigger{right:0.625rem;top:0.625rem;height:2.8125rem;width:2.8125rem;} .lightbox.trigger-centered ~ .lightbox-trigger{left:50%;top:50%;transform:translate(-50%,-50%);height:3.75rem;width:3.75rem;}}}  .lightbox-trigger{background-color:rgba(0,0,0,.7);color:inherit;border-radius:var(--small-radius,0.625rem) !important;position:absolute !important;max-width:100%;&:focus-visible{ background-color:rgba(0,0,0,1);}@media(any-hover:hover){ &:hover{background-color:rgba(0,0,0,1);}}&:after{ content:''; position:absolute; inset:0; -webkit-mask-image:var(--lightbox-zoom); -webkit-mask-size:80%; -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; mask-image:var(--lightbox-zoom); mask-size:80%; mask-position:center; mask-repeat:no-repeat; background-color:white;}&:focus{ opacity:1; outline-offset:var(--outline-stroke-lightbox) !important; outline-color:var(--outline-color-lightbox);}}  @media(any-hover:hover){.lightbox-overlay .lightbox-trigger{ background-color:rgba(0,0,0,.5) !important; inset:0; width:100%; height:auto !important; cursor:zoom-in !important; opacity:0; border-radius:0 !important; padding:0; transform:none; .trigger-label{opacity:0;width:0;overflow:hidden;text-overflow:clip;display:inline-block;} &:after{mask-size:2.5rem;-webkit-mask-size:2.5rem;}}.lightbox-overlay:is(:hover,:focus-within) .lightbox-trigger{ opacity:1;}@media(prefers-reduced-motion:no-preference){ .lightbox-overlay .lightbox-trigger{transition:opacity .2s ease-in-out;}}}  #lightbox{--svg-wait:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M8.89,1c-.59,1.97-1.06,3.98-.82,5.91.27,2.11,1.35,4.19,4.24,6.17-3.46,4.83-5.56,13.19-3.83,17.92.7-3.48.92-6.31,3.45-9.33,5-1.65,7.99-2.43,9.05-8.11.4-.95.81-1.25,2.06-1.59.68-.19,1.43-.48,1.43-1.24-.01-3.18-1.83-4.41-3.72-4.38-1.9.03-3.87,1.33-4.22,3.21-.39.12-.77.29-1.14.52-4.06-2.82-5.3-5.54-6.5-9.08h0ZM2,5.64c.73,1.74,1.77,3.49,3.27,4.85,1.59,1.45,3.69,2.47,6.56,2.6-2.25-1.52-3.6-3.18-4.3-4.9-1.91-.67-3.67-1.54-5.52-2.55h0ZM21.3,8.08c.43,0,.79.35.79.79,0,.43-.35.79-.79.79-.43,0-.79-.35-.79-.79,0-.43.35-.79.79-.79ZM24.59,11.19c-.24.32-.49.64-1.07.81,2.12,1.72,4.89,5.15,6.42,7.05-.63-2.17-3.36-5.86-5.34-7.86h0Z"/></svg>');--lightbox-first:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M5.66,0A1.66,1.66,0,0,0,4,1.66H4V30.34A1.66,1.66,0,0,0,5.66,32H8.71a1.66,1.66,0,0,0,1.65-1.66V1.66A1.66,1.66,0,0,0,8.71,0ZM28.15,1.37,27.67.94a2.65,2.65,0,0,0-3.74648.0941L23.89,1.07l-.1.11L11,14a2.7,2.7,0,0,0-.21,3.79A2.08051,2.08051,0,0,0,11,18L23.79,30.82a2.67,2.67,0,0,0,3.75984.34848L27.56,31.16l.11-.1.48-.48Z"/></svg>');--lightbox-prev:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M15.15,18a2.86,2.86,0,0,1,0-4.05h0c3.21-3.21,6.39-6.39,9.6-9.54a2.17,2.17,0,0,0,.11-3.07.93.93,0,0,0-.14-.14L24.25.77a2.65,2.65,0,0,0-3.75,0,2.2,2.2,0,0,0-.2.23l-13,13a2.86,2.86,0,0,0,0,4h0l13,13a2.64,2.64,0,0,0,3.72.44l.23-.2.47-.48a2.12,2.12,0,0,0,.32-3,1.8,1.8,0,0,0-.19-.2C21.51,24.42,18.36,21.18,15.15,18Z"/></svg>');--lightbox-last:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M23.44,0a1.67,1.67,0,0,0-1.65,1.66V30.34A1.67,1.67,0,0,0,23.44,32h3a1.66,1.66,0,0,0,1.66-1.66V1.66h0A1.66,1.66,0,0,0,26.49,0ZM4,30.58l.48.48.11.1h0a2.68,2.68,0,0,0,3.76-.35L21.15,18a2.08155,2.08155,0,0,0,.21-.21A2.7,2.7,0,0,0,21.15,14L8.36,1.18l-.1-.11h0A2.65,2.65,0,0,0,4.5159.90649L4.48.94,4,1.37Z"/></svg>');--lightbox-next:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16.74,14a2.87,2.87,0,0,1,0,4h0c-3.21,3.21-6.39,6.39-9.59,9.54a2.18,2.18,0,0,0,0,3.08l.15.13.47.45a2.65,2.65,0,0,0,3.75,0,2.2,2.2,0,0,0,.2-.23l13-13a2.86,2.86,0,0,0,0-4.05h0L11.7,1A2.64,2.64,0,0,0,8,.57l-.23.2-.47.48a2.12,2.12,0,0,0-.32,3,1.8,1.8,0,0,0,.19.2C10.38,7.58,13.53,10.82,16.74,14Z"/></svg>');--lightbox-play:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M9.11.35A1.6,1.6,0,0,0,6.84.64a1.69,1.69,0,0,0-.34,1V30.34a1.67,1.67,0,0,0,.91,1.5,1.6,1.6,0,0,0,.71.16,1.55,1.55,0,0,0,1-.35L26.84,17.31A1.69,1.69,0,0,0,27.19,15a1.93,1.93,0,0,0-.35-.35Z"/></svg>');--lightbox-pause:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m11.02,25h-.04c-.82,0-1.48-.66-1.48-1.48v-15.04c0-.82.66-1.48,1.48-1.48h.04c.82,0,1.48.66,1.48,1.48v15.04c0,.82-.66,1.48-1.48,1.48Zm10,0h-.04c-.82,0-1.48-.66-1.48-1.48v-15.04c0-.82.66-1.48,1.48-1.48h.04c.82,0,1.48.66,1.48,1.48v15.04c0,.82-.66,1.48-1.48,1.48Z"/></svg>');--lightbox-close:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30,0a1.95,1.95,0,0,1,2,2,1.91,1.91,0,0,1-.58,1.42L18.83,16,31.42,28.58A1.91,1.91,0,0,1,32,30a1.95,1.95,0,0,1-2,2,1.91,1.91,0,0,1-1.42-.58L16,18.83,3.42,31.42A1.91,1.91,0,0,1,2,32a1.95,1.95,0,0,1-2-2,1.91,1.91,0,0,1,.58-1.42L13.17,16,.58,3.42A1.91,1.91,0,0,1,0,2,1.95,1.95,0,0,1,2,0,1.91,1.91,0,0,1,3.42.58L16,13.17,28.58.58A1.91,1.91,0,0,1,30,0Z"/></svg>');--lightbox-baseline:2.5rem;--lightbox-size-icons:1rem;position:fixed;inset:0;width:100svw;height:100dvh;max-height:100dvh;overflow:hidden;color:white;background-color:rgba(0,0,0,.9);outline:none;&.lightbox-loading{ &:before{content:attr(data-loading,"Chargement de l'image…");position:absolute;top:calc(var(--lightbox-baseline) * 2);left:50%;font-weight:bold;transform:translateX(-50%);} > img{width:9.375rem;-webkit-mask-image:var(--svg-wait);-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:var(--svg-wait);mask-size:cover;mask-position:center;mask-repeat:no-repeat;background-color:white;} #lightbox_caption{visibility:hidden;} & nav{pointer-events:none;}}&.multi-views #lightbox_image{ margin-top:-0.625rem;}}  @media(prefers-reduced-motion:no-preference){@keyframes animate-bounce{ 0%,100%{transform:translate(-50%,-50%) scale(1) rotateY(0deg);background-color:white;} 50%{transform:translate(-50%,-50%) scale(1.05) rotateY(180deg);background-color:black;}}#lightbox.lightbox-loading{ perspective:62.5rem; > img{animation:animate-bounce 3s ease-in-out infinite;}}}  & section#lightbox{display:none;} & dialog#lightbox{border:none;background-color:transparent;max-width:calc(100svw + var(--gutter,0));&::backdrop{ background-color:transparent; background-image:radial-gradient(ellipse at center,transparent 0%,transparent 20%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.95) 100%), radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.8) 100%);}}  @media(prefers-color-scheme:light){dialog#lightbox{ background-color:rgba(0,0,0,.85);}} @media(prefers-color-scheme:dark){dialog#lightbox{ background-color:rgba(0,0,0,.5);}}  #lightbox_caption{position:sticky;top:0;padding:0.3125rem var(--lightbox-baseline) 0;margin:0 !important;text-align:center;font-size:1rem;& span:first-child{ line-height:calc(var(--lightbox-baseline) - 0.625rem); display:inline-block; color:black !important; background-color:white; padding:0 calc(var(--lightbox-baseline) / 3); border-radius:0.3125rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:100%; position:relative; font-weight:bold;}&:before{ content:''; position:absolute; bottom:-0.0625rem; left:50%; transform:translateX(-50%); display:inline-block; width:0; height:0; border-left:1rem solid transparent; border-right:1rem solid transparent; border-top:0.625rem solid white;}}  #lightbox_image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:auto;width:auto;max-width:calc(100vw - 0.625rem);border-radius:var(--small-radius,0);box-shadow:0 0 0 0.0625rem rgba(127, 127, 127, 1) inset;padding:0.0625rem;}  #lightbox_control{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding-top:calc(var(--lightbox-baseline) / 2);min-height:var(--lightbox-baseline);white-space:nowrap;&:before{ content:attr(data-before); position:absolute; top:0; left:50%; transform:translateX(-50%); line-height:calc(var(--lightbox-baseline) / 2); display:inline-block; white-space:nowrap; text-transform:uppercase; font-size:0.875rem;}& button{ height:var(--lightbox-baseline); width:var(--lightbox-baseline); cursor:pointer; background-color:black; box-shadow:0 0 0 1px rgba(255,255,255,.5) inset; border-radius:var(--lightbox-baseline) !important; vertical-align:sub; + button{margin-left:0.3125rem;} &:after{content:'';position:absolute;inset:0;-webkit-mask-size:var(--lightbox-size-icons);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-size:var(--lightbox-size-icons);mask-position:center;mask-repeat:no-repeat;background-color:white;}}}  #lightbox_close{background-color:transparent !important;position:absolute;right:0;top:0;height:var(--lightbox-baseline);width:var(--lightbox-baseline);cursor:pointer;&:after{ content:''; position:absolute; inset:0; -webkit-mask-image:var(--lightbox-close); -webkit-mask-size:var(--lightbox-size-icons); -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; mask-image:var(--lightbox-close); mask-size:var(--lightbox-size-icons); mask-position:center; mask-repeat:no-repeat; background-color:white;}} #lightbox_first:after{mask-image:var(--lightbox-first);-webkit-mask-image:var(--lightbox-first);} #lightbox_prev:after{mask-image:var(--lightbox-prev);-webkit-mask-image:var(--lightbox-prev);} #lightbox_play{&.play{ background-color:white; border-radius:3.125rem; &:after{mask-image:var(--lightbox-pause);-webkit-mask-image:var(--lightbox-pause);background-color:black;}}&:not(.play):after{ mask-image:var(--lightbox-play); -webkit-mask-image:var(--lightbox-play); background-color:white;}} #lightbox_next:after{mask-image:var(--lightbox-next);-webkit-mask-image:var(--lightbox-next);} #lightbox_last:after{mask-image:var(--lightbox-last);-webkit-mask-image:var(--lightbox-last);}}