.acss-accessibility-matrices h2{margin-bottom:1.25rem}.acss-matrix-intro{margin-bottom:var(--space-m,1.5rem)}.acss-matrix-controls{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:flex-start;margin:.75rem 0 1rem 0;padding:var(--space-s,1.125rem) var(--space-s,1.125rem);background:var(--bg-ultra-light,#f8f9fa);border:var(--border,1px solid rgb(0 0 0 / .05));border-radius:var(--radius,8px)}#acssShadeCompareControlsWrapper{display:flex;gap:.75rem 1rem;align-items:flex-start}#acssShadeCompareControlsWrapper .acss-compare-fields{display:flex;gap:.75rem 1.5rem;align-items:flex-start;margin-left:.75rem}#acssShadeCompareControlsWrapper .acss-compare-field{flex:1 1 240px;max-width:320px}#acssFailedCompareToggleWrapper{flex:0 0 auto;max-width:280px}#acssFailedCompareToggleWrapper .acss-matrix-toggle-wrapper{margin:0}.acss-shade-compare-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 1.5rem;align-items:flex-start;margin:.75rem 0 1rem 0;padding:.75rem 1rem;background:#f8f9fa;border:1px solid #eee;border-radius:8px}.acss-compare-field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.acss-compare-field select{width:100%;padding:.45rem .65rem;border-radius:var(--radius,8px);border:var(--border,1px solid rgb(0 0 0 / .12));background-color:var(--body-bg-color,#fff);color:var(--body-text-color,#111);font-size:.95rem;line-height:1.2;min-height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23111' d='M1.41.59 6 5.17 10.59.59 12 2 6 8 0 2z'/%3E%3C/svg%3E");background-position:calc(100% - 0.85rem) 50%;background-size:12px 8px;background-repeat:no-repeat}.acss-compare-field select:hover{border-color:rgb(0 0 0 / .18)}.acss-compare-field select:focus{outline:none;border-color:var(--focus-color,#9FD6AE);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-color,#9FD6AE) 25%,transparent)}.acss-compare-field select:focus-visible{outline:none;border-color:var(--focus-color,#9FD6AE);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-color,#9FD6AE) 25%,transparent)}.acss-compare-field select:disabled{opacity:.6;cursor:not-allowed}.acss-opacity-matrix-controls{margin:.75rem 0 1rem 0;padding:var(--space-s,1.125rem) var(--space-s,1.125rem);background:var(--bg-ultra-light,#f8f9fa);border:var(--border,1px solid rgb(0 0 0 / .05));border-radius:var(--radius,8px);display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:flex-start}.acss-opacity-controls-grid{display:flex;gap:.75rem 1.5rem;align-items:flex-start;margin-bottom:0}.acss-opacity-controls-grid .acss-opacity-field{flex:1 1 240px;max-width:320px}.acss-opacity-matrix-controls .acss-opacity-toggle-row{flex:0 0 auto;width:fit-content}.acss-opacity-field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.acss-opacity-field select,.acss-opacity-field input[type="text"]{width:100%;padding:.45rem .65rem;border-radius:var(--radius,8px);border:var(--border,1px solid rgb(0 0 0 / .12));background-color:#fff;color:#111;font-size:.95rem;line-height:1.2;min-height:44px}.acss-opacity-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23111' d='M1.41.59 6 5.17 10.59.59 12 2 6 8 0 2z'/%3E%3C/svg%3E");background-position:calc(100% - 0.85rem) 50%;background-size:12px 8px;background-repeat:no-repeat}.acss-opacity-field select:hover,.acss-opacity-field input[type="text"]:hover{border-color:rgb(0 0 0 / .18)}.acss-opacity-field input[type="text"]:focus,.acss-opacity-field select:focus{outline:none;border-color:var(--focus-color,#9FD6AE);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-color,#9FD6AE) 25%,transparent)}.acss-opacity-field input[type="text"]:focus-visible,.acss-opacity-field select:focus-visible{outline:none;border-color:var(--focus-color,#9FD6AE);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-color,#9FD6AE) 25%,transparent)}.acss-opacity-field select:disabled,.acss-opacity-field input[type="text"]:disabled{opacity:.6;cursor:not-allowed}.acss-matrix-toggle-field{margin-bottom:5px}.acss-compare-field,.acss-opacity-field,.acss-matrix-toggle-field{width:max-content}.acss-compare-field label,.acss-opacity-field label,.acss-matrix-toggle-field>label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem;width:max-content}.acss-compare-field select,.acss-opacity-field select,.acss-matrix-toggle-field select{width:100%;padding:.25rem .65rem;border-radius:var(--radius,8px);border:var(--border,1px solid rgb(0 0 0 / .12));background-color:#fff;color:#111;font-size:.95rem;line-height:1.2;min-height:37px}.acss-compare-field select,.acss-opacity-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23111' d='M1.41.59 6 5.17 10.59.59 12 2 6 8 0 2z'/%3E%3C/svg%3E");background-position:calc(100% - 0.85rem) 50%;background-size:12px 8px;background-repeat:no-repeat}.color-matrix,.opacity-matrix{width:100%;border-collapse:collapse;text-align:center;margin-bottom:2rem}.color-matrix th,.opacity-matrix th{min-width:125px;height:100px;line-height:1.2}.color-matrix th,.color-matrix td,.opacity-matrix th,.opacity-matrix td{padding:.75rem;border:var(--border,1px solid rgb(0 0 0 / .05));background:var(--bg-color);color:var(--text-color)}.acss-color-matrix-table,.acss-opacity-matrix-table,.acss-shade-compare-table,.acss-opacity-shades-table{display:block;width:100%;max-width:100%;overflow:auto}.acss-matrix-table--overflow{overflow:auto}.acss-matrix-table--overflow.overflow-right{--fade-amount:2%;-webkit-mask-image:linear-gradient(to left,transparent 0%,black var(--fade-amount));mask-image:linear-gradient(to left,transparent 0%,black var(--fade-amount))}.acss-matrix-table--overflow.overflow-left{--fade-amount:2%;-webkit-mask-image:linear-gradient(to right,transparent 0%,black var(--fade-amount));mask-image:linear-gradient(to right,transparent 0%,black var(--fade-amount))}.color-name{text-transform:capitalize;font-weight:600}.color-value{font-size:.75rem}.cell-content{display:flex;justify-content:center;align-items:center;gap:.5rem;justify-content:center}.contrast-pair{display:flex;flex-direction:column;gap:.5rem}.contrast-pair .dark-text,.contrast-pair .light-text{display:flex;align-items:center;gap:10px;justify-content:center}.low-contrast{opacity:1;transition:.2s ease-in-out}.low-contrast:hover{opacity:1}.same-color{opacity:1;color:transparent!important;background-color:#F2F2F2!important;background-image:repeating-linear-gradient(45deg,rgb(255 255 255 / .65),rgb(255 255 255 / .65) 10px,transparent 10px,transparent 20px)!important}.rating{padding:.1rem .75rem;border-radius:100vw;font-weight:500;font-size:.85rem;display:inline-flex;justify-content:center;min-width:3.25rem;margin-top:-2px}.rating-aaa,.rating-aa{background:#d4edda;color:#155724}.rating-warning{background:#fff3cd;color:#856404;font-weight:700}.rating-warning:not(.legend-rating){background:#fff3cd;color:#854b04;font-weight:700;border-radius:100vw;min-width:24px;aspect-ratio:1;line-height:1;display:grid;place-content:center}.rating-fail{background:#edd4d4;color:#571515}.same-color .rating-fail{display:none}.matrix-legend{background:var(--bg-ultra-light,#f8f9fa);padding:var(--space-m,1.5rem);border-radius:4px;border:var(--border,1px solid rgb(0 0 0 / .05))}.matrix-legend h3{font-size:1.5rem;margin:0 0 1.5rem 0}.matrix-legend h4{font-size:1.25rem;margin:0 0 1rem 0}.legend-content{display:flex;gap:3rem}.legend-section{flex:1}.legend-section.contrast-ratios strong{min-width:105px;text-align:right;left:-8px;position:relative}.matrix-legend ul{margin:0;padding:0;list-style:none}.matrix-legend li{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.legend-section.contrast-ratios li{align-items:flex-start}.matrix-legend li:last-child{margin-bottom:0}.matrix-legend .large-def{margin-top:25px;text-align:center}.acss-matrix-toggle-wrapper{display:flex;align-items:center;font-size:1rem;position:relative}.acss-matrix-toggle-wrapper input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.acss-matrix-toggle-button{position:relative;display:inline-block;width:3.5em;height:2em;background:#e9ecef;border-radius:2em;cursor:pointer;transition:var(--transition,0.3s ease-in-out 0s)}.acss-matrix-toggle-button:after{content:"";position:absolute;width:1.5em;height:1.5em;border-radius:50%;background:#fff;top:.25em;left:.25em;transition:var(--transition,0.3s ease-in-out 0s)}#toggleFailedContrast:checked+.acss-matrix-toggle-button,#toggleFailedOpacity:checked+.acss-matrix-toggle-button,#toggleIncludeShades:checked+.acss-matrix-toggle-button,#toggleIncludeSemantic:checked+.acss-matrix-toggle-button,#toggleIncludeSemanticOpacity:checked+.acss-matrix-toggle-button,#toggleOpacityShades:checked+.acss-matrix-toggle-button{background-color:#24af67}#toggleFailedContrast:checked+.acss-matrix-toggle-button:after,#toggleFailedOpacity:checked+.acss-matrix-toggle-button:after,#toggleIncludeShades:checked+.acss-matrix-toggle-button:after,#toggleIncludeSemantic:checked+.acss-matrix-toggle-button:after,#toggleIncludeSemanticOpacity:checked+.acss-matrix-toggle-button:after,#toggleOpacityShades:checked+.acss-matrix-toggle-button:after{left:calc(100% - 1.75em)}.acss-accessibility-matrices:has(#toggleFailedContrast:checked) .accessibility-color-checker .low-contrast:not(.same-color),.acss-accessibility-matrices:has(#toggleFailedContrast:checked) .acss-shade-compare-table .low-contrast:not(.same-color),.acss-accessibility-matrices:has(#toggleFailedOpacity:checked) .accessibility-opacity-checker .low-contrast{opacity:0}.acss-accessibility-matrices:has(#toggleFailedOpacity:checked) .accessibility-opacity-checker .low-contrast{height:0}.text-colors-display{display:flex;gap:2rem;margin-block:2rem}.text-color-sample{display:flex;align-items:center;gap:.5rem}.color-swatch{width:20px;height:20px;border-radius:4px;border:1px solid #eee}.color-label{font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}