.logo-card{flex-direction:column;justify-content:center;gap:.5rem;height:100%;display:flex}.logo-card__image-wrapper{aspect-ratio:3/2;background-color:var(--element-03);border-radius:.5rem;justify-content:center;align-items:center;height:10rem;display:flex}[data-theme=light] .logo-card__image{filter:invert(.8)}.logo-card__image{--height:1.5rem;--offset:0;height:var(--height);width:auto;top:var(--offset);position:relative}.logo-card__title-wrapper{justify-content:center;align-items:center;gap:.5rem;display:flex}.logo-card__title{color:var(--primary-light)}.logo-card__accent{border-radius:50%;width:.3125rem;height:.3125rem}
.tool{opacity:.4;filter:saturate(0);--transition:.15s ease-in-out;width:8.75rem;height:auto;transition:opacity var(--transition),filter .4s ease-in-out;cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.tool__icon-wrapper{aspect-ratio:1;background-color:var(--element-03);border-radius:.5rem;justify-content:center;align-items:center;width:100%;display:flex}[data-theme=light] .tool__icon.invert{filter:invert(.8)}.tool__icon{width:3rem;max-height:3rem;position:relative}.tool__title-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.tool__link-indicator{--dimension:.78rem;width:var(--dimension);height:var(--dimension);top:calc(var(--dimension)/6);opacity:0;transition:opacity,transform var(--transition);position:absolute;right:-1rem;transform:translate(-.05rem,.05rem)}@media (hover:hover) and (pointer:fine){.tool:hover{opacity:1;filter:saturate()}.tool:hover .tool__link-indicator{opacity:1;transform:translate(0,0)}}