:root{--mdf-color-grey-100:#242424;--mdf-color-grey-200:#333;--mdf-color-grey-300:#474747;--mdf-color-grey-400:#656565;--mdf-color-grey-500:#878787;--mdf-color-grey-600:#aaa;--mdf-color-grey-700:#c9c9c9;--mdf-color-grey-800:#e6e6e6;--mdf-color-grey-900:#f5f5f5;--mdf-color-grey-1000:#fafafa;--mdf-color-blue-0:hsl(from var(--mdf-color-blue-100) h s calc(l - 20));--mdf-color-blue-100:#0063c0;--mdf-color-blue-500:hsl(from var(--mdf-color-blue-100) h s calc(l + 20));--mdf-color-blue-700:hsl(from var(--mdf-color-blue-100) h s calc(l + 40));--mdf-color-blue-900:hsl(from var(--mdf-color-blue-100) h s calc(l + 60));--mdf-color-purple-100:#462470;--mdf-color-purple-500:hsl(from var(--mdf-color-purple-100) h s calc(l + 20));--mdf-color-purple-700:hsl(from var(--mdf-color-purple-700) h s calc(l + 40));--mdf-color-purple-900:hsl(from var(--mdf-color-purple-100) h calc(s + 50) calc(l + 65));--mdf-color-green-0:hsl(from var(--mdf-color-green-100) h s calc(l - 20));--mdf-color-green-100:#31943b;--mdf-color-green-500:hsl(from var(--mdf-color-green-100) h s calc(l + 20));--mdf-color-green-900:hsl(from var(--mdf-color-green-100) h s calc(l + 55));--mdf-color-red-100:#af0023;--mdf-color-red-500:hsl(from var(--mdf-color-red-100) h s calc(l + 20));--mdf-color-red-900:hsl(from var(--mdf-color-red-100) h s calc(l + 62));--mdf-color-yellow-0:hsl(from var(--mdf-color-yellow-100) h s calc(l - 30));--mdf-color-yellow-100:#ffcf21;--mdf-color-yellow-500:hsl(from var(--mdf-color-yellow-100) h s calc(l + 16));--mdf-color-yellow-900:hsl(from var(--mdf-color-yellow-100) h s calc(l + 38));--mdf-color-transparent-100:#0000001a;--mdf-color-transparent-200:#0003;--mdf-color-transparent-300:#0000004d;--mdf-color-transparent-500:#00000080;--mdf-color-text-default:var(--mdf-color-grey-100);--mdf-color-text-muted:var(--mdf-color-grey-200);--mdf-color-text-brand-primary-default:var(--mdf-color-blue-100);--mdf-color-text-brand-primary-muted:var(--mdf-color-blue-500);--mdf-color-text-brand-secondary-default:var(--mdf-color-purple-100);--mdf-color-text-brand-secondary-muted:var(--mdf-color-purple-500);--mdf-color-background-default:var(--mdf-color-grey-1000);--mdf-color-background-muted:var(--mdf-color-grey-900);--mdf-color-background-subtle:var(--mdf-color-grey-800);--mdf-color-background-brand-primary:var(--mdf-color-blue-900);--mdf-color-background-brand-secondary:var(--mdf-color-purple-900);--mdf-color-background-error:var(--mdf-color-red-900);--mdf-color-background-warning:var(--mdf-color-yellow-900);--mdf-color-background-success:var(--mdf-color-green-900);--mdf-color-border-default:var(--mdf-color-grey-700);--mdf-color-border-muted:var(--mdf-color-grey-800);--mdf-color-border-brand-primary:var(--mdf-color-blue-500);--mdf-color-border-brand-secondary:var(--mdf-color-purple-500);--mdf-color-border-error:var(--mdf-color-red-500);--mdf-color-border-warning:var(--mdf-color-yellow-500);--mdf-color-border-success:var(--mdf-color-green-500);--mdf-color-outline-default:var(--mdf-color-grey-200)}:root[data-theme=dark]{--mdf-color-text-default:var(--mdf-color-grey-900);--mdf-color-text-muted:var(--mdf-color-grey-800);--mdf-color-text-brand-primary-default:var(--mdf-color-blue-700);--mdf-color-text-brand-primary-muted:var(--mdf-color-blue-500);--mdf-color-text-brand-secondary-default:var(--mdf-color-purple-700);--mdf-color-text-brand-secondary-muted:var(--mdf-color-purple-500);--mdf-color-background-default:var(--mdf-color-grey-100);--mdf-color-background-muted:var(--mdf-color-grey-200);--mdf-color-background-subtle:var(--mdf-color-grey-300);--mdf-color-background-brand-primary:var(--mdf-color-blue-0);--mdf-color-background-brand-secondary:var(--mdf-color-purple-100);--mdf-color-background-error:var(--mdf-color-red-100);--mdf-color-background-warning:var(--mdf-color-yellow-0);--mdf-color-background-success:var(--mdf-color-green-0);--mdf-color-border-default:var(--mdf-color-grey-300);--mdf-color-border-muted:var(--mdf-color-grey-400);--mdf-color-border-brand-primary:var(--mdf-color-blue-500);--mdf-color-border-brand-secondary:var(--mdf-color-purple-500);--mdf-color-border-error:var(--mdf-color-red-500);--mdf-color-border-warning:var(--mdf-color-yellow-500);--mdf-color-border-success:var(--mdf-color-green-500);--mdf-color-outline-default:var(--mdf-color-grey-800);--mdf-color-transparent-100:#0009;--mdf-color-transparent-200:#000000b3;--mdf-color-transparent-300:#000c;--mdf-color-transparent-500:#000000e6}@media (prefers-color-scheme:dark){:root{--mdf-color-text-default:var(--mdf-color-grey-900);--mdf-color-text-muted:var(--mdf-color-grey-800);--mdf-color-text-brand-primary-default:var(--mdf-color-blue-700);--mdf-color-text-brand-primary-muted:var(--mdf-color-blue-500);--mdf-color-text-brand-secondary-default:var(--mdf-color-purple-700);--mdf-color-text-brand-secondary-muted:var(--mdf-color-purple-500);--mdf-color-background-default:var(--mdf-color-grey-100);--mdf-color-background-muted:var(--mdf-color-grey-200);--mdf-color-background-subtle:var(--mdf-color-grey-300);--mdf-color-background-brand-primary:var(--mdf-color-blue-0);--mdf-color-background-brand-secondary:var(--mdf-color-purple-100);--mdf-color-background-error:var(--mdf-color-red-100);--mdf-color-background-warning:var(--mdf-color-yellow-0);--mdf-color-background-success:var(--mdf-color-green-0);--mdf-color-border-default:var(--mdf-color-grey-300);--mdf-color-border-muted:var(--mdf-color-grey-400);--mdf-color-border-brand-primary:var(--mdf-color-blue-500);--mdf-color-border-brand-secondary:var(--mdf-color-purple-500);--mdf-color-border-error:var(--mdf-color-red-500);--mdf-color-border-warning:var(--mdf-color-yellow-500);--mdf-color-border-success:var(--mdf-color-green-500);--mdf-color-outline-default:var(--mdf-color-grey-800);--mdf-color-transparent-100:#0009;--mdf-color-transparent-200:#000000b3;--mdf-color-transparent-300:#000c;--mdf-color-transparent-500:#000000e6}}@layer reset{*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}}body{color:var(--mdf-color-text-default)}.mdf-title1,.mdf-title2,.mdf-title3,.mdf-title4{font-weight:700}.mdf-title1{font-size:3rem}.mdf-title2{font-size:2.4rem}.mdf-title3{font-size:1.7rem}.mdf-title4{font-size:1.2rem}.mdf-emphasis{font-weight:700}.mdf-italic{font-style:italic}.mdf-highlighted{color:var(--mdf-color-text-brand-primary-default);font-weight:700}.mdf-highlighted.mdf-highlighted-secondary{color:var(--mdf-color-text-brand-secondary-default)}.mdf-muted{color:var(--mdf-color-text-muted)}.mdf-block{background-color:var(--mdf-color-background-muted);border:1px solid var(--mdf-color-border-default);box-shadow:0px 1px 1px var(--mdf-color-transparent-300);border-radius:8px;padding:1rem}.mdf-block.mdf-block-brand-primary{background-color:var(--mdf-color-background-brand-primary);border-color:var(--mdf-color-border-brand-primary)}.mdf-block.mdf-block-brand-secondary{background-color:var(--mdf-color-background-brand-secondary);border-color:var(--mdf-color-border-brand-secondary)}.mdf-block.mdf-block-error{background-color:var(--mdf-color-background-error);border-color:var(--mdf-color-border-error)}.mdf-block.mdf-block-success{background-color:var(--mdf-color-background-success);border-color:var(--mdf-color-border-success)}.mdf-block.mdf-block-warning{background-color:var(--mdf-color-background-warning);border-color:var(--mdf-color-border-warning)}.mdf-badge{background:var(--mdf-color-background-muted);background:linear-gradient(var(--mdf-color-background-muted), var(--mdf-color-background-subtle));white-space:nowrap;box-shadow:var(--mdf-color-transparent-100) -1px -2px .5px inset;border-radius:8px;padding:5px 7px;display:inline-block}.mdf-link{--color-visited:var(--mdf-color-brand-primary-muted);--hover-luminosity-reduction:5;--text-luminosity-reduction:85;color:var(--mdf-color-text-default);background-color:var(--mdf-color-background-subtle);text-underline-offset:1.5px;border-radius:5px;padding:1px 3px;line-height:1rem;text-decoration:underline;text-decoration-thickness:1.5px;display:inline}.mdf-link:visited{background-color:var(--mdf-color-background-brand-secondary);color:var(--mdf-color-text-brand-secondary)}.mdf-link:hover{background-color:hsl(from var(--mdf-color-background-subtle) h s calc(l - 5))}.mdf-link:hover:visited{background-color:hsl(from var(--mdf-color-background-brand-secondary) h s calc(l - 5))}.mdf-link:focus-visible{outline:2px solid var(--mdf-color-outline-default);outline-offset:1px}.mdf-button{border:2px solid var(--mdf-color-border-brand-primary);box-shadow:2px 2px 0px rgb(from var(--mdf-color-border-brand-primary) r g b / calc(alpha - .6));background:var(--mdf-color-background-brand-primary);cursor:pointer;color:var(--mdf-color-text-default);border-radius:8px;padding:12px 14px;font-size:1rem;font-weight:600;transition:box-shadow .1s ease-out,background-color .1s ease-out}.mdf-button:hover,.mdf-button:focus-visible{box-shadow:0px 0px 1px var(--mdf-color-border-brand-primary);background:hsl(from var(--mdf-color-background-brand-primary) h s calc(l - 5))}.mdf-button:focus-visible{outline:2px solid var(--mdf-color-outline-default);outline-offset:3px}.mdf-button.mdf-button-brand-secondary{box-shadow:2px 2px 0px rgb(from var(--mdf-color-border-brand-secondary) r g b / calc(alpha - .6));background:var(--mdf-color-background-brand-secondary);border-color:var(--mdf-color-border-brand-secondary)}.mdf-button.mdf-button-brand-secondary:hover,.mdf-button.mdf-button-brand-secondary:focus-visible{box-shadow:0px 0px 1px var(--mdf-color-border-brand-secondary);background:hsl(from var(--mdf-color-background-brand-secondary) h s calc(l - 5))}.mdf-button.mdf-button-error{box-shadow:2px 2px 0px rgb(from var(--mdf-color-border-error) r g b / calc(alpha - .6));background:var(--mdf-color-background-error);border-color:var(--mdf-color-border-error)}.mdf-button.mdf-button-error:hover,.mdf-button.mdf-button-error:focus-visible{box-shadow:0px 0px 1px var(--mdf-color-border-error);background:hsl(from var(--mdf-color-background-error) h s calc(l - 5))}.mdf-button.mdf-button-success{box-shadow:2px 2px 0px rgb(from var(--mdf-color-border-success) r g b / calc(alpha - .6));background:var(--mdf-color-background-success);border-color:var(--mdf-color-border-success)}.mdf-button.mdf-button-success:hover,.mdf-button.mdf-button-success:focus-visible{box-shadow:0px 0px 1px var(--mdf-color-border-success);background:hsl(from var(--mdf-color-background-success) h s calc(l - 5))}.mdf-button.mdf-button-warning{box-shadow:2px 2px 0px rgb(from var(--mdf-color-border-warning) r g b / calc(alpha - .6));background:var(--mdf-color-background-warning);border-color:var(--mdf-color-border-warning)}.mdf-button.mdf-button-warning:hover,.mdf-button.mdf-button-warning:focus-visible{box-shadow:0px 0px 1px var(--mdf-color-border-warning);background:hsl(from var(--mdf-color-background-warning) h s calc(l - 5))}.mdf-select-field{cursor:pointer;appearance:none;border:1px solid var(--mdf-color-border-muted);font-size:inherit;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;background-color:var(--mdf-color-background-muted);width:250px;box-shadow:0px 1px 1px var(--mdf-color-transparent-300);color:inherit;border-radius:8px;padding:9px 12px;font-family:inherit;line-height:1.5rem}.mdf-select-field:hover,.mdf-select-field:focus{background-color:var(--mdf-color-background-default)}.mdf-select-field:focus{outline:2px solid var(--mdf-color-outline-default);outline-offset:3px}.mdf-input-label,.mdf-select-label,.mdf-textarea-label{margin-bottom:2px}.mdf-input-field[type=text],.mdf-input-field[type=search],.mdf-input-field[type=password],.mdf-textarea-field{border:1px solid var(--mdf-color-border-muted);font-size:inherit;background-color:var(--mdf-color-background-muted);width:250px;box-shadow:0px 1px 1px var(--mdf-color-transparent-300);color:var(--mdf-color-text-default);border-radius:8px;padding:9px 12px;font-family:inherit;line-height:1.5rem}:is(.mdf-input-field[type=text],.mdf-input-field[type=search],.mdf-input-field[type=password],.mdf-textarea-field):hover,:is(.mdf-input-field[type=text],.mdf-input-field[type=search],.mdf-input-field[type=password],.mdf-textarea-field):focus-visible{background-color:var(--mdf-color-background-default)}:is(.mdf-input-field[type=text],.mdf-input-field[type=search],.mdf-input-field[type=password],.mdf-textarea-field):focus-visible{outline:2px solid var(--mdf-color-outline-default);outline-offset:3px}.mdf-textarea-field{width:320px;height:150px}.mdf-checkbox{cursor:pointer;align-items:center;gap:.5em;font-size:1rem;display:flex}.mdf-checkbox-field{appearance:none;border:.15em solid var(--mdf-color-border-brand-primary);background-color:var(--mdf-color-background-brand-primary);cursor:pointer;border-radius:.25rem;place-content:center;width:1.4em;height:1.4em;margin:0;padding:0;display:grid}.mdf-checkbox-field:hover,.mdf-checkbox-field:focus-visible{background-color:var(--mdf-color-background-default)}.mdf-checkbox-field:before{content:"";width:20px;height:20px;clip-path:path("M 6.9101 9.3579 C 6.4728 8.9207 5.7636 8.9207 5.3259 9.3579 S 4.8887 10.5044 5.3259 10.9421 L 7.4069 13.023 C 8.056 13.6722 9.108 13.6722 9.7571 13.023 L 10.1661 12.614 L 6.9101 9.3579 Z M 14.5261 6.6699 C 14.0888 6.2327 13.3796 6.2327 12.9419 6.6699 L 8.582 11.0299 L 10.1661 12.614 L 14.5261 8.2541 C 14.9633 7.8164 14.9633 7.1072 14.5261 6.6699 Z");transform-origin:0 100%;box-shadow:inset 1em 1em var(--mdf-color-text-brand-primary-default);background-color:canvastext;transform:scale(0)}.mdf-checkbox-field:checked:before{transform:scale(1)}.mdf-checkbox-field:focus-visible{outline:2px solid var(--mdf-color-outline-default);outline-offset:3px}.mdf-color{--border-radius:8px;--background:var(--mdf-color-background-muted);--border:1px solid var(--mdf-color-border-muted);flex-direction:column;width:auto;display:flex}.mdf-color .mdf-color-label{background-color:var(--background);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border:var(--border);box-shadow:0px 1px 0px var(--mdf-color-transparent-300);border-top:none;padding:.5rem}.mdf-color .mdf-color-field{appearance:none;cursor:pointer;z-index:0;background:0 0;border:0;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;height:4rem;padding:0;position:relative}.mdf-color .mdf-color-field:focus{border-radius:var(--border-radius)}.mdf-color .mdf-color-field::-webkit-color-swatch{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border:var(--border);border-bottom-right-radius:0;border-bottom-left-radius:0}.mdf-color .mdf-color-field::-webkit-color-swatch-wrapper{padding:0}.mdf-table{box-shadow:0 1px 2px var(--mdf-color-transparent-200);border-style:hidden;border-radius:8px}.mdf-table .mdf-th:first-child{border-top-left-radius:8px}.mdf-table .mdf-th:last-child{border-top-right-radius:8px}.mdf-table tbody>tr:last-child>td:first-child{border-bottom-left-radius:8px}.mdf-table tbody>tr:last-child>td:last-child{border-bottom-right-radius:8px}.mdf-table .mdf-td,.mdf-table .mdf-th{border:1px solid var(--mdf-color-border-muted);padding:.5rem}.mdf-table .mdf-th{font-weight:600}.mdf-table .mdf-th,.mdf-table :nth-child(2n)>.mdf-td{background-color:var(--mdf-color-background-muted);text-align:start}.mdf-code-inline{background-color:var(--mdf-color-background-subtle);border-radius:5px;padding:1px 3px;font-family:monospace;font-weight:600;line-height:1rem}.mdf-code-block{background-color:var(--mdf-color-background-brand-primary);border:1px solid var(--mdf-color-border-brand-primary);box-shadow:0px 1px 1px var(--mdf-color-transparent-300);border-radius:8px;margin:0;padding:10px 1rem;font-family:monospace;line-height:1rem}.mdf-quote{background-color:var(--mdf-color-background-brand-secondary);box-shadow:0px 1px 1px var(--mdf-color-transparent-300);border-left:5px solid var(--mdf-color-border-brand-secondary);border-top-right-radius:8px;border-bottom-right-radius:8px;padding:1rem 2rem}.mdf-quote .mdf-quote-source{color:var(--mdf-color-text-muted);margin-top:1rem;font-style:italic}.mdf-kbd{border:1px solid var(--mdf-color-border-default);background-color:var(--mdf-color-background-subtle);border-radius:3px;padding:2px 4px;font-family:monospace;font-weight:500}.mdf-list{flex-direction:column;gap:5px;padding-left:1em;list-style:outside;display:flex}.mdf-list .mdf-list-item::marker{color:var(--mdf-color-text-muted)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-VariableFont_wdth_wght-KuS8chgA.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-Italic-VariableFont_wdth_wght-EAdGDjzo.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}body{--color1:black;--color2:white;--color-success:#009c3e;--bg-trans-intensity:.07;background-color:var(--mdf-color-background-default);background:linear-gradient(-45deg, rgb(from var(--color2) r g b / var(--bg-trans-intensity)), rgb(from var(--color1) r g b / var(--bg-trans-intensity)));flex-direction:column;min-height:100vh;font-family:IBM Plex Sans,"system-ui",Arial;line-height:1.5;display:flex}[data-theme=dark] body{background:var(--mdf-color-background-default)}@media (prefers-color-scheme:dark){body{background:var(--mdf-color-background-default)}}.container{width:100%;max-width:2000px;margin:0 auto;display:flex;position:relative}.info{flex:1;grid-template-rows:1fr auto;padding:1.5rem 0 1.5rem 1.5rem;display:grid}.info .title{--font-size:2.3rem;font-size:var(--font-size);font-weight:400;line-height:1.3;animation:.3s ease-out both fade-in}@media (prefers-reduced-motion:reduce){.info .title{animation:none}}.info .title .color-label{cursor:pointer;text-wrap:nowrap;align-items:center;padding:0 .5rem;font-family:monospace;font-weight:600;display:inline-flex}.info .title .color-label:hover{background-color:var(--mdf-color-border-muted);border-radius:1rem}.info .title .color-label:has(input:focus-visible){outline:2px solid var(--mdf-color-outline-default);background-color:var(--mdf-color-background-muted);outline-offset:2px;border-radius:1rem}.info .title .color-label input{appearance:none;cursor:pointer;width:calc(var(--font-size) * .8);height:calc(var(--font-size) * .8);border:none;border-radius:8px;margin-left:.5rem;display:inline-block}.info .title .color-label input:focus{outline:none}.info .title .color-label input::-webkit-color-swatch-wrapper{padding:0}.info .title .color-label input::-webkit-color-swatch{box-shadow:none;border:none;border-radius:8px}.info .title .color-label input::-moz-color-swatch{box-shadow:none;border:none;border-radius:8px}.info .title .color-label input[id=title-color-1]{background-color:var(--color1);box-shadow:1px 1px 2px rgb(from var(--color1) r g b / .4)}.info .title .color-label input[id=title-color-2]{background-color:var(--color2);box-shadow:1px 1px 2px rgb(from var(--color2) r g b / .4)}.info .title #title-contrast{font-family:monospace;font-weight:600}.info #contrast-badges svg{width:1.2rem;height:1.2rem}.info table{width:100%;box-shadow:none;border-radius:1rem;min-height:calc(50vh - 3rem);animation:.3s ease-out .3s both fade-in}@media (prefers-reduced-motion:reduce){.info table{animation:none}}.info table td,.info table tr:nth-child(2n)>.mdf-td{background-color:#0000}.info table .mdf-th:first-child{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.info table .mdf-th:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.info table td.mdf-td,.info table th.mdf-th{border:none}.info table th.mdf-th{background-color:hsl(from var(--mdf-color-background-muted) h s calc(l - 4));padding:.5rem 1rem}.info table td.mdf-td{padding:.5rem 1rem}.info table td:last-of-type,.info table th:last-of-type{width:1%}.info table td>a{color:var(--mdf-color-text-brand-secondary-default);text-underline-offset:2px;margin-left:5px}.info table td>a:focus-visible{outline:2px solid var(--mdf-color-outline-default);outline-offset:2px;border-radius:3px}.info table td:first-child,.info table td:nth-child(2){white-space:nowrap}.info table .compliance svg{width:1.8rem;height:1.8rem}.info table .compliance svg polygon{stroke:currentColor;stroke-width:2px}.info table .compliance.compliant{color:var(--color-success)}.info table .compliance.non-compliant{color:var(--mdf-color-border-error)}.info table .compliance>span{vertical-align:middle;align-items:center;display:inline-flex}.checker{--margin:1.5rem;width:50%;margin:var(--margin);min-height:calc(100vh - (2 * var(--margin)));max-height:calc(100vh - (2 * var(--margin)));border-radius:1rem;flex-direction:column;font-weight:400;animation:.3s ease-out .3s both fade-in;display:flex;overflow:hidden;box-shadow:2px 2px 5px #0000004d;container-type:size}@media (prefers-reduced-motion:reduce){.checker{animation:none}}.checker .combination{flex-direction:column;flex:1;gap:10px;padding:1rem 2rem 2rem;display:flex}.checker .combination:first-child{color:var(--color2);background-color:var(--color1)}.checker .combination:nth-child(2){color:var(--color1);background-color:var(--color2)}.checker .combination .large{text-transform:capitalize;font-size:2rem;font-weight:500;animation:.3s ease-out .4s both fade-in}@media (prefers-reduced-motion:reduce){.checker .combination .large{animation:none}}.checker .combination .small{-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.checker .combination .bottom{justify-content:space-between;align-items:baseline;gap:1rem;margin-top:auto;display:flex}.checker .combination .objects{justify-content:flex-end;gap:1rem;display:flex}.checker .combination .objects path,.checker .combination .objects circle,.checker .combination .objects rect{fill:currentColor}.checker .combination .objects .object:first-child{animation:.3s ease-out .4s both fade-in}@media (prefers-reduced-motion:reduce){.checker .combination .objects .object:first-child{animation:none}}.checker .combination .objects .object:nth-child(2){animation:.3s ease-out .5s both fade-in}@media (prefers-reduced-motion:reduce){.checker .combination .objects .object:nth-child(2){animation:none}}.checker .combination .objects .object:nth-child(3){animation:.3s ease-out .6s both fade-in}@media (prefers-reduced-motion:reduce){.checker .combination .objects .object:nth-child(3){animation:none}}@container (height<=30rem){.checker .combination .small{-webkit-line-clamp:2;line-clamp:2}}.bg-hidden{display:none}@media (width<=60rem),(height<=25rem){.container{flex-direction:column;gap:1rem}.container .info{flex-direction:column;gap:2rem;padding:1rem;display:flex}.container .info #contrasts-table{overflow-x:auto}.container .info #contrasts-table table{min-height:none}.container .checker{width:calc(100% - 2rem);margin:0 1rem 1rem}}@media (height<=25rem){.checker .combination:first-child{display:none}}@media (width<=40rem){.container .title{font-size:2rem}.sm-hidden{display:none}.bg-hidden{display:block}}@keyframes fade-in{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}