@media screen and (forced-colors:active){.ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus:after{border:1px dashed windowtext!important}}@media screen and (forced-colors:active){.insights-link{forced-color-adjust:unset}}@media screen and (forced-colors:active){.ms-ContextualMenu button:hover .ms-ContextualMenu-itemText,.ms-ContextualMenu button:hover .ms-ContextualMenu-linkText{color:highlight}}.content-container{display:flex}.content-container .content-left,.content-container .content-right{flex-grow:1;max-width:150px}.content-header{letter-spacing:-.04em;margin-left:10px;margin-right:10px;font-size:28px;font-weight:700;line-height:40px}.content{word-break:break-word;flex-grow:10;max-width:1120px;margin:10px;font-family:"Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Ubuntu,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px}.content table{font-family:"Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Ubuntu,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px}.content h1{letter-spacing:-.04em;font-size:28px;font-weight:700;line-height:40px}.content h2{letter-spacing:-.02em;font-size:21px;font-weight:700;line-height:32px}.content h3{font-size:14px}.content h4{margin-bottom:4px;font-size:14px;font-weight:400}.content h5{margin-bottom:4px;font-size:14px;font-weight:700}.content a{font-weight:400}.content ol{-webkit-padding-start:16px;padding-inline-start:16px}.content ol li ul li{list-style-type:disc}.content .content-hyperlinks .insights-link{margin-bottom:6px;line-height:20px;display:block}.content .content-hyperlinks .content-inline{margin-bottom:6px;line-height:20px}.content .content-hyperlinks .content-inline .insights-link{display:inline}.content .code-example .code-example-code{margin-block:1em;font-family:menlo,consolas,courier new,monospace}.content .code-example .code-example-title h4{margin-block-start:0;display:inline}.content .columns{margin-top:40px}@media screen and (min-width:800px){.content .columns{display:flex}}.content .column{flex-grow:1;flex-basis:0;max-width:520px;padding:10px}@media screen and (min-width:800px){.content .column+.column{margin-left:80px}}.content .insights-code{font-family:menlo,consolas,courier new,monospace}.content .pass-fail-grid{border:1px solid var(--neutral-60);word-break:break-word;grid-template-areas:"fail-section pass-section""fail-example pass-example";display:grid}.content .fail-section,.content .fail-example,.content .pass-section,.content .pass-example{padding:15px}.content .fail-example,.content .pass-example{border-top:1px solid var(--neutral-60)}.content .fail-section,.content .fail-example{border-right:1px solid var(--neutral-60)}.content .fail-section{grid-area:fail-section}.content .fail-example{grid-area:fail-example}.content .pass-section{grid-area:pass-section}.content .pass-example{grid-area:pass-example}.content .do-header,.content .pass-header,.content .dont-header,.content .fail-header{width:100%}.content .do-header .check-container,.content .dont-header .check-container{float:right;margin-top:9px}.content .do-header h2,.content .dont-header h2,.content .pass-header h3,.content .fail-header h3{display:inline}.content .do-section .highlight,.content .pass-section .highlight,.content .pass-example .highlight{color:var(--positive-outcome);font-weight:700}.content .dont-section .highlight,.content .fail-section .highlight,.content .fail-example .highlight{color:var(--negative-outcome);font-weight:700}.content .do-header{border-bottom:2px solid var(--positive-outcome)}.content .do-header .check-container{border:0 solid var(--neutral-0);border-radius:50%;width:16px;height:16px;display:inline-block;position:relative}.content .do-header .check-container svg circle{fill:var(--positive-outcome)}.content .dont-header{border-bottom:2px solid var(--negative-outcome)}.content .dont-header .check-container{border:0 solid var(--neutral-0);border-radius:50%;width:16px;height:16px;display:inline-block;position:relative}.content .dont-header .check-container svg circle{fill:var(--negative-outcome)}.content .pass-header .check-container{border:0 solid var(--neutral-0);border-radius:50%;width:12px;height:12px;display:inline-block;position:relative}.content .pass-header .check-container svg circle{fill:var(--positive-outcome)}.content .fail-header .check-container{border:0 solid var(--neutral-0);border-radius:50%;width:12px;height:12px;display:inline-block;position:relative}.content .fail-header .check-container svg circle{fill:var(--negative-outcome)}.content .table{border-collapse:separate;border-spacing:5px;margin-top:12px;padding-left:18px;list-style:none;display:table}.content .accessibility-problems-list{background:var(--neutral-6);list-style-type:disc}.content .landmark-table{border-spacing:5px}@media screen and (min-width:600px){.content .landmark-table{padding-left:32px}}.content .landmark-table .landmark-table-column{width:24%}.content .landmark-table .landmark-role{text-align:center;border-style:dashed;border-width:3px}.content .landmark-table td,.content .landmark-table th{vertical-align:text-top;padding:5px}.content .landmark-table th{background:var(--neutral-100);color:var(--neutral-0);font-weight:400}.content .landmark-table td{background:var(--neutral-10);color:var(--neutral-100)}.content .landmark-table .contentinfo-landmark{border-color:var(--landmark-contentinfo)}.content .landmark-table .main-landmark{border-color:var(--landmark-main)}.content .landmark-table .complementary-landmark{border-color:var(--landmark-complementary)}.content .landmark-table .banner-landmark{border-color:var(--landmark-banner)}.content .landmark-table .region-landmark{border-color:var(--landmark-region)}.content .landmark-table .navigation-landmark{border-color:var(--landmark-navigation)}.content .landmark-table .search-landmark{border-color:var(--landmark-search)}.content .landmark-table .form-landmark{border-color:var(--landmark-form)}.content .landmarks-legend{color:var(--neutral-100);text-align:center;vertical-align:middle;border-style:dashed;border-width:3px;width:110px;padding:4px;font-size:14px;font-weight:400;display:table-cell}.content .landmarks-legend.contentinfo-landmark{border-color:var(--landmark-contentinfo)}.content .landmarks-legend.main-landmark{border-color:var(--landmark-main)}.content .landmarks-legend.complementary-landmark{border-color:var(--landmark-complementary)}.content .landmarks-legend.banner-landmark{border-color:var(--landmark-banner)}.content .landmarks-legend.region-landmark{border-color:var(--landmark-region)}.content .landmarks-legend.navigation-landmark{border-color:var(--landmark-navigation)}.content .landmarks-legend.search-landmark{border-color:var(--landmark-search)}.content .landmarks-legend.form-landmark{border-color:var(--landmark-form)}:root{--black:#000;--light-black:#161616;--white:#fff;--brand-blue:#004880;--grey:#333;--ada-brand-color:var(--brand-blue);--primary-text:#000000e6;--secondary-text:#000000b3;--disabled-text:#00000061;--communication-primary:#106ebe;--communication-tint-40:#eff6fc;--communication-tint-30:#deecf9;--communication-tint-20:#c7e0f4;--communication-tint-10:#2b88d8;--communication-shade-20:#004578;--neutral-0:var(--white);--neutral-2:#f8f8f8;--neutral-3:#f6f6f6;--neutral-4:#f4f4f4;--neutral-6:#f2f2f2;--neutral-6-5:#f1f1f1;--neutral-8:#ebebeb;--neutral-10:#dedede;--neutral-20:#c8c8c8;--neutral-30:#a6a6a6;--neutral-55:#6e6e6e;--neutral-60:#666;--neutral-70:#3c3c3c;--neutral-80:var(--grey);--neutral-100:var(--black);--neutral-alpha-2:#00000005;--neutral-alpha-4:#0000000a;--neutral-alpha-6:#0000000f;--neutral-alpha-8:#00000014;--neutral-alpha-10:#0000001a;--neutral-alpha-20:#0003;--neutral-alpha-30:#0000004d;--neutral-alpha-60:#0009;--neutral-alpha-70:#000000b3;--neutral-alpha-80:#000c;--neutral-alpha-90:#000000e6;--positive-outcome:#228722;--negative-outcome:#e81123;--neutral-outcome:var(--neutral-60);--box-shadow-108:#0000001c;--box-shadow-132:#0002;--box-shadow-27:#00000045;--screenshot-image-outline:#8b8b8b;--card-border:transparent;--card-footer-border:var(--neutral-10);--header-bar-title-color:var(--neutral-0);--help-links-section-background:var(--neutral-4);--help-links-section-border:var(--neutral-4);--index-circle-background:var(--communication-primary);--link-hover:var(--communication-shade-20);--link:var(--communication-primary);--menu-border:var(--neutral-3);--menu-item-background-active:var(--neutral-alpha-8);--menu-item-background-hover:var(--neutral-alpha-4);--left-nav-icon:var(--neutral-55);--pill-background:var(--neutral-alpha-8);--pill:var(--primary-text);--spinner-text:var(--communication-primary);--nav-link-hover:var(--neutral-alpha-8);--nav-link-selected:var(--communication-tint-20);--nav-link-expanded:var(--communication-tint-40);--insights-button-hover:#0179d4;--report-footer-text:#222;--landmark-contentinfo:#00a88c;--landmark-main:#cb2e6d;--landmark-complementary:#6b9d1a;--landmark-banner:#d08311;--landmark-region:#2560e0;--landmark-navigation:#9b38e6;--landmark-search:#d363d8;--landmark-form:#0298c7}:root .high-contrast-theme{--ada-brand-color:var(--white);--secondary-text:var(--white);--primary-text:var(--white);--disabled-text:#c285ff;--communication-tint-40:#38a9ff;--communication-tint-30:var(--communication-tint-10);--neutral-0:var(--light-black);--neutral-2:var(--light-black);--neutral-3:var(--light-black);--neutral-4:var(--light-black);--neutral-6:var(--light-black);--neutral-6-5:var(--light-black);--neutral-8:var(--white);--neutral-10:var(--light-black);--neutral-20:var(--white);--neutral-30:var(--white);--neutral-55:var(--white);--neutral-60:var(--white);--neutral-70:var(--white);--neutral-80:var(--white);--neutral-100:var(--white);--neutral-alpha-8:var(--white);--neutral-alpha-90:var(--white);--positive-outcome:#4ac94a;--negative-outcome:#fc7ab1;--neutral-outcome:var(--neutral-0);--card-border:var(--white);--card-footer-border:var(--white);--header-bar-title-color:var(--brand-blue);--help-links-section-background:transparent;--help-links-section-border:var(--white);--index-circle-background:var(--communication-tint-40);--link-hover:#ff0;--link:#ff0;--menu-border:var(--grey);--menu-item-background-active:var(--communication-tint-40);--menu-item-background-hover:var(--grey);--left-nav-icon:var(--black);--pill-background:var(--white);--pill:var(--black);--screenshot-image-outline:var(--white);--spinner-text:var(--communication-tint-40);--nav-link-hover:#2a2a2a;--nav-link-selected:var(--communication-tint-40);--nav-link-expanded:transparent}.ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus:after{border:1px solid var(--neutral-100)}@media screen and (forced-colors:active){.ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus:after{border:1px dashed windowtext!important}}button:after{content:"";position:absolute}.ms-fontColor-neutralPrimary,.ms-fontColor-neutralPrimary--hover:hover{color:var(--neutral-100)!important}.ms-Fabric{color:var(--neutral-100)}.insights-link{text-decoration:none;color:var(--link)!important}@media screen and (forced-colors:active){.insights-link{forced-color-adjust:unset}}.insights-link:hover{text-decoration:underline;color:var(--link-hover)!important}.high-contrast-theme .insights-link:hover{text-decoration:underline}.high-contrast-theme .is-selected .status-icon{color:var(--black)!important}.insights-code{font-family:menlo,consolas,courier new,monospace}.ms-Spinner .ms-Spinner-circle{border-top-color:var(--spinner-text)}.ms-Spinner .ms-Spinner-label{color:var(--spinner-text)}@media screen and (forced-colors:active){.ms-ContextualMenu button:hover .ms-ContextualMenu-itemText,.ms-ContextualMenu button:hover .ms-ContextualMenu-linkText{color:highlight}}body{background:var(--neutral-0);color:var(--neutral-100);flex-direction:column;margin:0;font-family:"Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Ubuntu,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;display:flex;overflow:auto}main{width:100%}.outcome-summary-bar{white-space:pre-wrap;flex-flow:wrap;flex-grow:0;flex-shrink:0;align-items:center;margin-top:16px;margin-bottom:0;font-size:17px;font-weight:600;line-height:24px;display:flex}.outcome-summary-bar .block,.outcome-summary-bar .incomplete,.outcome-summary-bar .inapplicable,.outcome-summary-bar .unscannable,.outcome-summary-bar .pass,.outcome-summary-bar .fail{color:var(--neutral-0);align-items:center;height:16px;margin-right:4px;padding:8px 8px 10px 10px;font-family:"Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Ubuntu,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;line-height:20px;display:flex}.outcome-summary-bar .count{font-weight:600}.outcome-summary-bar .fail{background-color:var(--negative-outcome)}.outcome-summary-bar .fail .check-container{border:0 solid var(--neutral-0);border-radius:50%;width:16px;height:16px;display:inline-block;position:relative}.outcome-summary-bar .fail .check-container svg circle{fill:var(--negative-outcome)}.outcome-summary-bar .fail .check-container{margin-right:8px;bottom:-1px}.outcome-summary-bar .pass{background-color:var(--positive-outcome)}.outcome-summary-bar .pass .check-container{border:0 solid var(--neutral-0);border-radius:50%;width:16px;height:16px;display:inline-block;position:relative}.outcome-summary-bar .pass .check-container svg circle{fill:var(--positive-outcome)}.outcome-summary-bar .pass .check-container{margin-left:4px;margin-right:8px;bottom:-1px}.outcome-summary-bar .inapplicable,.outcome-summary-bar .unscannable{background-color:var(--neutral-outcome)}.outcome-summary-bar .inapplicable .check-container,.outcome-summary-bar .unscannable .check-container{border:0 solid var(--neutral-0);border-radius:50%;width:16px;height:16px;margin-left:4px;margin-right:8px;display:inline-block;position:relative;bottom:-1px}.outcome-summary-bar .incomplete{background-color:var(--neutral-outcome);color:var(--white);border:2px var(--neutral-60) solid;height:12px}.outcome-summary-bar .incomplete .check-container{border:3px solid var(--neutral-0);border-color:var(--white);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block;position:relative}.outcome-summary-bar .summary-bar-left-edge{border-top-left-radius:2px;border-bottom-left-radius:2px}.outcome-summary-bar .summary-bar-right-edge{border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:0}.outcome-summary-bar .label{font-weight:400}.screen-reader-only{clip-path:inset(100%);height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.check-container svg{width:100%;height:100%}.outcome-chip{height:16px;color:var(--primary-text);border-radius:0 8px 8px 0;align-items:center;margin-bottom:-3px;margin-left:4px;margin-right:4px;display:inline-flex}.outcome-chip .icon{border-radius:50%;width:16px;height:16px}.outcome-chip .count{border-radius:0 8px 8px 0;height:13px;margin-left:-8px;padding-left:10px;padding-right:6px;font-family:"Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Ubuntu,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:11px;font-weight:700;line-height:13px}@media screen and (forced-colors:active){.outcome-chip .count{forced-color-adjust:none;color:canvastext;border-color:canvastext!important}}.outcome-chip.outcome-chip-pass .check-container{border:0 solid var(--neutral-0);border-radius:50%;width:16px;height:16px;display:inline-block;position:relative}.outcome-chip.outcome-chip-pass .check-container svg circle{fill:var(--positive-outcome)}.outcome-chip.outcome-chip-pass .check-container{background-color:var(--positive-outcome)}.outcome-chip.outcome-chip-pass .count{border:1.5px solid var(--positive-outcome);background-color:#0000;width:max-content}.outcome-chip.outcome-chip-incomplete .check-container,.outcome-chip.outcome-chip-review .check-container{border:1px solid var(--neutral-0);background-color:var(--neutral-60);border-radius:50%;width:14px;height:14px;display:inline-block;position:relative}.outcome-chip.outcome-chip-incomplete .count,.outcome-chip.outcome-chip-review .count{border:1.5px solid var(--neutral-60);background-color:#0000;width:max-content}.outcome-chip.outcome-chip-fail .check-container{border:0 solid var(--neutral-0);border-radius:50%;width:16px;height:16px;display:inline-block;position:relative}.outcome-chip.outcome-chip-fail .check-container svg circle{fill:var(--negative-outcome)}.outcome-chip.outcome-chip-fail .check-container{background-color:var(--negative-outcome)}.outcome-chip.outcome-chip-fail .count{border:1.5px solid var(--negative-outcome);background-color:#0000;width:max-content}.outcome-chip.outcome-chip-inapplicable .check-container,.outcome-chip.outcome-chip-unscannable .check-container{border:0 solid var(--neutral-0);background-color:var(--neutral-outcome);border-radius:50%;width:16px;height:16px;display:inline-block;position:relative}.outcome-chip.outcome-chip-inapplicable .count,.outcome-chip.outcome-chip-unscannable .count{border:1.5px solid var(--neutral-outcome);background-color:#0000;width:max-content}.outcome-icon-set .outcome-icon{border-radius:50%;margin-left:4px}.outcome-icon-set .outcome-icon-pass .check-container{border:0 solid var(--neutral-0);border-radius:50%;width:14px;height:14px;display:inline-block;position:relative}.outcome-icon-set .outcome-icon-pass .check-container svg circle{fill:var(--positive-outcome)}.outcome-icon-set .outcome-icon-incomplete .check-container{border:1px solid var(--neutral-0);border-color:var(--neutral-60);border-radius:50%;width:12px;height:12px;display:inline-block;position:relative}.outcome-icon-set .outcome-icon-fail .check-container{border:0 solid var(--neutral-0);border-radius:50%;width:14px;height:14px;display:inline-block;position:relative}.outcome-icon-set .outcome-icon-fail .check-container svg circle{fill:var(--negative-outcome)}.header-bar{background-color:var(--ada-brand-color);flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;width:100%;min-height:40px;display:flex}.header-bar .header-icon{flex-shrink:0;width:22px;height:22px;margin-left:16px}.header-bar .header-title{color:var(--header-bar-title-color);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;margin-right:32px;font-family:"Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Ubuntu,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;overflow:hidden}.header-bar .spacer{flex:auto}.header-bar .far-items{justify-content:flex-end;align-items:center;margin-right:12px;display:flex}.header-bar .far-items button,.header-bar .far-items button:focus,.header-bar .far-items button:hover,.header-bar .far-items button:active,.header-bar .far-items button:hover:active{background-color:unset}.header-bar .far-items i{color:var(--neutral-0);font-size:20px}
.info-examples-module-scss-module__NEZOjG__fullWidth{width:100%}