:root{--pf-gap: 0px;--pf-padding: 0px;--pf-border-radius: 0px;--pf-pagination-item-bullet-size: 10px;--pf-pagination-item-thumb-size: 6;--pf-pagination-item-color: #aaaaaa;--pf-pagination-item-active-color: #d09eff;--pf-pagination-item-offset: 0px;--pf-navigation-item-color: #d09eff;--pf-navigation-item-bg-color: transparent;--pf-navigation-item-size: 44px;--pf-navigation-item-offset: 0px;--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-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.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:var(--pf-navigation-item-size, 44px);height:var(--pf-navigation-item-size, 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) + var(--pf-navigation-item-offset, 0px))}.paneflow-next{right:calc(var(--pf-padding) + var(--pf-navigation-item-offset, 0px))}.paneflow:has(.paneflow-pagination) .paneflow-content{height:min(100%,100% - var(--pf-padding) - var(--pf-pagination-item-bullet-size, 0px) - var(--pf-pagination-item-offset, 0px))}.paneflow:has(.paneflow-pagination) .paneflow-next,.paneflow:has(.paneflow-pagination) .paneflow-prev{top:calc(50% - var(--pf-pagination-item-bullet-size, 0px)/2 - var(--pf-padding)/2 - max((var(--pf-padding) + var(--pf-pagination-item-bullet-size, 0px))*-1,var(--pf-pagination-item-offset, 0px))/2)}.paneflow-pagination{display:flex;gap:min(16px,var(--pf-pagination-item-bullet-size, 0px));justify-content:center;padding-bottom:var(--pf-padding);margin-top:var(--pf-pagination-item-offset, 0px)}.paneflow-pagination-clickable .paneflow-pagination-item{cursor:pointer}.paneflow-pagination-item{width:var(--pf-pagination-item-bullet-size, 0px);height:var(--pf-pagination-item-bullet-size, 0px);border-radius:calc(var(--pf-pagination-item-bullet-size, 0px)/2);background-color:var(--pf-pagination-item-color);transform:scale(0.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:min(64px,var(--pf-pagination-item-bullet-size, 0px)*4);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:has(.paneflow-thumbs) .paneflow-content{height:min(100%,100% - var(--pf-padding) - var(--pf-pagination-item-thumb-size, 0)*1cqh - var(--pf-pagination-item-offset, 0px))}.paneflow:has(.paneflow-thumbs) .paneflow-next,.paneflow:has(.paneflow-thumbs) .paneflow-prev{top:calc(50% - var(--pf-pagination-item-thumb-size, 0)*1cqh/2 - var(--pf-padding)/2 - max((var(--pf-padding) + var(--pf-pagination-item-thumb-size, 0)*1cqh)*-1,var(--pf-pagination-item-offset, 0px))/2)}.paneflow-thumbs{display:flex;justify-content:center;margin-top:var(--pf-pagination-item-offset, 0px)}.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:calc(var(--pf-pagination-item-thumb-size, 0)*1cqw);height:calc(var(--pf-pagination-item-thumb-size, 0)*1cqh);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(0.75)}@keyframes paneflow-twirl{0%{opacity:0;transform:rotate(0deg) scale(0.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:.9 1.1}50%{scale:1 .9}75%{scale:.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 + 0.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 + 0.25 * var(--pf-animation-range-scale)))}50%{transform:scale(calc(1 - 0.05 * var(--pf-animation-range-scale)))}75%{transform:scale(calc(1 + 0.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 - 0.05 * var(--pf-animation-range-scale)));opacity:1}80%{transform:scale(calc(1 + 0.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 + 0.05 * var(--pf-animation-range-scale)), calc(1 - 0.05 * var(--pf-animation-range-scale))) translateY(10%)}60%{transform:scale(calc(1 - 0.05 * var(--pf-animation-range-scale)), calc(1 + 0.05 * var(--pf-animation-range-scale))) translateY(-20%)}80%{transform:scale(calc(1 + 0.025 * var(--pf-animation-range-scale)), calc(1 - 0.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 + 0.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)))}}