@import url(https://fonts.googleapis.com/css?family=Catamaran|Montserrat);*{box-sizing:border-box;border:0;font:inherit;margin:0;padding:0;text-rendering:geometricPrecision}html{font-size:14px}@media only screen and (min-width:919px){html{font-size:16px}}body,html{height:100%;width:100%;margin:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}#react-app{height:100%;overflow-x:hidden}ul{list-style:none}body{font-family:Montserrat,sans-serif;line-height:normal;min-height:100%;position:relative;background-color:#f4f5f7}a{cursor:pointer}a,a:hover,a:visited{color:#12679c}a:hover{text-decoration:underline}h1{font-size:2.2rem}h2{font-size:1.6rem}h3{font-size:1.35rem}h1,h2,h3{font-family:Catamaran,sans-serif;font-weight:700;padding:.5rem 0}h1.no-pad,h2.no-pad,h3.no-pad{padding:0}h1,h2,h3,h4,h5,h6{font-weight:500}p{padding-bottom:.5rem}.article-view{position:relative}.article-view .article-subtitle-bar{margin-bottom:4rem}@media only screen and (max-width:918px){.article-view .article-subtitle-bar{margin-bottom:6rem}}.article-view__waves{position:absolute;overflow:hidden;left:0;top:0;width:100%;height:275px;z-index:-1}.article-view__waves svg{width:100%;height:100%;fill:#053075}.article-view__section{max-width:919px;margin:4rem auto 0}@media only screen and (max-width:918px){.article-view__section{padding:0 1rem}}@media only screen and (max-width:918px){.article-view__section--first{padding:0 1rem;margin-top:10rem}}@media only screen and (min-width:919px){.article-view__section--first{margin-top:14rem}}.article-view__section--no-top-space{margin-top:0}.article-view__header{max-width:919px;margin:0 auto}.code-set-converter-layout__header{padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}@media only screen and (min-width:919px){.code-set-converter-layout__header{max-width:960px}}@media only screen and (min-width:1201px){.code-set-converter-layout__header{max-width:1140px}}@media only screen and (min-width:1400px){.code-set-converter-layout__header{max-width:1500px}}.code-set-converter-layout__container{padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}@media only screen and (min-width:919px){.code-set-converter-layout__container{max-width:960px}}@media only screen and (min-width:1201px){.code-set-converter-layout__container{max-width:1140px}}@media only screen and (min-width:1400px){.code-set-converter-layout__container{max-width:1500px}}@media only screen and (max-width:918px){.code-set-converter-layout__desktop-view{display:none}}.code-set-converter-layout__desktop-view-top{display:flex;flex-direction:row}.code-set-converter-layout__desktop-view-top .desktop-source-paint-table{flex-grow:1}@media only screen and (min-width:919px){.code-set-converter-layout__mobile-view{display:none}}.code-set-converter-layout__results-spinner .spinner{margin:10rem auto}.home-view{position:relative;background-color:#eeeff1}.home-view__waves{position:absolute;overflow:hidden;left:0;top:0;width:100%;height:600px;z-index:0}.home-view__waves svg{width:100%;height:100%;fill:#053075}.home-view__logo{border:3px solid #f4f5f7;margin-top:1rem;z-index:2}@media only screen and (min-width:919px){.home-view__logo{height:64px;width:316px}}@media only screen and (max-width:918px){.home-view__logo{margin-top:1rem;margin-right:1rem;height:52px;width:250px}}.home-view__logo-block{max-width:1140px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between}.home-view__logo-block .language-button{margin-top:1rem}.home-view__hero{max-width:1140px;margin:0 auto;color:#f4f5f7;display:flex;position:relative}@media only screen and (min-width:919px){.home-view__hero{flex-direction:row}}@media only screen and (max-width:918px){.home-view__hero{flex-direction:column;padding:1rem}}.home-view__hero-title{margin-bottom:3rem}@media only screen and (max-width:918px){.home-view__hero-title{margin-top:5rem}}@media only screen and (min-width:919px){.home-view__hero-title{flex-basis:50%}}.home-view__hero-cta{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:.3rem;background-color:#f4f5f7;border:none;font-size:.9rem;color:#053075;line-height:3em;max-width:100%;transition-property:background-color;transition-duration:.15s;text-align:center;white-space:nowrap;font-weight:700;line-height:1.7em;font-size:1.35rem;padding:.75rem 1rem;display:block;margin:0 auto;width:15rem;box-shadow:1px 1px 5px #333}.home-view__hero-cta:focus{outline:.1rem dotted #12679c}.home-view__hero-cta:link,.home-view__hero-cta:visited{color:#053075;text-decoration:none}.home-view__hero-cta:focus,.home-view__hero-cta:hover{background-color:#fff;color:#053075}.home-view__hero-cta:active{background-color:#f4f5f7}.home-view__hero-cta.disabled{background-color:#9a9a9a}.home-view__hero-cta-block{text-align:center;display:flex;flex-direction:column;justify-content:flex-end}@media only screen and (min-width:919px){.home-view__hero-cta-block{flex-basis:50%}}.home-view__hero h1{font-weight:700}@media only screen and (max-width:918px){.home-view__hero h1{font-size:1.6rem}}.home-view__hero aside{opacity:.6;margin:.5rem auto 2rem;max-width:650px}.home-view__section{max-width:1140px;line-height:1.5em;margin:4rem auto 0}@media only screen and (max-width:918px){.home-view__section{padding:0 1rem}}@media only screen and (max-width:918px){.home-view__section--first{padding:0 1rem;margin-top:10rem}}@media only screen and (min-width:919px){.home-view__section--first{margin-top:14rem}}.home-view__section--no-top-space{margin-top:0}.home-view__latest-updates-item{display:block;text-align:left;background-color:#e5eaeb;border-radius:.3rem;padding:1rem;box-shadow:1px 1px 2px #ccc;line-height:1.5em;margin-top:2rem}.home-view__latest-updates-item h4{font-weight:700;line-height:1.5em}.home-view__latest-updates-item p{text-align:left}.home-view__latest-updates-item:first-of-type{margin-top:0}.home-view__latest-updates-item h4{margin-bottom:.5em}.home-view__latest-updates-item h4 img{height:1.5em;position:relative;top:5px}.home-view__how-it-works{margin-top:4rem;background-repeat:no-repeat;background-size:contain}.home-view__how-it-works:first-of-type{margin-top:0}@media only screen and (min-width:919px){.home-view__how-it-works--one{background-image:url(/assets/fixed/instruction-1d.png);background-position-x:right;background-position-y:top;min-height:300px}}@media only screen and (max-width:918px){.home-view__how-it-works--one{background-image:url(/assets/fixed/instruction-1m.png);background-position-x:center;background-position-y:4rem;min-height:400px}}.home-view__how-it-works--one p{line-height:1.5em}@media only screen and (min-width:919px){.home-view__how-it-works--one p{padding-right:50%;padding-top:3rem}}@media only screen and (min-width:919px){.home-view__how-it-works--two{background-image:url(/assets/fixed/instruction-2d.png);background-position-x:right;background-position-y:top;min-height:300px}}@media only screen and (max-width:918px){.home-view__how-it-works--two{background-image:url(/assets/fixed/instruction-2m.png);background-position-x:center;background-position-y:4rem;min-height:400px}}.home-view__how-it-works--two p{line-height:1.5em}@media only screen and (min-width:919px){.home-view__how-it-works--two p{padding-right:60%;padding-top:3rem}}@media only screen and (min-width:919px){.home-view__how-it-works--three{background-image:url(/assets/fixed/instruction-3d.png);background-position-x:right;background-position-y:top;min-height:300px}}@media only screen and (max-width:918px){.home-view__how-it-works--three{background-image:url(/assets/fixed/instruction-3m.png);background-position-x:center;background-position-y:6rem;min-height:250px}}.home-view__how-it-works--three p{line-height:1.5em}@media only screen and (min-width:919px){.home-view__how-it-works--three p{padding-right:50%;padding-top:3rem}}.home-view__body-cta{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:.3rem;background-color:#814206;border:none;font-size:.9rem;color:#f4f5f7;line-height:3em;max-width:100%;transition-property:background-color;transition-duration:.15s;padding:0 2rem;text-align:center;white-space:nowrap;display:block;margin:0 auto;font-size:1.35rem}.home-view__body-cta:focus{outline:.1rem dotted #12679c}.home-view__body-cta:link,.home-view__body-cta:visited{color:#f4f5f7;text-decoration:none}.home-view__body-cta:focus,.home-view__body-cta:hover{background-color:#b25b08;color:#f4f5f7}.home-view__body-cta:active{background-color:#814206}.home-view__body-cta.disabled{background-color:#9a9a9a}.home-view__body-cta-container{max-width:1140px;margin:3rem auto 0;display:flex}.home-view__coloured-row{background-color:#1b7505;color:hsla(0,0%,100%,.8);padding:4rem 0 0;margin-top:4rem}@media only screen and (max-width:918px){.home-view__coloured-row{padding:1rem}}.home-view .contact-form{max-width:1140px;margin:0 auto}@media only screen and (max-width:918px){.home-view .contact-form{padding:1rem}}@media only screen and (min-width:919px){.home-view .contact-form__form{max-width:50%}}.home-view__breakup-waves{overflow:hidden;width:100%;height:200px}.home-view__breakup-waves svg{width:100%;height:100%;fill:#1b7505}.paint-conversion-chart-view__header{padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}@media only screen and (min-width:919px){.paint-conversion-chart-view__header{max-width:960px}}@media only screen and (min-width:1201px){.paint-conversion-chart-view__header{max-width:1140px}}@media only screen and (min-width:1400px){.paint-conversion-chart-view__header{max-width:1500px}}.paint-conversion-chart-view__container{padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}@media only screen and (min-width:919px){.paint-conversion-chart-view__container{max-width:960px}}@media only screen and (min-width:1201px){.paint-conversion-chart-view__container{max-width:1140px}}@media only screen and (min-width:1400px){.paint-conversion-chart-view__container{max-width:1500px}}.paint-conversion-chart-view__subheading{padding-top:0;padding-left:1rem;font-size:1rem}@media only screen and (min-width:919px){.paint-conversion-chart-view__subheading{font-size:1.35rem}}@media only screen and (min-width:919px){.paint-conversion-chart-view .brand-selector-mobile{display:none}}@media only screen and (max-width:918px){.paint-conversion-chart-view .brand-selector-desktop{display:none}}.static-page-view{position:relative}.static-page-view .mdx-block__main-title{margin-bottom:4rem}.static-page-view__waves{position:absolute;overflow:hidden;left:0;top:0;width:100%;height:200px;z-index:-1}.static-page-view__waves svg{width:100%;height:100%;fill:#053075}.static-page-view__section{max-width:919px;margin:4rem auto 0}@media only screen and (max-width:918px){.static-page-view__section{padding:0 1rem}}@media only screen and (max-width:918px){.static-page-view__section--first{padding:0 1rem;margin-top:10rem}}@media only screen and (min-width:919px){.static-page-view__section--first{margin-top:14rem}}.static-page-view__section--mdx{margin-top:2rem}.static-page-view__header{max-width:919px;margin:0 auto}.markdown h2:not([class]){margin-top:2rem}.markdown img:not([class]){display:block;width:100%;border-radius:15px;margin-bottom:1rem;margin-top:1rem}.markdown p:not([class]){line-height:1.7em}.markdown ol:not([class]),.markdown ul:not([class]){list-style:unset;margin-top:1rem;padding-left:1em}.markdown ol:not([class]) li,.markdown ul:not([class]) li{margin-top:.5em}.markdown>*>h3:not([class]),.markdown>*>h4:not([class]),.markdown>*>h5:not([class]),.markdown>*>h6:not([class]){margin-top:1rem}.markdown .link-button{text-align:center;margin-top:2rem}.markdown .inline-buy-links{margin-top:2rem}.markdown blockquote:not([class]){background-color:#b9bfcc;padding:1rem;font-style:italic}.markdown blockquote:not([class]) p:not([class]){margin:0}.markdown blockquote:not([class]) a:not([class]){display:block;text-align:right;font-size:.8rem}@media only screen and (max-width:918px){.markdown blockquote:not([class]){margin:0}}.markdown__main-title{color:#f4f5f7;font-weight:700;padding:0;line-height:1.5em;margin-bottom:4rem}@media only screen and (max-width:918px){.markdown__main-title{font-size:1.6rem}}.article-subtitle-bar{margin-top:-4rem;padding-bottom:1rem;font-size:.8rem;color:#f4f5f7}.article-subtitle-bar__date{margin-right:.5rem;opacity:.6;font-size:.8rem}.article-subtitle-bar__subtitle{opacity:.6;font-size:1rem}.article-subtitle-bar__reading-time{margin-left:.5rem;opacity:.6;font-size:.8rem}.article-subtitle-bar__reading-time:before{content:"\B7";position:relative;opacity:.6;left:-.5rem}.paint-converter-header{margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;padding:.5rem;position:relative}@media only screen and (min-width:919px){.paint-converter-header{max-width:960px}}@media only screen and (min-width:1201px){.paint-converter-header{max-width:1140px}}@media only screen and (min-width:1400px){.paint-converter-header{max-width:1500px}}.paint-converter-header__logo{height:3rem;right:0;top:0}@media only screen and (max-width:918px){.paint-converter-header__logo{height:2rem;margin-top:.5rem;margin-right:.5rem}}.paint-converter-header__back-button{background-color:transparent;padding:10px 1em 0 .5em;flex-grow:0;text-align:left;cursor:pointer}.paint-converter-header__back-button:hover{background-color:transparent}.paint-converter-header__back-button:focus{outline:none}.paint-converter-header__back-button svg{width:25px;transform:scaleX(-1)}.paint-converter-header__back-button svg path{fill:#494949}@media only screen and (max-width:918px){.paint-converter-header__back-button--desktop{display:none}}@media only screen and (min-width:919px){.paint-converter-header__back-button--mobile{display:none}}.paint-converter-header__title{flex-grow:1;line-height:3rem;font-size:1rem;color:#666;padding:0;text-align:center}@media only screen and (min-width:919px){.paint-converter-header__title{font-size:1.6rem}}@media only screen and (max-width:460px){.paint-converter-header__title{display:none}}.paint-converter-header__list-button{background-color:transparent;position:relative;padding:0 1rem;margin:0 .5rem}@media only screen and (max-width:918px){.paint-converter-header__list-button{display:none}}.paint-converter-header__list-button svg{height:1.5rem;width:1.5rem}.paint-converter-header__list-button svg path{fill:#848586}.paint-converter-header__list-button:not([disabled]){cursor:pointer}.paint-converter-header__list-button:not([disabled]):hover svg path{fill:#494949}.paint-converter-header__list-button-indicator{font-size:.6rem;background-color:#053075;color:hsla(0,0%,100%,.8);padding:5px;border-radius:50%;width:20px;height:20px;position:absolute;line-height:10px;right:7px;bottom:7px;box-shadow:1px 1px 3px #666}.paint-converter-header__list-button:focus{outline:none}.paint-converter-header .user-basket-popup{z-index:100;position:absolute;top:60px;right:0;width:400px;height:auto;background-color:#f4f5f7;box-shadow:1px 1px 3px #666}.paint-converter-header__scrim{z-index:99;position:fixed;width:100%;height:100%;left:0;top:0;background-color:#080f0f;opacity:.3}.big-wavy-curve__small{display:none}@media only screen and (max-width:1200px){.big-wavy-curve__small{display:block}}.big-wavy-curve__medium{display:none}@media only screen and (min-width:1201px) and (max-width:1399px){.big-wavy-curve__medium{display:block}}.big-wavy-curve__large{display:none}@media only screen and (min-width:1400px){.big-wavy-curve__large{display:block}}.language-button{margin:.5rem;background-color:transparent;cursor:pointer;width:37px;height:30px;border:1px solid transparent;position:relative;display:block}.language-button:hover{border-color:#ccc}.language-button:hover .tooltiptext{visibility:visible}.language-button:focus{outline:none}.language-button svg{width:35px;height:28px}.language-button .tooltiptext{visibility:hidden;width:120px;background-color:#080f0f;color:#f4f5f7;font-size:.6rem;text-align:center;padding:5px 0;border-radius:6px;left:40px;position:absolute;z-index:100}.contact-form__field label{line-height:2rem;font-size:.8rem}.contact-form__field ::-webkit-input-placeholder{color:#848586}.contact-form__field :-ms-input-placeholder{color:#848586}.contact-form__field ::-ms-input-placeholder{color:#848586}.contact-form__field ::placeholder{color:#848586}.contact-form__form input[type=text]{box-sizing:border-box;margin:0;padding:7px 14px;width:100%;color:#494949;font-size:1rem;line-height:normal;border:1px solid #ccc;background-color:#f4f5f7;transition:all .15s ease-in-out;border-radius:.3rem}.contact-form__form input[type=text]:hover{border-color:#aaa}.contact-form__form input[type=text]:focus{outline:none;border-color:#053075;box-shadow:0 0 2px #0744a6}.contact-form__form input[type=text]:disabled{background-color:transparent}.contact-form__form input[type=text].invalid{border-color:#cf2c2c;box-shadow:0 0 2px #ef5858}.contact-form__form input[type=text].invalid:focus{border-color:#053075;box-shadow:0 0 2px #0744a6}.contact-form__form input[type=text][readonly]{background-color:#e5e8ec;color:#848586}.contact-form__form input[type=text][readonly]:hover{border-color:#ccc}.contact-form__form input[type=text][readonly]:focus{outline:none;box-shadow:none;border-color:#ccc}.contact-form__field input[type=email],.contact-form__field input[type=text],.contact-form__field select,.contact-form__field textarea{box-sizing:border-box;margin:0;padding:7px 14px;width:100%;color:#494949;font-size:1rem;line-height:normal;border:1px solid #ccc;background-color:#f4f5f7;transition:all .15s ease-in-out;border-radius:.3rem}.contact-form__field input[type=email]:hover,.contact-form__field input[type=text]:hover,.contact-form__field select:hover,.contact-form__field textarea:hover{border-color:#aaa}.contact-form__field input[type=email]:focus,.contact-form__field input[type=text]:focus,.contact-form__field select:focus,.contact-form__field textarea:focus{outline:none;border-color:#053075;box-shadow:0 0 2px #0744a6}.contact-form__field input[type=email]:disabled,.contact-form__field input[type=text]:disabled,.contact-form__field select:disabled,.contact-form__field textarea:disabled{background-color:transparent}.contact-form__field input[type=email].invalid,.contact-form__field input[type=text].invalid,.contact-form__field select.invalid,.contact-form__field textarea.invalid{border-color:#cf2c2c;box-shadow:0 0 2px #ef5858}.contact-form__field input[type=email].invalid:focus,.contact-form__field input[type=text].invalid:focus,.contact-form__field select.invalid:focus,.contact-form__field textarea.invalid:focus{border-color:#053075;box-shadow:0 0 2px #0744a6}.contact-form__field input[type=email][readonly],.contact-form__field input[type=text][readonly],.contact-form__field select[readonly],.contact-form__field textarea[readonly]{background-color:#e5e8ec;color:#848586}.contact-form__field input[type=email][readonly]:hover,.contact-form__field input[type=text][readonly]:hover,.contact-form__field select[readonly]:hover,.contact-form__field textarea[readonly]:hover{border-color:#ccc}.contact-form__field input[type=email][readonly]:focus,.contact-form__field input[type=text][readonly]:focus,.contact-form__field select[readonly]:focus,.contact-form__field textarea[readonly]:focus{outline:none;box-shadow:none;border-color:#ccc}.contact-form__field label small{font-size:.6rem;color:#848586}.contact-form button[type=submit]{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:.3rem;background-color:#f4f5f7;border:none;font-size:.9rem;color:#1b7505;line-height:3em;max-width:100%;transition-property:background-color;transition-duration:.15s;padding:0 2rem;text-align:center;white-space:nowrap;margin-top:1rem}.contact-form button[type=submit]:focus{outline:.1rem dotted #12679c}.contact-form button[type=submit]:link,.contact-form button[type=submit]:visited{color:#1b7505;text-decoration:none}.contact-form button[type=submit]:focus,.contact-form button[type=submit]:hover{background-color:#fff;color:#1b7505}.contact-form button[type=submit]:active{background-color:#f4f5f7}.contact-form button[type=submit].disabled{background-color:#9a9a9a}.site-footer{font-size:.8rem;padding:2rem}.site-footer nav{padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between}@media only screen and (min-width:919px){.site-footer nav{max-width:960px}}@media only screen and (min-width:1201px){.site-footer nav{max-width:1140px}}@media only screen and (min-width:1400px){.site-footer nav{max-width:1500px}}.site-footer nav .footer-text{font-size:.6rem}.site-footer nav .footer-text p{padding:0}@media only screen and (max-width:918px){.site-footer nav .footer-text{font-size:.45rem}}.site-footer nav a:last-of-type{margin-left:1em}.site-footer--narrow nav{max-width:1140px;margin:0 auto}.site-footer--fixed{position:fixed;bottom:0;left:0;width:100%}@media only screen and (max-width:918px){.site-footer--fixed-mobile{position:fixed;bottom:0;left:0;width:100%}}@media only screen and (min-width:919px){.site-footer--fixed-desktop{position:fixed;bottom:0;left:0;width:100%}}@media only screen and (max-width:918px){.site-footer--mobile-hide{display:none}}.content-page-header{display:flex;justify-content:space-between;padding:.5rem;position:relative;color:#f4f5f7}.content-page-header__logo{height:3rem;right:0;top:0;border:3px solid #f4f5f7}@media only screen and (max-width:918px){.content-page-header__logo{height:2rem;margin-top:.5rem;margin-right:.5rem}}.content-page-header__back-button{background-color:transparent;padding:10px 1em 0 .5em;flex-grow:0;text-align:left;cursor:pointer}.content-page-header__back-button:hover{background-color:transparent}.content-page-header__back-button:focus{outline:none}.content-page-header__back-button svg{width:25px;transform:scaleX(-1)}.content-page-header__back-button svg path{fill:#f4f5f7}.content-page-header__title{flex-grow:1;line-height:3rem;font-size:1rem;padding:0;text-align:center}@media only screen and (min-width:919px){.content-page-header__title{font-size:1.6rem}}@media only screen and (max-width:460px){.content-page-header__title{display:none}}.article-cards{list-style:none;padding:0;display:flex;flex-direction:column}@media only screen and (min-width:919px){.article-cards{flex-direction:row;flex-wrap:wrap;margin-right:-1rem}}.article-cards__item{cursor:pointer;margin-top:1rem}@media only screen and (min-width:919px){.article-cards__item{margin-top:2rem;flex:0 1 33%;padding-right:1rem}}.article-cards__link{display:block;height:100%;color:#494949;text-decoration:none}.article-cards__link:hover{text-decoration:none}.article-cards__link:hover .article-cards__title{text-decoration:underline}.article-cards__image-div{display:block;background-position:50%;background-size:cover;border-radius:.5rem}.article-cards__title{color:#12679c;margin-top:.5rem;line-height:1em}.article-cards__standfirst{color:#494949;padding:0;margin-top:.5rem}.article-cards__info-bar{color:#848586;margin-top:.5rem;font-size:.8rem}.brand-selector-desktop__tile-container{display:flex;flex-direction:row;flex-wrap:wrap}.brand-selector-desktop__tile-container>*{flex-basis:20%}@supports (display:grid){.brand-selector-desktop__tile-container{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1rem;grid-auto-rows:minmax(100px,auto)}.brand-selector-desktop__tile-container>*{flex-basis:auto}}.brand-selector-desktop__brand-tile{padding:0 .5rem}.brand-selector-desktop__brand-tile-inner{padding:4rem 0;background-color:#e5eaeb;border:1px solid transparent;cursor:pointer}.brand-selector-desktop__brand-tile-inner:hover{border-color:#ccc}.brand-selector-desktop__brand-logo{display:block;margin:0 auto}@media only screen and (min-width:1400px){.brand-selector-desktop__brand-logo{width:240px;height:96px}}@media only screen and (max-width:1380px){.brand-selector-desktop__brand-logo{width:200px;height:80px}}@media only screen and (max-width:1155px){.brand-selector-desktop__brand-logo{width:155px;height:62px}}@media only screen and (max-width:918px){.brand-selector-desktop__brand-logo{width:100px;height:40px}}.user-basket-popup__popup-title{font-size:1.35rem;padding:1rem 0 0 1rem}.user-basket-popup__brand-group{margin-top:1rem;padding-top:1rem;border-top:1px solid #ccc}.user-basket-popup__brand-group-logo{height:2rem;margin-left:1rem}.user-basket-popup__item{display:flex}.user-basket-popup__item .paint-drop-svg{width:30px;height:50px;margin-left:1rem}.user-basket-popup__item-code{display:inline-block;padding:0 .5em;flex-shrink:0;line-height:50px}.user-basket-popup__item-description{flex-grow:1;padding:0;line-height:50px}.user-basket-popup__item-remove{border-radius:5px;background-color:transparent;border:1px solid #848586;color:#848586;cursor:pointer;margin-right:1rem;margin-top:12px;padding:0 7px;height:25px}.user-basket-popup__item-remove:hover{background-color:#f2f2f2}.user-basket-popup__item-remove.active{background-color:#26a607;color:hsla(0,0%,100%,.8)}.user-basket-popup__item-remove.active:hover{background-color:#2cbe08}.desktop-source-paint-table__search-form{margin-bottom:.5em}@media only screen and (max-width:918px){.desktop-source-paint-table__search-form{margin-bottom:1rem}}@media only screen and (min-width:919px){.desktop-source-paint-table__search-form{max-width:300px}}.desktop-source-paint-table__search-input{box-sizing:border-box;margin:0;padding:7px 14px;width:100%;color:#494949;font-size:1.15rem;line-height:1.5;border-radius:.3rem;border:1px solid #ccc;background-color:#fff;transition:all .15s ease-in-out;background-color:#e5eaeb}.desktop-source-paint-table__search-input:hover{border-color:#b8cbd8}.desktop-source-paint-table__search-input:focus{outline:none;border-color:#052c6b;box-shadow:0 0 2px #07409c}.desktop-source-paint-table__search-input:disabled{background-color:transparent}.desktop-source-paint-table__search-input[readonly]{background-color:#ececec;color:#848586}.desktop-source-paint-table__search-input[readonly]:hover{border-color:#ccc}.desktop-source-paint-table__search-input[readonly]:focus{outline:none;box-shadow:none;border-color:#ccc}.desktop-source-paint-table .ReactVirtualized__Table__Grid:focus{outline:none}.desktop-source-paint-table .ReactVirtualized__Table__row{display:flex;cursor:pointer;line-height:50px}.desktop-source-paint-table .ReactVirtualized__Table__row:focus{outline:none}.desktop-source-paint-table .ReactVirtualized__Table__row:hover{background-color:#e5eaeb}.desktop-source-paint-table .ReactVirtualized__Table__row.selected{background-color:#c8d3d5}@media only screen and (min-width:919px){.desktop-source-paint-table .ReactVirtualized__Table__rowColumn{line-height:2em}}.desktop-source-paint-table .ReactVirtualized__Table__rowColumn.sheen-cell{text-align:right}@media only screen and (max-width:918px){.desktop-source-paint-table .ReactVirtualized__Table__rowColumn.sheen-cell{color:#848586}}.desktop-source-paint-table .colour-box{padding:0 10px;margin-left:5px}.desktop-source-paint-table__non-virtual-list{overflow-y:scroll;max-height:500px;width:100%}.desktop-source-paint-table__non-virtual-list-item{width:100%;display:flex}.desktop-source-paint-table__non-virtual-list-item:hover{background-color:#e5eaeb}.desktop-source-paint-table__non-virtual-list-item--selected{background-color:#ff0}.desktop-source-paint-table__non-virtual-list-item-colour{flex:0 0 2em}.desktop-source-paint-table__non-virtual-list-item-code{flex:0 1 20%}.desktop-source-paint-table__non-virtual-list-item-description{flex:1 1}.desktop-source-paint-table__non-virtual-list-item-sheen{flex:0 1 20%}.source-paint-indicator-box__brand-switcher,.source-paint-indicator-box__input-form,.source-paint-indicator-box svg.paint-drop-svg{display:block;margin:0 auto}.source-paint-indicator-box__code,.source-paint-indicator-box__description,.source-paint-indicator-box__no-paint-placeholder,.source-paint-indicator-box__sheen{text-align:center}.source-paint-indicator-box{min-width:400px}.source-paint-indicator-box__indicator{margin:1rem 8rem}.source-paint-indicator-box__brand-switcher{position:relative;cursor:pointer;text-align:center;border:1px solid transparent}.source-paint-indicator-box__brand-switcher:after{transition:opacity .15s ease;content:"Change...";opacity:0;position:absolute;right:0;bottom:0;background-color:#e5eaeb;padding:.5em}.source-paint-indicator-box__brand-switcher:hover{border-color:#ccc}.source-paint-indicator-box__brand-switcher:hover:after{opacity:1}.source-paint-indicator-box__brand-logo{width:250px}.source-paint-indicator-box svg.paint-drop-svg{width:100px;height:93px}.source-paint-indicator-box__input-form{margin-top:.5rem}.source-paint-indicator-box__code{font-size:2.2rem;padding:0;font-weight:700}.source-paint-indicator-box__description{padding:0}.source-paint-indicator-box__no-paint-placeholder .arrow-svg{display:block;width:25%;max-width:100px;margin:0 auto}.desktop-result-filters{display:flex;align-items:center;flex-direction:row;font-size:.8rem;margin-top:1rem}.desktop-result-filters label{flex-grow:1;text-align:right;margin-right:1rem}.desktop-result-filters__brand-button{border:1px solid transparent;cursor:pointer;background-color:transparent}.desktop-result-filters__brand-button--selected,.desktop-result-filters__brand-button:hover{border:1px solid #1b7505}.desktop-result-filters__brand-button img{width:70px;height:28px}.desktop-result-filters__brand-button--all-brands{width:62px;height:34px}.desktop-result-filters__sheen-filter{margin-left:1rem;background-color:transparent;cursor:pointer;vertical-align:middle;line-height:2em}.desktop-result-filters__sheen-filter:focus{outline:none}.desktop-result-filters__sheen-filter:before{content:"";width:10px;height:10px;display:inline-block;border:4px double #ccc;background-color:#f4f5f7;position:relative;top:4px;margin-right:5px}.desktop-result-filters__sheen-filter--selected:before{background-color:#1b7505}.desktop-results-grid__brand-logo{display:block;margin:0 auto}.desktop-results-grid__indicator{margin-top:1rem}.desktop-results-grid__code{font-weight:700;font-size:1.8rem}.desktop-results-grid__indicator{margin:1rem 3rem;cursor:pointer}@media only screen and (min-width:1201px){.desktop-results-grid__indicator{margin:1rem 4rem}}@media only screen and (min-width:1400px){.desktop-results-grid__indicator{margin:1rem 6rem}}.desktop-results-grid__indicator:hover+svg{opacity:1}.desktop-results-grid__basket-icon{width:3rem;position:absolute;left:50%;margin-left:1rem;top:50%;margin-top:-1rem;z-index:2}.desktop-results-grid__basket-icon--plus{opacity:0;transition:opacity .15s ease}.desktop-results-grid__sheen{font-size:.8rem;margin-top:.5rem}.desktop-results-grid__list{display:flex;flex-direction:row;flex-wrap:wrap}.desktop-results-grid__list>*{flex-basis:20%}@supports (display:grid){.desktop-results-grid__list{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1rem;grid-auto-rows:minmax(100px,auto)}.desktop-results-grid__list>*{flex-basis:auto}}.desktop-results-grid__item{padding:3rem 0;position:relative}.desktop-results-grid h3,.desktop-results-grid h4,.desktop-results-grid h5,.desktop-results-grid p{text-align:center}.desktop-results-grid__brand-logo{height:3rem}.desktop-results-grid__stars{margin-top:.5rem;text-align:center}.desktop-results-grid__stars svg{width:16px}.desktop-results-grid__plus-button{border-radius:5px;background-color:transparent;padding:.3rem .5rem;border:1px solid #848586;color:#848586;cursor:pointer;float:right;position:relative;top:-3rem;left:-20%}.desktop-results-grid__plus-button:hover{background-color:#e5eaeb}.desktop-results-grid__plus-button.active{background-color:#26a607;color:hsla(0,0%,100%,.8)}.desktop-results-grid__plus-button.active:hover{background-color:#2cbe08}.mobile-source-paint-table__header-bar{display:flex;width:100%}.mobile-source-paint-table__header-bar-logowrap{flex-grow:1;text-align:right}.mobile-source-paint-table__header-bar-logowrap img{width:125px;height:50px}.mobile-source-paint-table__header-bar-label{position:absolute;left:1rem;padding-top:1rem}.mobile-source-paint-table__search-form{margin-bottom:1rem;margin-left:1rem}.mobile-source-paint-table__search-input{box-sizing:border-box;margin:0;padding:7px 14px;width:100%;color:#494949;font-size:1.15rem;line-height:1.5;border-radius:.3rem;border:1px solid #ccc;background-color:#fff;transition:all .15s ease-in-out;background-color:#e5eaeb}.mobile-source-paint-table__search-input:hover{border-color:#b8cbd8}.mobile-source-paint-table__search-input:focus{outline:none;border-color:#052c6b;box-shadow:0 0 2px #07409c}.mobile-source-paint-table__search-input:disabled{background-color:transparent}.mobile-source-paint-table__search-input[readonly]{background-color:#ececec;color:#848586}.mobile-source-paint-table__search-input[readonly]:hover{border-color:#ccc}.mobile-source-paint-table__search-input[readonly]:focus{outline:none;box-shadow:none;border-color:#ccc}.mobile-source-paint-table .ReactVirtualized__Table__Grid:focus{outline:none}.mobile-source-paint-table .ReactVirtualized__Table__row{display:flex;cursor:pointer;line-height:50px;border-top:1px solid #ccc}.mobile-source-paint-table .ReactVirtualized__Table__row:focus{outline:none}.mobile-source-paint-table .ReactVirtualized__Table__row:hover{background-color:#e5eaeb}.mobile-source-paint-table .ReactVirtualized__Table__row.selected{background-color:#26a607}.mobile-source-paint-table .ReactVirtualized__Table__rowColumn.code-cell{font-family:Catamaran,sans-serif;padding:.5rem 0;font-size:1.35rem;line-height:30px}.mobile-source-paint-table__colour-cell svg{width:30px;height:50px;margin:0 .5em}.mobile-source-paint-table__match-name-wrap{margin-top:10px;line-height:1em}.mobile-source-paint-table__match-name-wrap h4{font-size:1rem}.mobile-source-paint-table__match-name-wrap p{font-size:.6rem;margin:0;padding:0}.mobile-results-grid__header-bar{display:flex;width:100%;border-bottom:1px solid #ccc;padding-bottom:.5rem}.mobile-results-grid__header-bar-logowrap{flex-grow:1;display:flex;justify-content:space-around}.mobile-results-grid__header-bar-logowrap img{width:125px;height:50px}.mobile-results-grid__header-bar-logowrap .paint-drop-svg{width:30px;height:50px}.mobile-results-grid__header-bar-logowrap-code{display:inline-block;flex-shrink:0;padding:6px .5em 0}.mobile-results-grid__header-bar-info-block{padding:0 .5em;flex-shrink:1;height:100%;display:flex;flex-direction:column;justify-content:center}.mobile-results-grid__header-bar-info-block-description{padding:0}.mobile-results-grid__header-bar-info-block-sheen{font-size:.6rem;padding:0}.mobile-results-grid .paint-drop-svg{flex-shrink:0;width:30px;height:50px;margin:0 .5em}.mobile-results-grid__code{flex-basis:95px}.mobile-results-grid__list{max-height:calc(100vh - 12rem);overflow-y:scroll}.mobile-results-grid__item{border-top:1px solid #ccc;display:flex;flex-direction:row}.mobile-results-grid__item:first-of-type{border-top:none}.mobile-results-grid h4{font-size:.8rem}.mobile-results-grid__match-name-wrap{flex-shrink:1;flex-grow:1;margin:0 .5em;display:flex;flex-direction:column;justify-content:center}.mobile-results-grid__rhs-action{text-align:right}.mobile-results-grid__brand-logo{height:35px;margin-top:10px}.mobile-results-grid__sheen-star-wrap{display:flex;flex-direction:row}.mobile-results-grid__sheen-star-wrap p{display:block;font-size:.6rem;margin:0}.mobile-results-grid__stars{flex-grow:1;display:block;text-align:right}.mobile-results-grid__stars svg{width:8px}.mobile-results-grid__debug-info{font-size:.4rem}.mobile-results-grid__no-matches{padding:.5rem;font-size:1.35rem;text-align:center}.mobile-result-filters{background-color:#e5eaeb;position:fixed;z-index:200;width:100%;display:flex;flex-direction:row;bottom:-2px;left:0;height:50px}.mobile-result-filters label{text-align:right;flex-grow:1;line-height:50px}.mobile-result-filters__brand-filter-indicator{margin-left:.5rem;background-color:#26a607;color:hsla(0,0%,100%,.8)}.mobile-result-filters__brand-filter-indicator img{width:88px;height:35px;margin-bottom:5px}.mobile-result-filters__brand-filter-indicator--brand-all{font-family:Catamaran,sans-serif;font-weight:700;padding:0 2em}.mobile-result-filters__brand-button{border:1px solid transparent;display:block;background-color:#f4f5f7}.mobile-result-filters__brand-button img{width:150px;height:60px}.mobile-result-filters__brand-button--all{width:150px;height:60px;text-align:center;line-height:60px;font-family:Catamaran,sans-serif;font-weight:700;border:2px solid #494949}.mobile-result-filters__brand-popup{position:fixed;bottom:0;right:-2px;text-align:right;box-shadow:0 0 9px #000;padding:0 2rem;background-color:#f4f5f7;max-height:100vh;overflow-y:scroll}.mobile-result-filters__sheen-filter{margin-left:1rem;background-color:transparent;line-height:2;cursor:pointer;vertical-align:middle}.mobile-result-filters__sheen-filter:focus{outline:none}.mobile-result-filters__sheen-filter:before{content:"";width:10px;height:10px;display:inline-block;border:4px double #ccc;background-color:#f4f5f7;position:relative;top:4px;margin-right:5px}.mobile-result-filters__sheen-filter--selected:before{background-color:#1b7505}.brand-selector-mobile__swipe-container{padding:1rem 5rem;min-height:19rem}.brand-selector-mobile__brand-slide-tile{padding:5rem 0;background-color:#e5eaeb;overflow-x:hidden}.brand-selector-mobile__brand-logo{display:block;width:195px;height:78px;margin:0 auto}.brand-selector-mobile__cta{display:block;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:.3rem;background-color:#1b7505;border:none;font-size:.9rem;color:#f4f5f7;line-height:3em;max-width:100%;transition-property:background-color;transition-duration:.15s;padding:0 2rem;text-align:center;white-space:nowrap;margin:1rem auto}.brand-selector-mobile__cta:focus{outline:.1rem dotted #12679c}.brand-selector-mobile__cta:link,.brand-selector-mobile__cta:visited{color:#f4f5f7;text-decoration:none}.brand-selector-mobile__cta:focus,.brand-selector-mobile__cta:hover{background-color:#26a607;color:#f4f5f7}.brand-selector-mobile__cta:active{background-color:#1b7505}.brand-selector-mobile__cta.disabled{background-color:#9a9a9a}