accessibility-insights-report 4.6.6 → 4.6.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/drop/index.js +1 -1
- package/package.json +1 -1
package/drop/index.js
CHANGED
|
@@ -2403,7 +2403,7 @@ var React44 = __toESM(require("react"));
|
|
|
2403
2403
|
var React43 = __toESM(require("react"));
|
|
2404
2404
|
|
|
2405
2405
|
// src/reports/automated-checks-report.styles.ts
|
|
2406
|
-
var styleSheet = `:root {\n --black: #000;\n --light-black: #161616;\n --white: #fff;\n --brand-blue: #004880;\n --grey: #333;\n --ada-brand-color: var(--brand-blue);\n --primary-text: rgb(0 0 0 / 90%);\n --secondary-text: rgb(0 0 0 / 70%);\n --disabled-text: rgb(0 0 0 / 38%);\n --communication-primary: #106ebe;\n --communication-tint-40: #eff6fc;\n --communication-tint-30: #deecf9;\n --communication-tint-20: #c7e0f4;\n --communication-tint-10: #2b88d8;\n --communication-shade-20: #004578;\n --neutral-0: var(--white);\n --neutral-2: #f8f8f8;\n --neutral-3: #f6f6f6;\n --neutral-4: #f4f4f4;\n --neutral-6: #f2f2f2;\n --neutral-6-5: #f1f1f1;\n --neutral-8: #ebebeb;\n --neutral-10: #dedede;\n --neutral-20: #c8c8c8;\n --neutral-30: #a6a6a6;\n --neutral-55: #6e6e6e;\n --neutral-60: #666;\n --neutral-70: #3c3c3c;\n --neutral-80: var(--grey);\n --neutral-100: var(--black);\n --neutral-alpha-2: rgb(0 0 0 / 2%);\n --neutral-alpha-4: rgb(0 0 0 / 4%);\n --neutral-alpha-6: rgb(0 0 0 / 6%);\n --neutral-alpha-8: rgb(0 0 0 / 8%);\n --neutral-alpha-10: rgb(0 0 0 / 10%);\n --neutral-alpha-20: rgb(0 0 0 / 20%);\n --neutral-alpha-30: rgb(0 0 0 / 30%);\n --neutral-alpha-60: rgb(0 0 0 / 60%);\n --neutral-alpha-70: rgb(0 0 0 / 70%);\n --neutral-alpha-80: rgb(0 0 0 / 80%);\n --neutral-alpha-90: rgb(0 0 0 / 90%);\n --positive-outcome: #228722;\n --negative-outcome: #e81123;\n --neutral-outcome: var(--neutral-60);\n --box-shadow-108: rgb(0 0 0 / 10.8%);\n --box-shadow-132: rgb(0 0 0 / 13.2%);\n --box-shadow-27: rgb(0 0 0 / 27%);\n --screenshot-image-outline: #8b8b8b;\n --card-border: transparent;\n --card-footer-border: var(--neutral-10);\n --header-bar-title-color: var(--neutral-0);\n --help-links-section-background: var(--neutral-4);\n --help-links-section-border: var(--neutral-4);\n --index-circle-background: var(--communication-primary);\n --link-hover: var(--communication-shade-20);\n --link: var(--communication-primary);\n --menu-border: var(--neutral-3);\n --menu-item-background-active: var(--neutral-alpha-8);\n --menu-item-background-hover: var(--neutral-alpha-4);\n --left-nav-icon: var(--neutral-55);\n --pill-background: var(--neutral-alpha-8);\n --pill: var(--primary-text);\n --spinner-text: var(--communication-primary);\n --nav-link-hover: var(--neutral-alpha-8);\n --nav-link-selected: var(--communication-tint-20);\n --nav-link-expanded: var(--communication-tint-40);\n --insights-button-hover: #0179d4;\n --report-footer-text: #222;\n --landmark-contentinfo: #00a88c;\n --landmark-main: #cb2e6d;\n --landmark-complementary: #6b9d1a;\n --landmark-banner: #d08311;\n --landmark-region: #2560e0;\n --landmark-navigation: #9b38e6;\n --landmark-search: #d363d8;\n --landmark-form: #0298c7;\n}\n:root .high-contrast-theme {\n --ada-brand-color: var(--white);\n --secondary-text: var(--white);\n --primary-text: var(--white);\n --disabled-text: #c285ff;\n --communication-tint-40: #38a9ff;\n --communication-tint-30: var(--communication-tint-10);\n --neutral-0: var(--light-black);\n --neutral-2: var(--light-black);\n --neutral-3: var(--light-black);\n --neutral-4: var(--light-black);\n --neutral-6: var(--light-black);\n --neutral-6-5: var(--light-black);\n --neutral-8: var(--white);\n --neutral-10: var(--light-black);\n --neutral-20: var(--white);\n --neutral-30: var(--white);\n --neutral-55: var(--white);\n --neutral-60: var(--white);\n --neutral-70: var(--white);\n --neutral-80: var(--white);\n --neutral-100: var(--white);\n --neutral-alpha-8: var(--white);\n --neutral-alpha-90: var(--white);\n --positive-outcome: #4ac94a;\n --negative-outcome: #fc7ab1;\n --neutral-outcome: var(--neutral-0);\n --card-border: var(--white);\n --card-footer-border: var(--white);\n --header-bar-title-color: var(--brand-blue);\n --help-links-section-background: transparent;\n --help-links-section-border: var(--white);\n --index-circle-background: var(--communication-tint-40);\n --link-hover: #ff0;\n --link: #ff0;\n --menu-border: var(--grey);\n --menu-item-background-active: var(--communication-tint-40);\n --menu-item-background-hover: var(--grey);\n --left-nav-icon: var(--black);\n --pill-background: var(--white);\n --pill: var(--black);\n --screenshot-image-outline: var(--white);\n --spinner-text: var(--communication-tint-40);\n --nav-link-hover: #2a2a2a;\n --nav-link-selected: var(--communication-tint-40);\n --nav-link-expanded: transparent;\n}\n\n.ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus::after {\n border: 1px solid var(--neutral-100);\n}\n@media screen and (forced-colors: active) {\n .ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus::after {\n border: 1px dashed windowtext !important;\n }\n}\n\nbutton::after {\n content: \"\";\n position: absolute;\n}\n\n.ms-fontColor-neutralPrimary,\n.ms-fontColor-neutralPrimary--hover:hover {\n color: var(--neutral-100) !important;\n}\n\n.ms-Fabric {\n color: var(--neutral-100);\n}\n\n.insights-link {\n color: var(--link) !important;\n text-decoration: none;\n}\n@media screen and (forced-colors: active) {\n .insights-link {\n forced-color-adjust: unset;\n }\n}\n.insights-link:hover {\n color: var(--link-hover) !important;\n text-decoration: underline;\n}\n\n.high-contrast-theme .insights-link:hover {\n text-decoration: underline;\n}\n.high-contrast-theme .is-selected .status-icon {\n color: var(--black) !important;\n}\n\n.insights-code {\n font-family: menlo, consolas, courier new, monospace;\n}\n\n.ms-Spinner .ms-Spinner-circle {\n border-top-color: var(--spinner-text);\n}\n.ms-Spinner .ms-Spinner-label {\n color: var(--spinner-text);\n}\n\n@media screen and (forced-colors: active) {\n .ms-ContextualMenu button:hover .ms-ContextualMenu-itemText,\n .ms-ContextualMenu button:hover .ms-ContextualMenu-linkText {\n color: highlight;\n }\n}\n\n.guidance-tags span {\n font-size: 12px;\n font-weight: normal;\n padding-top: 2px;\n padding-right: 12px;\n padding-bottom: 2px;\n padding-left: 12px;\n color: var(--pill);\n background-color: var(--pill-background);\n border-radius: 120px;\n}\n\n.hidden-highlight-button {\n opacity: 0;\n margin: 0;\n padding: 0;\n border: none;\n}\n\n.instance-details-card {\n border-radius: 4px;\n border: 1px solid var(--card-border);\n outline-style: \"border-style\";\n box-shadow: 0 0.6px 1.8px var(--box-shadow-108), 0 3.2px 7.2px var(--box-shadow-132);\n margin-bottom: 16px;\n width: -moz-available;\n width: -webkit-fill-available;\n width: stretch;\n}\n\n.instance-details-card-container.selected {\n outline: 5px solid var(--communication-tint-10);\n}\n\n.instance-details-card.selected {\n border: 1px solid transparent;\n}\n\n.instance-details-card.focused,\n.instance-details-card:focus {\n outline: 2px solid var(--primary-text);\n outline-offset: 2px;\n}\n\n.instance-details-card.selected.focused,\n.instance-details-card.selected:focus {\n outline-offset: 8px;\n}\n\n.instance-details-card.interactive {\n cursor: pointer;\n}\n\n.instance-details-card.interactive:hover {\n box-shadow: 0 8px 10px var(--box-shadow-108), 0 8px 10px var(--box-shadow-132);\n}\n\n.report-instance-table {\n background: var(--neutral-0);\n display: table;\n table-layout: fixed;\n width: -moz-available;\n width: -webkit-fill-available;\n width: stretch;\n border-radius: inherit;\n border-collapse: collapse;\n overflow-wrap: break-word;\n word-break: break-word;\n}\n.report-instance-table .row {\n display: flex;\n flex-wrap: wrap;\n padding-top: 2px;\n padding-bottom: 14px;\n padding-left: 0;\n padding-right: 20px;\n border-bottom: 0.5px solid var(--neutral-10);\n}\n.report-instance-table .row > * {\n margin-top: 12px;\n margin-bottom: 0;\n margin-left: 20px;\n margin-right: 0;\n padding: 0;\n}\n.report-instance-table .row:last-child {\n border-bottom: none;\n}\n.report-instance-table .row-label {\n flex-basis: 90px;\n flex-shrink: 1;\n flex-grow: 0;\n font-size: 14px;\n line-height: 20px;\n font-weight: 600;\n color: var(--primary-text);\n text-align: left;\n}\n.report-instance-table .row-content {\n flex-basis: 200px;\n flex-shrink: 1;\n flex-grow: 1;\n color: var(--secondary-text);\n font-size: 14px;\n line-height: 20px;\n align-items: flex-end;\n display: flex;\n}\n\n.outcome-summary-bar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n margin-top: 16px;\n margin-bottom: 0;\n line-height: 24px;\n font-size: 17px;\n font-weight: 600;\n white-space: pre-wrap;\n}\n.outcome-summary-bar .block,\n.outcome-summary-bar .incomplete,\n.outcome-summary-bar .inapplicable,\n.outcome-summary-bar .unscannable,\n.outcome-summary-bar .pass,\n.outcome-summary-bar .fail {\n 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';\n line-height: 20px;\n font-size: 16px;\n color: var(--neutral-0);\n padding-top: 8px;\n padding-right: 8px;\n padding-bottom: 10px;\n padding-left: 10px;\n height: 16px;\n display: flex;\n align-items: center;\n margin-right: 4px;\n}\n.outcome-summary-bar .count {\n font-weight: 600;\n}\n.outcome-summary-bar .fail {\n background-color: var(--negative-outcome);\n}\n.outcome-summary-bar .fail .check-container {\n position: relative;\n width: 16px;\n height: 16px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .fail .check-container svg circle {\n fill: var(--negative-outcome);\n}\n.outcome-summary-bar .fail .check-container {\n bottom: -1px;\n margin-right: 8px;\n}\n.outcome-summary-bar .pass {\n background-color: var(--positive-outcome);\n}\n.outcome-summary-bar .pass .check-container {\n position: relative;\n width: 16px;\n height: 16px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .pass .check-container svg circle {\n fill: var(--positive-outcome);\n}\n.outcome-summary-bar .pass .check-container {\n bottom: -1px;\n margin-right: 8px;\n margin-left: 4px;\n}\n.outcome-summary-bar .inapplicable,\n.outcome-summary-bar .unscannable {\n background-color: var(--neutral-outcome);\n}\n.outcome-summary-bar .inapplicable .check-container,\n.outcome-summary-bar .unscannable .check-container {\n position: relative;\n width: 16px;\n height: 16px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .inapplicable .check-container,\n.outcome-summary-bar .unscannable .check-container {\n bottom: -1px;\n margin-right: 8px;\n margin-left: 4px;\n}\n.outcome-summary-bar .incomplete {\n background-color: var(--neutral-outcome);\n color: var(--white);\n border: 2px var(--neutral-60) solid;\n height: 12px;\n}\n.outcome-summary-bar .incomplete .check-container {\n position: relative;\n width: 8px;\n height: 8px;\n display: inline-block;\n border-radius: 50%;\n border: 3px solid var(--neutral-0);\n}\n.outcome-summary-bar .incomplete .check-container {\n margin-right: 6px;\n border-color: var(--white);\n}\n.outcome-summary-bar .summary-bar-left-edge {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n}\n.outcome-summary-bar .summary-bar-right-edge {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n margin-right: 0;\n}\n.outcome-summary-bar .label {\n font-weight: normal;\n}\n\n.screen-reader-only {\n position: absolute;\n left: -10000px;\n top: auto;\n height: 1px;\n overflow: hidden;\n clip-path: inset(100% 100% 100% 100%);\n}\n\n.check-container svg {\n width: 100%;\n height: 100%;\n}\n\n.outcome-chip {\n height: 16px;\n color: var(--primary-text);\n border-radius: 0 8px 8px 0;\n margin-right: 4px;\n margin-bottom: -3px;\n margin-left: 4px;\n display: inline-flex;\n align-items: center;\n}\n.outcome-chip .icon {\n border-radius: 50%;\n width: 16px;\n height: 16px;\n}\n.outcome-chip .count {\n 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';\n line-height: 13px;\n font-size: 11px;\n border-radius: 0 8px 8px 0;\n padding-right: 6px;\n padding-left: 10px;\n font-weight: 700;\n margin-left: -8px;\n height: 13px;\n}\n@media screen and (forced-colors: active) {\n .outcome-chip .count {\n forced-color-adjust: none;\n border-color: canvastext !important;\n color: canvastext;\n }\n}\n.outcome-chip.outcome-chip-pass .check-container {\n position: relative;\n width: 16px;\n height: 16px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-pass .check-container svg circle {\n fill: var(--positive-outcome);\n}\n.outcome-chip.outcome-chip-pass .check-container {\n background-color: var(--positive-outcome);\n}\n.outcome-chip.outcome-chip-pass .count {\n background-color: transparent;\n border: 1.5px solid var(--positive-outcome);\n width: max-content;\n}\n.outcome-chip.outcome-chip-incomplete .check-container, .outcome-chip.outcome-chip-review .check-container {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n border-radius: 50%;\n border: 1px solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-incomplete .check-container, .outcome-chip.outcome-chip-review .check-container {\n background-color: var(--neutral-60);\n}\n.outcome-chip.outcome-chip-incomplete .count, .outcome-chip.outcome-chip-review .count {\n background-color: transparent;\n border: 1.5px solid var(--neutral-60);\n width: max-content;\n}\n.outcome-chip.outcome-chip-fail .check-container {\n position: relative;\n width: 16px;\n height: 16px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-fail .check-container svg circle {\n fill: var(--negative-outcome);\n}\n.outcome-chip.outcome-chip-fail .check-container {\n background-color: var(--negative-outcome);\n}\n.outcome-chip.outcome-chip-fail .count {\n background-color: transparent;\n border: 1.5px solid var(--negative-outcome);\n width: max-content;\n}\n.outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {\n position: relative;\n width: 16px;\n height: 16px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {\n background-color: var(--neutral-outcome);\n}\n.outcome-chip.outcome-chip-inapplicable .count, .outcome-chip.outcome-chip-unscannable .count {\n background-color: transparent;\n border: 1.5px solid var(--neutral-outcome);\n width: max-content;\n}\n\n.outcome-icon-set .outcome-icon {\n margin-left: 4px;\n border-radius: 50%;\n}\n.outcome-icon-set .outcome-icon-pass .check-container {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-pass .check-container svg circle {\n fill: var(--positive-outcome);\n}\n.outcome-icon-set .outcome-icon-incomplete .check-container {\n position: relative;\n width: 12px;\n height: 12px;\n display: inline-block;\n border-radius: 50%;\n border: 1px solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-incomplete .check-container {\n border-color: var(--neutral-60);\n}\n.outcome-icon-set .outcome-icon-fail .check-container {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-fail .check-container svg circle {\n fill: var(--negative-outcome);\n}\n\nbody {\n font-size: 14px;\n margin: auto;\n background-color: var(--neutral-2);\n color: black;\n 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';\n}\n\n.outer-container {\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.outer-container .content-container {\n max-width: 960px;\n margin-right: auto;\n margin-left: auto;\n margin-top: 24px;\n}\n.outer-container .content-container h2 {\n margin: 0;\n font-size: 17px;\n line-height: 24px;\n}\n@media only screen and (max-width: 1000px) {\n .outer-container .content-container {\n margin-top: 24px;\n margin-right: 16px;\n margin-left: 16px;\n }\n}\n\n.scan-details-section {\n box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n border-radius: 4px;\n background-color: var(--neutral-0);\n padding: 20px;\n margin-bottom: 22px;\n}\n.scan-details-section .details-section-list {\n list-style: none;\n font-size: 14px;\n line-height: 16px;\n padding-left: 0;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n}\n.scan-details-section h3 {\n margin: 0;\n font-size: 17px;\n line-height: 24px;\n}\n.scan-details-section li {\n display: inline-block;\n padding-top: 12px;\n}\n.scan-details-section li .icon {\n padding-right: 12px;\n position: relative;\n top: 3px;\n}\n.scan-details-section .text {\n word-break: break-all;\n}\n.scan-details-section .description-text {\n white-space: pre-wrap;\n}\n.scan-details-section .screen-reader-only {\n position: absolute;\n left: -10000px;\n top: auto;\n height: 1px;\n overflow: hidden;\n clip-path: inset(100% 100% 100% 100%);\n}\n\n.report-footer-container {\n max-width: 960px;\n margin-right: auto;\n margin-left: auto;\n margin-bottom: 68px;\n margin-top: 24px;\n}\n.report-footer-container .report-footer {\n line-height: 20px;\n color: var(--report-footer-text);\n}\n@media only screen and (max-width: 1000px) {\n .report-footer-container {\n margin-right: 16px;\n margin-left: 16px;\n }\n}\n\n.report-header-command-bar {\n height: 40px;\n width: 100%;\n display: flex;\n justify-content: end;\n min-height: fit-content;\n align-items: center;\n background-color: var(--neutral-0);\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.report-header-command-bar .target-page {\n white-space: nowrap;\n margin-left: 16px;\n display: flex;\n color: var(--primary-text);\n 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';\n font-size: 14px;\n line-height: 20px;\n font-weight: normal;\n min-width: 0;\n}\n.report-header-command-bar .target-page a {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.report-congrats-message {\n word-break: break-word;\n overflow-wrap: break-word;\n}\n\n.report-congrats-head {\n font-size: 16px;\n font-weight: 600;\n color: var(--primary-text);\n padding-top: 10px;\n padding-right: 0;\n padding-bottom: 10px;\n padding-left: 0;\n}\n\n.report-congrats-info {\n font-size: 14px;\n color: var(--secondary-text);\n padding-top: 10px;\n padding-right: 0;\n padding-bottom: 10px;\n padding-left: 0;\n}\n\n.sleeping-ada {\n height: 100px;\n}\n\n.title-section {\n margin-top: 56px;\n}\n.title-section h1 {\n font-weight: 600;\n margin-bottom: 24px;\n font-size: 21px;\n line-height: 32px;\n letter-spacing: -0.02em;\n}\n\n.results-container {\n margin-top: 56px;\n}\n.results-container .title-container :is(h1, h2, h3, h4, h5, h6) {\n font-weight: unset;\n margin-block: 0;\n margin-inline: 0;\n}\n\n@media screen and (max-width: 640px) {\n .outcome-past-tense {\n display: none;\n }\n}\n.collapsible-container .collapsible-control[aria-expanded=true]::before, .collapsible-container .collapsible-control[aria-expanded=false]::before {\n display: inline-block;\n border-right: 1px solid var(--secondary-text);\n border-bottom: 1px solid var(--secondary-text);\n min-width: 7px;\n width: 7px;\n height: 7px;\n content: \"\";\n transform-origin: 50% 50%;\n transition: transform 0.1s linear 0s;\n}\n\n.summary-section {\n box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n border-radius: 4px;\n background-color: var(--neutral-0);\n padding: 20px;\n margin-bottom: 24px;\n}\n\n.result-section {\n padding-bottom: 24px;\n}\n.result-section .title-container .collapsible-control::before {\n position: relative;\n bottom: 2px;\n margin-right: 14px;\n}\n.result-section .collapsible-content {\n margin-left: 16px;\n}\n\n.collapsible-container .collapsible-control {\n 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\";\n background-color: transparent;\n cursor: pointer;\n border: none;\n display: flex;\n align-items: baseline;\n width: 100%;\n}\n.collapsible-container .collapsible-control:hover {\n background-color: var(--neutral-alpha-4);\n}\n.collapsible-container:not(.collapsible-rule-details-group) .collapsible-control {\n padding-left: 2px;\n padding-right: 16px;\n position: relative;\n}\n.collapsible-container .collapsible-control[aria-expanded=false]::before {\n transform: rotate(-45deg);\n}\n.collapsible-container .collapsible-control[aria-expanded=true]::before {\n transform: rotate(45deg);\n}\n.collapsible-container .collapsible-content[aria-hidden=true] {\n display: none;\n}\n\nul.instance-details-list {\n list-style-type: none;\n padding-inline-start: unset;\n margin-block-start: unset;\n margin-block-end: unset;\n}\nul.instance-details-list li {\n margin-bottom: 16px;\n}\nul.instance-details-list li:last-child {\n margin-bottom: unset;\n}`;
|
|
2406
|
+
var styleSheet = `:root {\n --black: #000;\n --light-black: #161616;\n --white: #fff;\n --brand-blue: #004880;\n --grey: #333;\n --ada-brand-color: var(--brand-blue);\n --primary-text: rgb(0 0 0 / 90%);\n --secondary-text: rgb(0 0 0 / 70%);\n --disabled-text: rgb(0 0 0 / 38%);\n --communication-primary: #106ebe;\n --communication-tint-40: #eff6fc;\n --communication-tint-30: #deecf9;\n --communication-tint-20: #c7e0f4;\n --communication-tint-10: #2b88d8;\n --communication-shade-20: #004578;\n --neutral-0: var(--white);\n --neutral-2: #f8f8f8;\n --neutral-3: #f6f6f6;\n --neutral-4: #f4f4f4;\n --neutral-6: #f2f2f2;\n --neutral-6-5: #f1f1f1;\n --neutral-8: #ebebeb;\n --neutral-10: #dedede;\n --neutral-20: #c8c8c8;\n --neutral-30: #a6a6a6;\n --neutral-55: #6e6e6e;\n --neutral-60: #666;\n --neutral-70: #3c3c3c;\n --neutral-80: var(--grey);\n --neutral-100: var(--black);\n --neutral-alpha-2: rgb(0 0 0 / 2%);\n --neutral-alpha-4: rgb(0 0 0 / 4%);\n --neutral-alpha-6: rgb(0 0 0 / 6%);\n --neutral-alpha-8: rgb(0 0 0 / 8%);\n --neutral-alpha-10: rgb(0 0 0 / 10%);\n --neutral-alpha-20: rgb(0 0 0 / 20%);\n --neutral-alpha-30: rgb(0 0 0 / 30%);\n --neutral-alpha-60: rgb(0 0 0 / 60%);\n --neutral-alpha-70: rgb(0 0 0 / 70%);\n --neutral-alpha-80: rgb(0 0 0 / 80%);\n --neutral-alpha-90: rgb(0 0 0 / 90%);\n --positive-outcome: #228722;\n --negative-outcome: #e81123;\n --neutral-outcome: var(--neutral-60);\n --box-shadow-108: rgb(0 0 0 / 10.8%);\n --box-shadow-132: rgb(0 0 0 / 13.2%);\n --box-shadow-27: rgb(0 0 0 / 27%);\n --screenshot-image-outline: #8b8b8b;\n --card-border: transparent;\n --card-footer-border: var(--neutral-10);\n --header-bar-title-color: var(--neutral-0);\n --help-links-section-background: var(--neutral-4);\n --help-links-section-border: var(--neutral-4);\n --index-circle-background: var(--communication-primary);\n --link-hover: var(--communication-shade-20);\n --link: var(--communication-primary);\n --menu-border: var(--neutral-3);\n --menu-item-background-active: var(--neutral-alpha-8);\n --menu-item-background-hover: var(--neutral-alpha-4);\n --left-nav-icon: var(--neutral-55);\n --pill-background: var(--neutral-alpha-8);\n --pill: var(--primary-text);\n --spinner-text: var(--communication-primary);\n --nav-link-hover: var(--neutral-alpha-8);\n --nav-link-selected: var(--communication-tint-20);\n --nav-link-expanded: var(--communication-tint-40);\n --insights-button-hover: #0179d4;\n --report-footer-text: #222;\n --landmark-contentinfo: #00a88c;\n --landmark-main: #cb2e6d;\n --landmark-complementary: #6b9d1a;\n --landmark-banner: #d08311;\n --landmark-region: #2560e0;\n --landmark-navigation: #9b38e6;\n --landmark-search: #d363d8;\n --landmark-form: #0298c7;\n}\n:root .high-contrast-theme {\n --ada-brand-color: var(--white);\n --secondary-text: var(--white);\n --primary-text: var(--white);\n --disabled-text: #c285ff;\n --communication-tint-40: #38a9ff;\n --communication-tint-30: var(--communication-tint-10);\n --neutral-0: var(--light-black);\n --neutral-2: var(--light-black);\n --neutral-3: var(--light-black);\n --neutral-4: var(--light-black);\n --neutral-6: var(--light-black);\n --neutral-6-5: var(--light-black);\n --neutral-8: var(--white);\n --neutral-10: var(--light-black);\n --neutral-20: var(--white);\n --neutral-30: var(--white);\n --neutral-55: var(--white);\n --neutral-60: var(--white);\n --neutral-70: var(--white);\n --neutral-80: var(--white);\n --neutral-100: var(--white);\n --neutral-alpha-8: var(--white);\n --neutral-alpha-90: var(--white);\n --positive-outcome: #4ac94a;\n --negative-outcome: #fc7ab1;\n --neutral-outcome: var(--neutral-0);\n --card-border: var(--white);\n --card-footer-border: var(--white);\n --header-bar-title-color: var(--brand-blue);\n --help-links-section-background: transparent;\n --help-links-section-border: var(--white);\n --index-circle-background: var(--communication-tint-40);\n --link-hover: #ff0;\n --link: #ff0;\n --menu-border: var(--grey);\n --menu-item-background-active: var(--communication-tint-40);\n --menu-item-background-hover: var(--grey);\n --left-nav-icon: var(--black);\n --pill-background: var(--white);\n --pill: var(--black);\n --screenshot-image-outline: var(--white);\n --spinner-text: var(--communication-tint-40);\n --nav-link-hover: #2a2a2a;\n --nav-link-selected: var(--communication-tint-40);\n --nav-link-expanded: transparent;\n}\n\n.ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus::after {\n border: 1px solid var(--neutral-100);\n}\n@media screen and (forced-colors: active) {\n .ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus::after {\n border: 1px dashed windowtext !important;\n }\n}\n\nbutton::after {\n content: \"\";\n position: absolute;\n}\n\n.ms-fontColor-neutralPrimary,\n.ms-fontColor-neutralPrimary--hover:hover {\n color: var(--neutral-100) !important;\n}\n\n.ms-Fabric {\n color: var(--neutral-100);\n}\n\n.insights-link {\n color: var(--link) !important;\n text-decoration: none;\n}\n@media screen and (forced-colors: active) {\n .insights-link {\n forced-color-adjust: unset;\n }\n}\n.insights-link:hover {\n color: var(--link-hover) !important;\n text-decoration: underline;\n}\n\n.high-contrast-theme .insights-link:hover {\n text-decoration: underline;\n}\n.high-contrast-theme .is-selected .status-icon {\n color: var(--black) !important;\n}\n\n.insights-code {\n font-family: menlo, consolas, courier new, monospace;\n}\n\n.ms-Spinner .ms-Spinner-circle {\n border-top-color: var(--spinner-text);\n}\n.ms-Spinner .ms-Spinner-label {\n color: var(--spinner-text);\n}\n\n@media screen and (forced-colors: active) {\n .ms-ContextualMenu button:hover .ms-ContextualMenu-itemText,\n .ms-ContextualMenu button:hover .ms-ContextualMenu-linkText {\n color: highlight;\n }\n}\n\n.guidance-tags span {\n font-size: 12px;\n font-weight: normal;\n padding-top: 2px;\n padding-right: 12px;\n padding-bottom: 2px;\n padding-left: 12px;\n color: var(--pill);\n background-color: var(--pill-background);\n border-radius: 120px;\n}\n\n.hidden-highlight-button {\n opacity: 0;\n margin: 0;\n padding: 0;\n border: none;\n}\n\n.instance-details-card {\n border-radius: 4px;\n border: 1px solid var(--card-border);\n outline-style: \"border-style\";\n box-shadow: 0 0.6px 1.8px var(--box-shadow-108), 0 3.2px 7.2px var(--box-shadow-132);\n margin-bottom: 16px;\n width: -moz-available;\n width: -webkit-fill-available;\n width: stretch;\n}\n\n.instance-details-card-container.selected {\n outline: 5px solid var(--communication-tint-10);\n}\n\n.instance-details-card.selected {\n border: 1px solid transparent;\n}\n\n.instance-details-card.focused,\n.instance-details-card:focus {\n outline: 2px solid var(--primary-text);\n outline-offset: 2px;\n}\n\n.instance-details-card.selected.focused,\n.instance-details-card.selected:focus {\n outline-offset: 8px;\n}\n\n.instance-details-card.interactive {\n cursor: pointer;\n}\n\n.instance-details-card.interactive:hover {\n box-shadow: 0 8px 10px var(--box-shadow-108), 0 8px 10px var(--box-shadow-132);\n}\n\n.report-instance-table {\n background: var(--neutral-0);\n display: table;\n table-layout: fixed;\n width: -moz-available;\n width: -webkit-fill-available;\n width: stretch;\n border-radius: inherit;\n border-collapse: collapse;\n overflow-wrap: break-word;\n word-break: break-word;\n}\n.report-instance-table .row {\n display: flex;\n flex-wrap: wrap;\n padding-top: 2px;\n padding-bottom: 14px;\n padding-left: 0;\n padding-right: 20px;\n border-bottom: 0.5px solid var(--neutral-10);\n}\n.report-instance-table .row > * {\n margin-top: 12px;\n margin-bottom: 0;\n margin-left: 20px;\n margin-right: 0;\n padding: 0;\n}\n.report-instance-table .row:last-child {\n border-bottom: none;\n}\n.report-instance-table .row-label {\n flex-basis: 90px;\n flex-shrink: 1;\n flex-grow: 0;\n font-size: 14px;\n line-height: 20px;\n font-weight: 600;\n color: var(--primary-text);\n text-align: left;\n}\n.report-instance-table .row-content {\n flex-basis: 200px;\n flex-shrink: 1;\n flex-grow: 1;\n color: var(--secondary-text);\n font-size: 14px;\n line-height: 20px;\n align-items: flex-end;\n display: flex;\n}\n\n.outcome-summary-bar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n margin-top: 16px;\n margin-bottom: 0;\n line-height: 24px;\n font-size: 17px;\n font-weight: 600;\n white-space: pre-wrap;\n}\n.outcome-summary-bar .block,\n.outcome-summary-bar .incomplete,\n.outcome-summary-bar .inapplicable,\n.outcome-summary-bar .unscannable,\n.outcome-summary-bar .pass,\n.outcome-summary-bar .fail {\n 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';\n line-height: 20px;\n font-size: 16px;\n color: var(--neutral-0);\n padding-top: 8px;\n padding-right: 8px;\n padding-bottom: 10px;\n padding-left: 10px;\n height: 16px;\n display: flex;\n align-items: center;\n margin-right: 4px;\n}\n.outcome-summary-bar .count {\n font-weight: 600;\n}\n.outcome-summary-bar .fail {\n background-color: var(--negative-outcome);\n}\n.outcome-summary-bar .fail .check-container {\n position: relative;\n width: 16px;\n height: 16px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .fail .check-container svg circle {\n fill: var(--negative-outcome);\n}\n.outcome-summary-bar .fail .check-container {\n bottom: -1px;\n margin-right: 8px;\n}\n.outcome-summary-bar .pass {\n background-color: var(--positive-outcome);\n}\n.outcome-summary-bar .pass .check-container {\n position: relative;\n width: 16px;\n height: 16px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .pass .check-container svg circle {\n fill: var(--positive-outcome);\n}\n.outcome-summary-bar .pass .check-container {\n bottom: -1px;\n margin-right: 8px;\n margin-left: 4px;\n}\n.outcome-summary-bar .inapplicable,\n.outcome-summary-bar .unscannable {\n background-color: var(--neutral-outcome);\n}\n.outcome-summary-bar .inapplicable .check-container,\n.outcome-summary-bar .unscannable .check-container {\n position: relative;\n width: 16px;\n height: 16px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .inapplicable .check-container,\n.outcome-summary-bar .unscannable .check-container {\n bottom: -1px;\n margin-right: 8px;\n margin-left: 4px;\n}\n.outcome-summary-bar .incomplete {\n background-color: var(--neutral-outcome);\n color: var(--white);\n border: 2px var(--neutral-60) solid;\n height: 12px;\n}\n.outcome-summary-bar .incomplete .check-container {\n position: relative;\n width: 8px;\n height: 8px;\n display: inline-block;\n border-radius: 50%;\n border: 3px solid var(--neutral-0);\n}\n.outcome-summary-bar .incomplete .check-container {\n margin-right: 6px;\n border-color: var(--white);\n}\n.outcome-summary-bar .summary-bar-left-edge {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n}\n.outcome-summary-bar .summary-bar-right-edge {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n margin-right: 0;\n}\n.outcome-summary-bar .label {\n font-weight: normal;\n}\n\n.screen-reader-only {\n position: absolute;\n left: -10000px;\n top: auto;\n height: 1px;\n overflow: hidden;\n clip-path: inset(100% 100% 100% 100%);\n}\n\n.check-container svg {\n width: 100%;\n height: 100%;\n}\n\n.outcome-chip {\n height: 16px;\n color: var(--primary-text);\n border-radius: 0 8px 8px 0;\n margin-right: 4px;\n margin-bottom: -3px;\n margin-left: 4px;\n display: inline-flex;\n align-items: center;\n}\n.outcome-chip .icon {\n border-radius: 50%;\n width: 16px;\n height: 16px;\n}\n.outcome-chip .count {\n 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';\n line-height: 13px;\n font-size: 11px;\n border-radius: 0 8px 8px 0;\n padding-right: 6px;\n padding-left: 10px;\n font-weight: 700;\n margin-left: -8px;\n height: 13px;\n}\n@media screen and (forced-colors: active) {\n .outcome-chip .count {\n forced-color-adjust: none;\n border-color: canvastext !important;\n color: canvastext;\n }\n}\n.outcome-chip.outcome-chip-pass .check-container {\n position: relative;\n width: 16px;\n height: 16px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-pass .check-container svg circle {\n fill: var(--positive-outcome);\n}\n.outcome-chip.outcome-chip-pass .check-container {\n background-color: var(--positive-outcome);\n}\n.outcome-chip.outcome-chip-pass .count {\n background-color: transparent;\n border: 1.5px solid var(--positive-outcome);\n width: max-content;\n}\n.outcome-chip.outcome-chip-incomplete .check-container, .outcome-chip.outcome-chip-review .check-container {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n border-radius: 50%;\n border: 1px solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-incomplete .check-container, .outcome-chip.outcome-chip-review .check-container {\n background-color: var(--neutral-60);\n}\n.outcome-chip.outcome-chip-incomplete .count, .outcome-chip.outcome-chip-review .count {\n background-color: transparent;\n border: 1.5px solid var(--neutral-60);\n width: max-content;\n}\n.outcome-chip.outcome-chip-fail .check-container {\n position: relative;\n width: 16px;\n height: 16px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-fail .check-container svg circle {\n fill: var(--negative-outcome);\n}\n.outcome-chip.outcome-chip-fail .check-container {\n background-color: var(--negative-outcome);\n}\n.outcome-chip.outcome-chip-fail .count {\n background-color: transparent;\n border: 1.5px solid var(--negative-outcome);\n width: max-content;\n}\n.outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {\n position: relative;\n width: 16px;\n height: 16px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {\n background-color: var(--neutral-outcome);\n}\n.outcome-chip.outcome-chip-inapplicable .count, .outcome-chip.outcome-chip-unscannable .count {\n background-color: transparent;\n border: 1.5px solid var(--neutral-outcome);\n width: max-content;\n}\n\n.outcome-icon-set .outcome-icon {\n margin-left: 4px;\n border-radius: 50%;\n}\n.outcome-icon-set .outcome-icon-pass .check-container {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-pass .check-container svg circle {\n fill: var(--positive-outcome);\n}\n.outcome-icon-set .outcome-icon-incomplete .check-container {\n position: relative;\n width: 12px;\n height: 12px;\n display: inline-block;\n border-radius: 50%;\n border: 1px solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-incomplete .check-container {\n border-color: var(--neutral-60);\n}\n.outcome-icon-set .outcome-icon-fail .check-container {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n border-radius: 50%;\n border: 0 solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-fail .check-container svg circle {\n fill: var(--negative-outcome);\n}\n\nbody {\n font-size: 14px;\n margin: auto;\n background-color: var(--neutral-2);\n color: black;\n 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';\n}\n\n.outer-container {\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.outer-container .content-container {\n max-width: 960px;\n margin-right: auto;\n margin-left: auto;\n margin-top: 24px;\n}\n.outer-container .content-container h2 {\n margin: 0;\n font-size: 17px;\n line-height: 24px;\n}\n@media only screen and (width <= 1000px) {\n .outer-container .content-container {\n margin-top: 24px;\n margin-right: 16px;\n margin-left: 16px;\n }\n}\n\n.scan-details-section {\n box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n border-radius: 4px;\n background-color: var(--neutral-0);\n padding: 20px;\n margin-bottom: 22px;\n}\n.scan-details-section .details-section-list {\n list-style: none;\n font-size: 14px;\n line-height: 16px;\n padding-left: 0;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n}\n.scan-details-section h3 {\n margin: 0;\n font-size: 17px;\n line-height: 24px;\n}\n.scan-details-section li {\n display: inline-block;\n padding-top: 12px;\n}\n.scan-details-section li .icon {\n padding-right: 12px;\n position: relative;\n top: 3px;\n}\n.scan-details-section .text {\n word-break: break-all;\n}\n.scan-details-section .description-text {\n white-space: pre-wrap;\n}\n.scan-details-section .screen-reader-only {\n position: absolute;\n left: -10000px;\n top: auto;\n height: 1px;\n overflow: hidden;\n clip-path: inset(100% 100% 100% 100%);\n}\n\n.report-footer-container {\n max-width: 960px;\n margin-right: auto;\n margin-left: auto;\n margin-bottom: 68px;\n margin-top: 24px;\n}\n.report-footer-container .report-footer {\n line-height: 20px;\n color: var(--report-footer-text);\n}\n@media only screen and (width <= 1000px) {\n .report-footer-container {\n margin-right: 16px;\n margin-left: 16px;\n }\n}\n\n.report-header-command-bar {\n height: 40px;\n width: 100%;\n display: flex;\n justify-content: end;\n min-height: fit-content;\n align-items: center;\n background-color: var(--neutral-0);\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.report-header-command-bar .target-page {\n white-space: nowrap;\n margin-left: 16px;\n display: flex;\n color: var(--primary-text);\n 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';\n font-size: 14px;\n line-height: 20px;\n font-weight: normal;\n min-width: 0;\n}\n.report-header-command-bar .target-page a {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.report-congrats-message {\n word-break: break-word;\n overflow-wrap: break-word;\n}\n\n.report-congrats-head {\n font-size: 16px;\n font-weight: 600;\n color: var(--primary-text);\n padding-top: 10px;\n padding-right: 0;\n padding-bottom: 10px;\n padding-left: 0;\n}\n\n.report-congrats-info {\n font-size: 14px;\n color: var(--secondary-text);\n padding-top: 10px;\n padding-right: 0;\n padding-bottom: 10px;\n padding-left: 0;\n}\n\n.sleeping-ada {\n height: 100px;\n}\n\n.title-section {\n margin-top: 56px;\n}\n.title-section h1 {\n font-weight: 600;\n margin-bottom: 24px;\n font-size: 21px;\n line-height: 32px;\n letter-spacing: -0.02em;\n}\n\n.results-container {\n margin-top: 56px;\n}\n.results-container .title-container :is(h1, h2, h3, h4, h5, h6) {\n font-weight: unset;\n margin-block: 0;\n margin-inline: 0;\n}\n\n@media screen and (width <= 640px) {\n .outcome-past-tense {\n display: none;\n }\n}\n.collapsible-container .collapsible-control[aria-expanded=true]::before, .collapsible-container .collapsible-control[aria-expanded=false]::before {\n display: inline-block;\n border-right: 1px solid var(--secondary-text);\n border-bottom: 1px solid var(--secondary-text);\n min-width: 7px;\n width: 7px;\n height: 7px;\n content: \"\";\n transform-origin: 50% 50%;\n transition: transform 0.1s linear 0s;\n}\n\n.summary-section {\n box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n border-radius: 4px;\n background-color: var(--neutral-0);\n padding: 20px;\n margin-bottom: 24px;\n}\n\n.result-section {\n padding-bottom: 24px;\n}\n.result-section .title-container .collapsible-control::before {\n position: relative;\n bottom: 2px;\n margin-right: 14px;\n}\n.result-section .collapsible-content {\n margin-left: 16px;\n}\n\n.collapsible-container .collapsible-control {\n 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\";\n background-color: transparent;\n cursor: pointer;\n border: none;\n display: flex;\n align-items: baseline;\n width: 100%;\n}\n.collapsible-container .collapsible-control:hover {\n background-color: var(--neutral-alpha-4);\n}\n.collapsible-container:not(.collapsible-rule-details-group) .collapsible-control {\n padding-left: 2px;\n padding-right: 16px;\n position: relative;\n}\n.collapsible-container .collapsible-control[aria-expanded=false]::before {\n transform: rotate(-45deg);\n}\n.collapsible-container .collapsible-control[aria-expanded=true]::before {\n transform: rotate(45deg);\n}\n.collapsible-container .collapsible-content[aria-hidden=true] {\n display: none;\n}\n\nul.instance-details-list {\n list-style-type: none;\n padding-inline-start: unset;\n margin-block-start: unset;\n margin-block-end: unset;\n}\nul.instance-details-list li {\n margin-bottom: 16px;\n}\nul.instance-details-list li:last-child {\n margin-bottom: unset;\n}`;
|
|
2407
2407
|
|
|
2408
2408
|
// src/reports/components/head.tsx
|
|
2409
2409
|
var Head = NamedFC("Head", (props) => {
|