preact-cli Malformed CSS w/ CSS inlining causes build to fail

Do you want to request a feature or report a bug? bug What is the current behaviour?

C:\Users\joel\IdeaProjects\justshop-www>preact build ‼ WARN Could not find sw.js in C:\Users\joel\IdeaProjects\justshop-www\src. Using the default service worker. Build [=================== ] 93% (3.7s) after chunk asset optimization bundle.98920.css ⏤ 0 B (-3.77 kB) bundle..esm.js ⏤ 0 B (-32.9 kB) polyfills..esm.js ⏤ 0 B (-2.01 kB) sw.js ⏤ 0 B (-8.48 kB) sw-esm.js ⏤ 0 B (-8.48 kB) bundle.67a42.js ⏤ 0 B (-33.5 kB) polyfills.ac517.js ⏤ 0 B (-2.01 kB) ssr-bundle.ea496.css ⏤ 4.76 kB (+4.76 kB) ssr-bundle.js ⏤ 29.3 kB (+29.3 kB)

Build [=================== ] 93% (12.3s) after chunk asset optimization ssr-bundle.ea496.css ⏤ 0 B (-4.76 kB) ssr-bundle.js ⏤ 0 B (-29.3 kB) bundle.fec83.css ⏤ 3.77 kB (+3.77 kB) bundle..esm.js ⏤ 32.9 kB (+32.9 kB) polyfills..esm.js ⏤ 2 kB (+2 kB) sw-esm.js ⏤ 8.44 kB (+8.44 kB) sw.js ⏤ 8.44 kB (+8.44 kB) bundle.645db.js ⏤ 33.5 kB (+33.5 kB) polyfills.d99ed.js ⏤ 2 kB (+2 kB)

Error: Could not parse CSS stylesheet at exports.createStylesheet (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\jsdom\lib\jsdom\living\helpers\stylesheets.js:34:21) at HTMLStyleElementImpl._updateAStyleBlock (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\jsdom\lib\jsdom\living\nodes\HTMLStyleElement-impl.js:67:5) at HTMLStyleElementImpl._attach (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\jsdom\lib\jsdom\living\nodes\HTMLStyleElement-impl.js:19:12) at HTMLHeadElementImpl.insertBefore (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\jsdom\lib\jsdom\living\nodes\Node-impl.js:243:18) at HTMLHeadElementImpl.appendChild (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\jsdom\lib\jsdom\living\nodes\Node-impl.js:368:17) at HTMLHeadElement.appendChild (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\jsdom\lib\jsdom\living\generated\Node.js:276:47) at C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\critters-webpack-plugin\dist\critters.js:215:35 at Array.map () at C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\critters-webpack-plugin\dist\critters.js:212:34 at Array.forEach () at Critters. (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\critters-webpack-plugin\dist\critters.js:206:56) at new j (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\envinfo\dist\envinfo.js:1:7563) at Critters.process (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\critters-webpack-plugin\dist\critters.js:197:12) at C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\critters-webpack-plugin\dist\critters.js:152:24 at Promise (eval at create (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\tapable\lib\HookCodeFactory.js:74:10), :15:1) at new j (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\envinfo\dist\envinfo.js:1:7563) .SearchBox__3f6d2{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;background:#fff;border-radius:3px;padding-left:3px}.SearchBox__3f6d2 input[type=search]{padding:15px 0 15px 12px;-ms-flex:1;flex:1;outline:none;border:none;color:#000;background:#fff;-webkit-appearance:none;height:50px}.SearchBox__3f6d2 .suggest__2NszQ{position:absolute;left:0;right:0;top:58px;list-style:none;margin:0 -8px;padding:0;width:calc(100% + 16px);background:#fff;border:none;text-align:left;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.33)}.SearchBox__3f6d2 .suggest__2NszQ li{padding:15px 20px;cursor:pointer}@media (hover:hover){.SearchBox__3f6d2 .suggest__2NszQ li:hover{background-color:rgba(0,0,255,.05)}}.SearchBox__3f6d2 .suggest__2NszQ li.selected__2ZjOR{background-color:rgba(0,0,255,.05)}.SearchBox__3f6d2 input [type=search]{background-color:#fff;border-radius:10px;padding:20px}.SearchBox__3f6d2 input[type=search]::-webkit-search-cancel-button{display:none}.SearchBox__3f6d2 input[type=search]::-ms-clear{display:none}.SearchBox__3f6d2 input::-webkit-input-placeholder{color:#8183a5;text-align:left;font-family:Helvetica Neue,FontAwesome,sans-serif}.SearchBox__3f6d2 input:-ms-input-placeholder{color:#8183a5;text-align:left;font-family:Helvetica Neue,FontAwesome,sans-serif}.SearchBox__3f6d2 input::-ms-input-placeholder{color:#8183a5;text-align:left;font-family:Helvetica Neue,FontAwesome,sans-serif}.SearchBox__3f6d2 input::placeholder{color:#8183a5;text-align:left;font-family:Helvetica Neue,FontAwesome,sans-serif}.SearchBox__3f6d2 .closeButton__2e-Q8{height:50px;padding:5px 0}.SearchBox__3f6d2 .closeButton__2e-Q8 svg{width:40px;height:40px;padding:10px;fill:#000;background:#fff;cursor:pointer}.SearchBox__3f6d2 .searchButton__2xbCU{height:50px;padding:5px 0}.SearchBox__3f6d2 .searchButton__2xbCU svg{width:40px;height:40px;padding:10px;fill:#000;background:#fff;cursor:pointer}.FirstPage__1KRQv{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#c83b2c;background-image:url(/assets/bg.svg);background-repeat:no-repeat;background-size:cover}.FirstPage__1KRQv .wrap__1vnvi{position:absolute;top:18vh}.FirstPage__1KRQv .searchFormDiv__aeJ26{position:absolute;top:calc(45vh - 50px);left:20vw;right:20vw;margin:16px;transition:top .2s ease-in-out,margin .2s ease-in-out;will-change:top,margin}.FirstPage__1KRQv.focused__3_dnf .searchFormDiv__aeJ26{margin:8px;top:0;-ms-transform:translateY(50px);transform:translateY(50px)}.FirstPage__1KRQv.iOS__FqOUT.focused__3_dnf .searchFormDiv__aeJ26{top:8vh;-ms-transform:translateY(50px);transform:translateY(50px)}.FirstPage__1KRQv .Logo__N-NBA{top:18vh;left:50%;width:300px}.FirstPage__1KRQv .keywords__PRS9m,.FirstPage__1KRQv .Logo__N-NBA{position:absolute;-ms-transform:translateX(-50%);transform:translateX(-50%)}.FirstPage__1KRQv .keywords__PRS9m{top:calc(16vh + 120px);left:50vw;font-weight:400;font-size:1rem;color:#fff;text-align:center;width:100%}.FirstPage__1KRQv .keywords__PRS9m span{cursor:pointer}.FirstPage__1KRQv.focused__3_dnf .Footer__18q5v{display:none}.FirstPage__1KRQv div.content__E7cY9{position:absolute;top:60vh;left:50vw;-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:100%;font-size:.88rem;color:hsla(0,0%,100%,.75);text-align:center}.FirstPage__1KRQv a{position:absolute;top:48vh;left:50%;width:200px;margin-left:-50px;color:#fff;display:inline-block;padding:10px;text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.FirstPage__1KRQv.focused__3_dnf .keywords__PRS9m,.FirstPage__1KRQv.focused__3_dnf .Logo__N-NBA,.FirstPage__1KRQv.focused__3_dnf a{display:none}.FirstPage__1KRQv a svg{fill:#fff;width:24px;margin-bottom:-6px}@media only screen and (max-width:812px) and (orientation:portrait){.FirstPage__1KRQv .searchFormDiv__aeJ26{top:30vh;-ms-transform:translateY(0);transform:translateY(0)}.FirstPage__1KRQv .Logo__N-NBA{top:14vh}.FirstPage__1KRQv .keywords__PRS9m{top:28vh}.FirstPage__1KRQv .searchFormDiv__aeJ26{top:32vh;right:0;left:0}.FirstPage__1KRQv a{top:43vh}.FirstPage__1KRQv div.content__E7cY9{height:8em;top:56vh;width:100%;padding-right:20px;padding-left:20px}.FirstPage__1KRQv.focused__3_dnf div.content__E7cY9{display:none}}@media only screen and (max-width:812px) and (orientation:landscape){.FirstPage__1KRQv .Logo__N-NBA{top:12vh}.FirstPage__1KRQv .keywords__PRS9m{top:calc(6vh + 130px)}.FirstPage__1KRQv .searchFormDiv__aeJ26{top:30vh;right:0;left:0}.FirstPage__1KRQv a{top:42vh}.FirstPage__1KRQv div.content__E7cY9{top:55vh;width:100%;padding-right:20px;padding-left:20px}.FirstPage__1KRQv.iOS__FqOUT.focused__3_dnf .searchFormDiv__aeJ26{top:10vh}.FirstPage__1KRQv.focused__3_dnf div.content__E7cY9{display:none}}.FirstFooter__3uvTA{position:absolute;bottom:0;right:0;left:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;color:#fff;background:none}.FirstFooter__3uvTA>div{-ms-flex:1;flex:1;text-align:center;cursor:pointer;padding:4px 20px;font-size:.777rem;text-transform:uppercase;letter-spacing:.05rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.FirstFooter__3uvTA svg{display:block;fill:#fff;width:24px;height:24px}.SearchModeSelector__14v0T{padding:12px 0 12px 4px;color:#fff;line-height:1rem}.SearchModeSelector__14v0T span{margin-left:5px;padding:3px 5px;cursor:pointer}.SearchModeSelector__14v0T .selected__1ei96{border:1px solid #fff;border-radius:5px;margin-left:4px;margin-right:-1px}.Address__3HhDX{padding-top:2px}.List__2MtkP{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;display:none}.List__2MtkP #error-message__1-ciO{visibility:hidden}.List__2MtkP.animating__1ZsG1{display:block;opacity:0;transition:opacity .2s ease-out}.List__2MtkP.visible__lcbCE{opacity:1;display:block}.List__2MtkP>div{position:absolute;top:0;bottom:0;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.List__2MtkP ol{overflow:auto;-webkit-overflow-scrolling:touch;list-style:none;margin:0;padding:0;-ms-flex:1 1 auto;flex:1 1 auto}.List__2MtkP li{margin:10px;padding-bottom:10px;padding-left:40px;color:#000;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(0,0,0,.05)}.List__2MtkP li>div:first-child{-ms-flex:1 1 auto;flex:1 1 auto;min-width:100px;word-wrap:break-word}.List__2MtkP li .number__1PcBp{float:left;margin-left:-40px;width:30px;text-align:right;font-size:.88rem;font-weight:700;margin-top:7px}.List__2MtkP li .name__10BVb{font-size:1.33rem;font-weight:500;color:#007bff}.List__2MtkP li .dist__2GUEk{font-size:.88rem;font-weight:400;color:#797b7c;float:right;margin-top:4px}.List__2MtkP li .details__2xU2Q{margin-top:5px}.List__2MtkP li .details__2xU2Q .title__3L7TN,.List__2MtkP li .details__2xU2Q .url__3A67k{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.List__2MtkP li .details__2xU2Q .title__3L7TN{color:#797b7c;padding-top:2px}.List__2MtkP li .details__2xU2Q .url__3A67k a{color:#d5443d;text-decoration:none}.List__2MtkP li .image__uL2SC{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:20px;width:100px;height:150px}.List__2MtkP li .image__uL2SC img{display:block;max-width:90px;max-height:140px;-ms-flex:0 1 auto;flex:0 1 auto}.List__2MtkP .card__s1p9T{box-shadow:0 1px 1px 0 rgba(0,0,0,.2);transition:.1s;background-color:#fff;width:98%;margin:0 1%}.List__2MtkP #noresults__1UOBP{color:grey;text-align:center}@keyframes example__3ywe9{0%{color:#fff}to{color:grey}}.Map__2oyWH{position:absolute;width:100%;height:100%;transition:height .2s ease}.Map__2oyWH.hasPreview__iQet2{height:calc(100% - 60px)}#MyLocationControl,#ZoomControl{margin:10px}#ZoomControl{margin-bottom:0}#MyLocationControl,#ZoomControl div{background:#fff;padding:10px 10px 9px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}#ZoomControl #ZoomOut{margin-top:10px}#MyLocationControl svg,#ZoomControl svg{fill:#0a0a0a}.LBUPreview__OBsg2{position:absolute;top:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-top:1px solid #acadae;height:60px;width:100%;transition:top .2s ease;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;background:#fff}.LBUPreview__OBsg2.visible__AdC-K{top:calc(100% - 60px)}.LBUPreview__OBsg2>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.LBUPreview__OBsg2 div.text__RncbS{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;padding:0 15px}.LBUPreview__OBsg2 img{max-height:50px;max-width:50px}.LBUPreview__OBsg2 .name__Tr6Vc{font-weight:700}.CrawledItem__2kI7Z{padding:10px 6px;margin:10px;color:#000;text-decoration:none;cursor:pointer}.card__21hgc{box-shadow:0 1px 1px 0 rgba(0,0,0,.2);transition:.1s;background-color:#fff;width:98%;margin:0 1%}.CrawledItem__2kI7Z>div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.CrawledItem__2kI7Z>div>div:first-child{-ms-flex:1 1 auto;flex:1 1 auto;min-width:50px;word-wrap:break-word}.CrawledItem__2kI7Z h2{margin:0;font-size:1rem;color:#000}.CrawledItem__2kI7Z p{margin-top:5px;margin-bottom:10px}.CrawledItem__2kI7Z .image__1gBoH{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:12px;p{min-width:115px}}.CrawledItem__2kI7Z .image__1gBoH img{max-width:115px;max-height:140px}.CrawledItem__2kI7Z div.url__1HR8b{word-wrap:break-word;color:#abadae}.CrawledItem__2kI7Z div.url__1HR8b a{display:inline-block;width:100%;color:#d5443d;text-decoration:none;padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.SitemapItem__38l6a{padding:10px 6px;margin:10px;color:#000;text-decoration:none;cursor:pointer}.card__1gLtC{box-shadow:0 1px 1px 0 rgba(0,0,0,.2);transition:.1s;background-color:#fff;width:98%;margin:0 1%}.SitemapItem__38l6a>div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.SitemapItem__38l6a>div>div:first-child{-ms-flex:1 1 auto;flex:1 1 auto;min-width:50px;word-wrap:break-word}.SitemapItem__38l6a h2{margin:0;font-size:1rem;color:#000}.SitemapItem__38l6a p{margin-top:5px;margin-bottom:10px}.SitemapItem__38l6a .image__26myj{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:12px;p{min-width:115px}}.SitemapItem__38l6a .image__26myj img{max-width:115px;max-height:140px}.SitemapItem__38l6a div.url__29y7y{word-wrap:break-word;color:#abadae}.SitemapItem__38l6a div.url__29y7y a{display:inline-block;width:100%;color:#d5443d;text-decoration:none;padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.LBUDetails__1rYCI{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;color:#000;top:100%;opacity:0;transition:top .2s ease-out,opacity .2s ease-out}.LBUDetails__1rYCI.visible__1S1kL{top:0;opacity:1}.LBUDetails__1rYCI .back__2Yvy2{cursor:pointer;padding:15px;background-color:#508cff;background:url(/assets/bg.svg);background-repeat:no-repeat;background-size:cover;color:#fff;height:97px;width:100vw}.LBUDetails__1rYCI .back__2Yvy2 svg{height:24px;fill:#fff;vertical-align:middle}.LBUDetails__1rYCI .back__2Yvy2 span{vertical-align:middle}.LBUDetails__1rYCI .name__1I_Yg{font-size:1.33rem;line-height:1.4rem;font-weight:700;margin-left:5px}.LBUDetails__1rYCI a{display:inline-block;text-decoration:none;color:#000}.LBUDetails__1rYCI .phoneNumbers__3OrG-{list-style:none;margin:0;padding:10px 0 0}.LBUDetails__1rYCI .phoneNumbers__3OrG- li{margin:0}.LBUDetails__1rYCI ul{list-style:none;padding:0;margin:10px 0 0}.LBUDetails__1rYCI .gridcontainer__1fc5h{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.1s;padding:10px 0;position:relative;border-radius:5px;background-color:#fff}.LBUDetails__1rYCI .homepage__YILNc{color:#d5443d}.LBUDetails__1rYCI .item3__3h_5j svg,.LBUDetails__1rYCI .item5__caLsm svg,.LBUDetails__1rYCI .openingHours__oMAv8 svg{fill:#508cff;width:24px;height:24px}.LBUDetails__1rYCI .item5__caLsm a,.LBUDetails__1rYCI .openingHours__oMAv8{padding:0 12px}.LBUDetails__1rYCI .item3__3h_5j svg{display:block;-ms-flex-item-align:center;align-self:center;margin:0 auto}.LBUDetails__1rYCI .item3__3h_5j{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);margin-left:5px}.LBUDetails__1rYCI .item3__3h_5j a{font-size:.88rem;color:#508cff}.LBUDetails__1rYCI .openingHours__oMAv8{color:#000}.LBUDetails__1rYCI .LBUcontainer__1lxR5{position:absolute;top:50px;left:1%;right:1%;width:98%}.LBUDetails__1rYCI #phone__3sbUL{margin-top:10px}.LBUDetails__1rYCI #righth__3EWh1{text-align:right;line-height:38px}.LBUDetails__1rYCI #left__27RHL{margin-left:5px}.LBUDetails__1rYCI #right__3D9AP{text-align:right}.LBUDetails__1rYCI #right__3D9AP a{margin-right:15px}.LBUDetails__1rYCI #lm20__qwH5w{margin-left:-20px}.LBUDetails__1rYCI #tm10__1lPop{margin-top:10px}.LBUDetails__1rYCI #searchpage__YYaPW svg{fill:#fff;margin-top:-1px;width:24px;height:24px}.LBUDetails__1rYCI #searchpage__YYaPW{text-align:center;padding:4px 10px;background-color:#508cff;border-radius:5px;font-weight:700;color:#fff;cursor:pointer;border:none}@media only screen and (max-width:812px){.LBUDetails__1rYCI #searchpage__YYaPW{position:relative}}.LBUDetails__1rYCI #queryLBU__2Q1X3{width:200px;text-align:left;margin-right:10px;line-height:21px;height:35px}.LBUDetails__1rYCI #searchpage__YYaPW a{color:#fff}.LBUDetails__1rYCI #logo__2tLvz{position:relative}.Footer__mB0lJ{-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;color:#999;border-top:1px solid #acadae;background:#fff}.Footer__mB0lJ>div{-ms-flex:1;flex:1;text-align:center;cursor:pointer;padding:4px 20px;font-size:.777rem;text-transform:uppercase;letter-spacing:.05rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.Footer__mB0lJ svg{display:block;fill:#999;width:24px;height:24px}.Footer__mB0lJ>div.selected__1Wh70{color:#000}.Footer__mB0lJ>div.selected__1Wh70 svg{fill:#000}.SearchPage__pf5yn{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.SearchPage__pf5yn .Header__hNJWb{padding:8px 8px 0;background:#508cff;background:url(/assets/bg.svg);background-repeat:no-repeat;background-size:cover}.SearchPage__pf5yn .Main__3ejF7{-ms-flex:1;flex:1;position:relative;overflow:hidden}.SearchPage__pf5yn .MyLocationButton__1ULCW{position:absolute;z-index:99;bottom:80px;right:5px;padding:5px;background:#fff;cursor:pointer;border:2px solid #00f}.SearchPage__pf5yn .MyLocationButton__1ULCW>svg{width:24px;fill:#00f;vertical-align:middle}.Header__1j2Yj{background-color:#508cff;background-image:url(/assets/bg.svg);background-size:cover;background-repeat:no-repeat;color:#fff;padding:5px;margin:0}.Header__1j2Yj .back__3mntE{position:relative;cursor:pointer}.Header__1j2Yj .back__3mntE svg{height:24px;fill:#fff;vertical-align:middle}.Header__1j2Yj p{font-size:1.33rem;font-weight:500;text-align:center;position:relative;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-device-width:736px){.Header__1j2Yj{height:66px}.Header__1j2Yj .back__3mntE{position:relative;top:33px;-ms-transform:translateY(-20px);transform:translateY(-20px)}.Header__1j2Yj .back__3mntE span{visibility:hidden}.Header__1j2Yj .back__3mntE svg{height:30px}.Header__1j2Yj p{position:relative;top:33px;-ms-transform:translateY(-24px);transform:translateY(-24px);text-align:center}}.BrandsPage__3Fw7e{position:relative;top:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);height:80vh;width:90vw;text-align:left;text-entry:inter-word;padding:15px;overflow-y:auto}.BrandsPage__3Fw7e h1{font-size:1.33rem;font-weight:700px!important}.BrandsPage__3Fw7e h2{font-size:1rem;font-weight:200px!important}.BrandsPage__3Fw7e h3{color:#508cff;font-size:1.33rem;font-weight:700}@media only screen and (max-width:812px){.BrandsPage__3Fw7e{top:0}}.ProductsPage__EQ14z{position:relative;top:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);height:80vh;width:90vw;text-align:left;text-entry:inter-word;padding:15px;overflow-y:auto}.ProductsPage__EQ14z h1{font-size:1.33rem;font-weight:700px!important}.ProductsPage__EQ14z h2{font-size:1rem;font-weight:200px!important}.ProductsPage__EQ14z h3{color:#508cff;font-size:1.33rem;font-weight:700}@media only screen and (max-width:812px){.ProductsPage__EQ14z{top:0}}.GeoareasPage__beg7z{position:relative;top:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);height:80vh;width:90vw;text-align:left;text-entry:inter-word;padding:15px;overflow-y:auto}.GeoareasPage__beg7z h1{font-size:1.33rem;font-weight:700px!important}.GeoareasPage__beg7z h2{font-size:1rem;font-weight:200px!important}.GeoareasPage__beg7z h3{color:#508cff;font-size:1.33rem;font-weight:700}@media only screen and (max-width:812px){.GeoareasPage__beg7z{top:0}}body,html{height:100%;width:100%;padding:0;margin:0;font-family:Helvetica Neue,arial,sans-serif;font-weight:400;font-size:18px;line-height:1.4;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,232,.1)}{box-sizing:border-box}h1{font-size:1.33rem}h2{font-size:1.1rem}h3{font-size:1rem}h4{font-size:.9rem} Error: Could not parse CSS stylesheet at exports.createStylesheet (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\jsdom\lib\jsdom\living\helpers\stylesheets.js:34:21) at HTMLStyleElementImpl._updateAStyleBlock (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\jsdom\lib\jsdom\living\nodes\HTMLStyleElement-impl.js:67:5) at HTMLStyleElementImpl._attach (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\jsdom\lib\jsdom\living\nodes\HTMLStyleElement-impl.js:19:12) at HTMLHeadElementImpl.insertBefore (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\jsdom\lib\jsdom\living\nodes\Node-impl.js:243:18) at HTMLHeadElement.insertBefore (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\jsdom\lib\jsdom\living\generated\Node.js:257:47) at Critters.$If_6 (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\critters-webpack-plugin\dist\critters.js:354:29) at Critters. (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\critters-webpack-plugin\dist\critters.js:420:22) at new j (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\envinfo\dist\envinfo.js:1:7563) at Critters.embedLinkedStylesheet (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\critters-webpack-plugin\dist\critters.js:298:12) at C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\critters-webpack-plugin\dist\critters.js:221:83 at Array.map () at Critters. (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\critters-webpack-plugin\dist\critters.js:221:47) at new j (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\envinfo\dist\envinfo.js:1:7563) at Critters.process (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\critters-webpack-plugin\dist\critters.js:197:12) at C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\critters-webpack-plugin\dist\critters.js:152:24 at Promise (eval at create (C:\Users\joel\AppData\Roaming\npm\node_modules\preact-cli\node_modules\tapable\lib\HookCodeFactory.js:74:10), :15:1) .SearchBox__3f6d2{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;background:#fff;border-radius:3px;padding-left:3px}.SearchBox__3f6d2 input[type=search]{padding:15px 0 15px 12px;-ms-flex:1;flex:1;outline:none;border:none;color:#000;background:#fff;-webkit-appearance:none;height:50px}.SearchBox__3f6d2 .suggest__2NszQ{position:absolute;left:0;right:0;top:58px;list-style:none;margin:0 -8px;padding:0;width:calc(100% + 16px);background:#fff;border:none;text-align:left;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.33)}.SearchBox__3f6d2 .suggest__2NszQ li{padding:15px 20px;cursor:pointer}@media (hover:hover){.SearchBox__3f6d2 .suggest__2NszQ li:hover{background-color:rgba(0,0,255,.05)}}.SearchBox__3f6d2 .suggest__2NszQ li.selected__2ZjOR{background-color:rgba(0,0,255,.05)}.SearchBox__3f6d2 input [type=search]{background-color:#fff;border-radius:10px;padding:20px}.SearchBox__3f6d2 input[type=search]::-webkit-search-cancel-button{display:none}.SearchBox__3f6d2 input[type=search]::-ms-clear{display:none}.SearchBox__3f6d2 input::-webkit-input-placeholder{color:#8183a5;text-align:left;font-family:Helvetica Neue,FontAwesome,sans-serif}.SearchBox__3f6d2 input:-ms-input-placeholder{color:#8183a5;text-align:left;font-family:Helvetica Neue,FontAwesome,sans-serif}.SearchBox__3f6d2 input::-ms-input-placeholder{color:#8183a5;text-align:left;font-family:Helvetica Neue,FontAwesome,sans-serif}.SearchBox__3f6d2 input::placeholder{color:#8183a5;text-align:left;font-family:Helvetica Neue,FontAwesome,sans-serif}.SearchBox__3f6d2 .closeButton__2e-Q8{height:50px;padding:5px 0}.SearchBox__3f6d2 .closeButton__2e-Q8 svg{width:40px;height:40px;padding:10px;fill:#000;background:#fff;cursor:pointer}.SearchBox__3f6d2 .searchButton__2xbCU{height:50px;padding:5px 0}.SearchBox__3f6d2 .searchButton__2xbCU svg{width:40px;height:40px;padding:10px;fill:#000;background:#fff;cursor:pointer}.FirstPage__1KRQv{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#c83b2c;background-image:url(/assets/bg.svg);background-repeat:no-repeat;background-size:cover}.FirstPage__1KRQv .wrap__1vnvi{position:absolute;top:18vh}.FirstPage__1KRQv .searchFormDiv__aeJ26{position:absolute;top:calc(45vh - 50px);left:20vw;right:20vw;margin:16px;transition:top .2s ease-in-out,margin .2s ease-in-out;will-change:top,margin}.FirstPage__1KRQv.focused__3_dnf .searchFormDiv__aeJ26{margin:8px;top:0;-ms-transform:translateY(50px);transform:translateY(50px)}.FirstPage__1KRQv.iOS__FqOUT.focused__3_dnf .searchFormDiv__aeJ26{top:8vh;-ms-transform:translateY(50px);transform:translateY(50px)}.FirstPage__1KRQv .Logo__N-NBA{top:18vh;left:50%;width:300px}.FirstPage__1KRQv .keywords__PRS9m,.FirstPage__1KRQv .Logo__N-NBA{position:absolute;-ms-transform:translateX(-50%);transform:translateX(-50%)}.FirstPage__1KRQv .keywords__PRS9m{top:calc(16vh + 120px);left:50vw;font-weight:400;font-size:1rem;color:#fff;text-align:center;width:100%}.FirstPage__1KRQv .keywords__PRS9m span{cursor:pointer}.FirstPage__1KRQv.focused__3_dnf .Footer__18q5v{display:none}.FirstPage__1KRQv div.content__E7cY9{position:absolute;top:60vh;left:50vw;-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:100%;font-size:.88rem;color:hsla(0,0%,100%,.75);text-align:center}.FirstPage__1KRQv a{position:absolute;top:48vh;left:50%;width:200px;margin-left:-50px;color:#fff;display:inline-block;padding:10px;text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.FirstPage__1KRQv.focused__3_dnf .keywords__PRS9m,.FirstPage__1KRQv.focused__3_dnf .Logo__N-NBA,.FirstPage__1KRQv.focused__3_dnf a{display:none}.FirstPage__1KRQv a svg{fill:#fff;width:24px;margin-bottom:-6px}@media only screen and (max-width:812px) and (orientation:portrait){.FirstPage__1KRQv .searchFormDiv__aeJ26{top:30vh;-ms-transform:translateY(0);transform:translateY(0)}.FirstPage__1KRQv .Logo__N-NBA{top:14vh}.FirstPage__1KRQv .keywords__PRS9m{top:28vh}.FirstPage__1KRQv .searchFormDiv__aeJ26{top:32vh;right:0;left:0}.FirstPage__1KRQv a{top:43vh}.FirstPage__1KRQv div.content__E7cY9{height:8em;top:56vh;width:100%;padding-right:20px;padding-left:20px}.FirstPage__1KRQv.focused__3_dnf div.content__E7cY9{display:none}}@media only screen and (max-width:812px) and (orientation:landscape){.FirstPage__1KRQv .Logo__N-NBA{top:12vh}.FirstPage__1KRQv .keywords__PRS9m{top:calc(6vh + 130px)}.FirstPage__1KRQv .searchFormDiv__aeJ26{top:30vh;right:0;left:0}.FirstPage__1KRQv a{top:42vh}.FirstPage__1KRQv div.content__E7cY9{top:55vh;width:100%;padding-right:20px;padding-left:20px}.FirstPage__1KRQv.iOS__FqOUT.focused__3_dnf .searchFormDiv__aeJ26{top:10vh}.FirstPage__1KRQv.focused__3_dnf div.content__E7cY9{display:none}}.FirstFooter__3uvTA{position:absolute;bottom:0;right:0;left:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;color:#fff;background:none}.FirstFooter__3uvTA>div{-ms-flex:1;flex:1;text-align:center;cursor:pointer;padding:4px 20px;font-size:.777rem;text-transform:uppercase;letter-spacing:.05rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.FirstFooter__3uvTA svg{display:block;fill:#fff;width:24px;height:24px}.SearchModeSelector__14v0T{padding:12px 0 12px 4px;color:#fff;line-height:1rem}.SearchModeSelector__14v0T span{margin-left:5px;padding:3px 5px;cursor:pointer}.SearchModeSelector__14v0T .selected__1ei96{border:1px solid #fff;border-radius:5px;margin-left:4px;margin-right:-1px}.Address__3HhDX{padding-top:2px}.List__2MtkP{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;display:none}.List__2MtkP #error-message__1-ciO{visibility:hidden}.List__2MtkP.animating__1ZsG1{display:block;opacity:0;transition:opacity .2s ease-out}.List__2MtkP.visible__lcbCE{opacity:1;display:block}.List__2MtkP>div{position:absolute;top:0;bottom:0;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.List__2MtkP ol{overflow:auto;-webkit-overflow-scrolling:touch;list-style:none;margin:0;padding:0;-ms-flex:1 1 auto;flex:1 1 auto}.List__2MtkP li{margin:10px;padding-bottom:10px;padding-left:40px;color:#000;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(0,0,0,.05)}.List__2MtkP li>div:first-child{-ms-flex:1 1 auto;flex:1 1 auto;min-width:100px;word-wrap:break-word}.List__2MtkP li .number__1PcBp{float:left;margin-left:-40px;width:30px;text-align:right;font-size:.88rem;font-weight:700;margin-top:7px}.List__2MtkP li .name__10BVb{font-size:1.33rem;font-weight:500;color:#007bff}.List__2MtkP li .dist__2GUEk{font-size:.88rem;font-weight:400;color:#797b7c;float:right;margin-top:4px}.List__2MtkP li .details__2xU2Q{margin-top:5px}.List__2MtkP li .details__2xU2Q .title__3L7TN,.List__2MtkP li .details__2xU2Q .url__3A67k{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.List__2MtkP li .details__2xU2Q .title__3L7TN{color:#797b7c;padding-top:2px}.List__2MtkP li .details__2xU2Q .url__3A67k a{color:#d5443d;text-decoration:none}.List__2MtkP li .image__uL2SC{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:20px;width:100px;height:150px}.List__2MtkP li .image__uL2SC img{display:block;max-width:90px;max-height:140px;-ms-flex:0 1 auto;flex:0 1 auto}.List__2MtkP .card__s1p9T{box-shadow:0 1px 1px 0 rgba(0,0,0,.2);transition:.1s;background-color:#fff;width:98%;margin:0 1%}.List__2MtkP #noresults__1UOBP{color:grey;text-align:center}@keyframes example__3ywe9{0%{color:#fff}to{color:grey}}.Map__2oyWH{position:absolute;width:100%;height:100%;transition:height .2s ease}.Map__2oyWH.hasPreview__iQet2{height:calc(100% - 60px)}#MyLocationControl,#ZoomControl{margin:10px}#ZoomControl{margin-bottom:0}#MyLocationControl,#ZoomControl div{background:#fff;padding:10px 10px 9px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}#ZoomControl #ZoomOut{margin-top:10px}#MyLocationControl svg,#ZoomControl svg{fill:#0a0a0a}.LBUPreview__OBsg2{position:absolute;top:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-top:1px solid #acadae;height:60px;width:100%;transition:top .2s ease;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;background:#fff}.LBUPreview__OBsg2.visible__AdC-K{top:calc(100% - 60px)}.LBUPreview__OBsg2>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.LBUPreview__OBsg2 div.text__RncbS{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;padding:0 15px}.LBUPreview__OBsg2 img{max-height:50px;max-width:50px}.LBUPreview__OBsg2 .name__Tr6Vc{font-weight:700}.CrawledItem__2kI7Z{padding:10px 6px;margin:10px;color:#000;text-decoration:none;cursor:pointer}.card__21hgc{box-shadow:0 1px 1px 0 rgba(0,0,0,.2);transition:.1s;background-color:#fff;width:98%;margin:0 1%}.CrawledItem__2kI7Z>div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.CrawledItem__2kI7Z>div>div:first-child{-ms-flex:1 1 auto;flex:1 1 auto;min-width:50px;word-wrap:break-word}.CrawledItem__2kI7Z h2{margin:0;font-size:1rem;color:#000}.CrawledItem__2kI7Z p{margin-top:5px;margin-bottom:10px}.CrawledItem__2kI7Z .image__1gBoH{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:12px;p{min-width:115px}}.CrawledItem__2kI7Z .image__1gBoH img{max-width:115px;max-height:140px}.CrawledItem__2kI7Z div.url__1HR8b{word-wrap:break-word;color:#abadae}.CrawledItem__2kI7Z div.url__1HR8b a{display:inline-block;width:100%;color:#d5443d;text-decoration:none;padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.SitemapItem__38l6a{padding:10px 6px;margin:10px;color:#000;text-decoration:none;cursor:pointer}.card__1gLtC{box-shadow:0 1px 1px 0 rgba(0,0,0,.2);transition:.1s;background-color:#fff;width:98%;margin:0 1%}.SitemapItem__38l6a>div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.SitemapItem__38l6a>div>div:first-child{-ms-flex:1 1 auto;flex:1 1 auto;min-width:50px;word-wrap:break-word}.SitemapItem__38l6a h2{margin:0;font-size:1rem;color:#000}.SitemapItem__38l6a p{margin-top:5px;margin-bottom:10px}.SitemapItem__38l6a .image__26myj{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:12px;p{min-width:115px}}.SitemapItem__38l6a .image__26myj img{max-width:115px;max-height:140px}.SitemapItem__38l6a div.url__29y7y{word-wrap:break-word;color:#abadae}.SitemapItem__38l6a div.url__29y7y a{display:inline-block;width:100%;color:#d5443d;text-decoration:none;padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.LBUDetails__1rYCI{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;color:#000;top:100%;opacity:0;transition:top .2s ease-out,opacity .2s ease-out}.LBUDetails__1rYCI.visible__1S1kL{top:0;opacity:1}.LBUDetails__1rYCI .back__2Yvy2{cursor:pointer;padding:15px;background-color:#508cff;background:url(/assets/bg.svg);background-repeat:no-repeat;background-size:cover;color:#fff;height:97px;width:100vw}.LBUDetails__1rYCI .back__2Yvy2 svg{height:24px;fill:#fff;vertical-align:middle}.LBUDetails__1rYCI .back__2Yvy2 span{vertical-align:middle}.LBUDetails__1rYCI .name__1I_Yg{font-size:1.33rem;line-height:1.4rem;font-weight:700;margin-left:5px}.LBUDetails__1rYCI a{display:inline-block;text-decoration:none;color:#000}.LBUDetails__1rYCI .phoneNumbers__3OrG-{list-style:none;margin:0;padding:10px 0 0}.LBUDetails__1rYCI .phoneNumbers__3OrG- li{margin:0}.LBUDetails__1rYCI ul{list-style:none;padding:0;margin:10px 0 0}.LBUDetails__1rYCI .gridcontainer__1fc5h{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.1s;padding:10px 0;position:relative;border-radius:5px;background-color:#fff}.LBUDetails__1rYCI .homepage__YILNc{color:#d5443d}.LBUDetails__1rYCI .item3__3h_5j svg,.LBUDetails__1rYCI .item5__caLsm svg,.LBUDetails__1rYCI .openingHours__oMAv8 svg{fill:#508cff;width:24px;height:24px}.LBUDetails__1rYCI .item5__caLsm a,.LBUDetails__1rYCI .openingHours__oMAv8{padding:0 12px}.LBUDetails__1rYCI .item3__3h_5j svg{display:block;-ms-flex-item-align:center;align-self:center;margin:0 auto}.LBUDetails__1rYCI .item3__3h_5j{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);margin-left:5px}.LBUDetails__1rYCI .item3__3h_5j a{font-size:.88rem;color:#508cff}.LBUDetails__1rYCI .openingHours__oMAv8{color:#000}.LBUDetails__1rYCI .LBUcontainer__1lxR5{position:absolute;top:50px;left:1%;right:1%;width:98%}.LBUDetails__1rYCI #phone__3sbUL{margin-top:10px}.LBUDetails__1rYCI #righth__3EWh1{text-align:right;line-height:38px}.LBUDetails__1rYCI #left__27RHL{margin-left:5px}.LBUDetails__1rYCI #right__3D9AP{text-align:right}.LBUDetails__1rYCI #right__3D9AP a{margin-right:15px}.LBUDetails__1rYCI #lm20__qwH5w{margin-left:-20px}.LBUDetails__1rYCI #tm10__1lPop{margin-top:10px}.LBUDetails__1rYCI #searchpage__YYaPW svg{fill:#fff;margin-top:-1px;width:24px;height:24px}.LBUDetails__1rYCI #searchpage__YYaPW{text-align:center;padding:4px 10px;background-color:#508cff;border-radius:5px;font-weight:700;color:#fff;cursor:pointer;border:none}@media only screen and (max-width:812px){.LBUDetails__1rYCI #searchpage__YYaPW{position:relative}}.LBUDetails__1rYCI #queryLBU__2Q1X3{width:200px;text-align:left;margin-right:10px;line-height:21px;height:35px}.LBUDetails__1rYCI #searchpage__YYaPW a{color:#fff}.LBUDetails__1rYCI #logo__2tLvz{position:relative}.Footer__mB0lJ{-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;color:#999;border-top:1px solid #acadae;background:#fff}.Footer__mB0lJ>div{-ms-flex:1;flex:1;text-align:center;cursor:pointer;padding:4px 20px;font-size:.777rem;text-transform:uppercase;letter-spacing:.05rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.Footer__mB0lJ svg{display:block;fill:#999;width:24px;height:24px}.Footer__mB0lJ>div.selected__1Wh70{color:#000}.Footer__mB0lJ>div.selected__1Wh70 svg{fill:#000}.SearchPage__pf5yn{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.SearchPage__pf5yn .Header__hNJWb{padding:8px 8px 0;background:#508cff;background:url(/assets/bg.svg);background-repeat:no-repeat;background-size:cover}.SearchPage__pf5yn .Main__3ejF7{-ms-flex:1;flex:1;position:relative;overflow:hidden}.SearchPage__pf5yn .MyLocationButton__1ULCW{position:absolute;z-index:99;bottom:80px;right:5px;padding:5px;background:#fff;cursor:pointer;border:2px solid #00f}.SearchPage__pf5yn .MyLocationButton__1ULCW>svg{width:24px;fill:#00f;vertical-align:middle}.Header__1j2Yj{background-color:#508cff;background-image:url(/assets/bg.svg);background-size:cover;background-repeat:no-repeat;color:#fff;padding:5px;margin:0}.Header__1j2Yj .back__3mntE{position:relative;cursor:pointer}.Header__1j2Yj .back__3mntE svg{height:24px;fill:#fff;vertical-align:middle}.Header__1j2Yj p{font-size:1.33rem;font-weight:500;text-align:center;position:relative;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-device-width:736px){.Header__1j2Yj{height:66px}.Header__1j2Yj .back__3mntE{position:relative;top:33px;-ms-transform:translateY(-20px);transform:translateY(-20px)}.Header__1j2Yj .back__3mntE span{visibility:hidden}.Header__1j2Yj .back__3mntE svg{height:30px}.Header__1j2Yj p{position:relative;top:33px;-ms-transform:translateY(-24px);transform:translateY(-24px);text-align:center}}.BrandsPage__3Fw7e{position:relative;top:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);height:80vh;width:90vw;text-align:left;text-entry:inter-word;padding:15px;overflow-y:auto}.BrandsPage__3Fw7e h1{font-size:1.33rem;font-weight:700px!important}.BrandsPage__3Fw7e h2{font-size:1rem;font-weight:200px!important}.BrandsPage__3Fw7e h3{color:#508cff;font-size:1.33rem;font-weight:700}@media only screen and (max-width:812px){.BrandsPage__3Fw7e{top:0}}.ProductsPage__EQ14z{position:relative;top:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);height:80vh;width:90vw;text-align:left;text-entry:inter-word;padding:15px;overflow-y:auto}.ProductsPage__EQ14z h1{font-size:1.33rem;font-weight:700px!important}.ProductsPage__EQ14z h2{font-size:1rem;font-weight:200px!important}.ProductsPage__EQ14z h3{color:#508cff;font-size:1.33rem;font-weight:700}@media only screen and (max-width:812px){.ProductsPage__EQ14z{top:0}}.GeoareasPage__beg7z{position:relative;top:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);height:80vh;width:90vw;text-align:left;text-entry:inter-word;padding:15px;overflow-y:auto}.GeoareasPage__beg7z h1{font-size:1.33rem;font-weight:700px!important}.GeoareasPage__beg7z h2{font-size:1rem;font-weight:200px!important}.GeoareasPage__beg7z h3{color:#508cff;font-size:1.33rem;font-weight:700}@media only screen and (max-width:812px){.GeoareasPage__beg7z{top:0}}body,html{height:100%;width:100%;padding:0;margin:0;font-family:Helvetica Neue,arial,sans-serif;font-weight:400;font-size:18px;line-height:1.4;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,232,.1)}{box-sizing:border-box}h1{font-size:1.33rem}h2{font-size:1.1rem}h3{font-size:1rem}h4{font-size:.9rem} × ERROR Error: undefined:1:9560: property missing ':'

index.js:62 error [npm]/[preact-cli]/[css]/lib/parse/index.js:62:15
index.js:224 declaration [npm]/[preact-cli]/[css]/lib/parse/index.js:224:33
index.js:253 declarations [npm]/[preact-cli]/[css]/lib/parse/index.js:253:19
index.js:561 rule [npm]/[preact-cli]/[css]/lib/parse/index.js:561:21
index.js:118 rules [npm]/[preact-cli]/[css]/lib/parse/index.js:118:70
index.js:81 stylesheet [npm]/[preact-cli]/[css]/lib/parse/index.js:81:21
index.js:565 Object.module.exports [as parse] [npm]/[preact-cli]/[css]/lib/parse/index.js:565:20
critters.js:35 parseStylesheet [npm]/[preact-cli]/[critters-webpack-plugin]/dist/critters.js:35:16
critters.js:440 Critters. [npm]/[preact-cli]/[critters-webpack-plugin]/dist/critters.js:440:19
envinfo.js:1 new j [npm]/[preact-cli]/[envinfo]/dist/envinfo.js:1:7563
critters.js:424 Critters.processStyle [npm]/[preact-cli]/[critters-webpack-plugin]/dist/critters.js:424:12
critters.js:233 [npm]/[preact-cli]/[critters-webpack-plugin]/dist/critters.js:233:76
Array.map
critters.js:233 Critters.$If_3 [npm]/[preact-cli]/[critters-webpack-plugin]/dist/critters.js:233:39
critters.js:223 Critters. [npm]/[preact-cli]/[critters-webpack-plugin]/dist/critters.js:223:34
envinfo.js:1 s [npm]/[preact-cli]/[envinfo]/dist/envinfo.js:1:6474

If the current behaviour is a bug, please provide the steps to reproduce.

preact build

What is the expected behaviour?

build. worked in preact-cli 1.x

If this is a feature request, what is motivation or use case for changing the behaviour?

Please mention other relevant information.

It works to use it without building but the building fails. I cannot figure out what is creating this error.

Please paste the results of preact info here. C:\Users\joel\IdeaProjects\justshop-www>preact info

Environment Info: System: OS: Windows 10 10.0.18363 CPU: (6) x64 Intel(R) Core(TM) i5-8600K CPU @ 3.60GHz Binaries: Node: 10.2.1 - C:\Program Files\nodejs\node.EXE npm: 5.6.0 - C:\Program Files\nodejs\npm.CMD Browsers: Edge: 44.18362.449.0 npmPackages: preact: ^10.4.4 => 10.4.4 preact-cli: ^3.0.0-rc.14 => 3.0.0-rc.14 preact-render-to-string: ^5.1.9 => 5.1.9 preact-router: ^3.2.1 => 3.2.1

Jun 02 '20 10:06 smurfb

as an immediate fix to unblock yourself please try --no-inline-css flag while building. We'll try to take a look at whats happening

Jun 02 '20 15:06 prateekbh

Sorry about that. New to this.

‼ WARN Could not find sw.js in C:\Users\joel\IdeaProjects\justshop-www\src. Using the default service worker. Build [=================== ] 93% (3.8s) after chunk asset optimization bundle.fec83.css ⏤ 0 B (-3.77 kB) bundle..esm.js ⏤ 0 B (-32.9 kB) polyfills..esm.js ⏤ 0 B (-2 kB) sw-esm.js ⏤ 0 B (-8.44 kB) sw.js ⏤ 0 B (-8.44 kB) bundle.645db.js ⏤ 0 B (-33.5 kB) polyfills.d99ed.js ⏤ 0 B (-2 kB) ssr-bundle.ea496.css ⏤ 4.76 kB (+4.76 kB) ssr-bundle.js ⏤ 29.3 kB (+29.3 kB)

Build [=================== ] 93% (8.8s) after chunk asset optimization ssr-bundle.ea496.css ⏤ 0 B (-4.76 kB) ssr-bundle.js ⏤ 0 B (-29.3 kB) bundle.fec83.css ⏤ 3.77 kB (+3.77 kB) bundle..esm.js ⏤ 32.9 kB (+32.9 kB) polyfills..esm.js ⏤ 2 kB (+2 kB) sw.js ⏤ 8.44 kB (+8.44 kB) sw-esm.js ⏤ 8.44 kB (+8.44 kB) bundle.645db.js ⏤ 33.5 kB (+33.5 kB) polyfills.d99ed.js ⏤ 2 kB (+2 kB)

‼ WARN The comment file "bundle.a38e6.esm.js.LICENSE.txt" conflicts with an existing asset, this may lead to code corruption, please use a different name ‼ WARN entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (195 KiB). This can impact web performance. Entrypoints: bundle (248 KiB) bundle.fec83.css bundle.645db.js bundle.a38e6.esm.js

‼ WARN webpack performance recommendations: You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application. For more info visit https://webpack.js.org/guides/code-splitting/ ‼ WARN The comment file "bundle.a38e6.esm.js.LICENSE.txt" conflicts with an existing asset, this may lead to code corruption, please use a different name ‼ WARN entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (195 KiB). This can impact web performance. Entrypoints: bundle (248 KiB) bundle.fec83.css bundle.645db.js bundle.a38e6.esm.js

‼ WARN webpack performance recommendations: You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application. For more info visit https://webpack.js.org/guides/code-splitting/

Jun 02 '20 16:06 smurfb

I had a similar issue, but adding the --no-inline-css allowed the build to complete. Although the styles for my <Footer /> component was not added in, oddly it was replaced with styles from the <Home /> route.

I rebuilt it with <Footer /> before <Router>..</Router> and everything looked ok. I'm not sure if this is user-error on my part or not; although everything worked fine when using preact watch for development purposes.

The render for app.js

render(props, state) {
    const { settings } = state;
		return (
			<div id="app">
				<Router onChange={this.handleRoute}>
					<Home path="/" />
					<New path="/new" 
					    moods={ settings.moodOptions } 
					    userName={ settings.userName } />
          <Edit path="/edit/:moodID" 
              moods={ settings.moodOptions } />
				  <Settings path="/settings" 
					    settings={ settings }
					    moodOptions={ settings.moodOptions } 
					    addMood={ this.addMood } 
					    deleteMood={ this.deleteMood } 
					    onChange={ this.handleChange }
					    saveSettings={ this.saveSettings } />
					 <Summary path="/summary/:chart?" />
           <FourOhFour default />
				</Router>
        <Footer />
			</div>
		);
	}

Jun 22 '20 15:06 nhuynh1

@nhuynh1 any way we can take a look at the actual code? or a more isolated form of the bug?

Jun 22 '20 16:06 prateekbh

@developit wondering if this inlining fails should we log an error and proceed with a build anyways?

Jun 22 '20 16:06 prateekbh

@prateekbh you can find it in my repo: https://github.com/nhuynh1/cattitude/tree/master/cattitude/src/components

The app is just me trying out Preact for the first time

Jun 22 '20 16:06 nhuynh1

In @smurfb's output I can see malformed CSS that will cause the parser to fail:

@media (hover: hover) {

}

Any idea where that's coming from? It doesn't seem like something we generate, maybe just invalid CSS source code?

Jun 22 '20 18:06 developit

@prateekbh yeah that's definitely a better experience here. Honestly even if we just caught the error and output something like we do for prerendering errors:

Warning: unable to inline critical CSS - please fix the above error, or disable critical CSS inlining by passing -- --no-inline-css.

Jun 22 '20 18:06 developit

Its in "my" code, but removing it still gives the same error when trying to build.

Jun 22 '20 20:06 smurfb

@developit we can definitely do something similar as the pre render error but does critters surface the information around "what is malformed" in css?

Jun 22 '20 21:06 prateekbh

As @rschristian mentioned over at preactjs/preact#2847, this issue should have the title updated to something like "Malformed CSS breaks builds without a clear message detailing where the error lies.", as I ran into the problem but couldn't find this issue. In my case I had something like @extend .css-class in a .css file from a careless copy-paste from a .scss file, but couldn't find the root of the problem since dev scripts worked and it hid until running the build script. I had to scour through every .css file in the project to figure out where the problem was and reproduce it in the end, but that's definitely it.

Nov 25 '20 00:11 Javi

I am having a similar issue with a very vague and undebuggable CSS error. I am unable to share the entire project, but I attempted to follow the advice above and pour through all the available CSS. There were only 2 CSS files, and the rest of the CSS code was done using makeStyles and createStyles from @material-ui/core/styles, so is all in JavaScript.

I completely removed any pure CSS files, but the issue still persists. There are no 'missing }' in the other styles either.. so it may be happening through an external module potentially?

The issue is resolved when using --no-inline-css.

> preact build --no-prerender

⚠ WARN Could not find sw.js in /Users/Abdel/code/ui/src. Using the default service worker.
 Build  [=================== ] 95% (45.4s) emitting
                                                                                                              bundle.*****.esm.js ⏤  483 kB
                                                                                                           polyfills.*****.esm.js ⏤  2.18 kB
                                                                                                    route-home.chunk.*****.esm.js ⏤  338 B
                                                                                                   route-login.chunk.*****.esm.js ⏤  721 B
                                                                                                            15.chunk.*****.esm.js ⏤  60.3 kB
                                                                                                            16.chunk.*****.esm.js ⏤  7.12 kB
                                                                                                                        sw-esm.js ⏤  5.69 kB
                                                                                                            17.chunk.*****.esm.js ⏤  39.9 kB
                                                                                                            18.chunk.*****.esm.js ⏤  267 B
                                                                                                            19.chunk.*****.esm.js ⏤  4.35 kB
                                                                                                            20.chunk.*****.esm.js ⏤  287 B
                                                                                                            21.chunk.*****.esm.js ⏤  2.42 kB
                                                                                                                       index.html ⏤  375 B (-256 B)
                                                                                                                            sw.js ⏤  5.69 kB
                                                                                                               polyfills.e2e6c.js ⏤  2.18 kB
                                                                                                        route-home.chunk.71d7c.js ⏤  521 B
                                                                                                       route-login.chunk.8a00a.js ⏤  931 B
                                                                                                                15.chunk.7a0dc.js ⏤  60.3 kB
                                                                                                                16.chunk.92a96.js ⏤  7.12 kB
                                                                                                                17.chunk.25d64.js ⏤  39.9 kB
                                                                                                                18.chunk.cb9cb.js ⏤  264 B
                                                                                                                19.chunk.c4535.js ⏤  4.34 kB
                                                                                                                20.chunk.087aa.js ⏤  285 B
                                                                                                                21.chunk.16657.js ⏤  2.42 kB
                                                                                                                      sw-debug.js ⏤  397 B
                                                                                                                 bundle.5b4bd.css ⏤  30 kB
                                                                                                                  bundle.fa355.js ⏤  484 kB
✖ ERROR   Error: undefined:14:49: missing '}'

  - index.js:62 error
    [ui]/[css]/lib/parse/index.js:62:15

  - index.js:260 declarations
    [ui]/[css]/lib/parse/index.js:260:26

  - index.js:561 rule
    [ui]/[css]/lib/parse/index.js:561:21

  - index.js:118 rules
    [ui]/[css]/lib/parse/index.js:118:70

  - index.js:81 stylesheet
    [ui]/[css]/lib/parse/index.js:81:21

  - index.js:565 Object.module.exports [as parse]
    [ui]/[css]/lib/parse/index.js:565:20

  - critters.js:35 parseStylesheet
    [ui]/[critters-webpack-plugin]/dist/critters.js:35:16

  - critters.js:440 Critters.<anonymous>
    [ui]/[critters-webpack-plugin]/dist/critters.js:440:19

  - new Promise

  - critters.js:424 Critters.processStyle
    [ui]/[critters-webpack-plugin]/dist/critters.js:424:12

  - critters.js:233
    [ui]/[critters-webpack-plugin]/dist/critters.js:233:76

  - Array.map

  - critters.js:233 Critters.$If_3
    [ui]/[critters-webpack-plugin]/dist/critters.js:233:39

  - critters.js:223 Critters.<anonymous>
    [ui]/[critters-webpack-plugin]/dist/critters.js:223:34


npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `preact build --no-prerender`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/Abdel/.npm/_logs/2021-06-16T08_47_06_155Z-debug.log

Jun 18 '21 02:06 abdel

I've just had this issue, when having a word background in the animation name led to ✖ ERROR Error: undefined:1:12863: @keyframes missing '{'

It would be really helpful to have a pointer at the source of the error. It's good that I've just started the project and have not so much code.

Jan 14 '22 21:01 orangecoloured

I have the same issue: × ERROR Error: undefined:1:483: @keyframes missing '{' - index.js:62 error [Managerment]/[css]/lib/parse/index.js:62:15

May 25 '23 03:05 ductrieu2719

I'm experiencing a similar error when trying to build with the latest version of tailwindcss (it uses postcss v8).

✖ ERROR   CssSyntaxError: <css input>:1:247: Unclosed bracket
  
  - input.js:128 Input.error
    [page-content]/[preact-cli]/[critters-webpack-plugin]/[postcss]/lib/input.js:128:16
  
  - tokenize.js:50 unclosed
    [page-content]/[preact-cli]/[critters-webpack-plugin]/[postcss]/lib/tokenize.js:50:17
  
  - tokenize.js:117 Object.nextToken
    [page-content]/[preact-cli]/[critters-webpack-plugin]/[postcss]/lib/tokenize.js:117:17
  
  - parser.js:303 Parser.atrule
    [page-content]/[preact-cli]/[critters-webpack-plugin]/[postcss]/lib/parser.js:303:30
  
  - parser.js:67 Parser.parse
    [page-content]/[preact-cli]/[critters-webpack-plugin]/[postcss]/lib/parser.js:67:16
  
  - parse.js:17 parse
    [page-content]/[preact-cli]/[critters-webpack-plugin]/[postcss]/lib/parse.js:17:12
  
  - lazy-result.js:64 new LazyResult
    [page-content]/[preact-cli]/[critters-webpack-plugin]/[postcss]/lib/lazy-result.js:64:16
  
  - processor.js:142 Processor.<anonymous>
    [page-content]/[preact-cli]/[critters-webpack-plugin]/[postcss]/lib/processor.js:142:12
  
  - processor.js:121 Processor.process
    [page-content]/[preact-cli]/[critters-webpack-plugin]/[postcss]/lib/processor.js:121:23
  
  - critters.js:277 Critters.<anonymous>
    [page-content]/[preact-cli]/[critters-webpack-plugin]/dist/critters.js:277:30
  
  - new Promise
  
  - critters.js:259 Critters.mergeStylesheets
    [page-content]/[preact-cli]/[critters-webpack-plugin]/dist/critters.js:259:12
  
  - critters.js:236 Critters.<anonymous>
    [page-content]/[preact-cli]/[critters-webpack-plugin]/dist/critters.js:236:37
  
  - task_queues:95 process.processTicksAndRejections
    node:internal/process/task_queues:95:5

Any idea how to inline css during the build process without getting these errors?

Aug 01 '23 11:08 marksalpeter

Any idea how to inline css during the build process without getting these errors?

You'd need to correct the malformed CSS; likely some invalid syntax is getting passed to Critters.

You could take a much more naïve approach and insert the CSS content into your HTML using a post-build script, but that's probably less ideal.

Aug 01 '23 15:08 rschristian

preact-cli preact-cli copied to clipboard

Malformed CSS w/ CSS inlining causes build to fail

preact-cli
preact-cli copied to clipboard