.si-tile{animation:5s ease-in-out infinite si-float;animation-delay:var(--si-delay,0s);background:radial-gradient(120% 90% at 30% 15%,#ffffff8c,#0000 55%),linear-gradient(155deg,#8cc2ff 0%,#2b87f0 48%,#1462c4 100%);border-radius:28%;place-items:center;display:grid;position:relative;transform:perspective(600px)rotateX(10deg)rotateY(-14deg);box-shadow:inset 0 2px 1px #fff9,inset 0 -10px 18px #08347873,inset 8px 0 16px #ffffff1f,0 18px 28px -10px #1462c48c,0 40px 50px -30px #0b1b3373}.si-icon{color:#fff;filter:drop-shadow(0 3px #0d4ba08c)drop-shadow(0 8px 10px #08285f59)}.si-badge{color:#2b87f0;animation:3.2s ease-in-out infinite si-bob;animation-delay:calc(var(--si-delay,0s) + .4s);background:radial-gradient(100% 100% at 30% 20%,#fff 0%,#e6f0fc 70%,#cfe0f6 100%);border-radius:9999px;place-items:center;display:grid;position:absolute;box-shadow:inset 0 -3px 6px #2b87f040,0 8px 14px -6px #0b1b3359}.si-shadow{height:10px;animation:5s ease-in-out infinite si-shadow;animation-delay:var(--si-delay,0s);background:radial-gradient(closest-side,#0b1b3338,#0000);border-radius:9999px}.si-link{background-image:linear-gradient(90deg,#2b87f073 50%,#0000 50%);background-size:10px 2px;height:2px;position:relative}.si-link:after{content:"";width:10px;height:10px;animation:2.4s cubic-bezier(.65,0,.35,1) infinite si-travel;animation-delay:var(--si-delay,0s);background:#2b87f0;border-radius:9999px;margin-top:-5px;position:absolute;top:50%;left:0;box-shadow:0 0 0 4px #2b87f02e}@keyframes si-float{0%,to{translate:0}50%{translate:0 -8px}}@keyframes si-bob{0%,to{translate:0}50%{translate:0 -4px}}@keyframes si-shadow{0%,to{opacity:1;scale:1}50%{opacity:.6;scale:.8}}@keyframes si-travel{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 10px)}}@media (prefers-reduced-motion:reduce){.si-tile,.si-badge,.si-shadow,.si-link:after{animation:none}}
