@layer components{@media (width>=50em){.integrations{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(14em,1fr));display:grid}}.integration{margin-bottom:var(--space-lg);border:var(--line-weight)solid hsl(var(--color-text)/10%);background-color:hsl(var(--color-sheet));border-radius:var(--space-xs);align-self:stretch;text-decoration:none;display:block;position:relative;overflow:hidden}.integration__image{width:2em;height:2em;padding:var(--space-xs);border-radius:var(--space-sm);background-color:hsl(var(--color-sheet));margin:0;overflow:hidden}.integration__image img{border-radius:var(--space-xs);max-width:100%;max-height:100%}.integration__tag{padding:var(--space-xxs)var(--space-sm);background-color:hsl(var(--color-text)/5%);font-size:var(--type-xxs);border-radius:1em}.logo-set{place-self:center}.logo-set__icon{border-radius:var(--space-sm);background-color:hsl(var(--color-asphalt-0));justify-content:center;align-items:center;width:5em;height:5em;padding:.75em;display:inline-flex}.perma-icon{border-radius:var(--space-sm);background-color:hsl(var(--color-asphalt-0));justify-content:center;align-items:center;width:1em;height:1em;padding:.125em;display:inline-flex}}