html.apy-visionneuse-ouverte{overflow:hidden;padding-right:var(--apy-barre-defilement, 0px)}.apy-visionneuse__dialogue{background:var(--apy-blanc);border:0;box-sizing:border-box;color:var(--apy-noir);height:100%;top:0;right:0;bottom:0;left:0;margin:0;max-height:none;max-width:none;overflow:hidden;padding:0;width:100%}.apy-visionneuse__dialogue[open]{animation:apy-visionneuse-entree .2s ease-out;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.apy-visionneuse__dialogue:focus{outline:none}.apy-visionneuse__dialogue::backdrop{background:var(--apy-blanc)}@keyframes apy-visionneuse-entree{0%{opacity:0}to{opacity:1}}.apy-visionneuse__haut{align-items:center;display:flex;justify-content:space-between;padding:16px 24px}.apy-visionneuse__compteur{color:var(--apy-noir);font-family:var(--apy-font-mono);font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.05em;margin:0}.apy-visionneuse__bouton{align-items:center;-webkit-appearance:none;appearance:none;background:var(--apy-blanc);border:1px solid var(--apy-trait);border-radius:999px;color:var(--apy-noir);cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease;width:48px}.apy-visionneuse__bouton svg{fill:currentColor;height:20px;inset:auto;position:static;width:20px}.apy-visionneuse__bouton:hover{background:var(--apy-encre);border-color:var(--apy-encre);color:var(--apy-blanc)}.apy-visionneuse__bouton:focus-visible,.apy-visionneuse__vignette:focus-visible{outline:2px solid var(--apy-encre);outline-offset:2px}.apy-visionneuse__bouton:disabled{opacity:.3;pointer-events:none}.apy-visionneuse__scene{min-height:0;position:relative}.apy-visionneuse__piste{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.apy-visionneuse__piste::-webkit-scrollbar{display:none}.apy-visionneuse__diapo{align-items:center;box-sizing:border-box;display:flex;flex:0 0 100%;height:100%;justify-content:center;margin:0;overflow:hidden;padding:0 96px;scroll-snap-align:center;scroll-snap-stop:always}.apy-visionneuse__media{display:block;height:100%;object-fit:contain;width:100%}.apy-visionneuse__image{-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.apy-visionneuse__image{transition:transform .3s ease}.apy-visionneuse__diapo.is-sur-image .apy-visionneuse__image{cursor:zoom-in}.apy-visionneuse__diapo.is-zoom .apy-visionneuse__image{cursor:zoom-out}}.apy-visionneuse__fleche{position:absolute;top:50%;transform:translateY(-50%)}.apy-visionneuse__fleche--prec{left:24px}.apy-visionneuse__fleche--suiv{right:24px}.apy-visionneuse__vignettes{display:flex;gap:8px;overflow-x:auto;padding:16px 24px 24px;position:relative;scrollbar-width:none}.apy-visionneuse__vignettes::-webkit-scrollbar{display:none}.apy-visionneuse__vignette:first-child{margin-left:auto}.apy-visionneuse__vignette:last-child{margin-right:auto}.apy-visionneuse__vignette{-webkit-appearance:none;appearance:none;background:var(--apy-fond-clair);border:1px solid transparent;border-radius:4px;cursor:pointer;flex:0 0 64px;height:64px;opacity:.5;overflow:hidden;padding:0;transition:border-color .2s ease,opacity .2s ease;width:64px}.apy-visionneuse__vignette img{display:block;height:100%;object-fit:cover;width:100%}.apy-visionneuse__vignette:hover{opacity:.8}.apy-visionneuse__vignette[aria-current=true]{border-color:var(--apy-noir);opacity:1}@media(max-width:1024px){.apy-visionneuse__haut{padding:12px 16px}.apy-visionneuse__bouton{height:44px;width:44px}.apy-visionneuse__diapo{padding:0 76px}.apy-visionneuse__fleche--prec{left:16px}.apy-visionneuse__fleche--suiv{right:16px}.apy-visionneuse__vignettes{padding:12px 16px 16px}.apy-visionneuse__vignette{flex-basis:56px;height:56px;width:56px}}@media(hover:none){.apy-visionneuse__fleche{display:none}.apy-visionneuse__diapo{padding:0 16px}}@media(prefers-reduced-motion:reduce){.apy-visionneuse__dialogue[open]{animation:none}.apy-visionneuse__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/apy-visionneuse.css.map */