@property --icon-color{syntax:"<color>";inherits:true;initial-value:hsla(0,0%,100%,.5)}.swipeContainer{position:relative;display:flex;align-items:center;width:100%;height:var(--container-height);border-radius:50px;background-color:var(--container);border:1px solid var(--outline);overflow:hidden;user-select:none;touch-action:none}.swipeText{line-height:20px;font-weight:500;font-size:14px;letter-spacing:.48px}@media (min-width:768px){.swipeText{line-height:24px;font-weight:500;font-size:14px;letter-spacing:.48px}}@media (min-width:1024px){.swipeText{line-height:24px;font-weight:500;font-size:16px;letter-spacing:.48px}}.swipeText{justify-content:start;color:var(--on-surface);z-index:2;clip-path:inset(0 100% 0 0);margin-right:50px}.swipeChevronsContainer,.swipeText{position:absolute;inset:0 10px;display:flex;align-items:center;opacity:1;pointer-events:none;will-change:clip-path;padding:0 10px}.swipeChevronsContainer{justify-content:space-evenly;z-index:1;margin-left:20px;clip-path:inset(0 0 0 0)}.swipeChevron{font-size:20px;line-height:1;font-weight:700;color:var(--icon-color);animation:pulseColor 1.2s infinite}.swipeHandle{position:absolute;top:50%;left:10px;border-radius:50%;background-color:var(--container);cursor:grab;z-index:3;will-change:transform}.swipeHandle:active{cursor:grabbing}@keyframes pulseColor{0%{--icon-color:var(--on-surface)}to{--icon-color:var(--outline)}}.swipeChevron:nth-child(2){animation-delay:.1s}.swipeChevron:nth-child(3){animation-delay:.2s}.swipeChevron:nth-child(4){animation-delay:.3s}