.sf-gallery--thumbs,.sf-gallery--thumbs-m{--sf-th-cw: var(--sf-th-w, 64px);--sf-th-in: var(--sf-th-inset, 16px);--sf-th-right: var(--sf-th-in);--sf-th-fd: var(--sf-th-fade-len, 28px);--sf-th-vsafe: 48px}.sf-thumbs{position:absolute;z-index:3;top:var(--sf-th-in);right:var(--sf-th-right);flex-direction:column;max-height:calc(100% - 2 * var(--sf-th-in));padding:var(--sf-th-pad, 0px);border-radius:calc(var(--sf-th-rad, 6px) + var(--sf-th-pad, 0px));background:var(--sf-th-panel, transparent);touch-action:pan-y}.sf-gallery__stage.is-video .sf-thumbs{max-height:calc(100% - 2 * var(--sf-th-in) - var(--sf-th-vsafe))}.sf-thumbs__list{--sf-th-spc: min(var(--sf-th-sp, 4px), calc(var(--sf-th-in) + var(--sf-th-pad, 0px)));position:relative;display:flex;flex-direction:column;gap:var(--sf-th-gap, 8px);min-height:0;margin:calc(var(--sf-th-spc) * -1);padding:var(--sf-th-spc);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sf-thumbs__list::-webkit-scrollbar{display:none}.sf-thumbs__list[data-fade]{-webkit-mask-image:var(--sf-th-mask);mask-image:var(--sf-th-mask);scroll-padding-block:calc(var(--sf-th-fd) + var(--sf-th-spc))}.sf-thumbs__list[data-fade=b]{--sf-th-mask: linear-gradient(to bottom, #000 calc(100% - var(--sf-th-fd)), transparent)}.sf-thumbs__list[data-fade=t]{--sf-th-mask: linear-gradient(to top, #000 calc(100% - var(--sf-th-fd)), transparent)}.sf-thumbs__list[data-fade=tb]{--sf-th-mask: linear-gradient(to bottom, transparent, #000 var(--sf-th-fd), #000 calc(100% - var(--sf-th-fd)), transparent)}.sf-thumb{position:relative;flex:none;display:block;width:var(--sf-th-cw);aspect-ratio:var(--sf-th-shape, .8);padding:0;margin:0;border:0;border-radius:var(--sf-th-rad, 6px);background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.sf-thumb__in{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:inherit;background:var(--sf-th-bg, var(--sf-plate));box-shadow:var(--sf-th-shadow, none)}.sf .sf-thumb__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;opacity:var(--sf-th-dim, .85);transition:opacity var(--dur-2, .28s) var(--sf-ease-out)}.sf-thumb__in:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 var(--sf-th-bw, 1px) var(--sf-th-c, #f4f1eb);pointer-events:none;transition:box-shadow var(--dur-2, .28s) var(--sf-ease-out)}.sf .sf-thumb[aria-current=true] .sf-thumb__img{opacity:1}.sf-thumb[aria-current=true] .sf-thumb__in:after{box-shadow:inset 0 0 0 var(--sf-th-bw-a, 2px) var(--sf-th-c-a, #2b2a27)}.sf-thumb[aria-current=true] .sf-thumb__in,.sf-thumb:focus-visible .sf-thumb__in{outline:var(--sf-th-halo-w, 0px) solid var(--sf-th-halo, #f4f1eb)}.sf-thumb:focus-visible .sf-thumb__in{outline-width:min(var(--sf-th-halo-w, 0px),max(0px,min(2px,calc(var(--sf-th-spc, 4px) - 2px))))}@media(hover:hover){.sf .sf-thumb:hover .sf-thumb__img{opacity:1}.sf-thumb:not([aria-current=true]):hover .sf-thumb__in:after{box-shadow:inset 0 0 0 max(var(--sf-th-bw, 1px),1px) var(--sf-th-c-h, #5a564e)}}.sf-thumb:focus-visible{outline:2px solid var(--sf-th-focus, var(--sf-ink));outline-offset:max(-2px,min(2px,calc(var(--sf-th-spc, 4px) - 2px)))}.sf-thumb__play{position:absolute;z-index:3;left:50%;top:50%;width:var(--sf-th-play, 18px);height:var(--sf-th-play, 18px);margin:calc(var(--sf-th-play, 18px) / -2) 0 0 calc(var(--sf-th-play, 18px) / -2);padding:calc(var(--sf-th-play, 18px) * .2);border-radius:50%;color:var(--sf-th-play-c, #2b2a27);background:var(--sf-th-play-bg, rgb(244 241 235 / .92));pointer-events:none}@media(pointer:coarse){.sf-thumb:before{content:"";position:absolute;inset:min(0px,calc((var(--sf-th-cw) - 44px) / 2))}}.sf-stage__navs{display:none;position:sticky;z-index:3;bottom:0;height:0}.sf-gallery--th-nav-side .sf-stage__navs{position:static}.sf-stage__nav{position:absolute;z-index:3;bottom:var(--sf-th-in);left:var(--sf-th-in);place-items:center;width:var(--sf-th-nav, 40px);height:var(--sf-th-nav, 40px);padding:0;border:0;border-radius:50%;color:var(--sf-th-nav-c, var(--sf-ink));background:var(--sf-th-nav-bg, rgb(244 241 235 / .85));box-shadow:var(--sf-th-nav-shadow, none);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--dur-2, .28s) var(--sf-ease-out),transform var(--dur-gel, .56s) var(--ease-gel, var(--sf-ease))}.sf-stage__nav svg{display:block;width:var(--sf-th-nav-i, 18px);height:var(--sf-th-nav-i, 18px)}.sf-stage__nav--next{left:calc(var(--sf-th-in) + var(--sf-th-nav, 40px) + var(--sf-th-nav-gap, 8px))}.sf-gallery__stage.is-video .sf-stage__nav{bottom:calc(var(--sf-th-in) + var(--sf-th-vsafe))}.sf-gallery--th-nav-side .sf-stage__nav,.sf-gallery--th-nav-side .sf-gallery__stage.is-video .sf-stage__nav{top:50%;bottom:auto;margin-top:calc(var(--sf-th-nav, 40px) / -2)}.sf-gallery--th-nav-side .sf-stage__nav--next{left:auto;right:calc(var(--sf-th-right) + var(--sf-th-cw) + 2 * var(--sf-th-pad, 0px) + var(--sf-th-nav-gap, 8px))}.sf-gallery__stage:hover .sf-stage__nav,.sf-stage__nav:focus-visible{opacity:1;pointer-events:auto}.sf-gallery__stage:hover .sf-stage__nav[aria-disabled=true]{opacity:var(--sf-th-nav-off, .35);cursor:default}.sf-stage__nav:active{transform:scale(.92);transition-duration:var(--dur-1, .16s)}.sf-stage__nav:focus-visible{outline:2px solid var(--sf-th-focus, var(--sf-ink));outline-offset:2px}.sf-gallery__stage:not(:hover) .sf-stage__nav[aria-disabled=true]:focus-visible svg{opacity:var(--sf-th-nav-off, .35)}.sf-gallery--thumbs .sf-gallery__track,.sf-gallery--thumbs-m .sf-gallery__track{transition:opacity calc(var(--sf-th-fade, .24s) / 2) var(--sf-ease-out)}.sf-gallery__track.is-fading{opacity:0}@media(min-width:990px){.sf-gallery--thumbs .sf-gallery__stage{border-radius:var(--sf-th-stage-r, var(--sf-r));background:var(--sf-th-stage, var(--sf-plate))}.sf-gallery--thumbs.sf-gallery--th-fit-screen .sf-gallery__stage{max-width:max(360px,calc((100svh - var(--sf-th-top, 256px)) * var(--sf-th-ar-d, 1)))}.sf-gallery--thumbs .sf-gallery__track{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:0;border-radius:var(--sf-th-stage-r, var(--sf-r))}.sf .sf-gallery--thumbs .sf-slide{flex:0 0 100%;width:100%;height:auto;aspect-ratio:var(--sf-th-ar-d, 1);border-radius:var(--sf-th-stage-r, var(--sf-r));background:var(--sf-th-stage, var(--sf-plate))}.sf-gallery--thumbs .sf-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 var(--sf-th-line-w, 1px) var(--sf-th-line, rgb(62 62 60 / .12));pointer-events:none}.sf-gallery--thumbs .sf-slide__zoom:focus-visible{border-radius:var(--sf-th-stage-r, var(--sf-r))}.sf-gallery--thumbs .sf-thumbs{display:flex}.sf .sf-gallery--thumbs .sf-video{background:var(--sf-th-stage, var(--sf-plate))}.sf .sf-gallery--thumbs.sf-gallery--th-contain .sf-slide:not(.sf-slide--plate) .sf-slide__img,.sf .sf-gallery--thumbs.sf-gallery--th-contain .sf-video{object-fit:contain}.sf .sf-gallery--thumbs.sf-gallery--th-cover .sf-slide__img,.sf .sf-gallery--thumbs.sf-gallery--th-cover .sf-video{object-fit:cover}.sf .sf-gallery--thumbs.sf-gallery--th-sq .sf-slide--lead.sf-slide--plate .sf-slide__img{object-fit:contain;transform:scale(1.12)}.sf .sf-gallery--thumbs.sf-gallery--th-clear-others .sf-slide:not(.sf-slide--lead) :is(.sf-slide__img,.sf-video),.sf .sf-gallery--thumbs.sf-gallery--th-clear-all .sf-slide.sf-slide :is(.sf-slide__img,.sf-video){box-sizing:border-box;padding-right:calc(var(--sf-th-cw) + 2 * var(--sf-th-pad, 0px) + 2 * var(--sf-th-in));object-fit:contain;transform:none}.sf .sf-gallery--thumbs.sf-gallery--th-contain.sf-gallery--th-clear-others .sf-slide--lead:not(.sf-slide--plate) .sf-slide__img{object-position:max(0px,min(50%,calc(100% - var(--sf-th-cw) - 2 * var(--sf-th-pad, 0px) - 2 * var(--sf-th-in)))) 50%}.sf-gallery--th-solo .sf-gallery__track{padding:0}.sf-gallery--th-solo.sf-gallery--th-fit-screen .sf-gallery__track{max-width:max(360px,calc((100svh - var(--sf-th-top, 256px)) * var(--sf-th-ar-d, 1)))}.sf .sf-gallery--th-solo .sf-slide{aspect-ratio:var(--sf-th-ar-d, 1);border-radius:var(--sf-th-stage-r, var(--sf-r));background:var(--sf-th-stage, var(--sf-plate))}.sf-gallery--th-solo .sf-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 var(--sf-th-line-w, 1px) var(--sf-th-line, rgb(62 62 60 / .12));pointer-events:none}.sf-gallery--th-solo .sf-slide__zoom:focus-visible{border-radius:var(--sf-th-stage-r, var(--sf-r))}.sf .sf-gallery--th-solo .sf-video{background:var(--sf-th-stage, var(--sf-plate))}.sf .sf-gallery--th-solo.sf-gallery--th-contain .sf-slide__img,.sf .sf-gallery--th-solo.sf-gallery--th-contain .sf-video{object-fit:contain}.sf .sf-gallery--th-solo.sf-gallery--th-cover .sf-slide__img,.sf .sf-gallery--th-solo.sf-gallery--th-cover .sf-video{object-fit:cover}.sf .sf-gallery--th-solo.sf-gallery--th-sq .sf-slide--solo-plate .sf-slide__img{object-fit:contain;transform:scale(1.12)}}@media(min-width:990px)and (hover:hover)and (pointer:fine){.sf-gallery--thumbs .sf-stage__navs{display:block}.sf-gallery--thumbs .sf-stage__nav{display:grid}}@media(max-width:989px){.sf-gallery--thumbs-m{--sf-th-cw: var(--sf-th-wm, 44px);--sf-th-in: var(--sf-th-inset-m, 10px)}.sf-gallery--thumbs-m .sf-pager{display:none}.sf-gallery--thumbs-m .sf-thumbs{display:flex}.sf .sf-gallery--thumbs-m .sf-slide{flex:0 0 var(--sf-stage-w);width:var(--sf-stage-w);height:auto;border-radius:var(--sf-th-stage-r, var(--sf-r));background:var(--sf-th-stage, var(--sf-plate))}.sf-gallery--thumbs-m .sf-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 var(--sf-th-line-w, 1px) var(--sf-th-line, rgb(62 62 60 / .12));pointer-events:none}.sf .sf-gallery--thumbs-m .sf-video{background:var(--sf-th-stage, var(--sf-plate))}.sf .sf-gallery--thumbs-m.sf-gallery--th-contain .sf-slide:not(.sf-slide--plate) .sf-slide__img,.sf .sf-gallery--thumbs-m.sf-gallery--th-contain .sf-video{object-fit:contain}.sf .sf-gallery--thumbs-m.sf-gallery--th-cover .sf-slide__img,.sf .sf-gallery--thumbs-m.sf-gallery--th-cover .sf-video{object-fit:cover}}@media(max-width:749px){.sf-gallery--thumbs-m{--sf-stage-w: calc(100vw - 2 * var(--sf-gutter));--sf-th-right: calc(var(--sf-gutter) + var(--sf-th-in))}.sf-gallery--thumbs-m .sf-gallery__track{padding:0 var(--sf-gutter)}.sf .sf-gallery--thumbs-m .sf-slide{aspect-ratio:var(--sf-th-ar-p, .8)}}@media(min-width:750px)and (max-width:989px){.sf-gallery--thumbs-m{--sf-stage-w: var(--sf-col);--sf-th-right: calc(100% - var(--sf-col) - var(--sf-gutter) + var(--sf-th-in))}.sf .sf-gallery--thumbs-m .sf-slide{aspect-ratio:var(--sf-th-ar-t, .8)}}@media(prefers-reduced-motion:reduce){.sf-gallery--thumbs .sf-gallery__track,.sf-gallery--thumbs-m .sf-gallery__track,.sf .sf-thumb__img,.sf-thumb__in:after,.sf-stage__nav{transition:none}}@media(forced-colors:active){.sf-thumb__in:after{box-shadow:inset 0 0 0 1px CanvasText}.sf-thumb[aria-current=true] .sf-thumb__in:after{box-shadow:inset 0 0 0 3px Highlight}.sf-thumb[aria-current=true] .sf-thumb__in,.sf-thumb:focus-visible .sf-thumb__in{outline:none}.sf-thumb__play{border:1px solid CanvasText}.sf-stage__nav{border:1px solid ButtonText}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/selv-fiche-vignettes.css.map */