html{--jh-color: "default";--color-match: "hello world";--jh-top: -24px;--global-type-body-font-family: body, Helvetica Neue, Helvetica, Arial, sans-serif}html:lang(en-US){--jh-color: "James Hardie Color";--color-match: "OSI Color Match";--jh-top: -24px}html:lang(en-CA){--jh-color: "James Hardie Colour";--color-match: "LePage Colour Match";--jh-top: -24px}html:lang(fr-CA){--jh-color: "Couleur James Hardie";--color-match: "Correspondance des couleurs LePage";--jh-top: -46px}body{margin:0}.svgSprites__wrapper{display:none}.navigation__group li{display:block}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}select,input{height:37px;padding:0 16px;border:2px solid #000;font-size:13px;font-weight:550;color:#21272a;line-height:18px}@media (prefers-color-scheme: dark){select,input{color:#fff;background-color:#000;border-color:#e1e2db}}.card{padding:2em}.read-the-docs{color:#888}.color-details-container{width:calc(100% - 36px);padding:30px 0 0!important;margin:0 auto}@media only screen and (min-width: 800px){.color-details-container{width:80%;max-width:1200px}}#colormatch{background-color:#fff}@media (prefers-color-scheme: dark){#colormatch{background-color:#000}}@font-face{font-family:Flama-Light;src:url(/assets/Flama-Light-T6qfT_kz.otf)}@font-face{font-family:FlamaLight;src:url(/assets/Flama-Light-T6qfT_kz.otf)}@font-face{font-family:Flama;src:url(/assets/Flama-Basic-RlMfvtQL.otf)}@font-face{font-family:Flama-Semibold;src:url(/assets/Flama-Semibold-B5FER7nQ.otf)}@font-face{font-family:FlamaSemibold;src:url(/assets/Flama-Semibold-B5FER7nQ.otf)}@font-face{font-family:Flama-Bold;src:url(/assets/Flama-Bold-B1a1JNqp.otf)}@font-face{font-family:FlamaBold;src:url(/assets/Flama-Bold-B1a1JNqp.otf)}.search-container{display:block;width:calc(100% - 40px);margin:0 auto}@media only screen and (min-width: 800px){.search-container{width:90%;max-width:1200px}}@media only screen and (min-width: 1200px){.search-container{width:80%}}.loader{width:50px;aspect-ratio:1;border-radius:50%;border:8px solid #ffdf01;animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}.loader-container{position:fixed;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-container.hidden{display:none}.no-results{padding-top:20px}.logo__img{color-scheme:only light}@media (min-width: 1024px){.navigationmenu__link--firstLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan:before,.navigationmenu__link--firstLevel:hover .navigationmenu__linkSpan:before{color-scheme:only light}}@media (min-width: 768px){.footer{background-image:linear-gradient(103deg,#1f1f1f,#1f1f1f 19%,#000 19%,#000 96%,#ffdf01bf 89%)}}@media (min-width: 1120px){.footer{background-image:linear-gradient(103deg,#1f1f1f,#1f1f1f 19%,#000 19%,#000 91%,#ffdf01bf 89%)}}@media (min-width: 1280px){.footer{background-image:linear-gradient(103deg,#1f1f1f,#1f1f1f 19%,#000 19%,#000 96%,#ffdf01bf 89%)}}.alt-match{max-width:90%;margin:0 auto}@media (min-width: 800px){.alt-match{max-width:600px}}@media (min-width: 1200px){.alt-match{max-width:1000px}}@media (min-width: 1400px){.alt-match{max-width:1200px}}