:root{--pf-gap:0px;--pf-padding:0px;--pf-border-radius:0px;--pf-pagination-item-color:#aaaaaa;--pf-pagination-item-active-color:#d09eff;--pf-navigation-item-color:#d09eff;--pf-navigation-item-bg-color:transparent;--pf-animation-duration-scale:1;--pf-animation-range-scale:1}.paneflow{position:relative;container-name:paneflow;container-type:size;user-select:none}.paneflow *{box-sizing:border-box}.paneflow-content{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;container-name:paneflow-content;container-type:size;user-select:none}.paneflow-content *{transition-timing-function:cubic-bezier(0.56,0,0.03,0.99)}.paneflow-block,.paneflow-thumbs-item-block{user-select:none;--pf-full-minus-padding:100% - 2 * var(--pf-padding, 0px);--pf-cols-gap:(var(--pf-cols, 0px) - 1) * var(--pf-gap, 0px);--pf-rows-gap:(var(--pf-rows, 0px) - 1) * var(--pf-gap, 0px);width:calc((var(--pf-full-minus-padding) - var(--pf-cols-gap))/ var(--pf-cols,0px) * var(--pf-width-cols,0px) + (var(--pf-width-cols,0px) - 1) * var(--pf-gap,0px));height:calc((var(--pf-full-minus-padding) - var(--pf-rows-gap))/ var(--pf-rows,0px) * var(--pf-height-rows,0px) + (var(--pf-height-rows,0px) - 1) * var(--pf-gap,0px));left:calc(var(--pf-padding) + (var(--pf-full-minus-padding) - var(--pf-cols-gap))/ var(--pf-cols) * var(--pf-col) + var(--pf-col) * var(--pf-gap));top:calc(var(--pf-padding) + (var(--pf-full-minus-padding) - var(--pf-rows-gap))/ var(--pf-rows) * var(--pf-row) + var(--pf-row) * var(--pf-gap));position:absolute;border-radius:var(--pf-border-radius);overflow:hidden}.paneflow-next,.paneflow-prev{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;color:var(--pf-navigation-item-color);background-color:var(--pf-navigation-item-bg-color);border-radius:50%}.paneflow-next-disabled,.paneflow-prev-disabled{pointer-events:none;opacity:.25}.paneflow-next svg,.paneflow-prev svg{width:100%;height:100%}.paneflow-prev{left:calc(var(--pf-padding))}.paneflow-next{right:calc(var(--pf-padding))}.paneflow-with-pagination .paneflow-content{height:calc(100% - var(--pf-padding) - 10px)}.paneflow-with-pagination .paneflow-next,.paneflow-with-pagination .paneflow-prev{top:calc(50% - 5px - var(--pf-padding)/ 2)}.paneflow-pagination{display:flex;gap:10px;justify-content:center;padding-top:0;padding-bottom:var(--pf-padding)}.paneflow-pagination-clickable .paneflow-pagination-item{cursor:pointer}.paneflow-pagination-item{width:10px;height:10px;border-radius:5px;background-color:var(--pf-pagination-item-color);transform:scale(.8);transition-duration:var(--pf-transition-duration, 300ms);flex-shrink:0;position:relative;overflow:hidden}.paneflow-pagination-item-active{background-color:var(--pf-pagination-item-active-color);transform:scale(1)}.paneflow-pagination-autoplay .paneflow-pagination-item-active{width:40px;background-color:color-mix(in oklab,var(--pf-pagination-item-active-color) 30%,transparent)}.paneflow-pagination-item-active.paneflow-pagination-item-autoplay::after{content:'';position:absolute;inset:0px;background-color:var(--pf-pagination-item-active-color);border-radius:inherit;animation:paneflow-pagination-item-active-animation var(--pf-autoplay-interval) linear forwards}@keyframes paneflow-pagination-item-active-animation{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}.paneflow-with-thumbs .paneflow-next,.paneflow-with-thumbs .paneflow-prev{top:calc(50% - 3cqh - var(--pf-padding)/ 2)}.paneflow-with-thumbs .paneflow-content{height:calc(100% - var(--pf-padding) - 6cqh)}.paneflow-thumbs{display:flex;justify-content:center}.paneflow-thumbs-container{display:flex;gap:8px;width:fit-content;padding-bottom:var(--pf-padding);overflow-x:auto;padding-left:var(--pf-padding);padding-right:var(--pf-padding);scrollbar-width:none;-ms-overflow-style:none}.paneflow-thumbs-container::-webkit-scrollbar{display:none}.paneflow-thumbs-clickable .paneflow-thumbs-item{cursor:pointer}.paneflow-thumbs-item{width:6cqw;height:6cqh;position:relative;container-name:paneflow-thumbs-item;container-type:size;flex-shrink:0}.paneflow-thumbs-item-block{background-color:var(--pf-pagination-item-color);transition-duration:var(--pf-transition-duration, 300ms)}.paneflow-thumbs-item-active .paneflow-thumbs-item-block{background-color:var(--pf-pagination-item-active-color)}.paneflow-animation-spin{animation:paneflow-spin calc(2s * var(--pf-animation-duration-scale)) linear infinite}@keyframes paneflow-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.paneflow-animation-rotate{animation:paneflow-rotate calc(2s * var(--pf-animation-duration-scale)) linear infinite;transform-origin:center calc(75% + 25% * var(--pf-animation-range-scale));transform:translateY(calc(-25% - 25% * var(--pf-animation-range-scale))) rotate(0deg)}@keyframes paneflow-rotate{0%{transform:translateY(calc(-25% - 25% * var(--pf-animation-range-scale))) rotate(0deg)}100%{transform:translateY(calc(-25% - 25% * var(--pf-animation-range-scale))) rotate(360deg)}}.paneflow-animation-twirl{animation:paneflow-twirl calc(1s * var(--pf-animation-duration-scale)) ease-out forwards;opacity:0;transform:rotate(0deg) scale(.75)}@keyframes paneflow-twirl{0%{opacity:0;transform:rotate(0deg) scale(.75)}100%{opacity:1;transform:rotate(720deg) scale(1)}}.paneflow-animation-bounce{animation:paneflow-bounce-transform calc(1s * var(--pf-animation-duration-scale)) ease-in-out infinite,paneflow-bounce-scale calc(1s * var(--pf-animation-duration-scale)) ease-in-out infinite;transform:translateY(calc(-50% * var(--pf-animation-range-scale)));scale:1 1}@keyframes paneflow-bounce-transform{0%,100%{transform:translateY(calc(-50% * var(--pf-animation-range-scale)))}50%{transform:translateY(0px)}}@keyframes paneflow-bounce-scale{0%,100%{scale:1 1}25%{scale:0.9 1.1}50%{scale:1 0.9}75%{scale:0.9 1.1}}.paneflow-animation-pulse{animation:paneflow-pulse calc(1s * var(--pf-animation-duration-scale)) ease-in-out infinite}@keyframes paneflow-pulse{0%,100%{transform:scale(1)}50%{transform:scale(calc(1 + .1 * var(--pf-animation-range-scale)))}}.paneflow-animation-pop{animation:paneflow-pop calc(1s * var(--pf-animation-duration-scale)) ease-in-out forwards;transform:scale(0)}@keyframes paneflow-pop{0%{transform:scale(0)}20%{transform:scale(calc(1 + .25 * var(--pf-animation-range-scale)))}50%{transform:scale(calc(1 - .05 * var(--pf-animation-range-scale)))}75%{transform:scale(calc(1 + .025 * var(--pf-animation-range-scale)))}100%{transform:scale(1)}}.paneflow-animation-stomp{animation:paneflow-stomp calc(.75s * var(--pf-animation-duration-scale)) ease-in-out forwards;transform:scale(calc(1 + 1 * var(--pf-animation-range-scale)));opacity:0}@keyframes paneflow-stomp{0%{transform:scale(calc(1 + 1 * var(--pf-animation-range-scale)));opacity:0}60%{transform:scale(calc(1 - .05 * var(--pf-animation-range-scale)));opacity:1}80%{transform:scale(calc(1 + .025 * var(--pf-animation-range-scale)));opacity:1}100%{transform:scale(1);opacity:1}}.paneflow-animation-drop{animation:paneflow-drop calc(.75s * var(--pf-animation-duration-scale)) ease-out forwards;transform:scale(1) translateY(calc(-400% - 100% * var(--pf-animation-range-scale)));opacity:0}@keyframes paneflow-drop{0%{transform:scale(1) translateY(calc(-400% - 100% * var(--pf-animation-range-scale)));opacity:0}30%{transform:scale(1) translateY(0);opacity:1}40%{transform:scale(calc(1 + .05 * var(--pf-animation-range-scale)),calc(1 - .05 * var(--pf-animation-range-scale))) translateY(10%)}60%{transform:scale(calc(1 - .05 * var(--pf-animation-range-scale)),calc(1 + .05 * var(--pf-animation-range-scale))) translateY(-20%)}80%{transform:scale(calc(1 + .025 * var(--pf-animation-range-scale)),calc(1 - .025 * var(--pf-animation-range-scale))) translateY(5%)}100%{transform:scale(1) translateY(0%);opacity:1}}.paneflow-animation-fade{animation:paneflow-fade calc(.5s * var(--pf-animation-duration-scale)) ease-in-out forwards;opacity:0}@keyframes paneflow-fade{0%{opacity:0}100%{opacity:1}}.paneflow-animation-blur{animation:paneflow-blur calc(.5s * var(--pf-animation-duration-scale)) ease-in-out forwards;opacity:0}@keyframes paneflow-blur{0%{opacity:0;filter:blur(20px)}100%{opacity:1;filter:blur(0px)}}.paneflow-animation-succession{animation:paneflow-succession calc(.5s * var(--pf-animation-duration-scale)) ease-out forwards;opacity:0;transform:scale(0)}@keyframes paneflow-succession{0%{opacity:0;filter:blur(20px);transform:scale(0)}100%{opacity:1;filter:blur(0px);transform:scale(1)}}.paneflow-animation-zoom{animation:paneflow-zoom calc(20s * var(--pf-animation-duration-scale)) linear infinite alternate}@keyframes paneflow-zoom{0%{transform:scale(1)}100%{transform:scale(calc(1 + .25 * var(--pf-animation-range-scale)))}}.paneflow-animation-drift-x{animation:paneflow-drift-x calc(20s * var(--pf-animation-duration-scale)) linear infinite alternate}@keyframes paneflow-drift-x{0%{transform:translate(calc(25% * var(--pf-animation-range-scale)),0)}100%{transform:translate(calc(-25% * var(--pf-animation-range-scale)),0)}}.paneflow-animation-drift-y{animation:paneflow-drift-y calc(20s * var(--pf-animation-duration-scale)) linear infinite alternate}@keyframes paneflow-drift-y{0%{transform:translate(0,calc(-25% * var(--pf-animation-range-scale)))}100%{transform:translate(0,calc(25% * var(--pf-animation-range-scale)))}}