:is(.foxy,.fennecs){--animation-speed:1s;--drag-multiplier:0;--animation-delay:calc(var(--animation-speed) * var(--drag-multiplier) * -1);--full-height:100%;--full-width:100%;--columns-layout:[slide-start arrows-start bullets-start] 100% [slide-end arrows-end bullets-end];--rows-layout:[slide-start] 1fr [arrows-start] auto [arrows-end] 1fr [slide-end bullets-start] auto [bullets-end];--slide-gap:0px;display:grid;grid-template-columns:var(--columns-layout);grid-template-rows:var(--rows-layout);position:relative}:is(.foxy,.fennecs):where(.foxy-vertical){grid-template-columns:var(--rows-layout);grid-template-rows:var(--columns-layout)}:is(.foxy,.fennecs).inline-foxy{display:inline-grid}:is(.foxy,.fennecs)>*{animation-delay:var(--animation-delay);animation-duration:var(--animation-speed);animation-fill-mode:both;grid-column:slide;grid-row:slide;visibility:hidden}:is(.foxy,.fennecs):where(:not(.foxy-custom-alignment))>*{align-self:center;justify-self:center}:is(.foxy,.fennecs).foxy-no-animation>*{animation:none!important}:is(.foxy,.fennecs).foxy-dragging>*{animation-play-state:paused}:is(.foxy,.fennecs):not(.foxy-initialised)>*:first-child{visibility:visible}:is(.foxy,.fennecs):is(.foxy,.fennecs) :is(.foxy-arrows,.foxy-bullets){visibility:visible}:is(.foxy,.fennecs) .foxy-arrows{box-sizing:border-box;display:flex;grid-column:arrows;grid-row:arrows;justify-content:space-between;pointer-events:none;position:relative}:is(.foxy,.fennecs,.fox-parade):where(:not(.foxy-vertical)) .foxy-arrows{padding:0 20px;width:100%}:is(.foxy,.fennecs,.fox-parade):where(.foxy-vertical) .foxy-arrows{flex-direction:column;height:100%;padding:20px 0}:is(.foxy,.fennecs,.fox-parade) .foxy-arrow{align-items:center;appearance:none;background:#fff;border:0;border-radius:50%;box-shadow:0 0 5px rgb(0 0 0 / .2);box-sizing:border-box;cursor:pointer;display:flex;font-size:0;height:30px;justify-content:center;overflow:hidden;pointer-events:auto;padding-top:7px;text-indent:-9999px;transform:translateY(-50%);width:30px}:is(.foxy,.fennecs,.fox-parade) .foxy-arrow:hover{background:#ddd}:is(.foxy,.fennecs,.fox-parade) .foxy-arrow[disabled]{cursor:default;opacity:.5;pointer-events:none}:is(.foxy,.fennecs,.fox-parade) .foxy-arrow:after{border:solid #000;border-radius:1px;border-width:2px 2px 0 0;content:"";display:block;height:10px;transform:rotate(-45deg);width:10px}:is(.foxy,.fennecs,.fox-parade) .foxy-prev{transform:rotate(-90deg)}:is(.foxy,.fennecs,.fox-parade):where(.foxy-vertical) .foxy-prev{transform:rotate(0)}:is(.foxy,.fennecs,.fox-parade) .foxy-next{transform:rotate(90deg)}:is(.foxy,.fennecs,.fox-parade):where(.foxy-vertical) .foxy-next{transform:rotate(180deg)}:is(.foxy,.fennecs) .foxy-bullets{align-items:center;display:flex;flex-wrap:wrap;grid-column:bullets;grid-row:bullets;margin:10px 0;padding:0}:is(.foxy,.fennecs):where(.foxy-vertical) .foxy-bullets{flex-direction:column}:is(.foxy,.fennecs) .foxy-bullet-item{display:block;margin:0 5px}:is(.foxy,.fennecs) .foxy-bullet{background:#fff;border:0;border-radius:50%;box-shadow:0 0 5px rgb(0 0 0 / .2);box-sizing:border-box;cursor:pointer;height:10px;overflow:hidden;padding:0;text-indent:-9999px;transition:background 0.2s;width:10px}:is(.foxy,.fennecs) .foxy-active .foxy-bullet{background:#aaa}.fennecs{--rows:1}.fennecs:where(:not(.foxy-vertical)){grid-template-rows:repeat(var(--rows),auto)}.fennecs:where(.foxy-vertical){grid-auto-flow:column;grid-template-columns:repeat(var(--rows),auto)}.fennecs:where(.foxy-has-bullets:not(.foxy-vertical)){grid-template-rows:repeat(var(--rows),auto) auto}.fennecs:where(.foxy-has-bullets.foxy-vertical){grid-template-columns:repeat(var(--rows),auto) auto}.fennecs>*{--row:auto;--column:auto;grid-column:var(--column);grid-row:var(--row);visibility:visible}.fennecs:where(.foxy-vertical)>*{grid-column:var(--row);grid-row:var(--column)}.fennecs.foxy-initialised>*{visibility:hidden}.fennecs .foxy-arrows{align-self:center;grid-column:1 / -1;grid-row:1 / -1}.fennecs:where(:not(.foxy-vertical)) .foxy-bullets{grid-column:1 / -1;grid-row:calc(var(--rows) + 1)}.fennecs:where(.foxy-vertical) .foxy-bullets{grid-column:calc(var(--rows) + 1);grid-row:1 / -1}.fox-parade{--inner-width:0;--inner-height:0;display:flex;max-width:100%;overflow-x:scroll;overflow-y:visible;position:relative;scroll-snap-type:x mandatory;scrollbar-width:none}.fox-parade:where(.foxy-vertical){overflow-x:visible;overflow-y:scroll}.fox-parade::-webkit-scrollbar{height:0;width:0}.fox-parade>*{flex-shrink:0;scroll-snap-align:center}.fox-parade:where(:not(.foxy-custom-alignment))>*{align-self:center}.fox-parade .foxy-arrows{display:flex;height:auto;justify-content:space-between;left:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--inner-width)}.fox-parade:where(.foxy-vertical) .foxy-arrows{flex-direction:column;height:var(--inner-height);left:50%;top:0;transform:translateX(-50%);width:auto}.fox-parade .foxy-arrow{position:sticky}.fox-parade .foxy-prev{left:20px;top:20px}.fox-parade .foxy-next{bottom:20px;right:20px}@keyframes foxy-fade-departed{0%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}:is(.foxy,.fennecs).foxy-fade .foxy-departed{animation-name:foxy-fade-departed;visibility:hidden;z-index:0}@keyframes foxy-fade-current{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}:is(.foxy,.fennecs).foxy-fade .foxy-current{animation-name:foxy-fade-current;visibility:visible;z-index:1}:is(.foxy,.fennecs).foxy-fade :is(.foxy-arrows,.foxy-bullets){opacity:1;z-index:2}:is(.foxy,.fennecs).foxy-fade-in .foxy-departed{z-index:0;opacity:1;visibility:visible}@keyframes foxy-fade-in-current{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}:is(.foxy,.fennecs).foxy-fade-in .foxy-current{animation-name:foxy-fade-in-current;opacity:1;visibility:visible;z-index:1}:is(.foxy,.fennecs).foxy-fade-in :is(.foxy-arrows,.foxy-bullets){opacity:1;z-index:2}:is(.foxy,.fennecs).foxy-instant .foxy-current{visibility:visible}:is(.foxy,.fennecs).foxy-slide{overflow:hidden}:is(.foxy,.fennecs).foxy-slide :is(.foxy-departed,.foxy-current){visibility:visible}@keyframes foxy-slide-departed-forward{0%{transform:none}100%{transform:translateX(calc(var(--full-width) * -1 - var(--slide-gap)))}}:is(.foxy,.fennecs).foxy-slide.foxy-direction-forward .foxy-departed{animation-name:foxy-slide-departed-forward;transform:translateX(calc(var(--full-width) * -1 - var(--slide-gap)))}@keyframes foxy-slide-departed-backward{0%{transform:none}100%{transform:translateX(calc(var(--full-width) + var(--slide-gap)))}}:is(.foxy,.fennecs).foxy-slide.foxy-direction-backward .foxy-departed{animation-name:foxy-slide-departed-backward;transform:translateX(calc(var(--full-width) + var(--slide-gap)))}@keyframes foxy-slide-current-forward{0%{transform:translateX(calc(var(--full-width) + var(--slide-gap)))}100%{transform:none}}:is(.foxy,.fennecs).foxy-slide.foxy-direction-forward .foxy-current{animation-name:foxy-slide-current-forward}@keyframes foxy-slide-current-backward{0%{transform:translateX(calc(var(--full-width) * -1 - var(--slide-gap)))}100%{transform:none}}:is(.foxy,.fennecs).foxy-slide.foxy-direction-backward .foxy-current{animation-name:foxy-slide-current-backward}:is(.foxy,.fennecs) :is(.foxy-arrows,.foxy-bullets){position:static}:is(.foxy,.fennecs).foxy-slide:where(.foxy-vertical) .foxy-bullets{right:0;position:absolute;left:auto}:is(.foxy,.fennecs).foxy-vertical-slide{overflow:hidden;touch-action:none}:is(.foxy,.fennecs).foxy-vertical-slide :is(.foxy-departed,.foxy-current){visibility:visible}@keyframes foxy-vertical-slide-departed-forward{0%{transform:none}100%{transform:translateY(calc(var(--full-height) * -1 - var(--slide-gap)))}}:is(.foxy,.fennecs).foxy-vertical-slide.foxy-direction-forward .foxy-departed{animation-name:foxy-vertical-slide-departed-forward;transform:translateY(calc(var(--full-height) * -1 - var(--slide-gap)))}@keyframes foxy-vertical-slide-departed-backward{0%{transform:none}100%{transform:translateY(calc(var(--full-height) + var(--slide-gap)))}}:is(.foxy,.fennecs).foxy-vertical-slide.foxy-direction-backward .foxy-departed{animation-name:foxy-vertical-slide-departed-backward;transform:translateY(calc(var(--full-height) + var(--slide-gap)))}@keyframes foxy-vertical-slide-current-forward{0%{transform:translateY(calc(var(--full-height) + var(--slide-gap)))}100%{transform:none}}:is(.foxy,.fennecs).foxy-vertical-slide.foxy-direction-forward .foxy-current{animation-name:foxy-vertical-slide-current-forward}@keyframes foxy-vertical-slide-current-backward{0%{transform:translateY(calc(var(--full-height) * -1 - var(--slide-gap)))}100%{transform:none}}:is(.foxy,.fennecs).foxy-vertical-slide.foxy-direction-backward .foxy-current{animation-name:foxy-vertical-slide-current-backward}:is(.foxy,.fennecs).foxy-vertical-slide .foxy-arrows{position:static}:is(.foxy,.fennecs).foxy-vertical-slide:where(:not(.foxy-vertical)) .foxy-bullets{bottom:0;position:absolute;top:auto}