@layer components{.logo{color:inherit;align-items:center;gap:14px;text-decoration:none;display:inline-flex}.logo__mark{transition:transform .5s var(--ease);flex:none;display:block}.logo--sm .logo__mark{width:24px;height:24px}.logo--md .logo__mark{width:36px;height:36px}.logo--lg .logo__mark{width:48px;height:48px}.logo__wordmark{letter-spacing:-.025em;color:inherit;font-weight:700}.logo--on-dark .logo__wordmark{color:var(--surface)}.logo--on-dark .logo__suffix{color:var(--ink-5)}.logo__suffix{color:var(--ink-3);letter-spacing:-.015em;font-weight:300}.logo--sm .logo__wordmark{font-size:18px}.logo--md .logo__wordmark{font-size:22px}.logo--lg .logo__wordmark{font-size:28px}.logo--linked:hover .logo__mark{transform:rotate(22.5deg)}}