@keyframes WipeTransition-module-scss-module__GPDyQa__ani-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --wipe-percent{syntax:"<percentage>";inherits:true;initial-value:0%}.WipeTransition-module-scss-module__GPDyQa__WipeTransition{transition:--wipe-percent var(--duration) var(--ease-out);backface-visibility:hidden;--wipe-percent:0%;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.WipeTransition-module-scss-module__GPDyQa__WipeTransition[data-active=true]{--wipe-percent:100%;transition:--wipe-percent var(--duration) var(--ease-in)}.WipeTransition-module-scss-module__GPDyQa__layerFrom{display:block;position:relative}.WipeTransition-module-scss-module__GPDyQa__layerTo{pointer-events:none;display:block;position:absolute;inset:0}.WipeTransition-module-scss-module__GPDyQa__WipeTransition[data-direction=up] .WipeTransition-module-scss-module__GPDyQa__layerTo{clip-path:inset(calc(100% - var(--wipe-percent,0%)) 0 0 0)}.WipeTransition-module-scss-module__GPDyQa__WipeTransition[data-direction=down] .WipeTransition-module-scss-module__GPDyQa__layerTo{clip-path:inset(0 0 calc(100% - var(--wipe-percent,0%)) 0)}.WipeTransition-module-scss-module__GPDyQa__WipeTransition[data-direction=left] .WipeTransition-module-scss-module__GPDyQa__layerTo{clip-path:inset(0 0 0 calc(100% - var(--wipe-percent,0%)))}.WipeTransition-module-scss-module__GPDyQa__WipeTransition[data-direction=right] .WipeTransition-module-scss-module__GPDyQa__layerTo{clip-path:inset(0 calc(100% - var(--wipe-percent,0%)) 0 0)}