@layer components{.integration-create{container:integration-create/inline-size}.integration-create-layout{align-items:start;gap:var(--space-5);display:grid}.integration-kit-grid{align-content:start;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));grid-auto-rows:minmax(8rem,auto);max-height:36rem;margin:-3px;padding:3px;display:grid;overflow-y:auto}.integration-kit-preview{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.integration-kit-preview>p{margin:0}.integration-kit-preview>.ui-button,.integration-kit-preview form>.ui-button{place-self:start}.integration-kit-preview-empty{place-items:center;min-height:10rem;display:grid}@container integration-create (width>=52rem){.integration-create-layout{grid-template-columns:minmax(0,1fr) 20rem}}}