.icon-tile{flex:none;display:grid;place-items:center;width:var(--tile, 2.6rem);height:var(--tile, 2.6rem);border-radius:12px;color:#00d2ff;border:1px solid transparent;background:radial-gradient(110% 110% at 18% 0%,#00d2ff57,#00d2ff00 60%) padding-box,linear-gradient(165deg,#142242f2,#060a1af2) padding-box,linear-gradient(150deg,#00d2ffa6,#ffffff1a 36%,#ffffff0a 66%,#00d2ff4d) border-box;box-shadow:inset 0 1px #ffffff29,inset 0 -12px 18px -14px #00d2ff73,0 10px 22px -14px #0096ff99}.icon-tile>svg{filter:drop-shadow(0 0 5px rgba(0,210,255,.5))}.hvr-icon-float .hvr-icon,.hvr-icon-grow .hvr-icon{transform:translateZ(0);transition:transform .3s ease-out}.hvr-icon-back .hvr-icon,.hvr-icon-forward .hvr-icon{display:inline-block;transform:translateZ(0);transition:transform .1s ease-in}@media(hover:hover){.hvr-icon-float:hover .hvr-icon{transform:translateY(-4px)}.hvr-icon-grow:hover .hvr-icon{transform:scale(1.3) translateZ(0)}.hvr-icon-back:hover .hvr-icon{transform:translate(-4px)}.hvr-icon-forward:hover .hvr-icon{transform:translate(4px)}}.hvr-icon-float:focus-visible .hvr-icon,.hvr-icon-float:active .hvr-icon{transform:translateY(-4px)}.hvr-icon-grow:focus-visible .hvr-icon,.hvr-icon-grow:active .hvr-icon{transform:scale(1.3) translateZ(0)}.hvr-icon-back:focus-visible .hvr-icon,.hvr-icon-back:active .hvr-icon{transform:translate(-4px)}.hvr-icon-forward:focus-visible .hvr-icon,.hvr-icon-forward:active .hvr-icon{transform:translate(4px)}