.p-ui-components{padding-top:4rem;padding-bottom:6rem}.p-ui-components__hero{max-width:50rem}.p-ui-components__hero p{margin-top:1rem;color:#222c2e;font-size:1.05rem;line-height:1.7}.p-ui-components__nav{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0 3rem}.p-ui-components__nav a{border-radius:999px;background:#eaeef1;padding:.5rem .75rem;color:#0a1009;font-size:.82rem;text-decoration:none}.p-ui-components__section{display:grid;grid-template-columns:minmax(14rem,.8fr)minmax(0,1.6fr);gap:2rem;border-top:1px solid #d0d9de;padding:2.5rem 0;scroll-margin-top:1rem}.p-ui-components__copy h2{margin:0 0 .65rem;font-family:noto-serif,serif}.p-ui-components__copy p{margin:0 0 1rem;color:#222c2e;line-height:1.6}.p-ui-components__copy code{border-radius:.35rem;background:#eaeef1;padding:.25rem .4rem;font-size:.75rem}.p-ui-components__preview{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;min-width:0}.p-ui-components__preview.c-ui-entity-list,.p-ui-components__preview .c-ui-form-field,.p-ui-components__preview>.c-ui-form-field,.p-ui-components__preview>.c-ui-empty-state{width:100%}.p-ui-components__form-preview{width:100%;max-width:32rem}.p-ui-components__form-preview .c-form__row:last-child{margin-top:0}.p-ui-components__stack{display:flex;flex-direction:column;align-items:stretch;width:100%}.p-ui-components__stack .c-form__subaction-container,.p-ui-components__stack .c-form__label-info,.p-ui-components__stack .c-form__msg{margin:0}.p-ui-components__stack .c-form__field-wrap{width:100%}.p-ui-components__collection-preview{flex-direction:column;align-items:flex-start;width:100%}.p-ui-components__source-preview{display:block;width:100%}.p-ui-components__source-preview .c-form__popup-items{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin-top:0}@media only screen and (max-width:760px){.p-ui-components__section{grid-template-columns:1fr}}