.nlds-guideline{--utrecht-space-around:0;--utrecht-code-font-size:16px;border:1px solid var(--nlds-container-border-color);border:1px solid #0000001a;margin-block:0 40px;margin-inline:0}p+.nlds-guideline,.nlds-guideline:first-of-type{margin-block-start:20px}.nlds-guideline+.nlds-guideline{margin-block-start:-20px}.nlds-guideline__description{padding-block:24px;padding-inline:24px}.nlds-guideline__example{background-color:var(--nlds-document-inverse-background-color)}.nlds-guideline select{margin-block-end:.5em;display:block}.nlds-guideline__icon{--utrecht-icon-color:currentColor;--utrecht-icon-size:20px;vertical-align:middle;margin-inline-end:8px}.nlds-guideline__title{vertical-align:middle}.nlds-guideline__badge{--utrecht-paragraph-font-weight:bold;margin-block-end:16px;font-size:20px}.nlds-guideline span.example-progress-indicator{font-size:1rem;font-weight:400;display:block}.nlds-guideline__badge--dont{--utrecht-paragraph-color:var(--nlds-invalid-color)}.nlds-guideline__badge--do{--utrecht-paragraph-color:var(--nlds-valid-color);color:var(--nlds-valid-color)}.nlds-guideline--dont{--nlds-canvas-toolbar-copy-display:none;--nlds-canvas-code-block-cursor:not-allowed;--nlds-canvas-code-block-user-select:none}.nlds-canvas{--nlds-container-border-color:#d0dee2;border:1px solid var(--nlds-container-border-color)}.nlds-canvas--distanced{margin-block:16px 8px}.nlds-canvas__example{--utrecht-surface-background-color:#f8f5f1;--utrecht-document-background-color:white;position:relative;overflow:hidden}.nlds-canvas__example-document{padding-block:16px;padding-inline:16px}.nlds-canvas__example:empty{padding-block:0;padding-inline:0}.nlds-canvas__code-block{cursor:var(--nlds-canvas-code-block-cursor,default);user-select:var(--nlds-canvas-code-block-user-select,inherit)}.nlds-canvas__code-block--user-select-none{--nlds-canvas-code-block-cursor:not-allowed;--nlds-canvas-code-block-user-select:none}.nlds-canvas__toolbar{background-color:var(--ma-code-block-background-color);text-align:end}.nlds-canvas__toolbar--copy{display:var(--nlds-canvas-toolbar-copy-display,block)}.nlds-canvas__button{--utrecht-button-subtle-background-color:#ffffff1a;--utrecht-button-subtle-color:#fff;--utrecht-button-subtle-font-weight:normal;--utrecht-button-subtle-hover-background-color:#fff3;--utrecht-button-subtle-hover-color:#fff;--utrecht-button-subtle-hover-font-weight:normal;--utrecht-button-subtle-active-background-color:#ffffff1a;--utrecht-button-subtle-active-color:#fff;--utrecht-button-subtle-active-font-weight:normal;--utrecht-button-subtle-focus-background-color:var(--nlds-focus-background-color);--utrecht-button-subtle-focus-color:var(--nlds-focus-color);--utrecht-button-subtle-focus-font-weight:normal}.ma-contrast-ratio{--utrecht-color-sample-border-radius:0;inline-size:100%;min-block-size:var(--basis-space-block-max);position:relative}.ma-contrast-ratio__sample{--utrecht-color-sample-inline-size:100%;--utrecht-color-sample-block-size:100%;block-size:100%;inline-size:50%;display:inline-block}.ma-contrast-ratio__sample-value{block-size:10em;margin-inline-start:0}.ma-contrast-ratio__color{block-size:100%;inline-size:50%}.ma-contrast-ratio__result{--ma-contrast-ratio-result-inline-size:10em;--ma-contrast-ratio-result-block-size:4.5em;color:#000;min-block-size:var(--ma-contrast-ratio-result-block-size);min-inline-size:var(--ma-contrast-ratio-result-inline-size);text-align:center;background-color:#fff;border:1px solid silver;margin-block-start:calc(-1 * var(--ma-contrast-ratio-result-block-size));margin-inline-start:calc(-1 * .5 * var(--ma-contrast-ratio-result-inline-size));position:absolute;inset-block-start:50%;inset-inline-start:50%}.ma-contrast-ratio__result-value{margin-inline-start:0;font-size:200%}.nlds-form{margin-block-start:24px}.nlds-example-rendering{cursor:default;forced-color-adjust:none;-webkit-user-select:none;user-select:none}