.LinksComponent{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:576px){.LinksComponent{max-width:576px}}@media (min-width:768px){.LinksComponent{max-width:768px}}@media (min-width:992px){.LinksComponent{max-width:992px}}@media (min-width:1200px){.LinksComponent{max-width:1200px}}@media (min-width:1400px){.LinksComponent{max-width:1400px}}.LinksComponent .component-inner{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100%}.LinksComponent .component-inner .component-title{--tw-text-opacity:1;color:rgb(245 240 249/var(--tw-text-opacity));font-family:var(--font-primary),sans-serif;font-size:clamp(20px,10vw,48px);font-weight:300;text-align:center;text-transform:none;width:-moz-fit-content;width:fit-content}.LinksComponent .component-inner .links{display:flex;flex-direction:row;flex-wrap:wrap;gap:2.5rem;justify-content:center;width:100%}.LinksComponent .component-inner .links .link-blob{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;aspect-ratio:1/1;background-color:rgb(245 240 249/var(--tw-bg-opacity));color:rgb(124 70 175/var(--tw-text-opacity));display:flex;flex-direction:column;gap:1rem;height:auto;justify-content:center;overflow:hidden;padding:1.5rem 1.25rem;position:relative;text-align:center;width:15rem}@media (min-width:576px){.LinksComponent .component-inner .links .link-blob{width:18rem}}.LinksComponent .component-inner .links .link-blob{filter:drop-shadow(0 0 10px rgba(255,255,255,.65));transition:filter .2s ease-in-out}.LinksComponent .component-inner .links .link-blob svg{display:flex;height:2.5rem;width:auto}.LinksComponent .component-inner .links .link-blob .link-title{font-size:22px;font-weight:500;text-align:center}.LinksComponent .component-inner .links .link-blob i{transition:transform .2s ease-in-out}.LinksComponent .component-inner .links .link-blob-cover{display:flex;height:100%;inset:0;position:absolute;width:100%;z-index:10}.LinksComponent .component-inner .links .link-blob:hover{--tw-drop-shadow:drop-shadow(0 0 #0000);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.LinksComponent .component-inner .links .link-blob:hover i{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
