.colour-matrix{width:100%;border-collapse:collapse;text-align:center}.colour-matrix th,.colour-matrix td{background:var(--bg-colour);color:var(--text-colour)}.colour-matrix .colour-name{text-transform:capitalize}.colour-matrix .colour-value{font-size:.9rem}.rating-cell{padding:.5rem}.colour-matrix .rating{padding:.5rem 1rem;border-radius:100vw;font-weight:700;display:none}.colour-matrix .rating-G{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.colour-matrix .rating-AA,.colour-matrix .rating-AAA{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.colour-matrix .rating-null,.colour-matrix .rating-cell.not-text{background:var(--surface-10);color:#fff0}.rating-cell .colours{font-size:1.2rem}.rating-cell .colours span{font-weight:700}#toggleRatings{display:none}#toggleRatings,#toggleRatings:after,#toggleRatings:before,#toggleRatings *,#toggleRatings *:after,#toggleRatings *:before,#toggleRatings+.tgl-btn{box-sizing:border-box}#toggleRatings::-moz-selection,#toggleRatings:after::-moz-selection,#toggleRatings:before::-moz-selection,#toggleRatings *::-moz-selection,#toggleRatings *:after::-moz-selection,#toggleRatings *:before::-moz-selection,#toggleRatings+.toggle-button::-moz-selection,#toggleRatings::selection,#toggleRatings:after::selection,#toggleRatings:before::selection,#toggleRatings *::selection,#toggleRatings *:after::selection,#toggleRatings *:before::selection,#toggleRatings+.tgl-btn::selection{background:none}#toggleRatings+.toggle-button{outline:0;display:block;width:4em;height:2em;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#toggleRatings+.toggle-button:after,#toggleRatings+.toggle-button:before{position:relative;display:block;content:"";width:50%;height:100%}#toggleRatings+.toggle-button:after{left:0}#toggleRatings+.toggle-button:before{display:none}#toggleRatings:checked+.toggle-button:after{left:50%}#toggleRatings+.toggle-button{background:#f0f0f0;border-radius:2em;padding:2px;transition:all 0.4s ease}#toggleRatings+.toggle-button:after{border-radius:50%;background:#fff;transition:all 0.2s ease}#toggleRatings:checked+.toggle-button{background:#9FD6AE}.toggle-button{margin-top:12px;margin-bottom:1rem}.toggle-button span{display:none;visibility:hidden}.toggle-button::before{content:"Show Ratings"}#toggleRatings:checked~* .rating-cell{background:unset;color:unset}#toggleRatings:checked~* .rating-cell .rating{display:inline-block}#toggleRatings:checked~* .rating-cell .colours{display:none}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:before,[data-tooltip]:after{--scale:0;--arrow-size:8px;--tooltip-color:hsla(191, 0%, 95%, 0.9);--tooltip-text-color:#222222;position:absolute;top:-.25rem;left:50%;transform:translateX(-50%) translateY(var(--translate-y,0)) scale(var(--scale));transition:150ms transform;transform-origin:bottom center}[data-tooltip]:before{--translate-y:calc(-100% - var(--arrow-size));content:attr(data-tooltip);color:var(--tooltip-text-color);font-size:.8rem;line-height:1;padding:.4rem .6rem;width:max-content;background:var(--tooltip-color);border-radius:.3rem;text-align:center}[data-tooltip]:hover:before,[data-tooltip]:hover:after{--scale:1}[data-tooltip]:after{--translate-y:calc(-1 * var(--arrow-size));content:'';border:var(--arrow-size) solid #fff0;border-top-color:var(--tooltip-color);transform-origin:top center}