.swipe-button{background:transparent;width:100%;padding:0 10px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:10px 0}.swipe-button-track{width:100%;position:relative;background-color:var(--button-bg);color:#ffffff;border-radius:50px;box-sizing:content-box;border:1px solid var(--border-color);padding:5px 0;overflow:hidden;transition:all .3s ease}.swipe-button-thumb{border-radius:50%;position:absolute;top:50%;left:0;background-color:var(--text);border:1px solid var(--border-color);transform:translateY(-50%);cursor:grab;touch-action:none;z-index:10;box-shadow:.5px .5px 2px rgb(163 168 176/62%)}.swipe-button-thumb:active{cursor:grabbing}.swipe-button-thumb:before{content:"";width:30%;display:inline-block;height:30%;transform:translate(50%,-50%) rotate(127deg);top:50%;left:0;position:absolute;border-top:5px solid hsl(var(--primary));border-left:5px solid hsl(var(--primary))}@keyframes swipe-wave{0%{background-position:-50%}50%{background-position:100%}to{background-position:-50%}}.swipe-button-info{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:5;color:var(--text)}.swipe-info-animation{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.swipe-completed .swipe-button-track{background-color:hsl(var(--success,142 76% 36%))}@keyframes swipe-load{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.swipe-completed .swipe-button-thumb{left:50%!important;transform:translate(-50%,-50%);box-shadow:.5px .5px 2px rgb(163 168 176/62%);border:5px solid rgb(128 128 128/10%);animation:swipe-load 2s linear infinite}.swipe-completed .swipe-button-thumb:before{border-top:5px solid hsl(var(--success,142 76% 36%));border-left:5px solid hsl(var(--success,142 76% 36%));width:90%;height:90%;border-radius:50%;transform:none;top:0;left:0}.swipe-completed .swipe-button-info{display:none!important}.swipe-disabled{opacity:.6;cursor:not-allowed}.swipe-disabled .swipe-button-track{background-color:hsl(var(--muted))}.swipe-disabled .swipe-button-thumb{cursor:not-allowed}.swipe-disabled .swipe-button-thumb:before{border-top:5px solid hsl(var(--muted-foreground));border-left:5px solid hsl(var(--muted-foreground))}