body{background-color:#3a3a3a;font-family:"Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;box-sizing:border-box}a.header-link{text-decoration:none;color:#cdced3}a.header-link :hover{color:#eedd5f}.body-width{width:82em;margin:auto}.structure{display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}.structure__buffer{height:15em;width:100%}.structure__footer{align-self:flex-end;margin-top:auto;width:100%;min-height:12em;background-color:#5a5a5a;box-shadow:inset 0 3px 1px rgba(0,0,0,.1),inset 0 4px 8px rgba(0,0,0,.13),inset 0 0 0 1px rgba(0,0,0,.02)}.structure__footer__link{color:#f5f5f7;text-decoration:none}.structure__footer__link:hover{color:#ffee71}.structure__footer__inner{height:100%;margin-top:2em;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 4em;color:#f5f5f7}.structure__footer__inner ul{list-style:none;padding-left:0;font-size:.75rem}.structure__footer__inner ul li{margin-bottom:1em}.structure__footer__inner ul .title{margin-bottom:1.5em;font-size:.75rem;font-weight:700;letter-spacing:.1rem}.structure__footer__inner__bottom{grid-column-start:1;grid-column-end:5;margin-top:2em;border-top:1px solid #9d9d9d;width:100%;display:flex;align-items:center;font-size:.75rem}.intro-page{display:flex;flex-direction:column}.intro-page__section{width:100%;position:relative}.intro-page__section img{width:100%;object-fit:cover}.intro-page__section__wrapper{position:absolute;top:0;height:100%;width:100%}.intro-page__section__inner{height:100%;display:grid;grid-template-columns:1fr 1fr}.intro-page__section__inner__content{display:flex;flex-direction:column;height:100%;justify-content:center;color:#fff}.intro-page__section__inner__content h1{font-weight:500;margin-bottom:3em;line-height:1.5em}.intro-page__section__inner__content h3{font-weight:300;margin-bottom:1em;line-height:1.5em}.intro-page__section__photo-credit{position:absolute;right:1em;bottom:1em;font-size:.8rem}.intro-page__section__photo-credit a{text-decoration:none;color:#fff}.intro-page__section__photo-credit a:hover{color:#ffee71}.intro-page__sub-section{width:100%;height:400px;position:relative}.intro-page__sub-section__inner{display:flex;align-content:center;height:100%}.intro-page__sub-section__inner__content{width:80%;margin:auto;font-style:italic;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}.intro-page__sub-section__inner__content h4{font-weight:300;margin-bottom:2em;grid-column-start:1;grid-column-end:5;justify-self:flex-start}.intro-page__sub-section__inner__content img{width:13em}.text-on-background{color:#cdced3}.label{font-size:.75rem}.header{height:5em;color:#cdced3}.header h1{font-weight:300;font-size:2.25rem}.header__inner{display:flex;justify-content:space-between;align-items:center;height:100%}.header__inner__menu{display:flex}.header__inner__item{margin-left:3em}.sub-header{margin:1em auto auto;width:82rem;font-weight:300;font-size:.9rem;color:#cdced3}.dashboard{display:grid;grid-template-columns:auto 1fr 2fr 2fr;grid-template-rows:auto auto;grid-gap:.5em;gap:.5em;width:82em;margin:1em auto 2em}.panel{color:#f5f5f7;background-color:#525252;padding:.5em;border-radius:.2em;box-shadow:0 3px 1px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.13),0 0 0 1px rgba(0,0,0,.02)}.panel h4{font-size:1rem;margin-bottom:.8em;font-weight:400;color:#f5f5f7}.panel__panel-1{grid-row-start:1;grid-row-end:3}.panel__panel-2{grid-row-start:1;grid-row-end:2}.panel__panel-3{grid-row-start:2;grid-row-end:3}.panel__panel-4,.panel__panel-5{grid-row-start:1;grid-row-end:3}.panel__mounting-inner{height:17em;width:25em;margin:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;grid-gap:.5em;gap:.5em}.panel__mounting-tile{cursor:pointer}.panel__body-colour-inner{display:flex;flex-direction:column;width:100%}.panel__body-colour-box{display:flex;justify-content:center;align-items:center;height:3.2em;width:3.2em;border:1px solid #9d9d9d;margin-bottom:.5em;font-weight:700;color:#fff}.panel__body-colour-box img{position:absolute}.panel__ip-rating-inner{display:flex;flex-direction:column;width:100%}.panel__light-quality-inner{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 2.5em)}.panel__ip-rating-box{height:3.2em;width:3.2em;margin-bottom:.5em}.panel__ip-rating-box img{position:absolute;height:inherit;border:1px solid #9d9d9d}.panel__ip-rating-text{position:absolute;height:inherit;width:inherit;display:flex;align-items:center;justify-content:center;z-index:100;color:#211f0f;font-size:.8rem;font-weight:700}.panel__icon-status-text{position:absolute;left:.2em;bottom:0;font-size:.65rem}.panel__colour-temp-box{position:relative;height:3.2em;width:3.2em;margin-right:1em}.panel__colour-temp-box img{border:1px solid #9d9d9d}.panel__cri-box{position:relative;height:3.2em;width:3.2em;margin-right:1em}.panel__cri-box img{border:1px solid #9d9d9d}.panel__beam-angle-box{position:relative;height:3.2em;width:3.2em;margin-right:1em;border:1px solid #9d9d9d}.panel__dimensions-box{height:6.4em;width:6.4em;border:1px solid #9d9d9d;margin-right:1em;background-color:#4a58a0}.panel__dimension-tile{display:grid;grid-template-columns:auto 45px;grid-gap:.5em;gap:.5em}.panel__tile{color:#f5f5f7;display:flex;align-items:flex-start}.panel__tile img,.panel__tile img.icons{object-fit:scale-down;height:3.2em;margin-right:.25em}.panel__tile img.icons{opacity:.8;transition:opacity .2s}.panel__tile img.icons:hover{opacity:1}.panel__tile img.icons.disabled{opacity:.2}.panel__tile img.icons.disabled:hover{opacity:.4}.panel__tile img.icons.selected{opacity:1}.panel__tile__bottom-bar{display:flex;align-items:center;width:100%;height:1.2em}.panel__tile__bottom-bar button{background-color:#b5b5b5;margin-right:.3em;height:100%;border:1px solid transparent;border-radius:.2em;cursor:pointer;transition:background-color .3s;color:#525252;font-weight:400;font-size:.65rem}.panel__tile__bottom-bar button:hover{background-color:#eedd5f}.panel__tile__bottom-bar button.outline{border:1px solid #b5b5b5;background-color:transparent;color:#b5b5b5;font-weight:400}.message-box__inner{display:flex;flex-direction:column;align-items:flex-start;width:50%;margin:2em auto}.message-box ul{margin-top:1em;text-align:left}.message-box li{margin-bottom:1em}.message-box h1{margin-bottom:2em;font-weight:300;text-align:left}.search-bar{display:flex;justify-content:center}.results-body{margin:3em auto;width:56em}.results-body .error-message{text-align:center;color:#cdced3}.product-tile{background-color:#525252;margin-bottom:3em;padding:1em;border-radius:.5em;display:grid;grid-template-columns:9.25em 2fr 14em;grid-template-rows:3.5em auto;grid-column-gap:2em;-webkit-column-gap:2em;column-gap:2em;grid-row-gap:1em;row-gap:1em;border-radius:.2em;box-shadow:0 3px 1px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.13),0 0 0 1px rgba(0,0,0,.02);color:#f5f5f7}.product-tile a.manu-link{font-size:.75rem;color:#f5f5f7;text-decoration:none}.product-tile a.manu-link:hover{color:#ffee71}.product-tile .label-text{font-size:.7rem;color:#b6b6b6;font-weight:700}.product-tile .product-info-text{font-size:.75rem}.product-tile .data{grid-template-columns:9em 1fr;grid-template-rows:repeat(6,auto)}.product-tile .data,.product-tile .manufacturer-data{display:grid;align-items:start;grid-row-gap:.5em;row-gap:.5em}.product-tile .manufacturer-data{grid-template-columns:4em 1fr;grid-template-rows:repeat(3,auto)}.product-tile .manufacturer-data__brand-img img{height:100%;width:100%;object-fit:cover}.product-tile h2{display:inline-block;font-size:1.5rem}.product-tile h2.sub-heading{font-weight:300}.product-tile__product-img{grid-row-start:1;grid-row-end:3}.product-tile__product-img img{height:100%;width:100%;object-fit:cover}.product-tile__heading{grid-column-start:2;grid-column-end:4}.product-tile__heading a{color:inherit;text-decoration:inherit}.product-tile__heading .hover-group-wrapper{display:flex}.product-tile__heading .hover-group{display:flex;flex-direction:column;width:inherit}.product-tile__heading .hover-group__url{margin-top:.25em;font-size:.75rem;color:#b6b6b6}.product-tile__heading .hover-group:hover,.product-tile__heading .hover-group:hover .hover-group__url{cursor:pointer;color:#ffee71}.product-tile .manufacturer-section{border-left:1pt solid #9d9d9d;padding-left:1em}.page-controls{display:flex;justify-content:flex-end}.page-controls__btn{cursor:pointer;display:flex;justify-content:center;align-items:center;height:2em;width:2em;margin-left:.4em;border:none;border-radius:.7em;font-size:.9rem;background-color:#b5b5b5;transition:background-color .2s;box-shadow:0 3px 1px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.13),0 0 0 1px rgba(0,0,0,.02)}.page-controls__btn:hover{background-color:#fff}.page-controls .btn--disabled{cursor:inherit;background-color:#525252}.page-controls .btn--current{background-color:#ffee71}.form-body{width:31em;margin:auto auto 10em}.form-body h2{font-size:2.4rem}.form-body .form-width{width:31em;margin:auto}.form-body .align-top{align-self:start;margin-top:2.2em}.form-body__grid{margin:auto;display:grid;grid-template-columns:1fr 2fr;grid-row-gap:2em;row-gap:2em;align-items:center}.form-body__option-grid{display:grid;grid-template-columns:repeat(2,1fr)}.form-body__sub-heading{margin-top:4em;font-size:1.2rem;border-bottom:1px solid #9d9d9d}.form-body__explanation-text,.form-body__sub-heading{grid-column-start:1;grid-column-end:3;padding-bottom:1em}.form-body__explanation-text{font-style:italic;font-size:.8rem}.form-body__button{margin-top:5em;display:flex;justify-content:center}.form-body__img-wrapper{height:10em;width:10em;padding:.5em;border:1pt solid #9d9d9d;border-radius:.4em;display:flex}.form-body__img-wrapper img{object-fit:cover}.form-body__manu-img-wrapper{height:4.75em;width:14em;padding:.5em;border:1pt solid #9d9d9d;border-radius:.4em;display:flex}.form-body__manu-img-wrapper img{object-fit:cover}.form-body__error-msg{margin-top:2em;color:#ff8383;text-align:center}@media only screen and (max-width:1350px){.body-width{width:56em}.sub-header{width:45rem}.dashboard{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr 2fr;width:45em}.panel__panel-1{grid-row-start:1;grid-row-end:3;grid-column-start:1;grid-column-end:5}.panel__panel-2{grid-row-start:1;grid-row-end:2}.panel__panel-2,.panel__panel-3{grid-column-start:5;grid-column-end:7}.panel__panel-3{grid-row-start:2;grid-row-end:3}.panel__panel-4{grid-row-start:3;grid-row-end:4;grid-column-start:1;grid-column-end:4}.panel__panel-5{grid-row-start:3;grid-row-end:4;grid-column-start:4;grid-column-end:7}.panel__mounting-inner{width:28em}.intro-page__sub-section__inner__content{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1em;gap:1em}.intro-page__sub-section__inner__content h4{grid-column-start:1;grid-column-end:3}}@media only screen and (max-width:920px){.body-width{width:45em}.header__inner{width:100%;padding-left:2em;padding-right:2em}.intro-page__section__inner{grid-template-columns:1fr 1fr}.intro-page__section__inner__content h1{margin-bottom:1em;font-size:1.5rem}.intro-page__section__inner__content h3{font-size:.75rem}}@media only screen and (max-width:750px){.body-width{width:28em}.header__inner{width:100%;padding-left:2em;padding-right:2em}.sub-header{width:28rem}.dashboard{grid-template-columns:repeat(2,1fr);grid-template-rows:auto 9em 16em 12em;width:28em}.panel__panel-1{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:3}.panel__panel-2{grid-row-start:2;grid-row-end:3;grid-column-start:1;grid-column-end:2}.panel__panel-3{grid-row-start:2;grid-row-end:3;grid-column-start:2;grid-column-end:3}.panel__panel-4{grid-row-start:3;grid-row-end:4}.panel__panel-4,.panel__panel-5{grid-column-start:1;grid-column-end:3}.panel__panel-5{grid-row-start:4;grid-row-end:5}.panel__mounting-inner{width:28em}.intro-page__section{height:500px;background-color:red}.intro-page__section img{width:100%;height:100%;object-fit:cover;-webkit-filter:brightness(.5);filter:brightness(.5)}.intro-page__section__left-spacer{display:none}.intro-page__section__inner{width:80%;grid-template-columns:1fr}.intro-page__sub-section{height:800px}.intro-page__sub-section__inner__content{display:grid;grid-template-columns:1fr;grid-gap:1em;gap:1em}.intro-page__sub-section__inner__content h4{grid-column-start:1;grid-column-end:2}}
/*# sourceMappingURL=main.0f50a0fc.chunk.css.map */