.gradient-mask{mask:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);-webkit-mask:linear-gradient(90deg,transparent,black 20%,black 80%,transparent)}.gradient-mask-reverse{mask:linear-gradient(270deg,transparent,black 20%,black 80%,transparent);-webkit-mask:linear-gradient(270deg,transparent,black 20%,black 80%,transparent)}.gradient-mask-vertical{mask:linear-gradient(180deg,transparent,black 30%,black 100%,transparent);-webkit-mask:linear-gradient(180deg,transparent,black 30%,black 100%,transparent)}.gradient-mask-radial{mask:radial-gradient(circle,black 60%,transparent 80%);-webkit-mask:radial-gradient(circle,black 60%,transparent 80%)}.gradient-mask-fade{mask:linear-gradient(90deg,transparent 0,black 50%,transparent);-webkit-mask:linear-gradient(90deg,transparent 0,black 50%,transparent)}.gradient-mask-animated{mask:linear-gradient(45deg,transparent,black 25%,black 75%,transparent);-webkit-mask:linear-gradient(45deg,transparent,black 25%,black 75%,transparent);animation:maskMove 3s ease-in-out infinite}@keyframes maskMove{0%,to{mask:linear-gradient(45deg,transparent,black 25%,black 75%,transparent);-webkit-mask:linear-gradient(45deg,transparent,black 25%,black 75%,transparent)}50%{mask:linear-gradient(225deg,transparent,black 25%,black 75%,transparent);-webkit-mask:linear-gradient(225deg,transparent,black 25%,black 75%,transparent)}}