.widget-tile{position:relative;overflow:hidden;transform:translateZ(0)}.widget-tile:hover{transform:translateY(-4px)}.widget-tile--pressed{transform:translateY(0)scale(.97);box-shadow:0 2px 4px #0000002e}.widget-tile__shine{opacity:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,#0000 28%,#ff000047 36%,#ff8c0047 40%,#ffe60047 44%,#4bc83247 48%,#00a0ff47 52%,#8b46ff47 56%,#ff3cff47 60%,#0000 68%) 0 100%/300% 300%;transition:opacity 1.5s 3.5s;position:absolute;inset:0}.widget-tile:hover .widget-tile__shine{opacity:1;animation:9s ease-out forwards rainbow-shine}.widget-tile__shine--click{animation:.6s ease-out forwards rainbow-shine-click}.widget-tile__content{z-index:1;position:relative}.widget-tile__ripple{pointer-events:none;z-index:2;border:2px solid #0087ffb3;border-radius:50%;width:20px;height:20px;animation:.6s ease-out forwards water-ripple;position:absolute;transform:translate(-50%,-50%)}@keyframes rainbow-shine{0%{opacity:1;background-position:0 100%}44%{opacity:1;background-position:100% 0}to{opacity:0;background-position:100% 0}}@keyframes rainbow-shine-click{0%{opacity:1;background-position:0 100%}to{opacity:0;background-position:100% 0}}@keyframes water-ripple{0%{opacity:.9;width:20px;height:20px;box-shadow:0 0 #0087ff47}to{opacity:0;width:300px;height:300px;box-shadow:0 0 0 12px #0087ff00}}@keyframes wipe-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}