: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:#aaa;--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{-webkit-user-select:none;user-select:none;position:relative;container:paneflow/size}.paneflow *{box-sizing:border-box}.paneflow-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.paneflow-content{box-sizing:border-box;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden;container:paneflow-content/size}.paneflow-content *{transition-timing-function:cubic-bezier(.56,0,.03,.99)}.paneflow-block,.paneflow-thumbs-item-block{-webkit-user-select:none;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));border-radius:var(--pf-border-radius);position:absolute;overflow:hidden}.paneflow-prev,.paneflow-next{cursor:pointer;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%;position:absolute;top:50%;transform:translateY(-50%)}.paneflow-prev-disabled,.paneflow-next-disabled{pointer-events:none;opacity:.25}.paneflow-prev svg,.paneflow-next 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:calc(min(100%,100% - var(--pf-padding) - var(--pf-pagination-item-bullet-size,0px) - var(--pf-pagination-item-offset,0px)))}:is(.paneflow:has(.paneflow-pagination) .paneflow-prev,.paneflow:has(.paneflow-pagination) .paneflow-next){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{gap:min(16px,var(--pf-pagination-item-bullet-size,0px));padding-bottom:var(--pf-padding);margin-top:var(--pf-pagination-item-offset,0px);justify-content:center;display:flex}.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);transition-duration:var(--pf-transition-duration,.3s);flex-shrink:0;position:relative;overflow:hidden;transform:scale(.8)}.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,calc(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:"";background-color:var(--pf-pagination-item-active-color);border-radius:inherit;animation:paneflow-pagination-item-active-animation var(--pf-autoplay-interval)linear forwards;position:absolute;inset:0}@keyframes paneflow-pagination-item-active-animation{0%{transform:translate(-100%)}to{transform:translate(0%)}}.paneflow:has(.paneflow-thumbs) .paneflow-content{height:calc(min(100%,100% - var(--pf-padding) - var(--pf-pagination-item-thumb-size,0)*1cqh - var(--pf-pagination-item-offset,0px)))}:is(.paneflow:has(.paneflow-thumbs) .paneflow-prev,.paneflow:has(.paneflow-thumbs) .paneflow-next){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{margin-top:var(--pf-pagination-item-offset,0px);justify-content:center;display:flex}.paneflow-thumbs-container{width:fit-content;padding-bottom:var(--pf-padding);padding-left:var(--pf-padding);padding-right:var(--pf-padding);scrollbar-width:none;-ms-overflow-style:none;gap:8px;display:flex;overflow-x:auto}.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);flex-shrink:0;position:relative;container:paneflow-thumbs-item/size}.paneflow-thumbs-item-block{background-color:var(--pf-pagination-item-color);transition-duration:var(--pf-transition-duration,.3s)}.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(0)}to{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)}to{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(0)scale(.75)}@keyframes paneflow-twirl{0%{opacity:0;transform:rotate(0)scale(.75)}to{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}@keyframes paneflow-bounce-transform{0%,to{transform:translateY(calc(-50%*var(--pf-animation-range-scale)))}50%{transform:translateY(0)}}@keyframes paneflow-bounce-scale{0%,to{scale: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%,to{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)))}to{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}to{opacity:1;transform:scale(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%{opacity:1;transform:scale(1)translateY(0)}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%)}to{opacity:1;transform:scale(1)translateY(0%)}}.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}to{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)}to{opacity:1;filter:blur()}}.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)}to{opacity:1;filter:blur();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)}to{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)}to{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)))}to{transform:translate(0,calc(25%*var(--pf-animation-range-scale)))}}