:root{--f-thumbs-gap:8px;--f-thumbs-margin:0;--f-thumbs-padding-x:8px;--f-thumbs-padding-y:8px;--f-thumbs-z-index:1;--f-thumb-width:96px;--f-thumb-height:72px;--f-thumb-fit:cover;--f-thumb-opacity:1;--f-thumb-transition:opacity .3s ease,transform .15s ease;--f-thumb-border:none;--f-thumb-border-radius:4px;--f-thumb-transfors:none;--f-thumb-shadow:none;--f-thumb-bg:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.05));--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-thumbs{--f-carousel-slide-width:calc(var(--f-thumb-width) + var(--f-thumbs-gap));--f-carousel-slide-height:calc(var(--f-thumb-height) + var(--f-thumbs-gap));--f-carousel-gap:0;background:var(--f-thumbs-bg);flex-shrink:0;margin:var(--f-thumbs-margin);max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y)*2);padding:0;-webkit-tap-highlight-color:transparent;overflow:hidden;transition:max-height .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:var(--f-thumbs-z-index)}.f-thumbs__viewport{display:grid;margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible}.f-thumbs__slide{align-items:center;cursor:pointer;display:flex;flex-direction:column;grid-area:1/1;height:var(--f-carousel-slide-height);margin:0;overflow:visible;padding:calc(var(--f-thumbs-gap)*.5);position:relative;width:var(--f-carousel-slide-width)}.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;background:var(--f-thumb-bg);border-radius:var(--f-thumb-border-radius);height:100%;margin:auto;opacity:var(--f-thumb-opacity);outline:none;overflow:visible;padding:0;position:relative;transform:var(--f-thumb-transform);transition:var(--f-thumb-transition);width:100%}.f-thumbs__slide button:after{border:var(--f-thumb-border);border-radius:inherit;box-shadow:var(--f-thumb-shadow);content:"";top:0;right:0;bottom:0;left:0;position:absolute;transition:none;z-index:1}.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__slide img{border-radius:inherit;display:block;height:100%;-o-object-fit:var(--f-thumb-fit);object-fit:var(--f-thumb-fit);pointer-events:none;width:100%}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-modern{--f-thumb-clip-width:46px;--f-thumb-extra-gap:16px;--f-carousel-slide-width:calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap));--f-carousel-slide-height:var(--f-thumb-height);--width-diff:calc(var(--f-thumb-width) - var(--f-thumb-clip-width))}.f-thumbs.is-modern .f-thumbs__viewport{margin-left:calc(var(--width-diff)*-1);width:calc(100% + var(--width-diff)*2)}.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);overflow:visible;padding:0;transition:left var(--f-transition-duration) var(--f-transition-easing);will-change:left}.f-thumbs.is-modern .f-thumbs__slide button{border:none;box-shadow:none;clip-path:var(--clip-path);display:block;margin-left:-50%;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration,.2s) var(--f-thumb-transition-easing,ease);width:var(--f-thumb-width)}.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{border:var(--f-thumb-focus-border,none);border-radius:inherit;bottom:0;box-shadow:var(--f-thumb-focus-shadow,none);content:"";left:var(--clip-shift);position:absolute;right:var(--clip-shift);top:0;transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);z-index:1}.f-thumbs.is-modern{--f-transition-duration:.25s;--f-transition-easing:ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration:0s}.f-progressbar{animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear;background:var(--f-progressbar-color,var(--f-carousel-theme-color,#575ad6));height:var(--f-progressbar-height,3px);left:0;pointer-events:none;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:30}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}