.pf-swipebtn{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;--pf-progress:0;position:relative;overflow:hidden!important}.pf-swipebtn *,.pf-swipebtn :before,.pf-swipebtn :after{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}[data-pf-swipe-knob]{z-index:10;cursor:grab;will-change:transform;pointer-events:auto;transition:transform .1s linear}.pf-is-pressing [data-pf-swipe-knob]{cursor:grabbing;transition:none}.pf-swipebtn-progress{width:100%;transform:scaleX(var(--pf-progress));transform-origin:0;pointer-events:none;z-index:1;will-change:transform;background:#7c3ee933;position:absolute;top:0;bottom:0;left:0}.pf-swipebtn-chevrons{pointer-events:none;opacity:0;z-index:2;justify-content:center;align-items:center;gap:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}.pf-is-hovered .pf-swipebtn-chevrons,.pf-is-pressing .pf-swipebtn-chevrons{opacity:1}.pf-swipebtn-chevrons span{border-bottom:2px solid #ffffff80;border-right:2px solid #ffffff80;width:8px;height:8px;animation:1.2s infinite pf-chevron-anim;transform:rotate(-45deg)}.pf-swipebtn-chevrons span:nth-child(2){animation-delay:.2s}.pf-swipebtn-chevrons span:nth-child(3){animation-delay:.4s}@keyframes pf-chevron-anim{0%{opacity:0;transform:rotate(-45deg)translate(-4px,-4px)}50%{opacity:1}to{opacity:0;transform:rotate(-45deg)translate(4px,4px)}}.pf-swipebtn span,.pf-swipebtn div:not([data-pf-swipe-knob]):not(.pf-swipebtn-progress):not(.pf-swipebtn-chevrons){transition:opacity .15s}.pf-is-hovered span,.pf-is-pressing span,.pf-is-hovered div:not([data-pf-swipe-knob]):not(.pf-swipebtn-progress):not(.pf-swipebtn-chevrons),.pf-is-pressing div:not([data-pf-swipe-knob]):not(.pf-swipebtn-progress):not(.pf-swipebtn-chevrons){opacity:0}@keyframes pf-bounce-hint{0%,to{transform:translateY(-50%)}30%{transform:translate(15px,-50%)}50%{transform:translateY(-50%)}70%{transform:translate(8px,-50%)}}.pf-bounce-hint{animation:.4s ease-out pf-bounce-hint}.pf-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite pf-spin}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf-is-loading{pointer-events:none}@media (prefers-reduced-motion:reduce){.pf-swipebtn-chevrons span{opacity:.5;animation:none}.pf-bounce-hint{animation:none}[data-pf-swipe-knob]{transition:transform .2s ease-out}}