:root{--f-thumbs-gap:8px;--f-thumbs-margin:0;--f-thumbs-padding-x:8px;--f-thumbs-padding-y:8px;--f-thumbs-bg:transparent;--f-thumbs-transition:max-height .3s ease,max-width .3s ease,padding .3s ease;--f-thumbs-z-index:1;--f-thumbs-viewport-padding-x:0px;--f-thumbs-viewport-padding-y:0px;--f-thumb-width:94px;--f-thumb-height:76px;--f-thumb-clip-width:46px;--f-thumb-extra-gap:16px;--f-thumb-opacity:1;--f-thumb-transition:opacity .3s ease,transform .15s ease;--f-thumb-border:none;--f-thumb-border-radius:4px;--f-thumb-shadow:none;--f-thumb-bg:linear-gradient(#0000001a,#0000000d);--f-thumb-focus-shadow:inset 0 0 0 .8px #222,inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow:inset 0 0 0 .8px #222,inset 0 0 0 2.25px #fff;--f-thumb-border-transition:all .1s ease;--f-thumb-img-width:100%;--f-thumb-img-height:100%;--f-thumb-img-fit:cover;--f-thumb-img-position:50% 20%}.f-thumbs{--f-carousel-slide-width:var(--f-thumb-width);--f-carousel-slide-height:var(--f-thumb-height);--f-carousel-gap:var(--f-thumbs-gap);box-sizing:border-box;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y)var(--f-thumbs-padding-x);background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index);flex-shrink:0;position:relative;overflow:hidden}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y)*2)}.f-thumbs.is-horizontal.is-hidden{--f-thumbs-padding-y:0;max-height:0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)*2)}.f-thumbs.is-vertical.is-hidden{--f-thumbs-padding-x:0;max-width:0}.f-thumbs.is-scrollable.is-hidden{--f-thumbs-padding-y:0;max-height:0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:#0000;display:block}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y)var(--f-thumbs-viewport-padding-x);display:grid;overflow:visible}.f-thumbs__slide{box-sizing:border-box;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);cursor:pointer;flex-direction:column;grid-area:1/1;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity,1);transform:var(--f-thumb-hover-transform,none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border,none);box-shadow:var(--f-thumb-hover-shadow,var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;width:100%;height:100%;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg);outline:none;margin:auto;padding:0;display:block;position:relative;overflow:visible}.f-thumbs__slide button:after{content:"";z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow);position:absolute;inset:0}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity,1);transform:var(--f-thumb-focus-transform,none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border,none);box-shadow:var(--f-thumb-focus-shadow,var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity,1);transform:var(--f-thumb-active-transform,none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border,none);box-shadow:var(--f-thumb-active-shadow,var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity,1);transform:var(--f-thumb-selected-transform,none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border,none);box-shadow:var(--f-thumb-selected-shadow,var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width:calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap));--f-carousel-slide-height:var(--f-thumb-height);--f-carousel-gap:0;--width-diff:calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width)*2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x))*-1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift:calc((var(--width-diff)*.5)*var(--progress));--clip-path:inset(0 var(--clip-shift)round var(--f-thumb-border-radius,0));left:var(--shift,0);will-change:left;transition:left var(--f-transition-duration)var(--f-transition-easing);padding:0;overflow:visible}.f-thumbs.is-modern .f-thumbs__slide button{width:var(--f-thumb-width);clip-path:var(--clip-path);box-shadow:none;transition:clip-path var(--f-transition-duration)var(--f-transition-easing),opacity var(--f-thumb-transition-duration,.2s)var(--f-thumb-transition-easing,ease);border:none;margin-inline:50%;display:block}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration)var(--f-transition-easing),box-shadow var(--f-transition-duration)var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border,none);box-shadow:var(--f-thumb-focus-shadow,none);position:absolute}.f-thumbs.is-modern{--f-transition-duration:.25s;--f-transition-easing:ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration:0s}.f-thumbs.is-scrollable .f-thumbs__viewport{grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overscroll-behavior:contain;-webkit-user-select:none;user-select:none;display:grid;overflow:auto}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none;grid-area:auto;display:block;position:relative}
