From f6e3601042bb52a0d56cc5ffaf07bb3e830ded5b Mon Sep 17 00:00:00 2001 From: vaasu Date: Sun, 29 Mar 2020 05:30:17 +0530 Subject: [PATCH] Updates --- asset-manifest.json | 36 +++++++++---------- index.html | 2 +- ...nifest.f665128a45248e8cbe9654f887ab105f.js | 30 ++++++++-------- service-worker.js | 2 +- ...f8068f4.chunk.css => 4.5e513931.chunk.css} | 4 +-- static/css/4.5e513931.chunk.css.map | 1 + static/css/4.7f8068f4.chunk.css.map | 1 - static/css/5.1d05707a.chunk.css | 2 ++ static/css/5.1d05707a.chunk.css.map | 1 + static/css/5.e94c9ad9.chunk.css | 2 -- static/css/5.e94c9ad9.chunk.css.map | 1 - static/css/main.531d6279.chunk.css | 2 ++ static/css/main.531d6279.chunk.css.map | 1 + static/css/main.cec7fcc2.chunk.css | 2 -- static/css/main.cec7fcc2.chunk.css.map | 1 - static/js/4.5fbc1968.chunk.js | 2 ++ static/js/4.5fbc1968.chunk.js.map | 1 + static/js/4.be6c346a.chunk.js | 2 -- static/js/4.be6c346a.chunk.js.map | 1 - static/js/5.ab06184e.chunk.js | 2 ++ static/js/5.ab06184e.chunk.js.map | 1 + static/js/5.cb2272bf.chunk.js | 2 -- static/js/5.cb2272bf.chunk.js.map | 1 - static/js/main.26107601.chunk.js | 2 -- static/js/main.26107601.chunk.js.map | 1 - static/js/main.724ead1a.chunk.js | 2 ++ static/js/main.724ead1a.chunk.js.map | 1 + static/js/runtime-main.48d0062b.js | 2 ++ ...57.js.map => runtime-main.48d0062b.js.map} | 2 +- static/js/runtime-main.7b9c1257.js | 2 -- 30 files changed, 56 insertions(+), 56 deletions(-) rename precache-manifest.5bb700404888e44b65b0c5d6727a634f.js => precache-manifest.f665128a45248e8cbe9654f887ab105f.js (60%) rename static/css/{4.7f8068f4.chunk.css => 4.5e513931.chunk.css} (73%) create mode 100644 static/css/4.5e513931.chunk.css.map delete mode 100644 static/css/4.7f8068f4.chunk.css.map create mode 100644 static/css/5.1d05707a.chunk.css create mode 100644 static/css/5.1d05707a.chunk.css.map delete mode 100644 static/css/5.e94c9ad9.chunk.css delete mode 100644 static/css/5.e94c9ad9.chunk.css.map create mode 100644 static/css/main.531d6279.chunk.css create mode 100644 static/css/main.531d6279.chunk.css.map delete mode 100644 static/css/main.cec7fcc2.chunk.css delete mode 100644 static/css/main.cec7fcc2.chunk.css.map create mode 100644 static/js/4.5fbc1968.chunk.js create mode 100644 static/js/4.5fbc1968.chunk.js.map delete mode 100644 static/js/4.be6c346a.chunk.js delete mode 100644 static/js/4.be6c346a.chunk.js.map create mode 100644 static/js/5.ab06184e.chunk.js create mode 100644 static/js/5.ab06184e.chunk.js.map delete mode 100644 static/js/5.cb2272bf.chunk.js delete mode 100644 static/js/5.cb2272bf.chunk.js.map delete mode 100644 static/js/main.26107601.chunk.js delete mode 100644 static/js/main.26107601.chunk.js.map create mode 100644 static/js/main.724ead1a.chunk.js create mode 100644 static/js/main.724ead1a.chunk.js.map create mode 100644 static/js/runtime-main.48d0062b.js rename static/js/{runtime-main.7b9c1257.js.map => runtime-main.48d0062b.js.map} (98%) delete mode 100644 static/js/runtime-main.7b9c1257.js diff --git a/asset-manifest.json b/asset-manifest.json index f2b8ce5..c2fb1ab 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -2,20 +2,20 @@ "files": { "static/js/0.d43fc6df.chunk.js": "/adobeassignment/static/js/0.d43fc6df.chunk.js", "static/js/0.d43fc6df.chunk.js.map": "/adobeassignment/static/js/0.d43fc6df.chunk.js.map", - "main.css": "/adobeassignment/static/css/main.cec7fcc2.chunk.css", - "main.js": "/adobeassignment/static/js/main.26107601.chunk.js", - "main.js.map": "/adobeassignment/static/js/main.26107601.chunk.js.map", - "runtime-main.js": "/adobeassignment/static/js/runtime-main.7b9c1257.js", - "runtime-main.js.map": "/adobeassignment/static/js/runtime-main.7b9c1257.js.map", + "main.css": "/adobeassignment/static/css/main.531d6279.chunk.css", + "main.js": "/adobeassignment/static/js/main.724ead1a.chunk.js", + "main.js.map": "/adobeassignment/static/js/main.724ead1a.chunk.js.map", + "runtime-main.js": "/adobeassignment/static/js/runtime-main.48d0062b.js", + "runtime-main.js.map": "/adobeassignment/static/js/runtime-main.48d0062b.js.map", "static/css/3.de424728.chunk.css": "/adobeassignment/static/css/3.de424728.chunk.css", "static/js/3.1ef0ea03.chunk.js": "/adobeassignment/static/js/3.1ef0ea03.chunk.js", "static/js/3.1ef0ea03.chunk.js.map": "/adobeassignment/static/js/3.1ef0ea03.chunk.js.map", - "static/css/4.7f8068f4.chunk.css": "/adobeassignment/static/css/4.7f8068f4.chunk.css", - "static/js/4.be6c346a.chunk.js": "/adobeassignment/static/js/4.be6c346a.chunk.js", - "static/js/4.be6c346a.chunk.js.map": "/adobeassignment/static/js/4.be6c346a.chunk.js.map", - "static/css/5.e94c9ad9.chunk.css": "/adobeassignment/static/css/5.e94c9ad9.chunk.css", - "static/js/5.cb2272bf.chunk.js": "/adobeassignment/static/js/5.cb2272bf.chunk.js", - "static/js/5.cb2272bf.chunk.js.map": "/adobeassignment/static/js/5.cb2272bf.chunk.js.map", + "static/css/4.5e513931.chunk.css": "/adobeassignment/static/css/4.5e513931.chunk.css", + "static/js/4.5fbc1968.chunk.js": "/adobeassignment/static/js/4.5fbc1968.chunk.js", + "static/js/4.5fbc1968.chunk.js.map": "/adobeassignment/static/js/4.5fbc1968.chunk.js.map", + "static/css/5.1d05707a.chunk.css": "/adobeassignment/static/css/5.1d05707a.chunk.css", + "static/js/5.ab06184e.chunk.js": "/adobeassignment/static/js/5.ab06184e.chunk.js", + "static/js/5.ab06184e.chunk.js.map": "/adobeassignment/static/js/5.ab06184e.chunk.js.map", "static/css/6.60eec0d8.chunk.css": "/adobeassignment/static/css/6.60eec0d8.chunk.css", "static/js/6.312c4c86.chunk.js": "/adobeassignment/static/js/6.312c4c86.chunk.js", "static/js/6.312c4c86.chunk.js.map": "/adobeassignment/static/js/6.312c4c86.chunk.js.map", @@ -25,21 +25,21 @@ "static/js/8.e70f24d1.chunk.js": "/adobeassignment/static/js/8.e70f24d1.chunk.js", "static/js/8.e70f24d1.chunk.js.map": "/adobeassignment/static/js/8.e70f24d1.chunk.js.map", "index.html": "/adobeassignment/index.html", - "precache-manifest.5bb700404888e44b65b0c5d6727a634f.js": "/adobeassignment/precache-manifest.5bb700404888e44b65b0c5d6727a634f.js", + "precache-manifest.f665128a45248e8cbe9654f887ab105f.js": "/adobeassignment/precache-manifest.f665128a45248e8cbe9654f887ab105f.js", "service-worker.js": "/adobeassignment/service-worker.js", "static/css/3.de424728.chunk.css.map": "/adobeassignment/static/css/3.de424728.chunk.css.map", - "static/css/4.7f8068f4.chunk.css.map": "/adobeassignment/static/css/4.7f8068f4.chunk.css.map", - "static/css/5.e94c9ad9.chunk.css.map": "/adobeassignment/static/css/5.e94c9ad9.chunk.css.map", + "static/css/4.5e513931.chunk.css.map": "/adobeassignment/static/css/4.5e513931.chunk.css.map", + "static/css/5.1d05707a.chunk.css.map": "/adobeassignment/static/css/5.1d05707a.chunk.css.map", "static/css/6.60eec0d8.chunk.css.map": "/adobeassignment/static/css/6.60eec0d8.chunk.css.map", "static/css/8.cf1d0990.chunk.css.map": "/adobeassignment/static/css/8.cf1d0990.chunk.css.map", - "static/css/main.cec7fcc2.chunk.css.map": "/adobeassignment/static/css/main.cec7fcc2.chunk.css.map", + "static/css/main.531d6279.chunk.css.map": "/adobeassignment/static/css/main.531d6279.chunk.css.map", "static/js/3.1ef0ea03.chunk.js.LICENSE.txt": "/adobeassignment/static/js/3.1ef0ea03.chunk.js.LICENSE.txt" }, "entrypoints": [ - "static/js/runtime-main.7b9c1257.js", + "static/js/runtime-main.48d0062b.js", "static/css/3.de424728.chunk.css", "static/js/3.1ef0ea03.chunk.js", - "static/css/main.cec7fcc2.chunk.css", - "static/js/main.26107601.chunk.js" + "static/css/main.531d6279.chunk.css", + "static/js/main.724ead1a.chunk.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index ec7afc4..8170162 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Adobe assignment
\ No newline at end of file +Adobe assignment
\ No newline at end of file diff --git a/precache-manifest.5bb700404888e44b65b0c5d6727a634f.js b/precache-manifest.f665128a45248e8cbe9654f887ab105f.js similarity index 60% rename from precache-manifest.5bb700404888e44b65b0c5d6727a634f.js rename to precache-manifest.f665128a45248e8cbe9654f887ab105f.js index 75fe115..332e967 100644 --- a/precache-manifest.5bb700404888e44b65b0c5d6727a634f.js +++ b/precache-manifest.f665128a45248e8cbe9654f887ab105f.js @@ -1,6 +1,6 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ { - "revision": "d2923ad565a0a5c829d7e4209e5f73aa", + "revision": "b5a175351e01b8939b261cbe984520f5", "url": "/adobeassignment/index.html" }, { @@ -8,12 +8,12 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ "url": "/adobeassignment/static/css/3.de424728.chunk.css" }, { - "revision": "ac57ee2691237e350353", - "url": "/adobeassignment/static/css/4.7f8068f4.chunk.css" + "revision": "397e6914170a23c01431", + "url": "/adobeassignment/static/css/4.5e513931.chunk.css" }, { - "revision": "9fb3c2535c7ae8cd728d", - "url": "/adobeassignment/static/css/5.e94c9ad9.chunk.css" + "revision": "f5ed856a30f8e6d5b8fe", + "url": "/adobeassignment/static/css/5.1d05707a.chunk.css" }, { "revision": "324eb02a4523e7729d27", @@ -24,8 +24,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ "url": "/adobeassignment/static/css/8.cf1d0990.chunk.css" }, { - "revision": "a86255da86dedc177714", - "url": "/adobeassignment/static/css/main.cec7fcc2.chunk.css" + "revision": "5a434309d7bd47ae34d7", + "url": "/adobeassignment/static/css/main.531d6279.chunk.css" }, { "revision": "0c97e2e24d1c70b1f92d", @@ -40,12 +40,12 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ "url": "/adobeassignment/static/js/3.1ef0ea03.chunk.js.LICENSE.txt" }, { - "revision": "ac57ee2691237e350353", - "url": "/adobeassignment/static/js/4.be6c346a.chunk.js" + "revision": "397e6914170a23c01431", + "url": "/adobeassignment/static/js/4.5fbc1968.chunk.js" }, { - "revision": "9fb3c2535c7ae8cd728d", - "url": "/adobeassignment/static/js/5.cb2272bf.chunk.js" + "revision": "f5ed856a30f8e6d5b8fe", + "url": "/adobeassignment/static/js/5.ab06184e.chunk.js" }, { "revision": "324eb02a4523e7729d27", @@ -60,11 +60,11 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ "url": "/adobeassignment/static/js/8.e70f24d1.chunk.js" }, { - "revision": "a86255da86dedc177714", - "url": "/adobeassignment/static/js/main.26107601.chunk.js" + "revision": "5a434309d7bd47ae34d7", + "url": "/adobeassignment/static/js/main.724ead1a.chunk.js" }, { - "revision": "2bf0eaf26659b069aa7c", - "url": "/adobeassignment/static/js/runtime-main.7b9c1257.js" + "revision": "29fe78fded1265daae7c", + "url": "/adobeassignment/static/js/runtime-main.48d0062b.js" } ]); \ No newline at end of file diff --git a/service-worker.js b/service-worker.js index d8bd683..20e0e24 100644 --- a/service-worker.js +++ b/service-worker.js @@ -14,7 +14,7 @@ importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js"); importScripts( - "/adobeassignment/precache-manifest.5bb700404888e44b65b0c5d6727a634f.js" + "/adobeassignment/precache-manifest.f665128a45248e8cbe9654f887ab105f.js" ); self.addEventListener('message', (event) => { diff --git a/static/css/4.7f8068f4.chunk.css b/static/css/4.5e513931.chunk.css similarity index 73% rename from static/css/4.7f8068f4.chunk.css rename to static/css/4.5e513931.chunk.css index 873ea28..0795e13 100644 --- a/static/css/4.7f8068f4.chunk.css +++ b/static/css/4.5e513931.chunk.css @@ -1,2 +1,2 @@ -.Cart_c-Cart__3o6Xj{background:#f1f3f6;font-family:Verdana,Geneva,sans-serif;margin-top:64px;margin-bottom:46px}.Cart_c-Cart__3o6Xj .Cart_c-Cart__emptyCart__1We4n{background:#fff;margin-top:25%;border:1px solid #000;text-align:center;padding:1em}.Cart_c-Cart__3o6Xj .Cart_c-Cart__emptyCart__1We4n .Cart_c-Cart__emptyCart__information__1Arjm{color:#999}.Cart_c-Cart__3o6Xj .Cart_btn__continueShopping__1KuEv{display:block;margin:0 auto;border-radius:20px;padding:7px 20px;background-color:#4471ea;color:#f1f3f6;cursor:pointer;font-size:12px;font-weight:700}.Cart_c-Cart__3o6Xj .Cart_btn__continueShopping__1KuEv:hover{opacity:.7}.c-Plp__c-SortAndFilterPanel__c-Search{margin-left:auto}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input{background:transparent;border:none;border-bottom:1px solid #fff;color:#fff;padding-bottom:.3rem}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input::-webkit-input-placeholder{color:#fff;opacity:1}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input:-ms-input-placeholder{opacity:1}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input::-ms-input-placeholder{opacity:1}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input::placeholder{color:#fff;opacity:1}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input:-ms-input-placeholder{color:#fff}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input::-ms-input-placeholder{color:#fff}.c-Plp__c-SortAndFilterPanel__c-CartIcon{margin-left:1rem;position:relative}.c-Plp__c-SortAndFilterPanel__c-CartIcon .c-Plp__c-SortAndFilterPanel__c-CartIcon__badge{position:absolute;top:-3px;right:-9px;padding:0 5px;border-radius:50%;background-color:#c70936;color:#fff;font-size:12px}.c-Cart__c-CartList__c-CartItem{padding:1rem 0;background:#fff;border:1px solid #999;line-height:1}.c-Cart__c-CartList__c-CartItem:not(:last-child){margin-bottom:13px}.c-Cart__c-CartList__c-CartItem [class*=col-]{padding-left:10px;padding-right:10px}.c-Cart__c-CartList__c-CartItem .c-Cart__c-CartList__c-CartItem__name{font-size:14px}.c-Cart__c-CartList__c-CartItem .c-Cart__c-CartList__c-CartItem__buttonItemRemove{text-transform:capitalize;font-size:16px;font-weight:700;margin-bottom:0}.c-SectionLoader{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);width:100%;height:100%;position:relative;top:0;left:0;z-index:10}.c-SectionLoader .c-SectionLoader__lds-ripple{display:inline-block;position:absolute;width:80px;height:80px}.c-SectionLoader .c-SectionLoader__lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.c-SectionLoader .c-SectionLoader__lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.c-ItemPrice{line-height:12px;margin-bottom:.9rem;display:flex;align-items:baseline}.c-ItemPrice .c-ItemPrice__price{font-size:14px;font-weight:700;padding-right:.5rem}.c-ItemPrice .c-ItemPrice__price--strikethrough{color:#999;font-weight:700;font-size:12px;text-decoration:line-through}.c-ItemPrice .c-ItemPrice__discount{color:#4aa219;font-weight:700;font-size:12px;margin-left:auto}.c-QuantityControlWidget{display:flex;margin-bottom:1rem}.c-QuantityControlWidget .c-QuantityControlWidget__part{border:1.5px solid #bfbfbf;border-radius:50%;font-size:20px;display:flex;align-items:center}.c-QuantityControlWidget .c-QuantityControlWidget__part:not(:last-child){margin-right:.5rem}.c-QuantityControlWidget .c-QuantityControlWidget__part.c-QuantityControlWidget__part--circled{border-radius:50%;cursor:pointer;color:#696969}.c-QuantityControlWidget .c-QuantityControlWidget__part.c-QuantityControlWidget__part--minus{padding:2px 8px 3px}.c-QuantityControlWidget .c-QuantityControlWidget__part.c-QuantityControlWidget__part--plus{padding:1px 4px}.c-QuantityControlWidget .c-QuantityControlWidget__part.c-QuantityControlWidget__part--squared{border-radius:2px;font-size:12px;font-weight:700;color:#333;padding:0 13px;align-items:center}.c-CartList{padding:.8em 0 0}.c-CartSummary{padding:.8em 0}.c-CartSummary .c-CartSummary__inner{border:1px solid #999;background:#fff;padding:.4rem 0;font-size:16px}.c-CartSummary .c-CartSummary__inner p{margin-bottom:0}.c-CartSummary .c-CartSummary__inner [class*=col-]{padding-left:10px;padding-right:10px}.c-CartSummary .c-CartSummary__inner .c-CartSummary__discount,.c-CartSummary .c-CartSummary__inner .c-CartSummary__headerRow,.c-CartSummary .c-CartSummary__inner .c-CartSummary__price,.c-CartSummary .c-CartSummary__inner .c-CartSummary__total{padding:.5em 0}.c-CartSummary .c-CartSummary__inner .c-CartSummary__headerRow{border-bottom:1px solid #d5d5d5;font-size:20px}.c-CartSummary .c-CartSummary__inner .c-CartSummary__headerRow .c-CartSummary__headerContent{text-transform:capitalize;font-weight:700;color:#999}.c-CartSummary .c-CartSummary__inner .c-CartSummary__details{padding:1em 0;border-bottom:2px solid #999;margin-left:-15px;margin-right:-15px}.c-CartSummary .c-CartSummary__inner .c-CartSummary__details .row{margin-right:0;margin-left:0}.c-CartSummary .c-CartSummary__inner .c-CartSummary__details .float-right{right:0}.c-CartSummary .c-CartSummary__inner .c-CartSummary__total{font-weight:700}.c-Footer{display:flex;align-items:center;justify-content:center;position:fixed;left:0;bottom:0;width:100%;background-color:#4471ea;color:#f1f3f6;padding:.7em}.c-Footer p{margin-bottom:0;font-weight:700} -/*# sourceMappingURL=4.7f8068f4.chunk.css.map */ \ No newline at end of file +.Cart_c-Cart__3o6Xj{background:#f1f3f6;font-family:Verdana,Geneva,sans-serif;margin-top:64px;margin-bottom:46px}.Cart_c-Cart__3o6Xj .Cart_c-Cart__emptyCart__1We4n{background:#fff;margin-top:25%;border:1px solid #000;text-align:center;padding:1em}.Cart_c-Cart__3o6Xj .Cart_c-Cart__emptyCart__1We4n .Cart_c-Cart__emptyCart__information__1Arjm{color:#999}.Cart_c-Cart__3o6Xj .Cart_btn__continueShopping__1KuEv{display:block;margin:0 auto;border-radius:20px;padding:7px 20px;background-color:#4471ea;color:#f1f3f6;cursor:pointer;font-size:12px;font-weight:700}.Cart_c-Cart__3o6Xj .Cart_btn__continueShopping__1KuEv:hover{opacity:.7}.c-Plp__c-Header__c-Search{margin-left:auto;position:relative}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input{background:transparent;border:none;border-bottom:1px solid #fff;color:#fff;float:right;min-height:0;width:0;visibility:hidden;opacity:0;font-size:14px;font-weight:700;padding:7px 10px 8px 0;transition:all .3s ease-in-out;box-shadow:none;outline:none}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input.c-Plp__c-Header__c-Search__input--visible{width:100%;opacity:1;visibility:visible}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input::-webkit-input-placeholder{color:#fff;opacity:1}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input:-ms-input-placeholder{opacity:1}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input::-ms-input-placeholder{opacity:1}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input::placeholder{color:#fff;opacity:1}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input:-ms-input-placeholder{color:#fff;font-size:14px}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input::-ms-input-placeholder{color:#fff}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__searchIcon{position:absolute;top:6px;right:0}.c-Plp__c-Header__c-CartIcon{position:relative}.c-Plp__c-Header__c-CartIcon .c-Plp__c-Header__c-CartIcon__badge{position:absolute;top:-7px;right:-9px;padding:0 5px;border-radius:50%;background-color:#c70936;color:#fff;font-size:12px}.c-Plp__c-Header__c-CartIcon .fa-shopping-cart{float:right}.c-Cart__c-CartList__c-CartItem{padding:1rem 0;background:#fff;border:1px solid #999;line-height:1}.c-Cart__c-CartList__c-CartItem:not(:last-child){margin-bottom:13px}.c-Cart__c-CartList__c-CartItem [class*=col-]{padding-left:10px;padding-right:10px}.c-Cart__c-CartList__c-CartItem .c-Cart__c-CartList__c-CartItem__name{font-size:14px}.c-Cart__c-CartList__c-CartItem .c-Cart__c-CartList__c-CartItem__buttonItemRemove{text-transform:capitalize;font-size:16px;font-weight:700;margin-bottom:0}.c-SectionLoader{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);width:100%;height:100%;position:relative;top:0;left:0;z-index:10}.c-SectionLoader .c-SectionLoader__lds-ripple{display:inline-block;position:absolute;width:80px;height:80px}.c-SectionLoader .c-SectionLoader__lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.c-SectionLoader .c-SectionLoader__lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.c-ItemPrice{line-height:12px;margin-bottom:.9rem;display:flex;align-items:baseline}.c-ItemPrice .c-ItemPrice__price{font-size:14px;font-weight:700;padding-right:.5rem}.c-ItemPrice .c-ItemPrice__price--strikethrough{color:#999;font-weight:700;font-size:12px;text-decoration:line-through}.c-ItemPrice .c-ItemPrice__discount{color:#4aa219;font-weight:700;font-size:12px;margin-left:auto}.c-QuantityControlWidget{display:flex;margin-bottom:1rem}.c-QuantityControlWidget .c-QuantityControlWidget__part{border:1.5px solid #bfbfbf;border-radius:50%;font-size:20px;display:flex;align-items:center}.c-QuantityControlWidget .c-QuantityControlWidget__part:not(:last-child){margin-right:.5rem}.c-QuantityControlWidget .c-QuantityControlWidget__part.c-QuantityControlWidget__part--circled{border-radius:50%;cursor:pointer;color:#696969}.c-QuantityControlWidget .c-QuantityControlWidget__part.c-QuantityControlWidget__part--minus{padding:2px 8px 3px}.c-QuantityControlWidget .c-QuantityControlWidget__part.c-QuantityControlWidget__part--plus{padding:1px 4px}.c-QuantityControlWidget .c-QuantityControlWidget__part.c-QuantityControlWidget__part--squared{border-radius:2px;font-size:12px;font-weight:700;color:#333;padding:0 13px;align-items:center}.c-CartList{padding:.8em 0 0}.c-CartSummary{padding:.8em 0}.c-CartSummary .c-CartSummary__inner{border:1px solid #999;background:#fff;padding:.4rem 0;font-size:16px}.c-CartSummary .c-CartSummary__inner p{margin-bottom:0}.c-CartSummary .c-CartSummary__inner [class*=col-]{padding-left:10px;padding-right:10px}.c-CartSummary .c-CartSummary__inner .c-CartSummary__discount,.c-CartSummary .c-CartSummary__inner .c-CartSummary__headerRow,.c-CartSummary .c-CartSummary__inner .c-CartSummary__price,.c-CartSummary .c-CartSummary__inner .c-CartSummary__total{padding:.5em 0}.c-CartSummary .c-CartSummary__inner .c-CartSummary__headerRow{border-bottom:1px solid #d5d5d5;font-size:20px}.c-CartSummary .c-CartSummary__inner .c-CartSummary__headerRow .c-CartSummary__headerContent{text-transform:capitalize;font-weight:700;color:#999}.c-CartSummary .c-CartSummary__inner .c-CartSummary__details{padding:1em 0;border-bottom:2px solid #999;margin-left:-15px;margin-right:-15px}.c-CartSummary .c-CartSummary__inner .c-CartSummary__details .row{margin-right:0;margin-left:0}.c-CartSummary .c-CartSummary__inner .c-CartSummary__details .float-right{right:0}.c-CartSummary .c-CartSummary__inner .c-CartSummary__total{font-weight:700}.c-Footer{display:flex;align-items:center;justify-content:center;position:fixed;left:0;bottom:0;width:100%;background-color:#4471ea;color:#f1f3f6;padding:.7em}.c-Footer p{margin-bottom:0;font-weight:700} +/*# sourceMappingURL=4.5e513931.chunk.css.map */ \ No newline at end of file diff --git a/static/css/4.5e513931.chunk.css.map b/static/css/4.5e513931.chunk.css.map new file mode 100644 index 0000000..5851e8e --- /dev/null +++ b/static/css/4.5e513931.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["Cart.module.scss","../../styles/_variables.scss","Search.component.scss","../../../styles/_variables.scss","CartIcon.component.scss","CartItem.component.scss","SectionLoader.component.scss","ItemPrice.component.scss","QuantityControlWidget.component.scss","CartList.component.scss","CartSummary.component.scss","Footer.component.scss"],"names":[],"mappings":"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","file":"4.5e513931.chunk.css","sourcesContent":["@import './../../styles/variables';\n\n.c-Cart {\n background: $neutral-12;\n font-family: $font-family;\n margin-top: $header-height;\n margin-bottom: 46px;\n // padding: 15px 10px;\n\n .c-Cart__emptyCart {\n background: $neutral-00;\n margin-top: 25%;\n border: 1px solid black;\n text-align: center;\n padding: 1em;\n\n .c-Cart__emptyCart__information {\n color: $neutral-40;\n }\n }\n\n .btn__continueShopping {\n display: block;\n margin: 0 auto;\n border-radius: 20px;\n padding: 7px 20px;\n background-color: $brand-color;\n color: $neutral-12; \n cursor: pointer;\n font-size: $smaller-font-size;\n font-weight: $bold-font-weight;\n }\n \n .btn__continueShopping:hover {\n opacity: 0.7;\n }\n\n .c-Cart__mainContent {\n \n }\n}\n","// Project-Wide Variables\n// ===\n//\n// Edit these as needed. Some guidelines:\n//\n// - Names should be lowercase and dash-separated;\n// - Qualifiers should be added to the beginning of related variables: use\n// `$small-font-size`, not `$font-size-small`;\n// - Numeric scales should use increments of 10; these numbers are arbitrary and\n// should not map to actual values. If really necessary, additional values can\n// be added in between, e.g. $neutral-15 between 10 and 20.\n//\n//\n// Table of Contents\n// ---\n//\n// [AAA] Basic Layout\n// [BBB] Responsive Layout\n// [CCC] Typography\n// [DDD] Color Palette\n// [EEE] Appearance\n// [FFF] Z-Index\n// [GGG] Shorthands\n\n\n// [AAA] Basic Layout\n// ---\n\n// Basic unit for spacing and alignment; 6 to 12px recommended. Apply in whole\n// or half multiples.\n$sub-unit: 4px;\n$unit: 8px;\n\n// Standard tap-target size\n$tap-size: 44px;\n\n// Container max-width.\n$max-width: 1280px;\n\n// Content Height Calculations\n$header-height: 64px;\n$footer-height: 173px;\n$content-height: calc(100vh - #{$header-height} - #{$footer-height});\n\n// [BBB] Responsive Layout\n// ---\n//\n// Media query breakpoints and grid setup. Please see Mobify's Responsive Best\n// Practices doc here: https://bit.ly/2tmRnEi, and our Responsive Grid\n// documentation here: http://docs.mobify.com/latest/guides/responsive-grid/\n//\n// Note: $small-breakpoint isn't needed, since it is 0px\n\n$medium-breakpoint: 600px;\n$large-breakpoint: 960px;\n$xlarge-breakpoint: $max-width;\n\n$susy: (\n // Add color to show the columns and gutters\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(4),\n 'gutters': 12px\n);\n\n$medium-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 12px\n);\n\n$large-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 24px\n);\n\n\n// [CCC] Typography\n// ---\n// $font-family: 'San Francisco', 'Roboto', 'Fira Sans', 'Segoe UI', sans-serif;\n$font-family: Verdana, Geneva, sans-serif; \n$header-font-family: 'Avenir Next Condensed', 'Roboto Condensed', 'Helvetica Neue', 'Roboto', sans-serif;\n$loaded-header-font-family: 'Roboto', $header-font-family;\n\n// Line height\n$huge-line-height: 32px;\n$bigger-line-height: 28px;\n$big-line-height: 24px;\n$line-height: 20px;\n$small-line-height: 16px;\n$smaller-line-height: 12px;\n$tiny-line-height: 8px;\n\n// Font sizes\n$huge-font-size: 28px;\n$bigger-font-size: 24px;\n$big-font-size: 20px;\n$font-size: 16px;\n$small-font-size: 14px;\n$smaller-font-size: 12px;\n$tiny-font-size: 10px;\n$smallest-font-size: 8px;\n\n// Font weight\n$thin-font-weight: 100;\n$extra-light-font-weight: 200;\n$light-font-weight: 300;\n$regular-font-weight: 400;\n$medium-font-weight: 500;\n$semi-bold-font-weight: 600;\n$bold-font-weight: 700;\n\n// [DDD] Color Palette\n// ---\n\n// Neutrals\n$neutral-00: #fff;\n$neutral-10: #f7f7f7;\n$neutral-12: #f1f3f6;\n$neutral-15: #eee;\n$neutral-17: #e1e1e1;\n$neutral-20: #d5d5d5;\n$neutral-30: #bfbfbf;\n$neutral-40: #999;\n$neutral-50: #696969;\n$neutral-60: #333;\n$neutral-70: #000;\n\n// Brand colors\n// $brand-color: #017e9b; // blue\n$brand-color: #4471ea; // blue\n// $secondary-brand-color: #005569;\n$secondary-brand-color: #fafafa;\n$tertiary-brand-color: #83bdcb;\n$quaternary-brand-color: #bfdfe6;\n\n// UI Kit colors\n$ui-brand-color: #005c83; // dark blue\n\n// Accent colors\n$accent-color: #ff852c; // orange\n$light-accent-color: lighten($accent-color, 15%);\n$dark-accent-color: darken($accent-color, 15%);\n\n// Primary Action\n$primary-action-color: #dc0a3c;\n$light-primary-action-color: lighten($primary-action-color, 15%);\n$dark-primary-action-color: darken($primary-action-color, 15%);\n\n// Secondary Action\n$secondary-action-color: #ff852c;\n$light-secondary-action-color: lighten($secondary-action-color, 15%);\n$dark-secondary-action-color: darken($secondary-action-color, 15%);\n\n// Success colors\n$success-color: #037b30;\n$light-success-color: lighten($success-color, 15%);\n$dark-success-color: darken($success-color, 15%);\n\n// Error colors\n$error-color: #c70936;\n$light-error-color: lighten($error-color, 15%);\n$feedback-error-color: #f8e7eb;\n$dark-error-color: darken($error-color, 15%);\n\n// Sale color\n$sale-color: $error-color;\n$prominent-color: $error-color;\n\n// Social colors\n$facebook-color: #3a5a93;\n$twitter-color: #55aace;\n$instagram-color: #405de6;\n$pinterest-color: #bd081c;\n$youtube-color: #e52d27;\n$google-plus-color: #dd4b39;\n$yelp-color: #af0606;\n\n\n// [EEE] Appearance\n// ---\n\n$font-color: $neutral-60;\n$font-color-light: $neutral-12;\n\n$link-color: $ui-brand-color;\n$active-link-color: $dark-accent-color;\n\n$focus-color: $brand-color;\n\n$border-color: $neutral-20;\n$border-radius: 4px;\n\n$input-background-color: $neutral-00;\n$input-border-color: $border-color;\n$focused-input-border-color: $secondary-brand-color;\n$disabled-input-color: $neutral-40;\n$disabled-input-background-color: $neutral-15;\n$disabled-button-background-color: $neutral-15;\n$add-to-cart-button-background-color: #f7ae3a;\n$horizontal-input-padding: $unit;\n$vertical-input-padding: $unit;\n\n$background-color: $neutral-12;\n$overlay-color: rgba($neutral-00, 0.85);\n\n\n// [FFF] Z-Index\n// ---\n\n// Organizes z-index usage by name. Values can be incremented/decremented\n// slightly as necessary. eg. $z1-layer + 1;\n\n$z1-depth: 1; // background\n$z2-depth: 10; // icon or other ui element\n$z3-depth: 100; // modal shade or similar\n$z4-depth: 1000; // modal dialog or similar\n\n\n// [GGG] Shorthands\n// ---\n\n$border: 1px solid $border-color;\n$light-border: 1px solid $neutral-15;\n$input-padding: $vertical-input-padding $horizontal-input-padding;\n\n$box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);\n$large-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);\n$inset-box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.3), inset 0 -2px 2px -2px rgba(0, 0, 0, 0.3);\n$input-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3);\n$themeColor-Light: #f3e2c7;\n$themeColor-Dark:#252525;\n$theme-font: verdana, sans-serif;\n$theme-supplementer: #f39c12;\n$font-size-desktop-h5: 1.25em;\n$font-size-mobile-h5: 0.8em;\n$font-size-desktop-p: 1.1em;\n$font-size-mobile-p: 0.7em;\n","@import './../../../styles//variables';\n\n.c-Plp__c-Header__c-Search {\n margin-left: auto;\n position: relative;\n\n .c-Plp__c-Header__c-Search__input {\n background: transparent;\n border: none;\n border-bottom: 1px solid $neutral-00;\n color: $neutral-00;\n float: right;\n min-height: 0;\n width: 0;\n visibility: hidden;\n opacity: 0;\n font-size: $small-font-size;\n font-weight: $bold-font-weight;\n padding: 7px 10px 8px 0;\n -webkit-transition: all 0.33s ease-in-out;\n transition: all 0.3s ease-in-out;\n box-shadow: none;\n outline: none;\n\n &.c-Plp__c-Header__c-Search__input--visible {\n width: 100%;\n opacity: 1;\n visibility: visible;\n }\n \n &::placeholder {\n color: $neutral-00;\n opacity: 1;\n }\n \n &:-ms-input-placeholder {\n color: $neutral-00;\n font-size: $small-font-size;\n }\n \n &::-ms-input-placeholder {\n color: $neutral-00;\n }\n }\n\n .c-Plp__c-Header__c-Search__searchIcon {\n position: absolute;\n top: 6px;\n right: 0px;\n }\n}\n","// Project-Wide Variables\n// ===\n//\n// Edit these as needed. Some guidelines:\n//\n// - Names should be lowercase and dash-separated;\n// - Qualifiers should be added to the beginning of related variables: use\n// `$small-font-size`, not `$font-size-small`;\n// - Numeric scales should use increments of 10; these numbers are arbitrary and\n// should not map to actual values. If really necessary, additional values can\n// be added in between, e.g. $neutral-15 between 10 and 20.\n//\n//\n// Table of Contents\n// ---\n//\n// [AAA] Basic Layout\n// [BBB] Responsive Layout\n// [CCC] Typography\n// [DDD] Color Palette\n// [EEE] Appearance\n// [FFF] Z-Index\n// [GGG] Shorthands\n\n\n// [AAA] Basic Layout\n// ---\n\n// Basic unit for spacing and alignment; 6 to 12px recommended. Apply in whole\n// or half multiples.\n$sub-unit: 4px;\n$unit: 8px;\n\n// Standard tap-target size\n$tap-size: 44px;\n\n// Container max-width.\n$max-width: 1280px;\n\n// Content Height Calculations\n$header-height: 64px;\n$footer-height: 173px;\n$content-height: calc(100vh - #{$header-height} - #{$footer-height});\n\n// [BBB] Responsive Layout\n// ---\n//\n// Media query breakpoints and grid setup. Please see Mobify's Responsive Best\n// Practices doc here: https://bit.ly/2tmRnEi, and our Responsive Grid\n// documentation here: http://docs.mobify.com/latest/guides/responsive-grid/\n//\n// Note: $small-breakpoint isn't needed, since it is 0px\n\n$medium-breakpoint: 600px;\n$large-breakpoint: 960px;\n$xlarge-breakpoint: $max-width;\n\n$susy: (\n // Add color to show the columns and gutters\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(4),\n 'gutters': 12px\n);\n\n$medium-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 12px\n);\n\n$large-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 24px\n);\n\n\n// [CCC] Typography\n// ---\n// $font-family: 'San Francisco', 'Roboto', 'Fira Sans', 'Segoe UI', sans-serif;\n$font-family: Verdana, Geneva, sans-serif; \n$header-font-family: 'Avenir Next Condensed', 'Roboto Condensed', 'Helvetica Neue', 'Roboto', sans-serif;\n$loaded-header-font-family: 'Roboto', $header-font-family;\n\n// Line height\n$huge-line-height: 32px;\n$bigger-line-height: 28px;\n$big-line-height: 24px;\n$line-height: 20px;\n$small-line-height: 16px;\n$smaller-line-height: 12px;\n$tiny-line-height: 8px;\n\n// Font sizes\n$huge-font-size: 28px;\n$bigger-font-size: 24px;\n$big-font-size: 20px;\n$font-size: 16px;\n$small-font-size: 14px;\n$smaller-font-size: 12px;\n$tiny-font-size: 10px;\n$smallest-font-size: 8px;\n\n// Font weight\n$thin-font-weight: 100;\n$extra-light-font-weight: 200;\n$light-font-weight: 300;\n$regular-font-weight: 400;\n$medium-font-weight: 500;\n$semi-bold-font-weight: 600;\n$bold-font-weight: 700;\n\n// [DDD] Color Palette\n// ---\n\n// Neutrals\n$neutral-00: #fff;\n$neutral-10: #f7f7f7;\n$neutral-12: #f1f3f6;\n$neutral-15: #eee;\n$neutral-17: #e1e1e1;\n$neutral-20: #d5d5d5;\n$neutral-30: #bfbfbf;\n$neutral-40: #999;\n$neutral-50: #696969;\n$neutral-60: #333;\n$neutral-70: #000;\n\n// Brand colors\n// $brand-color: #017e9b; // blue\n$brand-color: #4471ea; // blue\n// $secondary-brand-color: #005569;\n$secondary-brand-color: #fafafa;\n$tertiary-brand-color: #83bdcb;\n$quaternary-brand-color: #bfdfe6;\n\n// UI Kit colors\n$ui-brand-color: #005c83; // dark blue\n\n// Accent colors\n$accent-color: #ff852c; // orange\n$light-accent-color: lighten($accent-color, 15%);\n$dark-accent-color: darken($accent-color, 15%);\n\n// Primary Action\n$primary-action-color: #dc0a3c;\n$light-primary-action-color: lighten($primary-action-color, 15%);\n$dark-primary-action-color: darken($primary-action-color, 15%);\n\n// Secondary Action\n$secondary-action-color: #ff852c;\n$light-secondary-action-color: lighten($secondary-action-color, 15%);\n$dark-secondary-action-color: darken($secondary-action-color, 15%);\n\n// Success colors\n$success-color: #037b30;\n$light-success-color: lighten($success-color, 15%);\n$dark-success-color: darken($success-color, 15%);\n\n// Error colors\n$error-color: #c70936;\n$light-error-color: lighten($error-color, 15%);\n$feedback-error-color: #f8e7eb;\n$dark-error-color: darken($error-color, 15%);\n\n// Sale color\n$sale-color: $error-color;\n$prominent-color: $error-color;\n\n// Social colors\n$facebook-color: #3a5a93;\n$twitter-color: #55aace;\n$instagram-color: #405de6;\n$pinterest-color: #bd081c;\n$youtube-color: #e52d27;\n$google-plus-color: #dd4b39;\n$yelp-color: #af0606;\n\n\n// [EEE] Appearance\n// ---\n\n$font-color: $neutral-60;\n$font-color-light: $neutral-12;\n\n$link-color: $ui-brand-color;\n$active-link-color: $dark-accent-color;\n\n$focus-color: $brand-color;\n\n$border-color: $neutral-20;\n$border-radius: 4px;\n\n$input-background-color: $neutral-00;\n$input-border-color: $border-color;\n$focused-input-border-color: $secondary-brand-color;\n$disabled-input-color: $neutral-40;\n$disabled-input-background-color: $neutral-15;\n$disabled-button-background-color: $neutral-15;\n$add-to-cart-button-background-color: #f7ae3a;\n$horizontal-input-padding: $unit;\n$vertical-input-padding: $unit;\n\n$background-color: $neutral-12;\n$overlay-color: rgba($neutral-00, 0.85);\n\n\n// [FFF] Z-Index\n// ---\n\n// Organizes z-index usage by name. Values can be incremented/decremented\n// slightly as necessary. eg. $z1-layer + 1;\n\n$z1-depth: 1; // background\n$z2-depth: 10; // icon or other ui element\n$z3-depth: 100; // modal shade or similar\n$z4-depth: 1000; // modal dialog or similar\n\n\n// [GGG] Shorthands\n// ---\n\n$border: 1px solid $border-color;\n$light-border: 1px solid $neutral-15;\n$input-padding: $vertical-input-padding $horizontal-input-padding;\n\n$box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);\n$large-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);\n$inset-box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.3), inset 0 -2px 2px -2px rgba(0, 0, 0, 0.3);\n$input-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3);\n$themeColor-Light: #f3e2c7;\n$themeColor-Dark:#252525;\n$theme-font: verdana, sans-serif;\n$theme-supplementer: #f39c12;\n$font-size-desktop-h5: 1.25em;\n$font-size-mobile-h5: 0.8em;\n$font-size-desktop-p: 1.1em;\n$font-size-mobile-p: 0.7em;\n","@import './../../../styles/variables';\n\n.c-Plp__c-Header__c-CartIcon {\n // margin-left: 1rem;\n position: relative;\n\n .c-Plp__c-Header__c-CartIcon__badge {\n position: absolute;\n top: -7px;\n right: -9px;\n padding: 0px 5px;\n border-radius: 50%;\n background-color: $prominent-color;\n color: $neutral-00;\n font-size: $smaller-font-size;\n }\n\n .fa-shopping-cart {\n float: right;\n }\n}\n","@import './../../../styles//variables';\n\n.c-Cart__c-CartList__c-CartItem {\n padding: 1rem 0;\n background: $neutral-00;\n border: 1px solid $neutral-40;\n line-height: 1;\n\n &:not(:last-child) {\n margin-bottom: 13px;\n }\n \n [class*=\"col-\"] {\n padding-left: 10px;\n padding-right: 10px;\n }\n\n .c-Cart__c-CartList__c-CartItem__image {\n // margin-bottom: 0.7rem;\n }\n\n .c-Cart__c-CartList__c-CartItem__name {\n font-size: $small-font-size;\n }\n\n .c-Cart__c-CartList__c-CartItem__buttonItemRemove {\n text-transform: capitalize;\n font-size: $font-size;\n font-weight: $bold-font-weight;\n margin-bottom: 0;\n }\n}\n",".c-SectionLoader {\n\n display: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: rgba(0,0,0,0.3); \n width: 100%; \n height: 100%; \n position: relative; \n top:0px; \n left:0px; \n z-index: 10;\n \n .c-SectionLoader__lds-ripple {\n\t\tdisplay: inline-block;\n\t\tposition: absolute;\n\t\twidth: 80px;\n\t\theight: 80px;\n\t\tdiv {\n\t\t\tposition: absolute;\n\t\t\tborder: 4px solid #fff;\n\t\t\topacity: 1;\n\t\t\tborder-radius: 50%;\n\t\t\tanimation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;\n\t\t\t&:nth-child(2) {\n\t\t\t\tanimation-delay: -0.5s;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t@keyframes lds-ripple {\n\t\t0% {\n\t\t\ttop: 36px;\n\t\t\tleft: 36px;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\ttop: 0px;\n\t\t\tleft: 0px;\n\t\t\twidth: 72px;\n\t\t\theight: 72px;\n\t\t\topacity: 0;\n\t\t}\n\t}\n}\n","@import './../../../styles/variables';\n\n.c-ItemPrice {\n line-height: $smaller-font-size;\n margin-bottom: 0.9rem;\n display: flex;\n align-items: baseline;\n .c-ItemPrice__price {\n font-size: $small-font-size;\n font-weight: $bold-font-weight;\n padding-right: 0.5rem;\n }\n \n .c-ItemPrice__price--strikethrough {\n color: $neutral-40;\n font-weight: $bold-font-weight;\n font-size: $smaller-font-size;\n text-decoration: line-through;\n // margin-left: $unit * 0.8; \n }\n \n .c-ItemPrice__discount {\n color: #4aa219;\n font-weight: $bold-font-weight;\n font-size: $smaller-font-size;\n margin-left: auto;\n }\n}\n","@import './../../../styles/variables';\n\n.c-QuantityControlWidget {\n display: flex;\n margin-bottom: 1rem;\n .c-QuantityControlWidget__part {\n border: 1.5px solid $neutral-30;;\n border-radius: 50%;\n font-size: $big-font-size;\n // {props.product && props.product.count}\n display: flex;\n align-items: center;\n &:not(:last-child) {\n margin-right: 0.5rem;\n }\n &.c-QuantityControlWidget__part--circled {\n border-radius: 50%;\n cursor: pointer;\n color: $neutral-50;\n }\n &.c-QuantityControlWidget__part--minus {\n padding: 2px 8px 3px; \n }\n &.c-QuantityControlWidget__part--plus {\n padding: 1px 4px; \n }\n &.c-QuantityControlWidget__part--squared {\n border-radius: 2px;\n font-size: $smaller-font-size;\n font-weight: $bold-font-weight;\n color: $neutral-60;\n padding: 0 13px;\n align-items: center;\n }\n\n\n }\n}\n","@import './../../../styles/variables';\n\n.c-CartList {\n padding: 0.8em 0 0;\n}\n","@import './../../../styles/variables';\n\n.c-CartSummary {\n padding: 0.8em 0;\n .c-CartSummary__inner {\n border: 1px solid $neutral-40;\n background: $neutral-00;\n padding: 0.4rem 0;\n font-size: $font-size;\n\n p {\n margin-bottom: 0;\n }\n\n [class*=\"col-\"] {\n padding-left: 10px;\n padding-right: 10px;\n \n }\n\n .c-CartSummary__headerRow, .c-CartSummary__price, .c-CartSummary__discount, .c-CartSummary__total {\n padding: 0.5em 0;\n }\n .c-CartSummary__headerRow {\n border-bottom: 1px solid $neutral-20;\n font-size: $big-font-size;\n .c-CartSummary__headerContent {\n text-transform: capitalize;\n font-weight: $bold-font-weight;\n color: $neutral-40;\n }\n }\n\n .c-CartSummary__details {\n padding: 1em 0;\n border-bottom: 2px solid $neutral-40;\n margin-left: -15px;\n margin-right: -15px;\n\n .row {\n margin-right: 0;\n margin-left: 0;\n }\n \n .float-right {\n right: 0;\n }\n }\n\n .c-CartSummary__total {\n font-weight: $bold-font-weight;\n }\n }\n}\n","@import './../../../styles/variables';\n\n.c-Footer {\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background-color: $brand-color;\n color: $font-color-light;\n padding: 0.7em;\n\n p {\n margin-bottom: 0;\n font-weight: bold;\n }\n}\n"]} \ No newline at end of file diff --git a/static/css/4.7f8068f4.chunk.css.map b/static/css/4.7f8068f4.chunk.css.map deleted file mode 100644 index 8024ca0..0000000 --- a/static/css/4.7f8068f4.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["Cart.module.scss","../../styles/_variables.scss","Search.component.scss","../../../styles/_variables.scss","CartIcon.component.scss","CartItem.component.scss","SectionLoader.component.scss","ItemPrice.component.scss","QuantityControlWidget.component.scss","CartList.component.scss","CartSummary.component.scss","Footer.component.scss"],"names":[],"mappings":"AAEA,oBACI,kBCmHgB,CDlHhB,qCC4EqC,CD3ErC,eCmCgB,CDlChB,kBAAmB,CAJvB,mDAQQ,eC0GS,CDzGT,cAAe,CACf,qBAAuB,CACvB,iBAAkB,CAClB,WAAY,CAZpB,+FAeY,UC0GK,CDzHjB,uDAoBQ,aAAc,CACd,aAAc,CACd,kBAAmB,CACnB,gBAAiB,CACjB,wBCwGa,CDvGb,aC2FY,CD1FZ,cAAe,CACf,cCsEgB,CDrEhB,eCgFc,CD5GtB,6DAgCQ,UAAY,CEhCpB,uCACE,gBAAiB,CADnB,qFAII,sBAAuB,CAEvB,WC4Ga,CD5Gb,4BC4Ga,CD3Gb,UC2Ga,CD1Gb,oBAAsB,CAR1B,gHAUM,UCwGW,CDvGX,SAAU,CAXhB,2GAWM,SAAU,CAXhB,4GAWM,SAAU,CAXhB,kGAUM,UCwGW,CDvGX,SAAU,CAXhB,2GAeM,UCmGW,CDlHjB,4GAmBM,UC+FW,CClHjB,yCACE,gBAAiB,CACjB,iBAAkB,CAFpB,yFAKI,iBAAkB,CAClB,QAAS,CACT,UAAW,CACX,aAAgB,CAChB,iBAAkB,CAClB,wBDoJiB,CCnJjB,UDuGa,CCtGb,cDqFoB,CEjGxB,gCACI,cAAe,CACf,eFgHa,CE/Gb,qBFsHa,CErHb,aAAc,CAJlB,iDAOQ,kBAAmB,CAP3B,8CAWQ,iBAAkB,CAClB,kBAAmB,CAZ3B,sEAoBQ,cF4Ec,CEhGtB,kFAwBQ,yBAA0B,CAC1B,cFsEQ,CErER,eFkFc,CEjFd,eAAgB,CC7BxB,iBAEI,YAAa,CAChB,kBAAmB,CACnB,sBAAuB,CACvB,yBAA2B,CACxB,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,KAAO,CACP,MAAQ,CACR,UAAW,CAXf,8CAcE,oBAAqB,CACrB,iBAAkB,CAClB,UAAW,CACX,WAAY,CAjBd,kDAmBG,iBAAkB,CAClB,qBAAsB,CACtB,SAAU,CACV,iBAAkB,CAClB,gEAAA,CAAA,wDAA8D,CAvBjE,+DAyBI,4BAAA,CAAA,oBAAsB,CACtB,8BAKF,GACC,QAAS,CACT,SAAU,CACV,OAAQ,CACR,QAAS,CACT,SAAU,CAEX,GACC,KAAQ,CACR,MAAS,CACT,UAAW,CACX,WAAY,CACZ,SAAU,CAAA,CAjBT,sBAKF,GACC,QAAS,CACT,SAAU,CACV,OAAQ,CACR,QAAS,CACT,SAAU,CAEX,GACC,KAAQ,CACR,MAAS,CACT,UAAW,CACX,WAAY,CACZ,SAAU,CAAA,CCzCb,aACI,gBJgGoB,CI/FpB,mBAAqB,CACrB,YAAa,CACb,oBAAqB,CAJzB,iCAMQ,cJ0Fc,CIzFd,eJqGc,CIpGd,mBAAqB,CAR7B,gDAYQ,UJ6GS,CI5GT,eJ+Fc,CI9Fd,cJmFgB,CIlFhB,4BAA6B,CAfrC,oCAoBQ,aAAc,CACd,eJuFc,CItFd,cJ2EgB,CI1EhB,gBAAiB,CCvBzB,yBACI,YAAa,CACb,kBAAmB,CAFvB,wDAIQ,0BLoHY,CKnHZ,iBAAkB,CAClB,cLwFY,CKtFZ,YAAa,CACb,kBAAmB,CAT3B,yEAWY,kBAAoB,CAXhC,+FAcY,iBAAkB,CAClB,cAAe,CACf,aL0GQ,CK1HpB,6FAmBY,mBAAoB,CAnBhC,4FAsBY,eAAgB,CAtB5B,+FAyBY,iBAAkB,CAClB,cLuEY,CKtEZ,eLiFU,CKhFV,UL+FK,CK9FL,cAAe,CACf,kBAAmB,CC9B/B,YACI,gBAAkB,CCDtB,eACI,cAAgB,CADpB,qCAGQ,qBPsHS,COrHT,eP8GS,CO7GT,eAAiB,CACjB,cPyFQ,CO/FhB,uCASY,eAAgB,CAT5B,mDAaY,iBAAkB,CAClB,kBAAmB,CAd/B,mPAmBY,cAAgB,CAnB5B,+DAsBY,+BPiGQ,COhGR,cPuEQ,CO9FpB,6FAyBgB,yBAA0B,CAC1B,ePkFM,COjFN,UP8FC,COzHjB,6DAgCY,aAAc,CACd,4BPwFK,COvFL,iBAAkB,CAClB,kBAAmB,CAnC/B,kEAsCgB,cAAe,CACf,aAAc,CAvC9B,0EA2CgB,OAAQ,CA3CxB,2DAgDY,eP4DU,CQ5GtB,UACI,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,cAAe,CACf,MAAO,CACP,QAAS,CACT,UAAW,CACX,wBRwHiB,CQvHjB,aR2GgB,CQ1GhB,YAAc,CAVlB,YAaQ,eAAgB,CAChB,eAAiB","file":"4.7f8068f4.chunk.css","sourcesContent":["@import './../../styles/variables';\n\n.c-Cart {\n background: $neutral-12;\n font-family: $font-family;\n margin-top: $header-height;\n margin-bottom: 46px;\n // padding: 15px 10px;\n\n .c-Cart__emptyCart {\n background: $neutral-00;\n margin-top: 25%;\n border: 1px solid black;\n text-align: center;\n padding: 1em;\n\n .c-Cart__emptyCart__information {\n color: $neutral-40;\n }\n }\n\n .btn__continueShopping {\n display: block;\n margin: 0 auto;\n border-radius: 20px;\n padding: 7px 20px;\n background-color: $brand-color;\n color: $neutral-12; \n cursor: pointer;\n font-size: $smaller-font-size;\n font-weight: $bold-font-weight;\n }\n \n .btn__continueShopping:hover {\n opacity: 0.7;\n }\n\n .c-Cart__mainContent {\n \n }\n}\n","// Project-Wide Variables\n// ===\n//\n// Edit these as needed. Some guidelines:\n//\n// - Names should be lowercase and dash-separated;\n// - Qualifiers should be added to the beginning of related variables: use\n// `$small-font-size`, not `$font-size-small`;\n// - Numeric scales should use increments of 10; these numbers are arbitrary and\n// should not map to actual values. If really necessary, additional values can\n// be added in between, e.g. $neutral-15 between 10 and 20.\n//\n//\n// Table of Contents\n// ---\n//\n// [AAA] Basic Layout\n// [BBB] Responsive Layout\n// [CCC] Typography\n// [DDD] Color Palette\n// [EEE] Appearance\n// [FFF] Z-Index\n// [GGG] Shorthands\n\n\n// [AAA] Basic Layout\n// ---\n\n// Basic unit for spacing and alignment; 6 to 12px recommended. Apply in whole\n// or half multiples.\n$sub-unit: 4px;\n$unit: 8px;\n\n// Standard tap-target size\n$tap-size: 44px;\n\n// Container max-width.\n$max-width: 1280px;\n\n// Content Height Calculations\n$header-height: 64px;\n$footer-height: 173px;\n$content-height: calc(100vh - #{$header-height} - #{$footer-height});\n\n// [BBB] Responsive Layout\n// ---\n//\n// Media query breakpoints and grid setup. Please see Mobify's Responsive Best\n// Practices doc here: https://bit.ly/2tmRnEi, and our Responsive Grid\n// documentation here: http://docs.mobify.com/latest/guides/responsive-grid/\n//\n// Note: $small-breakpoint isn't needed, since it is 0px\n\n$medium-breakpoint: 600px;\n$large-breakpoint: 960px;\n$xlarge-breakpoint: $max-width;\n\n$susy: (\n // Add color to show the columns and gutters\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(4),\n 'gutters': 12px\n);\n\n$medium-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 12px\n);\n\n$large-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 24px\n);\n\n\n// [CCC] Typography\n// ---\n// $font-family: 'San Francisco', 'Roboto', 'Fira Sans', 'Segoe UI', sans-serif;\n$font-family: Verdana, Geneva, sans-serif; \n$header-font-family: 'Avenir Next Condensed', 'Roboto Condensed', 'Helvetica Neue', 'Roboto', sans-serif;\n$loaded-header-font-family: 'Roboto', $header-font-family;\n\n// Line height\n$huge-line-height: 32px;\n$bigger-line-height: 28px;\n$big-line-height: 24px;\n$line-height: 20px;\n$small-line-height: 16px;\n$smaller-line-height: 12px;\n$tiny-line-height: 8px;\n\n// Font sizes\n$huge-font-size: 28px;\n$bigger-font-size: 24px;\n$big-font-size: 20px;\n$font-size: 16px;\n$small-font-size: 14px;\n$smaller-font-size: 12px;\n$tiny-font-size: 10px;\n$smallest-font-size: 8px;\n\n// Font weight\n$thin-font-weight: 100;\n$extra-light-font-weight: 200;\n$light-font-weight: 300;\n$regular-font-weight: 400;\n$medium-font-weight: 500;\n$semi-bold-font-weight: 600;\n$bold-font-weight: 700;\n\n// [DDD] Color Palette\n// ---\n\n// Neutrals\n$neutral-00: #fff;\n$neutral-10: #f7f7f7;\n$neutral-12: #f1f3f6;\n$neutral-15: #eee;\n$neutral-17: #e1e1e1;\n$neutral-20: #d5d5d5;\n$neutral-30: #bfbfbf;\n$neutral-40: #999;\n$neutral-50: #696969;\n$neutral-60: #333;\n$neutral-70: #000;\n\n// Brand colors\n// $brand-color: #017e9b; // blue\n$brand-color: #4471ea; // blue\n// $secondary-brand-color: #005569;\n$secondary-brand-color: #fafafa;\n$tertiary-brand-color: #83bdcb;\n$quaternary-brand-color: #bfdfe6;\n\n// UI Kit colors\n$ui-brand-color: #005c83; // dark blue\n\n// Accent colors\n$accent-color: #ff852c; // orange\n$light-accent-color: lighten($accent-color, 15%);\n$dark-accent-color: darken($accent-color, 15%);\n\n// Primary Action\n$primary-action-color: #dc0a3c;\n$light-primary-action-color: lighten($primary-action-color, 15%);\n$dark-primary-action-color: darken($primary-action-color, 15%);\n\n// Secondary Action\n$secondary-action-color: #ff852c;\n$light-secondary-action-color: lighten($secondary-action-color, 15%);\n$dark-secondary-action-color: darken($secondary-action-color, 15%);\n\n// Success colors\n$success-color: #037b30;\n$light-success-color: lighten($success-color, 15%);\n$dark-success-color: darken($success-color, 15%);\n\n// Error colors\n$error-color: #c70936;\n$light-error-color: lighten($error-color, 15%);\n$feedback-error-color: #f8e7eb;\n$dark-error-color: darken($error-color, 15%);\n\n// Sale color\n$sale-color: $error-color;\n$prominent-color: $error-color;\n\n// Social colors\n$facebook-color: #3a5a93;\n$twitter-color: #55aace;\n$instagram-color: #405de6;\n$pinterest-color: #bd081c;\n$youtube-color: #e52d27;\n$google-plus-color: #dd4b39;\n$yelp-color: #af0606;\n\n\n// [EEE] Appearance\n// ---\n\n$font-color: $neutral-60;\n$font-color-light: $neutral-12;\n\n$link-color: $ui-brand-color;\n$active-link-color: $dark-accent-color;\n\n$focus-color: $brand-color;\n\n$border-color: $neutral-20;\n$border-radius: 4px;\n\n$input-background-color: $neutral-00;\n$input-border-color: $border-color;\n$focused-input-border-color: $secondary-brand-color;\n$disabled-input-color: $neutral-40;\n$disabled-input-background-color: $neutral-15;\n$disabled-button-background-color: $neutral-15;\n$add-to-cart-button-background-color: #f7ae3a;\n$horizontal-input-padding: $unit;\n$vertical-input-padding: $unit;\n\n$background-color: $neutral-12;\n$overlay-color: rgba($neutral-00, 0.85);\n\n\n// [FFF] Z-Index\n// ---\n\n// Organizes z-index usage by name. Values can be incremented/decremented\n// slightly as necessary. eg. $z1-layer + 1;\n\n$z1-depth: 1; // background\n$z2-depth: 10; // icon or other ui element\n$z3-depth: 100; // modal shade or similar\n$z4-depth: 1000; // modal dialog or similar\n\n\n// [GGG] Shorthands\n// ---\n\n$border: 1px solid $border-color;\n$light-border: 1px solid $neutral-15;\n$input-padding: $vertical-input-padding $horizontal-input-padding;\n\n$box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);\n$large-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);\n$inset-box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.3), inset 0 -2px 2px -2px rgba(0, 0, 0, 0.3);\n$input-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3);\n$themeColor-Light: #f3e2c7;\n$themeColor-Dark:#252525;\n$theme-font: verdana, sans-serif;\n$theme-supplementer: #f39c12;\n$font-size-desktop-h5: 1.25em;\n$font-size-mobile-h5: 0.8em;\n$font-size-desktop-p: 1.1em;\n$font-size-mobile-p: 0.7em;\n","@import './../../../styles//variables';\n\n.c-Plp__c-SortAndFilterPanel__c-Search {\n margin-left: auto;\n\n .c-Plp__c-SortAndFilterPanel__c-Search__input {\n background: transparent;\n border: none;\n border-bottom: 1px solid $neutral-00;\n color: $neutral-00;\n padding-bottom: 0.3rem;\n &::placeholder {\n color: $neutral-00;\n opacity: 1;\n }\n \n &:-ms-input-placeholder {\n color: $neutral-00;\n }\n \n &::-ms-input-placeholder {\n color: $neutral-00;\n }\n }\n}\n","// Project-Wide Variables\n// ===\n//\n// Edit these as needed. Some guidelines:\n//\n// - Names should be lowercase and dash-separated;\n// - Qualifiers should be added to the beginning of related variables: use\n// `$small-font-size`, not `$font-size-small`;\n// - Numeric scales should use increments of 10; these numbers are arbitrary and\n// should not map to actual values. If really necessary, additional values can\n// be added in between, e.g. $neutral-15 between 10 and 20.\n//\n//\n// Table of Contents\n// ---\n//\n// [AAA] Basic Layout\n// [BBB] Responsive Layout\n// [CCC] Typography\n// [DDD] Color Palette\n// [EEE] Appearance\n// [FFF] Z-Index\n// [GGG] Shorthands\n\n\n// [AAA] Basic Layout\n// ---\n\n// Basic unit for spacing and alignment; 6 to 12px recommended. Apply in whole\n// or half multiples.\n$sub-unit: 4px;\n$unit: 8px;\n\n// Standard tap-target size\n$tap-size: 44px;\n\n// Container max-width.\n$max-width: 1280px;\n\n// Content Height Calculations\n$header-height: 64px;\n$footer-height: 173px;\n$content-height: calc(100vh - #{$header-height} - #{$footer-height});\n\n// [BBB] Responsive Layout\n// ---\n//\n// Media query breakpoints and grid setup. Please see Mobify's Responsive Best\n// Practices doc here: https://bit.ly/2tmRnEi, and our Responsive Grid\n// documentation here: http://docs.mobify.com/latest/guides/responsive-grid/\n//\n// Note: $small-breakpoint isn't needed, since it is 0px\n\n$medium-breakpoint: 600px;\n$large-breakpoint: 960px;\n$xlarge-breakpoint: $max-width;\n\n$susy: (\n // Add color to show the columns and gutters\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(4),\n 'gutters': 12px\n);\n\n$medium-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 12px\n);\n\n$large-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 24px\n);\n\n\n// [CCC] Typography\n// ---\n// $font-family: 'San Francisco', 'Roboto', 'Fira Sans', 'Segoe UI', sans-serif;\n$font-family: Verdana, Geneva, sans-serif; \n$header-font-family: 'Avenir Next Condensed', 'Roboto Condensed', 'Helvetica Neue', 'Roboto', sans-serif;\n$loaded-header-font-family: 'Roboto', $header-font-family;\n\n// Line height\n$huge-line-height: 32px;\n$bigger-line-height: 28px;\n$big-line-height: 24px;\n$line-height: 20px;\n$small-line-height: 16px;\n$smaller-line-height: 12px;\n$tiny-line-height: 8px;\n\n// Font sizes\n$huge-font-size: 28px;\n$bigger-font-size: 24px;\n$big-font-size: 20px;\n$font-size: 16px;\n$small-font-size: 14px;\n$smaller-font-size: 12px;\n$tiny-font-size: 10px;\n$smallest-font-size: 8px;\n\n// Font weight\n$thin-font-weight: 100;\n$extra-light-font-weight: 200;\n$light-font-weight: 300;\n$regular-font-weight: 400;\n$medium-font-weight: 500;\n$semi-bold-font-weight: 600;\n$bold-font-weight: 700;\n\n// [DDD] Color Palette\n// ---\n\n// Neutrals\n$neutral-00: #fff;\n$neutral-10: #f7f7f7;\n$neutral-12: #f1f3f6;\n$neutral-15: #eee;\n$neutral-17: #e1e1e1;\n$neutral-20: #d5d5d5;\n$neutral-30: #bfbfbf;\n$neutral-40: #999;\n$neutral-50: #696969;\n$neutral-60: #333;\n$neutral-70: #000;\n\n// Brand colors\n// $brand-color: #017e9b; // blue\n$brand-color: #4471ea; // blue\n// $secondary-brand-color: #005569;\n$secondary-brand-color: #fafafa;\n$tertiary-brand-color: #83bdcb;\n$quaternary-brand-color: #bfdfe6;\n\n// UI Kit colors\n$ui-brand-color: #005c83; // dark blue\n\n// Accent colors\n$accent-color: #ff852c; // orange\n$light-accent-color: lighten($accent-color, 15%);\n$dark-accent-color: darken($accent-color, 15%);\n\n// Primary Action\n$primary-action-color: #dc0a3c;\n$light-primary-action-color: lighten($primary-action-color, 15%);\n$dark-primary-action-color: darken($primary-action-color, 15%);\n\n// Secondary Action\n$secondary-action-color: #ff852c;\n$light-secondary-action-color: lighten($secondary-action-color, 15%);\n$dark-secondary-action-color: darken($secondary-action-color, 15%);\n\n// Success colors\n$success-color: #037b30;\n$light-success-color: lighten($success-color, 15%);\n$dark-success-color: darken($success-color, 15%);\n\n// Error colors\n$error-color: #c70936;\n$light-error-color: lighten($error-color, 15%);\n$feedback-error-color: #f8e7eb;\n$dark-error-color: darken($error-color, 15%);\n\n// Sale color\n$sale-color: $error-color;\n$prominent-color: $error-color;\n\n// Social colors\n$facebook-color: #3a5a93;\n$twitter-color: #55aace;\n$instagram-color: #405de6;\n$pinterest-color: #bd081c;\n$youtube-color: #e52d27;\n$google-plus-color: #dd4b39;\n$yelp-color: #af0606;\n\n\n// [EEE] Appearance\n// ---\n\n$font-color: $neutral-60;\n$font-color-light: $neutral-12;\n\n$link-color: $ui-brand-color;\n$active-link-color: $dark-accent-color;\n\n$focus-color: $brand-color;\n\n$border-color: $neutral-20;\n$border-radius: 4px;\n\n$input-background-color: $neutral-00;\n$input-border-color: $border-color;\n$focused-input-border-color: $secondary-brand-color;\n$disabled-input-color: $neutral-40;\n$disabled-input-background-color: $neutral-15;\n$disabled-button-background-color: $neutral-15;\n$add-to-cart-button-background-color: #f7ae3a;\n$horizontal-input-padding: $unit;\n$vertical-input-padding: $unit;\n\n$background-color: $neutral-12;\n$overlay-color: rgba($neutral-00, 0.85);\n\n\n// [FFF] Z-Index\n// ---\n\n// Organizes z-index usage by name. Values can be incremented/decremented\n// slightly as necessary. eg. $z1-layer + 1;\n\n$z1-depth: 1; // background\n$z2-depth: 10; // icon or other ui element\n$z3-depth: 100; // modal shade or similar\n$z4-depth: 1000; // modal dialog or similar\n\n\n// [GGG] Shorthands\n// ---\n\n$border: 1px solid $border-color;\n$light-border: 1px solid $neutral-15;\n$input-padding: $vertical-input-padding $horizontal-input-padding;\n\n$box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);\n$large-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);\n$inset-box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.3), inset 0 -2px 2px -2px rgba(0, 0, 0, 0.3);\n$input-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3);\n$themeColor-Light: #f3e2c7;\n$themeColor-Dark:#252525;\n$theme-font: verdana, sans-serif;\n$theme-supplementer: #f39c12;\n$font-size-desktop-h5: 1.25em;\n$font-size-mobile-h5: 0.8em;\n$font-size-desktop-p: 1.1em;\n$font-size-mobile-p: 0.7em;\n","@import './../../../styles/variables';\n\n.c-Plp__c-SortAndFilterPanel__c-CartIcon {\n margin-left: 1rem;\n position: relative;\n\n .c-Plp__c-SortAndFilterPanel__c-CartIcon__badge {\n position: absolute;\n top: -3px;\n right: -9px;\n padding: 0px 5px;\n border-radius: 50%;\n background-color: $prominent-color;\n color: $neutral-00;\n font-size: $smaller-font-size;\n }\n}\n","@import './../../../styles//variables';\n\n.c-Cart__c-CartList__c-CartItem {\n padding: 1rem 0;\n background: $neutral-00;\n border: 1px solid $neutral-40;\n line-height: 1;\n\n &:not(:last-child) {\n margin-bottom: 13px;\n }\n \n [class*=\"col-\"] {\n padding-left: 10px;\n padding-right: 10px;\n }\n\n .c-Cart__c-CartList__c-CartItem__image {\n // margin-bottom: 0.7rem;\n }\n\n .c-Cart__c-CartList__c-CartItem__name {\n font-size: $small-font-size;\n }\n\n .c-Cart__c-CartList__c-CartItem__buttonItemRemove {\n text-transform: capitalize;\n font-size: $font-size;\n font-weight: $bold-font-weight;\n margin-bottom: 0;\n }\n}\n",".c-SectionLoader {\n\n display: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: rgba(0,0,0,0.3); \n width: 100%; \n height: 100%; \n position: relative; \n top:0px; \n left:0px; \n z-index: 10;\n \n .c-SectionLoader__lds-ripple {\n\t\tdisplay: inline-block;\n\t\tposition: absolute;\n\t\twidth: 80px;\n\t\theight: 80px;\n\t\tdiv {\n\t\t\tposition: absolute;\n\t\t\tborder: 4px solid #fff;\n\t\t\topacity: 1;\n\t\t\tborder-radius: 50%;\n\t\t\tanimation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;\n\t\t\t&:nth-child(2) {\n\t\t\t\tanimation-delay: -0.5s;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t@keyframes lds-ripple {\n\t\t0% {\n\t\t\ttop: 36px;\n\t\t\tleft: 36px;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\ttop: 0px;\n\t\t\tleft: 0px;\n\t\t\twidth: 72px;\n\t\t\theight: 72px;\n\t\t\topacity: 0;\n\t\t}\n\t}\n}\n","@import './../../../styles/variables';\n\n.c-ItemPrice {\n line-height: $smaller-font-size;\n margin-bottom: 0.9rem;\n display: flex;\n align-items: baseline;\n .c-ItemPrice__price {\n font-size: $small-font-size;\n font-weight: $bold-font-weight;\n padding-right: 0.5rem;\n }\n \n .c-ItemPrice__price--strikethrough {\n color: $neutral-40;\n font-weight: $bold-font-weight;\n font-size: $smaller-font-size;\n text-decoration: line-through;\n // margin-left: $unit * 0.8; \n }\n \n .c-ItemPrice__discount {\n color: #4aa219;\n font-weight: $bold-font-weight;\n font-size: $smaller-font-size;\n margin-left: auto;\n }\n}\n","@import './../../../styles/variables';\n\n.c-QuantityControlWidget {\n display: flex;\n margin-bottom: 1rem;\n .c-QuantityControlWidget__part {\n border: 1.5px solid $neutral-30;;\n border-radius: 50%;\n font-size: $big-font-size;\n // {props.product && props.product.count}\n display: flex;\n align-items: center;\n &:not(:last-child) {\n margin-right: 0.5rem;\n }\n &.c-QuantityControlWidget__part--circled {\n border-radius: 50%;\n cursor: pointer;\n color: $neutral-50;\n }\n &.c-QuantityControlWidget__part--minus {\n padding: 2px 8px 3px; \n }\n &.c-QuantityControlWidget__part--plus {\n padding: 1px 4px; \n }\n &.c-QuantityControlWidget__part--squared {\n border-radius: 2px;\n font-size: $smaller-font-size;\n font-weight: $bold-font-weight;\n color: $neutral-60;\n padding: 0 13px;\n align-items: center;\n }\n\n\n }\n}\n","@import './../../../styles/variables';\n\n.c-CartList {\n padding: 0.8em 0 0;\n}\n","@import './../../../styles/variables';\n\n.c-CartSummary {\n padding: 0.8em 0;\n .c-CartSummary__inner {\n border: 1px solid $neutral-40;\n background: $neutral-00;\n padding: 0.4rem 0;\n font-size: $font-size;\n\n p {\n margin-bottom: 0;\n }\n\n [class*=\"col-\"] {\n padding-left: 10px;\n padding-right: 10px;\n \n }\n\n .c-CartSummary__headerRow, .c-CartSummary__price, .c-CartSummary__discount, .c-CartSummary__total {\n padding: 0.5em 0;\n }\n .c-CartSummary__headerRow {\n border-bottom: 1px solid $neutral-20;\n font-size: $big-font-size;\n .c-CartSummary__headerContent {\n text-transform: capitalize;\n font-weight: $bold-font-weight;\n color: $neutral-40;\n }\n }\n\n .c-CartSummary__details {\n padding: 1em 0;\n border-bottom: 2px solid $neutral-40;\n margin-left: -15px;\n margin-right: -15px;\n\n .row {\n margin-right: 0;\n margin-left: 0;\n }\n \n .float-right {\n right: 0;\n }\n }\n\n .c-CartSummary__total {\n font-weight: $bold-font-weight;\n }\n }\n}\n","@import './../../../styles/variables';\n\n.c-Footer {\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background-color: $brand-color;\n color: $font-color-light;\n padding: 0.7em;\n\n p {\n margin-bottom: 0;\n font-weight: bold;\n }\n}\n"]} \ No newline at end of file diff --git a/static/css/5.1d05707a.chunk.css b/static/css/5.1d05707a.chunk.css new file mode 100644 index 0000000..062099a --- /dev/null +++ b/static/css/5.1d05707a.chunk.css @@ -0,0 +1,2 @@ +.c-Plp__c-Header__c-Search{margin-left:auto;position:relative}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input{background:transparent;border:none;border-bottom:1px solid #fff;color:#fff;float:right;min-height:0;width:0;visibility:hidden;opacity:0;font-size:14px;font-weight:700;padding:7px 10px 8px 0;transition:all .3s ease-in-out;box-shadow:none;outline:none}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input.c-Plp__c-Header__c-Search__input--visible{width:100%;opacity:1;visibility:visible}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input::-webkit-input-placeholder{color:#fff;opacity:1}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input:-ms-input-placeholder{opacity:1}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input::-ms-input-placeholder{opacity:1}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input::placeholder{color:#fff;opacity:1}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input:-ms-input-placeholder{color:#fff;font-size:14px}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__input::-ms-input-placeholder{color:#fff}.c-Plp__c-Header__c-Search .c-Plp__c-Header__c-Search__searchIcon{position:absolute;top:6px;right:0}.c-Plp__c-Header__c-CartIcon{position:relative}.c-Plp__c-Header__c-CartIcon .c-Plp__c-Header__c-CartIcon__badge{position:absolute;top:-7px;right:-9px;padding:0 5px;border-radius:50%;background-color:#c70936;color:#fff;font-size:12px}.c-Plp__c-Header__c-CartIcon .fa-shopping-cart{float:right}.c-Plp__c-SortAndFilterPanel{text-align:center}.c-Plp__c-SortAndFilterPanel .c-Plp__c-SortAndFilterPanel__tool{padding:.8rem;font-size:16px;font-weight:700;border:1px solid #e1e1e1}.c-Plp__c-SortAndFilterPanel .c-Plp__c-SortAndFilterPanel__tool .c-Plp__c-SortAndFilterPanel__toolContent{margin-bottom:0}.c-SortModal.modal.show{display:block;background-color:rgba(0,0,0,.5)}.c-SortModal.modal .modal-dialog{pointer-events:auto}.c-SortModal.modal .modal-dialog .modal-body{color:#999}.c-SortModal.modal .modal-dialog .modal-body .error{color:#c70936;font-size:14px}.c-SortModal.ReactModal__Overlay{opacity:0;transition:all .3s ease-in-out}.c-SortModal.ReactModal__Overlay--after-open{opacity:1}.c-SortModal.ReactModal__Overlay--before-close{opacity:0}.c-FilterModal.modal.show{display:block;background-color:rgba(0,0,0,.5)}.c-FilterModal.modal .modal-dialog{pointer-events:auto}.c-FilterModal.modal .modal-dialog .modal-body{color:#999;padding:1rem}.c-FilterModal.modal .modal-dialog .modal-body .error{color:#c70936;font-size:14px}.c-FilterModal.modal .modal-dialog .modal-body .input-range{margin:25px 0;font-weight:700;font-size:14px}.c-FilterModal.modal .modal-dialog .modal-body .input-range .input-range__label-container{font-family:Verdana,Geneva,sans-serif}.c-FilterModal.modal .modal-dialog .modal-body .input-range .input-range__label{top:20px}.c-FilterModal.modal .modal-dialog .modal-body .input-range .input-range__label.input-range__label--value{top:-40px}.c-FilterModal.modal .modal-dialog .modal-body .c-FilterModal__input-range__subtitle{font-size:16px;font-weight:700;text-align:center}.c-FilterModal.ReactModal__Overlay{opacity:0;transition:all .3s ease-in-out}.c-FilterModal.ReactModal__Overlay--after-open{opacity:1}.c-FilterModal.ReactModal__Overlay--before-close{opacity:0}.c-ItemPrice{line-height:12px;margin-bottom:.9rem;display:flex;align-items:baseline}.c-ItemPrice .c-ItemPrice__price{font-size:14px;font-weight:700;padding-right:.5rem}.c-ItemPrice .c-ItemPrice__price--strikethrough{color:#999;font-weight:700;font-size:12px;text-decoration:line-through}.c-ItemPrice .c-ItemPrice__discount{color:#4aa219;font-weight:700;font-size:12px;margin-left:auto}.c-Plp__c-ProductContainer__c-ProductTile{max-width:300px;padding:10px 15px;border:1px solid #e1e1e1}.c-Plp__c-ProductContainer__c-ProductTile .c-Plp__c-ProductContainer__c-ProductTile__image{margin-bottom:.7rem}.c-Plp__c-ProductContainer__c-ProductTile .c-Plp__c-ProductContainer__c-ProductTile__name{font-size:14px}.c-Plp__c-ProductContainer__c-ProductTile .btn__addToCart{display:block;margin:0 auto;border-radius:20px;padding:7px;background-color:#f7ae3a;cursor:pointer;font-size:12px;font-weight:700}.c-Plp__c-ProductContainer__c-ProductTile .btn__addToCart:hover{opacity:.7}.c-Plp__c-ProductContainer{margin-bottom:46px}.c-Plp__c-ProductContainer .c-Cart__emptyPlp{background:#fff;margin-top:25%;border:1px solid #000;text-align:center;padding:1em}.c-Plp__c-ProductContainer .c-Cart__emptyPlp .c-Cart__emptyPlp__information{color:#999}.c-Plp__c-ProductContainer .c-Plp__c-ProductContainer__infoContainer{background:#fff;color:#037b30;padding:1em;font-weight:700}.c-Plp__c-ProductContainer .c-Plp__c-ProductContainer__infoContainer .c-Plp__c-ProductContainer__information{display:inline-block;margin-bottom:8px}.c-Plp__c-ProductContainer .c-Plp__c-ProductContainer__btnClearSearch{display:block;margin:0 auto;border-radius:20px;padding:7px 20px;background-color:#4471ea;color:#f1f3f6;cursor:pointer;font-size:12px;font-weight:700}.c-Plp__c-ProductContainer .row{justify-content:space-evenly}.c-Footer{display:flex;align-items:center;justify-content:center;position:fixed;left:0;bottom:0;width:100%;background-color:#4471ea;color:#f1f3f6;padding:.7em}.c-Footer p{margin-bottom:0;font-weight:700} +/*# sourceMappingURL=5.1d05707a.chunk.css.map */ \ No newline at end of file diff --git a/static/css/5.1d05707a.chunk.css.map b/static/css/5.1d05707a.chunk.css.map new file mode 100644 index 0000000..7451a3f --- /dev/null +++ b/static/css/5.1d05707a.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["Search.component.scss","../../../styles/_variables.scss","CartIcon.component.scss","SortAndFilterPanel.component.scss","SortModal.component.scss","FilterModal.component.scss","ItemPrice.component.scss","ProductTile.component.scss","ProductContainer.component.scss","Footer.component.scss"],"names":[],"mappings":"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","file":"5.1d05707a.chunk.css","sourcesContent":["@import './../../../styles//variables';\n\n.c-Plp__c-Header__c-Search {\n margin-left: auto;\n position: relative;\n\n .c-Plp__c-Header__c-Search__input {\n background: transparent;\n border: none;\n border-bottom: 1px solid $neutral-00;\n color: $neutral-00;\n float: right;\n min-height: 0;\n width: 0;\n visibility: hidden;\n opacity: 0;\n font-size: $small-font-size;\n font-weight: $bold-font-weight;\n padding: 7px 10px 8px 0;\n -webkit-transition: all 0.33s ease-in-out;\n transition: all 0.3s ease-in-out;\n box-shadow: none;\n outline: none;\n\n &.c-Plp__c-Header__c-Search__input--visible {\n width: 100%;\n opacity: 1;\n visibility: visible;\n }\n \n &::placeholder {\n color: $neutral-00;\n opacity: 1;\n }\n \n &:-ms-input-placeholder {\n color: $neutral-00;\n font-size: $small-font-size;\n }\n \n &::-ms-input-placeholder {\n color: $neutral-00;\n }\n }\n\n .c-Plp__c-Header__c-Search__searchIcon {\n position: absolute;\n top: 6px;\n right: 0px;\n }\n}\n","// Project-Wide Variables\n// ===\n//\n// Edit these as needed. Some guidelines:\n//\n// - Names should be lowercase and dash-separated;\n// - Qualifiers should be added to the beginning of related variables: use\n// `$small-font-size`, not `$font-size-small`;\n// - Numeric scales should use increments of 10; these numbers are arbitrary and\n// should not map to actual values. If really necessary, additional values can\n// be added in between, e.g. $neutral-15 between 10 and 20.\n//\n//\n// Table of Contents\n// ---\n//\n// [AAA] Basic Layout\n// [BBB] Responsive Layout\n// [CCC] Typography\n// [DDD] Color Palette\n// [EEE] Appearance\n// [FFF] Z-Index\n// [GGG] Shorthands\n\n\n// [AAA] Basic Layout\n// ---\n\n// Basic unit for spacing and alignment; 6 to 12px recommended. Apply in whole\n// or half multiples.\n$sub-unit: 4px;\n$unit: 8px;\n\n// Standard tap-target size\n$tap-size: 44px;\n\n// Container max-width.\n$max-width: 1280px;\n\n// Content Height Calculations\n$header-height: 64px;\n$footer-height: 173px;\n$content-height: calc(100vh - #{$header-height} - #{$footer-height});\n\n// [BBB] Responsive Layout\n// ---\n//\n// Media query breakpoints and grid setup. Please see Mobify's Responsive Best\n// Practices doc here: https://bit.ly/2tmRnEi, and our Responsive Grid\n// documentation here: http://docs.mobify.com/latest/guides/responsive-grid/\n//\n// Note: $small-breakpoint isn't needed, since it is 0px\n\n$medium-breakpoint: 600px;\n$large-breakpoint: 960px;\n$xlarge-breakpoint: $max-width;\n\n$susy: (\n // Add color to show the columns and gutters\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(4),\n 'gutters': 12px\n);\n\n$medium-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 12px\n);\n\n$large-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 24px\n);\n\n\n// [CCC] Typography\n// ---\n// $font-family: 'San Francisco', 'Roboto', 'Fira Sans', 'Segoe UI', sans-serif;\n$font-family: Verdana, Geneva, sans-serif; \n$header-font-family: 'Avenir Next Condensed', 'Roboto Condensed', 'Helvetica Neue', 'Roboto', sans-serif;\n$loaded-header-font-family: 'Roboto', $header-font-family;\n\n// Line height\n$huge-line-height: 32px;\n$bigger-line-height: 28px;\n$big-line-height: 24px;\n$line-height: 20px;\n$small-line-height: 16px;\n$smaller-line-height: 12px;\n$tiny-line-height: 8px;\n\n// Font sizes\n$huge-font-size: 28px;\n$bigger-font-size: 24px;\n$big-font-size: 20px;\n$font-size: 16px;\n$small-font-size: 14px;\n$smaller-font-size: 12px;\n$tiny-font-size: 10px;\n$smallest-font-size: 8px;\n\n// Font weight\n$thin-font-weight: 100;\n$extra-light-font-weight: 200;\n$light-font-weight: 300;\n$regular-font-weight: 400;\n$medium-font-weight: 500;\n$semi-bold-font-weight: 600;\n$bold-font-weight: 700;\n\n// [DDD] Color Palette\n// ---\n\n// Neutrals\n$neutral-00: #fff;\n$neutral-10: #f7f7f7;\n$neutral-12: #f1f3f6;\n$neutral-15: #eee;\n$neutral-17: #e1e1e1;\n$neutral-20: #d5d5d5;\n$neutral-30: #bfbfbf;\n$neutral-40: #999;\n$neutral-50: #696969;\n$neutral-60: #333;\n$neutral-70: #000;\n\n// Brand colors\n// $brand-color: #017e9b; // blue\n$brand-color: #4471ea; // blue\n// $secondary-brand-color: #005569;\n$secondary-brand-color: #fafafa;\n$tertiary-brand-color: #83bdcb;\n$quaternary-brand-color: #bfdfe6;\n\n// UI Kit colors\n$ui-brand-color: #005c83; // dark blue\n\n// Accent colors\n$accent-color: #ff852c; // orange\n$light-accent-color: lighten($accent-color, 15%);\n$dark-accent-color: darken($accent-color, 15%);\n\n// Primary Action\n$primary-action-color: #dc0a3c;\n$light-primary-action-color: lighten($primary-action-color, 15%);\n$dark-primary-action-color: darken($primary-action-color, 15%);\n\n// Secondary Action\n$secondary-action-color: #ff852c;\n$light-secondary-action-color: lighten($secondary-action-color, 15%);\n$dark-secondary-action-color: darken($secondary-action-color, 15%);\n\n// Success colors\n$success-color: #037b30;\n$light-success-color: lighten($success-color, 15%);\n$dark-success-color: darken($success-color, 15%);\n\n// Error colors\n$error-color: #c70936;\n$light-error-color: lighten($error-color, 15%);\n$feedback-error-color: #f8e7eb;\n$dark-error-color: darken($error-color, 15%);\n\n// Sale color\n$sale-color: $error-color;\n$prominent-color: $error-color;\n\n// Social colors\n$facebook-color: #3a5a93;\n$twitter-color: #55aace;\n$instagram-color: #405de6;\n$pinterest-color: #bd081c;\n$youtube-color: #e52d27;\n$google-plus-color: #dd4b39;\n$yelp-color: #af0606;\n\n\n// [EEE] Appearance\n// ---\n\n$font-color: $neutral-60;\n$font-color-light: $neutral-12;\n\n$link-color: $ui-brand-color;\n$active-link-color: $dark-accent-color;\n\n$focus-color: $brand-color;\n\n$border-color: $neutral-20;\n$border-radius: 4px;\n\n$input-background-color: $neutral-00;\n$input-border-color: $border-color;\n$focused-input-border-color: $secondary-brand-color;\n$disabled-input-color: $neutral-40;\n$disabled-input-background-color: $neutral-15;\n$disabled-button-background-color: $neutral-15;\n$add-to-cart-button-background-color: #f7ae3a;\n$horizontal-input-padding: $unit;\n$vertical-input-padding: $unit;\n\n$background-color: $neutral-12;\n$overlay-color: rgba($neutral-00, 0.85);\n\n\n// [FFF] Z-Index\n// ---\n\n// Organizes z-index usage by name. Values can be incremented/decremented\n// slightly as necessary. eg. $z1-layer + 1;\n\n$z1-depth: 1; // background\n$z2-depth: 10; // icon or other ui element\n$z3-depth: 100; // modal shade or similar\n$z4-depth: 1000; // modal dialog or similar\n\n\n// [GGG] Shorthands\n// ---\n\n$border: 1px solid $border-color;\n$light-border: 1px solid $neutral-15;\n$input-padding: $vertical-input-padding $horizontal-input-padding;\n\n$box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);\n$large-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);\n$inset-box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.3), inset 0 -2px 2px -2px rgba(0, 0, 0, 0.3);\n$input-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3);\n$themeColor-Light: #f3e2c7;\n$themeColor-Dark:#252525;\n$theme-font: verdana, sans-serif;\n$theme-supplementer: #f39c12;\n$font-size-desktop-h5: 1.25em;\n$font-size-mobile-h5: 0.8em;\n$font-size-desktop-p: 1.1em;\n$font-size-mobile-p: 0.7em;\n","@import './../../../styles/variables';\n\n.c-Plp__c-Header__c-CartIcon {\n // margin-left: 1rem;\n position: relative;\n\n .c-Plp__c-Header__c-CartIcon__badge {\n position: absolute;\n top: -7px;\n right: -9px;\n padding: 0px 5px;\n border-radius: 50%;\n background-color: $prominent-color;\n color: $neutral-00;\n font-size: $smaller-font-size;\n }\n\n .fa-shopping-cart {\n float: right;\n }\n}\n","@import './../../../styles/variables';\n\n.c-Plp__c-SortAndFilterPanel {\n text-align: center;\n .c-Plp__c-SortAndFilterPanel__tool {\n padding: 0.8rem;\n font-size: $font-size;\n font-weight: $bold-font-weight;\n border: 1px solid $neutral-17;\n .c-Plp__c-SortAndFilterPanel__toolContent {\n margin-bottom: 0;\n }\n }\n\n // .ripple {\n // background-color: $shocking-pink;\n // width: 1rem;\n // height: 1rem;\n // position: absolute;\n // border-radius: 50%;\n // transform: translateX(-100%) translateY(-100%);\n // mix-blend-mode: screen;\n // animation: ripple 1000ms ease-out forwards;\n // }\n \n // @keyframes ripple {\n // 0% { transform: translate(-100%, -100%); }\n // 80% { transform: translate(-100%, -100%) scale(50); }\n // 100% { transform: translate(-100%, -100%) scale(50); opacity: 0; }\n // }\n}\n","@import './../../../styles/variables';\n\n.c-SortModal {\n // transform: translate(0,0);\n // transition: transform .3s ease-out,-webkit-transform .3s ease-out;\n\n &.modal {\n &.show {\n display: block;\n background-color: rgba(0,0,0,0.5);\n }\n // &.fade .modal-dialog {\n // transition: transform .3s ease-out;\n // }\n .modal-dialog {\n pointer-events: auto;\n .modal-body {\n color: $neutral-40;\n .error {\n color: $error-color;\n font-size: $small-font-size;\n }\n }\n }\n }\n\n &.ReactModal__Overlay {\n opacity: 0;\n transition: all 0.3s ease-in-out;\n }\n \n &.ReactModal__Overlay--after-open {\n opacity: 1;\n }\n \n &.ReactModal__Overlay--before-close {\n opacity: 0;\n }\n}\n","@import './../../../styles/variables';\n\n.c-FilterModal {\n &.modal {\n &.show {\n display: block;\n background-color: rgba(0,0,0,0.5);\n }\n // &.fade .modal-dialog {\n // transition: transform .3s ease-out;\n // }\n .modal-dialog {\n pointer-events: auto;\n .modal-body {\n color: $neutral-40;\n padding: 1rem;\n .error {\n color: $error-color;\n font-size: $small-font-size;\n }\n .input-range {\n margin: 25px 0;\n font-weight: $bold-font-weight;\n font-size: $small-font-size;\n .input-range__label-container {\n font-family: $font-family;\n }\n \n .input-range__label {\n top: 20px;\n &.input-range__label--value {\n top: -40px;\n }\n }\n }\n .c-FilterModal__input-range__subtitle {\n font-size: $font-size;\n font-weight: $bold-font-weight;\n text-align: center;\n }\n }\n }\n }\n\n &.ReactModal__Overlay {\n opacity: 0;\n transition: all 0.3s ease-in-out;\n }\n \n &.ReactModal__Overlay--after-open {\n opacity: 1;\n }\n \n &.ReactModal__Overlay--before-close {\n opacity: 0;\n }\n}\n","@import './../../../styles/variables';\n\n.c-ItemPrice {\n line-height: $smaller-font-size;\n margin-bottom: 0.9rem;\n display: flex;\n align-items: baseline;\n .c-ItemPrice__price {\n font-size: $small-font-size;\n font-weight: $bold-font-weight;\n padding-right: 0.5rem;\n }\n \n .c-ItemPrice__price--strikethrough {\n color: $neutral-40;\n font-weight: $bold-font-weight;\n font-size: $smaller-font-size;\n text-decoration: line-through;\n // margin-left: $unit * 0.8; \n }\n \n .c-ItemPrice__discount {\n color: #4aa219;\n font-weight: $bold-font-weight;\n font-size: $smaller-font-size;\n margin-left: auto;\n }\n}\n","@import './../../../styles/variables';\n\n.c-Plp__c-ProductContainer__c-ProductTile {\n // box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n max-width: 300px;\n // margin-bottom: 2rem;\n padding: 10px 15px;\n border: 1px solid $neutral-17;\n\n .c-Plp__c-ProductContainer__c-ProductTile__image {\n margin-bottom: 0.7rem;\n }\n\n .c-Plp__c-ProductContainer__c-ProductTile__name {\n font-size: $small-font-size;\n }\n\n .btn__addToCart {\n display: block;\n margin: 0 auto;\n border-radius: 20px;\n padding: 7px;\n background-color: $add-to-cart-button-background-color;\n cursor: pointer;\n font-size: $smaller-font-size;\n font-weight: $bold-font-weight;\n }\n \n .btn__addToCart:hover {\n opacity: 0.7;\n }\n\n @media only screen and (min-width: 768px) {\n \n }\n}\n","@import './../../../styles/variables';\n\n.c-Plp__c-ProductContainer {\n margin-bottom: 46px;\n\n .c-Cart__emptyPlp {\n background: $neutral-00;\n margin-top: 25%;\n border: 1px solid black;\n text-align: center;\n padding: 1em;\n\n .c-Cart__emptyPlp__information {\n color: $neutral-40;\n }\n }\n\n .c-Plp__c-ProductContainer__infoContainer {\n background: $neutral-00;\n color: $success-color;\n padding: 1em;\n font-weight: $bold-font-weight;\n\n .c-Plp__c-ProductContainer__information {\n display: inline-block;\n margin-bottom: 8px;\n }\n }\n\n .c-Plp__c-ProductContainer__btnClearSearch {\n display: block;\n margin: 0 auto;\n border-radius: 20px;\n padding: 7px 20px;\n background-color: $brand-color;\n color: $neutral-12; \n cursor: pointer;\n font-size: $smaller-font-size;\n font-weight: $bold-font-weight;\n }\n\n .row {\n justify-content: space-evenly;\n }\n}\n","@import './../../../styles/variables';\n\n.c-Footer {\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background-color: $brand-color;\n color: $font-color-light;\n padding: 0.7em;\n\n p {\n margin-bottom: 0;\n font-weight: bold;\n }\n}\n"]} \ No newline at end of file diff --git a/static/css/5.e94c9ad9.chunk.css b/static/css/5.e94c9ad9.chunk.css deleted file mode 100644 index dbd1bfe..0000000 --- a/static/css/5.e94c9ad9.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -.c-Plp__c-SortAndFilterPanel__c-Search{margin-left:auto}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input{background:transparent;border:none;border-bottom:1px solid #fff;color:#fff;padding-bottom:.3rem}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input::-webkit-input-placeholder{color:#fff;opacity:1}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input:-ms-input-placeholder{opacity:1}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input::-ms-input-placeholder{opacity:1}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input::placeholder{color:#fff;opacity:1}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input:-ms-input-placeholder{color:#fff}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input::-ms-input-placeholder{color:#fff}.c-Plp__c-SortAndFilterPanel__c-CartIcon{margin-left:1rem;position:relative}.c-Plp__c-SortAndFilterPanel__c-CartIcon .c-Plp__c-SortAndFilterPanel__c-CartIcon__badge{position:absolute;top:-3px;right:-9px;padding:0 5px;border-radius:50%;background-color:#c70936;color:#fff;font-size:12px}.c-Plp__c-SortAndFilterPanel{text-align:center}.c-Plp__c-SortAndFilterPanel .c-Plp__c-SortAndFilterPanel__tool{padding:.8rem;font-size:16px;font-weight:700;border:1px solid #e1e1e1}.c-Plp__c-SortAndFilterPanel .c-Plp__c-SortAndFilterPanel__tool .c-Plp__c-SortAndFilterPanel__toolContent{margin-bottom:0}.c-SortModal.modal.show{display:block;background-color:rgba(0,0,0,.5)}.c-SortModal.modal .modal-dialog{pointer-events:auto}.c-SortModal.modal .modal-dialog .modal-body{color:#999}.c-SortModal.modal .modal-dialog .modal-body .error{color:#c70936;font-size:14px}.c-SortModal.ReactModal__Overlay{opacity:0;transition:all .3s ease-in-out}.c-SortModal.ReactModal__Overlay--after-open{opacity:1}.c-SortModal.ReactModal__Overlay--before-close{opacity:0}.c-FilterModal.modal.show{display:block;background-color:rgba(0,0,0,.5)}.c-FilterModal.modal .modal-dialog{pointer-events:auto}.c-FilterModal.modal .modal-dialog .modal-body{color:#999;padding:1.5rem}.c-FilterModal.modal .modal-dialog .modal-body .error{color:#c70936;font-size:14px}.c-FilterModal.ReactModal__Overlay{opacity:0;transition:all .3s ease-in-out}.c-FilterModal.ReactModal__Overlay--after-open{opacity:1}.c-FilterModal.ReactModal__Overlay--before-close{opacity:0}.c-ItemPrice{line-height:12px;margin-bottom:.9rem;display:flex;align-items:baseline}.c-ItemPrice .c-ItemPrice__price{font-size:14px;font-weight:700;padding-right:.5rem}.c-ItemPrice .c-ItemPrice__price--strikethrough{color:#999;font-weight:700;font-size:12px;text-decoration:line-through}.c-ItemPrice .c-ItemPrice__discount{color:#4aa219;font-weight:700;font-size:12px;margin-left:auto}.c-Plp__c-ProductContainer__c-ProductTile{max-width:300px;padding:10px 15px;border:1px solid #e1e1e1}.c-Plp__c-ProductContainer__c-ProductTile .c-Plp__c-ProductContainer__c-ProductTile__image{margin-bottom:.7rem}.c-Plp__c-ProductContainer__c-ProductTile .c-Plp__c-ProductContainer__c-ProductTile__name{font-size:14px}.c-Plp__c-ProductContainer__c-ProductTile .btn__addToCart{display:block;margin:0 auto;border-radius:20px;padding:7px;background-color:#f7ae3a;cursor:pointer;font-size:12px;font-weight:700}.c-Plp__c-ProductContainer__c-ProductTile .btn__addToCart:hover{opacity:.7}.c-Plp__c-ProductContainer{margin-bottom:46px}.c-Plp__c-ProductContainer .c-Cart__emptyPlp{background:#fff;margin-top:25%;border:1px solid #000;text-align:center;padding:1em}.c-Plp__c-ProductContainer .c-Cart__emptyPlp .c-Cart__emptyPlp__information{color:#999}.c-Plp__c-ProductContainer .row{justify-content:space-between}.c-Footer{display:flex;align-items:center;justify-content:center;position:fixed;left:0;bottom:0;width:100%;background-color:#4471ea;color:#f1f3f6;padding:.7em}.c-Footer p{margin-bottom:0;font-weight:700} -/*# sourceMappingURL=5.e94c9ad9.chunk.css.map */ \ No newline at end of file diff --git a/static/css/5.e94c9ad9.chunk.css.map b/static/css/5.e94c9ad9.chunk.css.map deleted file mode 100644 index 7cdad40..0000000 --- a/static/css/5.e94c9ad9.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["Search.component.scss","../../../styles/_variables.scss","CartIcon.component.scss","SortAndFilterPanel.component.scss","SortModal.component.scss","FilterModal.component.scss","ItemPrice.component.scss","ProductTile.component.scss","ProductContainer.component.scss","Footer.component.scss"],"names":[],"mappings":"AAEA,uCACE,gBAAiB,CADnB,qFAII,sBAAuB,CAEvB,WC4Ga,CD5Gb,4BC4Ga,CD3Gb,UC2Ga,CD1Gb,oBAAsB,CAR1B,gHAUM,UCwGW,CDvGX,SAAU,CAXhB,2GAWM,SAAU,CAXhB,4GAWM,SAAU,CAXhB,kGAUM,UCwGW,CDvGX,SAAU,CAXhB,2GAeM,UCmGW,CDlHjB,4GAmBM,UC+FW,CClHjB,yCACE,gBAAiB,CACjB,iBAAkB,CAFpB,yFAKI,iBAAkB,CAClB,QAAS,CACT,UAAW,CACX,aAAgB,CAChB,iBAAkB,CAClB,wBDoJiB,CCnJjB,UDuGa,CCtGb,cDqFoB,CEjGxB,6BACI,iBAAkB,CADtB,gEAGQ,aAAe,CACf,cF2FQ,CE1FR,eFuGc,CEtGd,wBFgHY,CEtHpB,0GAQY,eAAgB,CCR5B,wBAMY,aAAc,CACd,+BAAiC,CAP7C,iCAaY,mBAAoB,CAbhC,6CAegB,UH0GC,CGzHjB,oDAiBoB,aH6IC,CG5ID,cH8EE,CGhGtB,iCAyBQ,SAAU,CACV,8BAAgC,CA1BxC,6CA8BQ,SAAU,CA9BlB,+CAkCQ,SAAU,CClClB,0BAGY,aAAc,CACd,+BAAiC,CAJ7C,mCAUY,mBAAoB,CAVhC,+CAYgB,UJ6GC,CI5GD,cAAe,CAb/B,sDAeoB,aJ+IC,CI9ID,cJgFE,CIhGtB,mCAuBQ,SAAU,CACV,8BAAgC,CAxBxC,+CA4BQ,SAAU,CA5BlB,iDAgCQ,SAAU,CChClB,aACI,gBLgGoB,CK/FpB,mBAAqB,CACrB,YAAa,CACb,oBAAqB,CAJzB,iCAMQ,cL0Fc,CKzFd,eLqGc,CKpGd,mBAAqB,CAR7B,gDAYQ,UL6GS,CK5GT,eL+Fc,CK9Fd,cLmFgB,CKlFhB,4BAA6B,CAfrC,oCAoBQ,aAAc,CACd,eLuFc,CKtFd,cL2EgB,CK1EhB,gBAAiB,CCvBzB,0CAEI,eAAgB,CAEhB,iBAAkB,CAClB,wBNiHgB,CMtHpB,2FAQQ,mBAAqB,CAR7B,0FAYQ,cNoFc,CMhGtB,0DAgBQ,aAAc,CACd,aAAc,CACd,kBAAmB,CACnB,WAAY,CACZ,wBNiLqC,CMhLrC,cAAe,CACf,cN2EgB,CM1EhB,eNqFc,CM5GtB,gEA2BQ,UAAY,CC3BpB,2BACI,kBAAmB,CADvB,6CAIQ,eP8GS,CO7GT,cAAe,CACf,qBAAuB,CACvB,iBAAkB,CAClB,WAAY,CARpB,4EAWY,UP8GK,COzHjB,gCAgBQ,6BAA8B,CChBtC,UACI,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,cAAe,CACf,MAAO,CACP,QAAS,CACT,UAAW,CACX,wBRwHiB,CQvHjB,aR2GgB,CQ1GhB,YAAc,CAVlB,YAaQ,eAAgB,CAChB,eAAiB","file":"5.e94c9ad9.chunk.css","sourcesContent":["@import './../../../styles//variables';\n\n.c-Plp__c-SortAndFilterPanel__c-Search {\n margin-left: auto;\n\n .c-Plp__c-SortAndFilterPanel__c-Search__input {\n background: transparent;\n border: none;\n border-bottom: 1px solid $neutral-00;\n color: $neutral-00;\n padding-bottom: 0.3rem;\n &::placeholder {\n color: $neutral-00;\n opacity: 1;\n }\n \n &:-ms-input-placeholder {\n color: $neutral-00;\n }\n \n &::-ms-input-placeholder {\n color: $neutral-00;\n }\n }\n}\n","// Project-Wide Variables\n// ===\n//\n// Edit these as needed. Some guidelines:\n//\n// - Names should be lowercase and dash-separated;\n// - Qualifiers should be added to the beginning of related variables: use\n// `$small-font-size`, not `$font-size-small`;\n// - Numeric scales should use increments of 10; these numbers are arbitrary and\n// should not map to actual values. If really necessary, additional values can\n// be added in between, e.g. $neutral-15 between 10 and 20.\n//\n//\n// Table of Contents\n// ---\n//\n// [AAA] Basic Layout\n// [BBB] Responsive Layout\n// [CCC] Typography\n// [DDD] Color Palette\n// [EEE] Appearance\n// [FFF] Z-Index\n// [GGG] Shorthands\n\n\n// [AAA] Basic Layout\n// ---\n\n// Basic unit for spacing and alignment; 6 to 12px recommended. Apply in whole\n// or half multiples.\n$sub-unit: 4px;\n$unit: 8px;\n\n// Standard tap-target size\n$tap-size: 44px;\n\n// Container max-width.\n$max-width: 1280px;\n\n// Content Height Calculations\n$header-height: 64px;\n$footer-height: 173px;\n$content-height: calc(100vh - #{$header-height} - #{$footer-height});\n\n// [BBB] Responsive Layout\n// ---\n//\n// Media query breakpoints and grid setup. Please see Mobify's Responsive Best\n// Practices doc here: https://bit.ly/2tmRnEi, and our Responsive Grid\n// documentation here: http://docs.mobify.com/latest/guides/responsive-grid/\n//\n// Note: $small-breakpoint isn't needed, since it is 0px\n\n$medium-breakpoint: 600px;\n$large-breakpoint: 960px;\n$xlarge-breakpoint: $max-width;\n\n$susy: (\n // Add color to show the columns and gutters\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(4),\n 'gutters': 12px\n);\n\n$medium-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 12px\n);\n\n$large-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 24px\n);\n\n\n// [CCC] Typography\n// ---\n// $font-family: 'San Francisco', 'Roboto', 'Fira Sans', 'Segoe UI', sans-serif;\n$font-family: Verdana, Geneva, sans-serif; \n$header-font-family: 'Avenir Next Condensed', 'Roboto Condensed', 'Helvetica Neue', 'Roboto', sans-serif;\n$loaded-header-font-family: 'Roboto', $header-font-family;\n\n// Line height\n$huge-line-height: 32px;\n$bigger-line-height: 28px;\n$big-line-height: 24px;\n$line-height: 20px;\n$small-line-height: 16px;\n$smaller-line-height: 12px;\n$tiny-line-height: 8px;\n\n// Font sizes\n$huge-font-size: 28px;\n$bigger-font-size: 24px;\n$big-font-size: 20px;\n$font-size: 16px;\n$small-font-size: 14px;\n$smaller-font-size: 12px;\n$tiny-font-size: 10px;\n$smallest-font-size: 8px;\n\n// Font weight\n$thin-font-weight: 100;\n$extra-light-font-weight: 200;\n$light-font-weight: 300;\n$regular-font-weight: 400;\n$medium-font-weight: 500;\n$semi-bold-font-weight: 600;\n$bold-font-weight: 700;\n\n// [DDD] Color Palette\n// ---\n\n// Neutrals\n$neutral-00: #fff;\n$neutral-10: #f7f7f7;\n$neutral-12: #f1f3f6;\n$neutral-15: #eee;\n$neutral-17: #e1e1e1;\n$neutral-20: #d5d5d5;\n$neutral-30: #bfbfbf;\n$neutral-40: #999;\n$neutral-50: #696969;\n$neutral-60: #333;\n$neutral-70: #000;\n\n// Brand colors\n// $brand-color: #017e9b; // blue\n$brand-color: #4471ea; // blue\n// $secondary-brand-color: #005569;\n$secondary-brand-color: #fafafa;\n$tertiary-brand-color: #83bdcb;\n$quaternary-brand-color: #bfdfe6;\n\n// UI Kit colors\n$ui-brand-color: #005c83; // dark blue\n\n// Accent colors\n$accent-color: #ff852c; // orange\n$light-accent-color: lighten($accent-color, 15%);\n$dark-accent-color: darken($accent-color, 15%);\n\n// Primary Action\n$primary-action-color: #dc0a3c;\n$light-primary-action-color: lighten($primary-action-color, 15%);\n$dark-primary-action-color: darken($primary-action-color, 15%);\n\n// Secondary Action\n$secondary-action-color: #ff852c;\n$light-secondary-action-color: lighten($secondary-action-color, 15%);\n$dark-secondary-action-color: darken($secondary-action-color, 15%);\n\n// Success colors\n$success-color: #037b30;\n$light-success-color: lighten($success-color, 15%);\n$dark-success-color: darken($success-color, 15%);\n\n// Error colors\n$error-color: #c70936;\n$light-error-color: lighten($error-color, 15%);\n$feedback-error-color: #f8e7eb;\n$dark-error-color: darken($error-color, 15%);\n\n// Sale color\n$sale-color: $error-color;\n$prominent-color: $error-color;\n\n// Social colors\n$facebook-color: #3a5a93;\n$twitter-color: #55aace;\n$instagram-color: #405de6;\n$pinterest-color: #bd081c;\n$youtube-color: #e52d27;\n$google-plus-color: #dd4b39;\n$yelp-color: #af0606;\n\n\n// [EEE] Appearance\n// ---\n\n$font-color: $neutral-60;\n$font-color-light: $neutral-12;\n\n$link-color: $ui-brand-color;\n$active-link-color: $dark-accent-color;\n\n$focus-color: $brand-color;\n\n$border-color: $neutral-20;\n$border-radius: 4px;\n\n$input-background-color: $neutral-00;\n$input-border-color: $border-color;\n$focused-input-border-color: $secondary-brand-color;\n$disabled-input-color: $neutral-40;\n$disabled-input-background-color: $neutral-15;\n$disabled-button-background-color: $neutral-15;\n$add-to-cart-button-background-color: #f7ae3a;\n$horizontal-input-padding: $unit;\n$vertical-input-padding: $unit;\n\n$background-color: $neutral-12;\n$overlay-color: rgba($neutral-00, 0.85);\n\n\n// [FFF] Z-Index\n// ---\n\n// Organizes z-index usage by name. Values can be incremented/decremented\n// slightly as necessary. eg. $z1-layer + 1;\n\n$z1-depth: 1; // background\n$z2-depth: 10; // icon or other ui element\n$z3-depth: 100; // modal shade or similar\n$z4-depth: 1000; // modal dialog or similar\n\n\n// [GGG] Shorthands\n// ---\n\n$border: 1px solid $border-color;\n$light-border: 1px solid $neutral-15;\n$input-padding: $vertical-input-padding $horizontal-input-padding;\n\n$box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);\n$large-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);\n$inset-box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.3), inset 0 -2px 2px -2px rgba(0, 0, 0, 0.3);\n$input-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3);\n$themeColor-Light: #f3e2c7;\n$themeColor-Dark:#252525;\n$theme-font: verdana, sans-serif;\n$theme-supplementer: #f39c12;\n$font-size-desktop-h5: 1.25em;\n$font-size-mobile-h5: 0.8em;\n$font-size-desktop-p: 1.1em;\n$font-size-mobile-p: 0.7em;\n","@import './../../../styles/variables';\n\n.c-Plp__c-SortAndFilterPanel__c-CartIcon {\n margin-left: 1rem;\n position: relative;\n\n .c-Plp__c-SortAndFilterPanel__c-CartIcon__badge {\n position: absolute;\n top: -3px;\n right: -9px;\n padding: 0px 5px;\n border-radius: 50%;\n background-color: $prominent-color;\n color: $neutral-00;\n font-size: $smaller-font-size;\n }\n}\n","@import './../../../styles/variables';\n\n.c-Plp__c-SortAndFilterPanel {\n text-align: center;\n .c-Plp__c-SortAndFilterPanel__tool {\n padding: 0.8rem;\n font-size: $font-size;\n font-weight: $bold-font-weight;\n border: 1px solid $neutral-17;\n .c-Plp__c-SortAndFilterPanel__toolContent {\n margin-bottom: 0;\n }\n }\n\n // .ripple {\n // background-color: $shocking-pink;\n // width: 1rem;\n // height: 1rem;\n // position: absolute;\n // border-radius: 50%;\n // transform: translateX(-100%) translateY(-100%);\n // mix-blend-mode: screen;\n // animation: ripple 1000ms ease-out forwards;\n // }\n \n // @keyframes ripple {\n // 0% { transform: translate(-100%, -100%); }\n // 80% { transform: translate(-100%, -100%) scale(50); }\n // 100% { transform: translate(-100%, -100%) scale(50); opacity: 0; }\n // }\n}\n","@import './../../../styles/variables';\n\n.c-SortModal {\n // transform: translate(0,0);\n // transition: transform .3s ease-out,-webkit-transform .3s ease-out;\n\n &.modal {\n &.show {\n display: block;\n background-color: rgba(0,0,0,0.5);\n }\n // &.fade .modal-dialog {\n // transition: transform .3s ease-out;\n // }\n .modal-dialog {\n pointer-events: auto;\n .modal-body {\n color: $neutral-40;\n .error {\n color: $error-color;\n font-size: $small-font-size;\n }\n }\n }\n }\n\n &.ReactModal__Overlay {\n opacity: 0;\n transition: all 0.3s ease-in-out;\n }\n \n &.ReactModal__Overlay--after-open {\n opacity: 1;\n }\n \n &.ReactModal__Overlay--before-close {\n opacity: 0;\n }\n}\n","@import './../../../styles/variables';\n\n.c-FilterModal {\n &.modal {\n &.show {\n display: block;\n background-color: rgba(0,0,0,0.5);\n }\n // &.fade .modal-dialog {\n // transition: transform .3s ease-out;\n // }\n .modal-dialog {\n pointer-events: auto;\n .modal-body {\n color: $neutral-40;\n padding: 1.5rem;\n .error {\n color: $error-color;\n font-size: $small-font-size;\n }\n }\n }\n }\n\n &.ReactModal__Overlay {\n opacity: 0;\n transition: all 0.3s ease-in-out;\n }\n \n &.ReactModal__Overlay--after-open {\n opacity: 1;\n }\n \n &.ReactModal__Overlay--before-close {\n opacity: 0;\n }\n}\n","@import './../../../styles/variables';\n\n.c-ItemPrice {\n line-height: $smaller-font-size;\n margin-bottom: 0.9rem;\n display: flex;\n align-items: baseline;\n .c-ItemPrice__price {\n font-size: $small-font-size;\n font-weight: $bold-font-weight;\n padding-right: 0.5rem;\n }\n \n .c-ItemPrice__price--strikethrough {\n color: $neutral-40;\n font-weight: $bold-font-weight;\n font-size: $smaller-font-size;\n text-decoration: line-through;\n // margin-left: $unit * 0.8; \n }\n \n .c-ItemPrice__discount {\n color: #4aa219;\n font-weight: $bold-font-weight;\n font-size: $smaller-font-size;\n margin-left: auto;\n }\n}\n","@import './../../../styles/variables';\n\n.c-Plp__c-ProductContainer__c-ProductTile {\n // box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n max-width: 300px;\n // margin-bottom: 2rem;\n padding: 10px 15px;\n border: 1px solid $neutral-17;\n\n .c-Plp__c-ProductContainer__c-ProductTile__image {\n margin-bottom: 0.7rem;\n }\n\n .c-Plp__c-ProductContainer__c-ProductTile__name {\n font-size: $small-font-size;\n }\n\n .btn__addToCart {\n display: block;\n margin: 0 auto;\n border-radius: 20px;\n padding: 7px;\n background-color: $add-to-cart-button-background-color;\n cursor: pointer;\n font-size: $smaller-font-size;\n font-weight: $bold-font-weight;\n }\n \n .btn__addToCart:hover {\n opacity: 0.7;\n }\n\n @media only screen and (min-width: 768px) {\n \n }\n}\n","@import './../../../styles/variables';\n\n.c-Plp__c-ProductContainer {\n margin-bottom: 46px;\n\n .c-Cart__emptyPlp {\n background: $neutral-00;\n margin-top: 25%;\n border: 1px solid black;\n text-align: center;\n padding: 1em;\n\n .c-Cart__emptyPlp__information {\n color: $neutral-40;\n }\n }\n\n .row {\n justify-content: space-between;\n }\n}\n","@import './../../../styles/variables';\n\n.c-Footer {\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background-color: $brand-color;\n color: $font-color-light;\n padding: 0.7em;\n\n p {\n margin-bottom: 0;\n font-weight: bold;\n }\n}\n"]} \ No newline at end of file diff --git a/static/css/main.531d6279.chunk.css b/static/css/main.531d6279.chunk.css new file mode 100644 index 0000000..3dfcdd9 --- /dev/null +++ b/static/css/main.531d6279.chunk.css @@ -0,0 +1,2 @@ +@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url(https://fonts.googleapis.com/css?family=McLaren&display=swap" rel="stylesheet);@import url(https://fonts.googleapis.com/css?family=Indie+Flower);@-webkit-keyframes background-shimmer{0%{background-position:150vw 0}to{background-position:-150vw 0}}@keyframes background-shimmer{0%{background-position:150vw 0}to{background-position:-150vw 0}}.scroll-down .c-Header{transform:translate3d(0,-100%,0)}.scroll-up .c-Header{transform:none}fieldset{min-width:0;margin:0;padding:0;border:0}input{margin:0;color:inherit;font:inherit;font-family:Verdana,Geneva,sans-serif;font-size:18px;line-height:normal}input::-moz-focus-inner{padding:0;border:0}textarea{margin:0;color:inherit;font:inherit}label,textarea{font-family:Verdana,Geneva,sans-serif;font-size:16px}label{display:inline-block;margin-bottom:4px;font-weight:600;-webkit-tap-highlight-color:rgba(0,0,0,0)}label:active{color:#df5e00}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],select,textarea{width:100%;min-height:44px;padding:8px;border:1px solid #d5d5d5;border-radius:0;background-color:#fff;line-height:20px;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}[type=email]::-webkit-input-placeholder,[type=number]::-webkit-input-placeholder,[type=password]::-webkit-input-placeholder,[type=search]::-webkit-input-placeholder,[type=tel]::-webkit-input-placeholder,[type=text]::-webkit-input-placeholder,[type=url]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#696969}[type=email]:active,[type=email]:focus,[type=number]:active,[type=number]:focus,[type=password]:active,[type=password]:focus,[type=search]:active,[type=search]:focus,[type=tel]:active,[type=tel]:focus,[type=text]:active,[type=text]:focus,[type=url]:active,[type=url]:focus,select:active,select:focus,textarea:active,textarea:focus{border-color:#4471ea;box-shadow:inset 0 0 5px 0 rgba(0,0,0,.3)}legend{padding:0}input[type=search]{box-sizing:border-box;-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}select{height:44px;margin:0;border-radius:0;color:#4471ea;font-family:Verdana,Geneva,sans-serif;font-size:18px;text-transform:none}select,select[disabled]{background-repeat:no-repeat;background-position:calc(100% - 14px) 50%;background-size:12px 6px}optgroup{margin:0;color:inherit;font:inherit}[type=checkbox],[type=radio]{position:relative;display:inline-block;width:24px;height:24px;margin-right:8px;border:1px solid #d5d5d5;background:#fff;vertical-align:middle;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}[type=checkbox]:active,[type=radio]:active{background:#bfbfbf}[type=checkbox]:checked,[type=radio]:checked{border:0;background:#4471ea}[type=checkbox]:checked:after,[type=radio]:checked:after{content:"";position:absolute;display:block}[type=checkbox]:disabled,[type=radio]:disabled{border:0;background:hsla(0,0%,83.5%,.5)}[type=radio]{border-radius:50%}[type=radio]:after{top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#fff}[type=checkbox]:checked:after{content:"";top:0;display:block;width:24px;height:24px;background:url('data:image/svg+xml;utf8,');color:#fff;line-height:0;pointer-events:none}[type=submit],button{display:block;margin:0;padding:0;border:0;background:#eee;color:inherit;font:inherit;line-height:20px;text-transform:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border:0}[type=submit]:active,button:active{background:#bfbfbf}html input[type=button],input[type=reset]{-webkit-appearance:button}[disabled]{opacity:1;background:#eee;color:#999;-webkit-text-fill-color:#999}[disabled]:active,[disabled]:checked{border-color:#999;background:#eee}[disabled]:active:after,[disabled]:checked:after{color:#999}[disabled][type=radio]:after{background-color:#999}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html{color:#333;background-color:#f1f3f6;font-family:Verdana,Geneva,sans-serif;font-size:16px;line-height:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}figure{margin:0 0 1rem}pre{overflow:auto}code,kbd,pre,samp{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;font-size:1em}main,menu{display:block}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}template{display:none}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}[hidden]{display:none}@media only screen and (min-width:768px){.c-Plp .container{max-width:100%}}ol,ul{margin:0;padding:0;list-style-type:none}dl{margin-bottom:8px;line-height:20px}dt{margin-top:8px;font-weight:600}dd{margin:0}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.material-icons.md-dark{color:rgba(0,0,0,.54)}.material-icons.md-dark.md-inactive{color:rgba(0,0,0,.26)}.material-icons.md-light{color:#fff}.material-icons.md-light.md-inactive{color:hsla(0,0%,100%,.3)}.material-icons.orange600{color:#fb8c00}table{border-spacing:0;border-collapse:collapse;width:100%;margin:8px 0}th{font-weight:600;text-align:left}td,th{padding:8px 0}td,th,tr{vertical-align:middle}h1,h2,h3,h4,h5,h6{margin:0;font-family:"Avenir Next Condensed","Roboto Condensed","Helvetica Neue","Roboto",sans-serif;font-weight:400;line-height:1.25}.wf-active h1,.wf-active h2,.wf-active h3,.wf-active h4,.wf-active h5,.wf-active h6{font-family:"Roboto","Avenir Next Condensed","Roboto Condensed","Helvetica Neue",sans-serif}#app .u-h1,h1{font-weight:300;font-size:28px;line-height:32px}#app .u-h2,h2{font-size:24px;line-height:28px}#app .u-h3,#app .u-h4,h3,h4{font-size:20px;line-height:24px}#app .u-h5,h5{font-size:18px;line-height:20px}#app .u-h6,h6{font-size:16px;line-height:20px}p{margin:0}a{color:#005c83;text-decoration:none}a:active,a:focus{color:#df5e00}b,strong{font-weight:600}small{font-size:80%}hr{box-sizing:content-box;height:0;margin:16px 0;border:solid #d5d5d5;border-width:0 0 1px;-moz-box-sizing:content-box}img{max-width:100%;margin:0}blockquote{margin:16px 0;padding-left:8px;border-left:2px solid #d5d5d5;color:#595959}#app .u-border{border:1px solid #d5d5d5}#app .u-border-0{border:0}#app .u-border-top{border-top:1px solid #d5d5d5}#app .u-border-end{border-right:1px solid #d5d5d5}#app .u-border-bottom{border-bottom:1px solid #d5d5d5}#app .u-border-start{border-left:1px solid #d5d5d5}#app .u-border-light{border:1px solid #eee}#app .u-border-light-top{border-top:1px solid #eee}#app .u-border-light-end{border-right:1px solid #eee}#app .u-border-light-bottom{border-bottom:1px solid #eee}#app .u-border-light-start{border-left:1px solid #eee}#app .u-border-radius{border-radius:4px}#app .u-box-shadow{box-shadow:0 0 2px 0 rgba(0,0,0,.3)}#app .u-box-shadow-inset{box-shadow:inset 0 2px 2px -2px rgba(0,0,0,.3),inset 0 -2px 2px -2px rgba(0,0,0,.3)}#app .u-box-shadow-lg{box-shadow:0 2px 4px 0 rgba(0,0,0,.3)}#app .u-box-shadow-input{box-shadow:inset 0 0 5px 0 rgba(0,0,0,.3)}#app .u-color-neutral-00{color:#fff;fill:#fff}#app .u-color-neutral-10{color:#f7f7f7;fill:#f7f7f7}#app .u-color-neutral-15{color:#eee;fill:#eee}#app .u-color-neutral-20{color:#d5d5d5;fill:#d5d5d5}#app .u-color-neutral-30{color:#bfbfbf;fill:#bfbfbf}#app .u-color-neutral-40{color:#999;fill:#999}#app .u-color-neutral-50{color:#696969;fill:#696969}#app .u-color-neutral-60{color:#333;fill:#333}#app .u-color-neutral-70{color:#000;fill:#000}#app .u-color-brand{color:#4471ea;fill:#4471ea}#app .u-color-accent{color:#ff852c;fill:#ff852c}#app .u-color-primary-action{color:#dc0a3c;fill:#dc0a3c}#app .u-color-secondary-action{color:#ff852c;fill:#ff852c}#app .u-color-success{color:#037b30;fill:#037b30}#app .u-color-error,#app .u-color-sale{color:#c70936;fill:#c70936}#app .u-bg-color-neutral-00{background-color:#fff}#app .u-bg-color-neutral-10{background-color:#f7f7f7}#app .u-bg-color-neutral-15{background-color:#eee}#app .u-bg-color-neutral-20{background-color:#d5d5d5}#app .u-bg-color-neutral-30{background-color:#bfbfbf}#app .u-bg-color-neutral-40{background-color:#999}#app .u-bg-color-neutral-50{background-color:#696969}#app .u-bg-color-neutral-60{background-color:#333}#app .u-bg-color-neutral-70{background-color:#000}#app .u-bg-color-brand{background-color:#4471ea}#app .u-bg-color-accent{background-color:#ff852c}#app .u-bg-color-primary-action{background-color:#dc0a3c}#app .u-bg-color-secondary-action{background-color:#ff852c}#app .u-bg-color-success{background-color:#037b30}#app .u-bg-color-error,#app .u-bg-color-sale{background-color:#c70936}#app .u-flex{display:block;flex:1 1 auto;width:100%}#app .u-flex-shrink{flex:initial;width:auto}#app .u-flex-none{flex:0 0 auto}#app .u-flexbox{display:flex;flex-direction:row;margin:0;padding:0;list-style:none}#app .u-direction-column{flex-direction:column}#app .u-direction-column-reverse{flex-direction:column-reverse}#app .u-direction-row{flex-direction:row}#app .u-direction-row-reverse{flex-direction:row-reverse}#app .u-align-top{align-items:flex-start}#app .u-align-center{align-items:center}#app .u-align-bottom{align-items:flex-end}#app .u-justify-start{justify-content:flex-start}#app .u-justify-end{justify-content:flex-end}#app .u-justify-between{justify-content:space-between}#app .u-justify-center{justify-content:center}#app .u-justify-around{justify-content:space-around}#app .u-order-1{order:1}#app .u-order-2{order:2}#app .u-order-3{order:3}#app .u-order-4{order:4}#app .u-order-5{order:5}#app .u-order-6{order:6}#app .u-float-start{float:left}#app .u-float-end{float:right}#app .u-clearfix:after,#app .u-clearfix:before{content:" ";display:table}#app .u-clearfix:after{clear:both}#app .u-position-relative{position:relative}#app .u-position-absolute{position:absolute}#app .u-position-fixed{position:fixed}#app .u-position-top{top:0}#app .u-position-right{right:0}#app .u-position-bottom{bottom:0}#app .u-position-left{left:0}#app .u-position-full{top:0;right:0;bottom:0;left:0}#app .u-margin-0{margin:0}#app .u-margin-center{margin:0 auto}#app .u-margin-all{margin:8px}#app .u-margin-top-0{margin-top:0}#app .u-margin-top{margin-top:8px}#app .u-margin-top-sm{margin-top:4px}#app .u-margin-top-md{margin-top:12px}#app .u-margin-top-lg{margin-top:16px}#app .u-margin-bottom-0{margin-bottom:0}#app .u-margin-bottom{margin-bottom:8px}#app .u-margin-bottom-sm{margin-bottom:4px}#app .u-margin-bottom-md{margin-bottom:12px}#app .u-margin-bottom-lg{margin-bottom:16px}#app .u-margin-start-0{margin-left:0}#app .u-margin-start{margin-left:8px}#app .u-margin-start-th{margin-left:.333em}#app .u-margin-start-en{margin-left:.5em}#app .u-margin-start-em{margin-left:1em}#app .u-margin-start-sm{margin-left:4px}#app .u-margin-start-md{margin-left:12px}#app .u-margin-start-lg{margin-left:16px}#app .u-margin-end-0{margin-right:0}#app .u-margin-end{margin-right:8px}#app .u-margin-end-th{margin-right:.333em}#app .u-margin-end-en{margin-right:.5em}#app .u-margin-end-em{margin-right:1em}#app .u-margin-end-sm{margin-right:4px}#app .u-margin-end-md{margin-right:12px}#app .u-margin-end-lg{margin-right:16px}#app .u-padding-0{padding:0}#app .u-padding{padding:8px}#app .u-padding-sm{padding:4px}#app .u-padding-md{padding:12px}#app .u-padding-lg{padding:16px}#app .u-padding-top-0{padding-top:0}#app .u-padding-top{padding-top:8px}#app .u-padding-top-sm{padding-top:4px}#app .u-padding-top-md{padding-top:12px}#app .u-padding-top-lg{padding-top:16px}#app .u-padding-bottom-0{padding-bottom:0}#app .u-padding-bottom{padding-bottom:8px}#app .u-padding-bottom-sm{padding-bottom:4px}#app .u-padding-bottom-md{padding-bottom:12px}#app .u-padding-bottom-lg{padding-bottom:16px}#app .u-padding-start-0{padding-left:0}#app .u-padding-start{padding-left:8px}#app .u-padding-start-th{padding-left:.333em}#app .u-padding-start-en{padding-left:.5em}#app .u-padding-start-em{padding-left:1em}#app .u-padding-start-sm{padding-left:4px}#app .u-padding-start-md{padding-left:12px}#app .u-padding-start-lg{padding-left:16px}#app .u-padding-end-0{padding-right:0}#app .u-padding-end{padding-right:8px}#app .u-padding-end-th{padding-right:.333em}#app .u-padding-end-en{padding-right:.5em}#app .u-padding-end-em{padding-right:1em}#app .u-padding-end-sm{padding-right:4px}#app .u-padding-end-md{padding-right:12px}#app .u-padding-end-lg{padding-right:16px}#app .u-text-content .u-h1{text-transform:uppercase}#app .u-text-content .u-h2{font-weight:600}#app .u-text-content .u-h3{color:#4471ea}#app .u-text-content .u-h4{text-transform:uppercase}#app .u-text-content p+p{margin-top:8px}#app .u-text-family{font-family:Verdana,Geneva,sans-serif}#app .u-text-family-header{font-family:"Avenir Next Condensed","Roboto Condensed","Helvetica Neue","Roboto",sans-serif}#app .u-text-family-loaded,.wf-active #app .u-text-family-header{font-family:"Roboto","Avenir Next Condensed","Roboto Condensed","Helvetica Neue",sans-serif}#app .u-text-weight-thin{font-weight:100}#app .u-text-weight-extra-light{font-weight:200}#app .u-text-weight-light{font-weight:300}#app .u-text-weight-regular{font-weight:400}#app .u-text-weight-medium{font-weight:500}#app .u-text-weight-semi-bold{font-weight:600}#app .u-text-weight-bold{font-weight:700}#app .u-text-style-italic{font-style:italic}#app .u-text-quiet{color:#696969;font-size:14px;fill:#696969}#app .u-text-size-smaller{font-size:12px}#app .u-text-size-small{font-size:14px}#app .u-text-size-base{font-size:16px}#app .u-text-size-big{font-size:20px}#app .u-text-size-bigger{font-size:24px}#app .u-text-size-huge{font-size:28px}#app .u-text-height-0{line-height:0}#app .u-text-height-tiny{line-height:8px}#app .u-text-height-smaller{line-height:12px}#app .u-text-height-small{line-height:16px}#app .u-text-height-base{line-height:20px}#app .u-text-height-big{line-height:24px}#app .u-text-height-bigger{line-height:28px}#app .u-text-height-huge{line-height:32px}#app .u-text-letter-spacing-small{letter-spacing:1px}#app .u-text-letter-spacing-normal{letter-spacing:normal}#app .u-text-align-start{text-align:left}#app .u-text-align-center{text-align:center}#app .u-text-align-end{text-align:right}#app .u-text-align-middle{vertical-align:middle}#app .u-text-align-baseline{vertical-align:baseline}#app .u-text-uppercase{text-transform:uppercase}#app .u-text-capitalize{text-transform:capitalize}#app .u-text-lowercase{text-transform:lowercase}#app .u-text-strikethrough{text-decoration:line-through}#app .u-display-block{display:block}#app .u-display-inline-block{display:inline-block}#app .u-display-inline{display:inline}#app .u-display-inline-table{display:inline-table}#app .u-display-none{display:none}#app .u-visually-hidden{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}#app .u-z-index-1{z-index:1}#app .u-z-index-2{z-index:10}#app .u-z-index-3{z-index:100}#app .u-z-index-4{z-index:1000}.c-Plp{background:#f1f3f6;font-family:Verdana,Geneva,sans-serif;margin-top:64px}.Login{background:#222;max-width:unset}@media only screen and (max-width:1140px){.Login{padding-left:unset;padding-right:unset;margin-right:unset;margin-left:unset}}.Login .loginContainer{border:2px solid grey;border-radius:.3rem;margin:1rem;background:#eee;padding-bottom:20px}.Login .loginContainer .c-login-intimation{padding:15px 5px 15px 15px;background:#000;color:#fff;margin-bottom:0}.Login .loginContainer .loginSplitter{text-align:center;margin-top:10px;margin-bottom:10px;text-transform:capitalize;font-size:25px;font-weight:bolder;line-height:30px}.c-Cart{background:#f1f3f6;font-family:Verdana,Geneva,sans-serif;margin-top:64px;margin-bottom:46px}.c-Cart .c-Cart__emptyCart{background:#fff;margin-top:25%;border:1px solid #000;text-align:center;padding:1em}.c-Cart .c-Cart__emptyCart .c-Cart__emptyCart__information{color:#999}.c-Cart .btn__continueShopping{display:block;margin:0 auto;border-radius:20px;padding:7px 20px;background-color:#4471ea;color:#f1f3f6;cursor:pointer;font-size:12px;font-weight:700}.c-Cart .btn__continueShopping:hover{opacity:.7}.c-InputField{margin-bottom:10px;margin-top:10px}.c-InputField input[type=password],.c-InputField input[type=text]{padding:5px;width:70%}.c-Form{padding:15px;background:#ddd;border:1px solid #bbb;border-radius:3px;margin-top:10px}.c-Jumbotron{padding:1rem;background:#222;color:#bbb;margin-bottom:0}.c-Jumbotron .my-4{border-color:#bbb}.c-Header{position:fixed;height:64px;left:0;top:0;right:0;width:100%;background-color:#4471ea;color:#fff;padding:1em;z-index:2;transition:transform .4s}.c-Header .row{justify-content:space-between}.c-Header .row .c-Header__cartIconContainer--aligner{display:flex;align-items:center;justify-content:flex-end}.c-Header [class*=col-]{padding:0}.c-Header [class*=col-].c-Header--margin-right{margin-right:.8em}.c-Header .c-Header__logo-main{cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%}.c-Header .c-Header__iconClass{transform:rotateX(18deg) rotate(10deg) scale(2);color:#ff0}.c-Header .header-icon{font-size:24px}.c-Header .header-icon:hover{color:#ffb179}@media only screen and (min-width:768px){.c-Header [class*=col-]{padding:0 15px}.c-Header .c-Header__logo-main{justify-content:normal}}.c-LoginForm{padding:1rem}.c-PageLoader{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);width:100%;height:100%;position:fixed;top:0;left:0;z-index:20}.c-PageLoader .c-PageLoader__lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.c-PageLoader .c-PageLoader__lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.c-PageLoader .c-PageLoader__lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.c-SocialLogin{padding:1rem;margin-bottom:2rem;display:flex;justify-content:center}.c-SocialLogin .abcRioButtonBlue{background:#fff;color:#585f6b}.abcRioButtonBlue{background-color:#fff!important;color:#585f6b!important;border-radius:3px}.fb-login-button,.g-signin2{display:flex!important;justify-content:center;margin-bottom:10px;border-radius:5px} +/*# sourceMappingURL=main.531d6279.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.531d6279.chunk.css.map b/static/css/main.531d6279.chunk.css.map new file mode 100644 index 0000000..1c1b68b --- /dev/null +++ b/static/css/main.531d6279.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["main.531d6279.chunk.css","styles/base/_animations.scss","styles/base/_forms.scss","styles/_variables.scss","styles/base/_general.scss","styles/base/_lists.scss","styles/base/_material.scss","styles/base/_tables.scss","styles/base/_typography.scss","styles/base/_mixins.scss","styles/utilities/_border.scss","styles/utilities/_box-shadow.scss","styles/utilities/_color.scss","styles/utilities/_flexbox.scss","styles/utilities/_layout.scss","styles/utilities/_margin.scss","styles/utilities/_padding.scss","styles/utilities/_text-content.scss","styles/utilities/_text.scss","styles/utilities/_display.scss","styles/utilities/_z-index.scss","pages/PLP/Plp.module.scss","pages/Login/Login.module.scss","pages/Cart/Cart.module.scss","components/atoms/InputField/InputField.component.scss","components/molecules/common/Form/Form.component.scss","components/molecules/common/Jumbotron/Jumbotron.component.scss","components/molecules/Header/Header.component.scss","components/molecules/LoginForm/LoginForm.component.scss","components/molecules/PageLoader/PageLoader.component.scss","components/molecules/SocialLogin/SocialLogin.component.scss","index.scss"],"names":[],"mappings":"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,0BASkB,aAAc,CAAI,MCNhC,gBAAiB,CACjB,wBAAyB,CACzB,UAAW,CACX,YAAe,CAClB,GAKG,eJgGuB,CI/FvB,eAAgB,CACnB,MAJG,aAOgB,CACnB,SAKG,qBAAsB,CACzB,kBCRG,QAAS,CAET,2FL8DoG,CK7DpG,eLuFqB,CKtFrB,gBAAiB,CAGjB,oFACI,2FLwDgG,CKvDnG,cAKD,eL2EmB,CK1EnB,cL8DiB,CK7DjB,gBLoDmB,CKnDtB,cAIG,cLyDmB,CKxDnB,gBL+CqB,CK9CxB,4BAMG,cLkDgB,CKjDhB,gBLwCkB,CKvCrB,cAIG,cAAyB,CACzB,gBLmCc,CKlCjB,cAIG,cLuCY,CKtCZ,gBL6Bc,CK5BjB,EAOG,QAAS,CACZ,EAGG,aLkEoB,CKjEpB,oBAAqB,CAFzB,iBAMQ,aLkEsC,CKjEzC,SAKD,eL2BuB,CK1B1B,MAGG,aAAc,CACjB,GASG,sBAAuB,CACvB,QAAS,CACT,aAAqB,CAErB,oBAAqB,CAArB,oBAAqB,CAErB,2BAA4B,CAC/B,IAGG,cAAe,CACf,QAAS,CACZ,WAGG,aAAqB,CACrB,gBLjFM,CKkFN,6BLQgB,CKNhB,aAA+B,CCtCvB,eCtER,wBPkHgB,CM5CR,iBClER,QAAS,CDkED,mBC9DR,4BP0GgB,CM5CR,mBC1DR,8BPsGgB,CM5CR,sBCtDR,+BPkGgB,CM5CR,qBClDR,6BP8FgB,CM5CR,qBC1CR,qBPoFa,CM1CL,yBCtCR,yBPgFa,CM1CL,yBClCR,2BP4Ea,CM1CL,4BC9BR,4BPwEa,CM1CL,2BC1BR,0BPoEa,CM1CL,sBClBR,iBPoIe,CMlHP,mBEzER,mCR8NqC,CMrJ7B,yBErER,mFR4NgG,CMvJxF,sBEjER,qCRuN6C,CMtJrC,yBE7DR,yCRqNiD,CMxJzC,yBGtER,UT6Ga,CS3Gb,ST2Ga,CMvCL,yBGhER,aTwGgB,CStGhB,YTsGgB,CMxCR,yBG1DR,UToGa,CSlGb,STkGa,CM1CL,yBGpDR,aTgGgB,CS9FhB,YT8FgB,CM5CR,yBG9CR,aT2FgB,CSzFhB,YTyFgB,CM7CR,yBGxCR,UTsFa,CSpFb,SToFa,CM9CL,yBGlCR,aTiFgB,CS/EhB,YT+EgB,CM/CR,yBG5BR,UT4Ea,CS1Eb,ST0Ea,CMhDL,yBGtBR,UTuEa,CSrEb,STqEa,CMjDL,oBGZR,aTiEiB,CS/DjB,YT+DiB,CMrDT,qBGNR,aTqEkB,CSnElB,YTmEkB,CM/DV,6BGAR,aToE0B,CSlE1B,YTkE0B,CMpElB,+BGMR,aTmE4B,CSjE5B,YTiE4B,CMzEpB,sBGYR,aTkEmB,CShEnB,YTgEmB,CM9EX,uCGwBR,aT2DiB,CSzDjB,YTyDiB,CMnFT,4BGkCR,qBTKa,CMvCL,4BGsCR,wBTEgB,CMxCR,4BG0CR,qBTAa,CM1CL,4BG8CR,wBTFgB,CM5CR,4BGkDR,wBTLgB,CM7CR,4BGsDR,qBTRa,CM9CL,4BG0DR,wBTXgB,CM/CR,4BG8DR,qBTda,CMhDL,4BGkER,qBTjBa,CMjDL,uBG0ER,wBTrBiB,CMrDT,wBG8ER,wBTfkB,CM/DV,gCGkFR,wBTd0B,CMpElB,kCGsFR,wBTb4B,CMzEpB,yBG0FR,wBTZmB,CM9EX,6CGkGR,wBTfiB,CMnFT,aI1DR,aAAc,CACd,aAAc,CACd,UAAW,CJwDH,oBI7CR,YAAa,CACb,UAAW,CJ4CH,kBIlCR,aAAc,CJkCN,gBIjBR,YAAa,CACb,kBAAmB,CACnB,QAAS,CACT,SAAU,CAEV,eAAgB,CJYR,yBIJR,qBAAsB,CJId,iCIAR,6BAA8B,CJAtB,sBIIR,kBAAmB,CJJX,8BIQR,0BAA2B,CJRnB,kBIgBR,sBAAuB,CJhBf,qBIoBR,kBAAmB,CJpBX,qBIwBR,oBAAqB,CJxBb,sBIgCR,0BAA2B,CJhCnB,oBIoCR,wBAAyB,CJpCjB,wBIwCR,6BAA8B,CJxCtB,uBI4CR,sBAAuB,CJ5Cf,uBIgDR,4BAA6B,CJhDrB,gBI2DR,OAAQ,CJ3DA,gBI+DR,OAAQ,CJ/DA,gBImER,OAAQ,CJnEA,gBIuER,OAAQ,CJvEA,gBI2ER,OAAQ,CJ3EA,gBI+ER,OAAQ,CJ/EA,oBKnER,UAAW,CLmEH,kBK/DR,WAAY,CL+DJ,+CK9CJ,WAAY,CAEZ,aAAc,CL4CV,uBKxCJ,UAAW,CLwCP,0BK7BR,iBAAkB,CL6BV,0BKnBR,iBAAkB,CLmBV,uBKTR,cAAe,CLSP,qBKDR,KAAM,CLCE,uBKGR,OAAQ,CLHA,wBKOR,QAAS,CLPD,sBKWR,MAAO,CLXC,sBKeR,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CLlBC,iBMtER,QAAS,CNsED,sBMlER,aAAc,CNkEN,mBM3DR,UZaM,CM8CE,qBM1CR,YAAa,CN0CL,mBMtCR,cZRM,CM8CE,sBMlCR,cAAuB,CNkCf,sBM9BR,eAAuB,CN8Bf,sBM1BR,eAAqB,CN0Bb,wBMtBR,eAAgB,CNsBR,sBMlBR,iBZ5BM,CM8CE,yBMdR,iBAA0B,CNclB,yBMVR,kBAA0B,CNUlB,yBMNR,kBAAwB,CNMhB,uBMoBR,aAAc,CNpBN,qBMwBR,eZtEM,CM8CE,wBM4BR,kBAAoB,CN5BZ,wBMgCR,gBAAkB,CNhCV,wBMoCR,eAAgB,CNpCR,wBMwCR,eAAwB,CNxChB,wBM4CR,gBAAwB,CN5ChB,wBMgDR,gBAAsB,CNhDd,qBMoDR,cAAe,CNpDP,mBMwDR,gBZtGM,CM8CE,sBM4DR,mBAAqB,CN5Db,sBMgER,iBAAmB,CNhEX,sBMoER,gBAAiB,CNpET,sBMwER,gBAAyB,CNxEjB,sBM4ER,iBAAyB,CN5EjB,sBMgFR,iBAAuB,CNhFf,kBOtER,SAAU,CPsEF,gBOlER,WboBM,CM8CE,mBO9DR,WAAoB,CP8DZ,mBO1DR,YAAoB,CP0DZ,mBOtDR,YAAkB,CPsDV,sBOtCR,aAAc,CPsCN,oBOlCR,ebZM,CM8CE,uBO9BR,eAAwB,CP8BhB,uBO1BR,gBAAwB,CP0BhB,uBOtBR,gBAAsB,CPsBd,yBOlBR,gBAAiB,CPkBT,uBOdR,kBbhCM,CM8CE,0BOVR,kBAA2B,CPUnB,0BONR,mBAA2B,CPMnB,0BOFR,mBAAyB,CPEjB,wBOwBR,cAAe,CPxBP,sBO4BR,gBb1EM,CM8CE,yBOgCR,mBAAqB,CPhCb,yBOoCR,iBAAmB,CPpCX,yBOwCR,gBAAiB,CPxCT,yBO4CR,gBAAyB,CP5CjB,yBOgDR,iBAAyB,CPhDjB,yBOoDR,iBAAuB,CPpDf,sBOwDR,eAAgB,CPxDR,oBO4DR,iBb1GM,CM8CE,uBOgER,oBAAsB,CPhEd,uBOoER,kBAAoB,CPpEZ,uBOwER,iBAAkB,CPxEV,uBO4ER,iBAA0B,CP5ElB,uBOgFR,kBAA0B,CPhFlB,uBOoFR,kBAAwB,CPpFhB,2BQrEJ,wBAAyB,CRqErB,2BQjEJ,ediGmB,CMhCf,2BQ7DJ,adkHa,CMrDT,2BQzDJ,wBAAyB,CRyDrB,yBQrDJ,cdOE,CM8CE,oBSrER,qCfwEqC,CMH7B,2BSjER,2FfqEoG,CMJ5F,iESxDR,2Ff4DoG,CMJ5F,yBShDR,ef2EkB,CM3BV,gCS5CR,efwEyB,CM5BjB,0BSxCR,efqEmB,CM7BX,4BSpCR,efkEqB,CM9Bb,2BShCR,ef+DoB,CM/BZ,8BS5BR,ef4DuB,CMhCf,yBSxBR,efyDkB,CMjCV,0BSpBR,iBAAkB,CToBV,mBShBR,af+DgB,Ce9DhB,cfoCkB,CelClB,Yf4DgB,CM/CR,0BSLR,cf2BoB,CMtBZ,wBSDR,cfsBkB,CMrBV,uBSGR,cfiBY,CMpBJ,sBSOR,cfYgB,CMnBR,yBSWR,cfOmB,CMlBX,uBSeR,cfEiB,CMjBT,sBSuBR,aAAc,CTvBN,yBS2BR,efbkB,CMdV,4BS+BR,gBflBsB,CMbd,0BSmCR,gBfvBoB,CMZZ,yBSuCR,gBf5Bc,CMXN,wBS2CR,gBfjCkB,CMVV,2BS+CR,gBftCqB,CMTb,yBSmDR,gBf3CmB,CMRX,kCS2DR,kBAAmB,CT3DX,mCS+DR,qBAAsB,CT/Dd,yBSuER,eAAgB,CTvER,0BS2ER,iBAAkB,CT3EV,uBS+ER,gBAAiB,CT/ET,0BSmFR,qBAAsB,CTnFd,4BSuFR,uBAAwB,CTvFhB,uBSiGR,wBAAyB,CTjGjB,wBS2GR,yBAA0B,CT3GlB,uBSqHR,wBAAyB,CTrHjB,2BS+HR,4BAA6B,CT/HrB,sBUrER,aAAc,CVqEN,6BU7DR,oBAAqB,CV6Db,uBUrDR,cAAe,CVqDP,6BU7CR,oBAAqB,CV6Cb,qBUrCR,YAAa,CVqCL,wBAxDR,iBAAkB,CAElB,eAAgB,CAChB,0BAA8B,CAC9B,SAAU,CACV,UAAW,CACX,SAAU,CACV,QAAS,CAiDD,kBWzER,SjBiNQ,CMxIA,kBWrER,UjB8MS,CMzID,kBWjER,WjB2MU,CM1IF,kBW7DR,YjBwMW,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","file":"main.531d6279.chunk.css","sourcesContent":["@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);\n@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);\n@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);\n@import url(https://fonts.googleapis.com/icon?family=Material+Icons);\n@import url(https://fonts.googleapis.com/css?family=McLaren&display=swap\" rel=\"stylesheet);\n@import url(https://fonts.googleapis.com/css?family=Indie+Flower);\n@-webkit-keyframes background-shimmer{0%{background-position:150vw 0}100%{background-position:-150vw 0}}@keyframes background-shimmer{0%{background-position:150vw 0}100%{background-position:-150vw 0}}.scroll-down .c-Header{transform:translate3d(0, -100%, 0)}.scroll-up .c-Header{transform:none}fieldset{min-width:0;margin:0;padding:0;border:0}input{margin:0;color:inherit;font:inherit;font-family:Verdana,Geneva,sans-serif;font-size:18px;line-height:normal}input::-moz-focus-inner{padding:0;border:0}textarea{margin:0;color:inherit;font:inherit}label,textarea{font-family:Verdana,Geneva,sans-serif;font-size:16px}label{display:inline-block;margin-bottom:4px;font-weight:600;-webkit-tap-highlight-color:rgba(0,0,0,0)}label:active{color:#df5e00}select,textarea,[type=\"text\"],[type=\"search\"],[type=\"password\"],[type=\"tel\"],[type=\"url\"],[type=\"number\"],[type=\"email\"]{width:100%;min-height:44px;padding:8px 8px;border:1px solid #d5d5d5;border-radius:0;background-color:#fff;line-height:20px;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}select::-webkit-input-placeholder,textarea::-webkit-input-placeholder,[type=\"text\"]::-webkit-input-placeholder,[type=\"search\"]::-webkit-input-placeholder,[type=\"password\"]::-webkit-input-placeholder,[type=\"tel\"]::-webkit-input-placeholder,[type=\"url\"]::-webkit-input-placeholder,[type=\"number\"]::-webkit-input-placeholder,[type=\"email\"]::-webkit-input-placeholder{color:dimgray}select:active,select:focus,textarea:active,textarea:focus,[type=\"text\"]:active,[type=\"text\"]:focus,[type=\"search\"]:active,[type=\"search\"]:focus,[type=\"password\"]:active,[type=\"password\"]:focus,[type=\"tel\"]:active,[type=\"tel\"]:focus,[type=\"url\"]:active,[type=\"url\"]:focus,[type=\"number\"]:active,[type=\"number\"]:focus,[type=\"email\"]:active,[type=\"email\"]:focus{border-color:#4471ea;box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3)}legend{padding:0}input[type=\"search\"]{box-sizing:border-box;-webkit-appearance:none}input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}select{height:44px;margin:0;border-radius:0;color:#4471ea;font-family:Verdana,Geneva,sans-serif;font-size:18px;text-transform:none}select,select[disabled]{background-repeat:no-repeat;background-position:calc(100% - 14px) center;background-size:12px 6px}optgroup{margin:0;color:inherit;font:inherit}[type=\"checkbox\"],[type=\"radio\"]{position:relative;display:inline-block;width:24px;height:24px;margin-right:8px;border:1px solid #d5d5d5;background:#fff;vertical-align:middle;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}[type=\"checkbox\"]:active,[type=\"radio\"]:active{background:#bfbfbf}[type=\"checkbox\"]:checked,[type=\"radio\"]:checked{border:0;background:#4471ea}[type=\"checkbox\"]:checked::after,[type=\"radio\"]:checked::after{content:'';position:absolute;display:block}[type=\"checkbox\"]:disabled,[type=\"radio\"]:disabled{border:0;background:rgba(213,213,213,0.5)}[type=\"radio\"]{border-radius:50%}[type=\"radio\"]:after{top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#fff}[type=\"checkbox\"]:checked:after{content:'';top:0;display:block;width:24px;height:24px;background:url('data:image/svg+xml;utf8,');color:#fff;line-height:0;pointer-events:none}button,[type=\"submit\"]{display:block;margin:0;padding:0;border:0;background:#eee;color:inherit;font:inherit;line-height:20px;text-transform:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}button::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{padding:0;border:0}button:active,[type=\"submit\"]:active{background:#bfbfbf}html input[type=\"button\"],input[type=\"reset\"]{-webkit-appearance:button}[disabled]{opacity:1;background:#eee;color:#999;-webkit-text-fill-color:#999}[disabled]:active,[disabled]:checked{border-color:#999;background:#eee}[disabled]:active::after,[disabled]:checked::after{color:#999}[disabled][type=\"radio\"]:after{background-color:#999}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html{color:#333;background-color:#f1f3f6;font-family:Verdana,Geneva,sans-serif;font-size:16px;line-height:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}figure{margin:0 0 1rem}pre{overflow:auto}code,kbd,pre,samp{font-family:source-code-pro, Menlo, Monaco, Consolas, \"Courier New\", monospace;font-size:1em}main,menu{display:block}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}template{display:none}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}[hidden]{display:none}@media only screen and (min-width: 768px){.c-Plp .container{max-width:100%}}ul,ol{margin:0;padding:0;list-style-type:none}dl{margin-bottom:8px;line-height:20px}dt{margin-top:8px;font-weight:600}dd{margin:0}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.material-icons.md-dark{color:rgba(0,0,0,0.54)}.material-icons.md-dark.md-inactive{color:rgba(0,0,0,0.26)}.material-icons.md-light{color:#fff}.material-icons.md-light.md-inactive{color:rgba(255,255,255,0.3)}.material-icons.orange600{color:#FB8C00}table{border-spacing:0;border-collapse:collapse;width:100%;margin:8px 0}th{padding:8px 0;font-weight:600;text-align:left}td{padding:8px 0}tr,td,th{vertical-align:middle}h1,h2,h3,h4,h5,h6{margin:0;font-family:\"Avenir Next Condensed\",\"Roboto Condensed\",\"Helvetica Neue\",\"Roboto\",sans-serif;font-weight:400;line-height:1.25}.wf-active h1,.wf-active h2,.wf-active h3,.wf-active h4,.wf-active h5,.wf-active h6{font-family:\"Roboto\",\"Avenir Next Condensed\",\"Roboto Condensed\",\"Helvetica Neue\",\"Roboto\",sans-serif}h1,#app .u-h1{font-weight:300;font-size:28px;line-height:32px}h2,#app .u-h2{font-size:24px;line-height:28px}h3,#app .u-h3,h4,#app .u-h4{font-size:20px;line-height:24px}h5,#app .u-h5{font-size:18px;line-height:20px}h6,#app .u-h6{font-size:16px;line-height:20px}p{margin:0}a{color:#005c83;text-decoration:none}a:active,a:focus{color:#df5e00}b,strong{font-weight:600}small{font-size:80%}hr{box-sizing:content-box;height:0;margin:16px 0;border:1px solid #d5d5d5;border-width:0 0 1px;-moz-box-sizing:content-box}img{max-width:100%;margin:0}blockquote{margin:16px 0;padding-left:8px;border-left:2px solid #d5d5d5;color:#595959}#app .u-border{border:1px solid #d5d5d5}#app .u-border-0{border:0}#app .u-border-top{border-top:1px solid #d5d5d5}#app .u-border-end{border-right:1px solid #d5d5d5}#app .u-border-bottom{border-bottom:1px solid #d5d5d5}#app .u-border-start{border-left:1px solid #d5d5d5}#app .u-border-light{border:1px solid #eee}#app .u-border-light-top{border-top:1px solid #eee}#app .u-border-light-end{border-right:1px solid #eee}#app .u-border-light-bottom{border-bottom:1px solid #eee}#app .u-border-light-start{border-left:1px solid #eee}#app .u-border-radius{border-radius:4px}#app .u-box-shadow{box-shadow:0 0 2px 0 rgba(0,0,0,0.3)}#app .u-box-shadow-inset{box-shadow:inset 0 2px 2px -2px rgba(0,0,0,0.3),inset 0 -2px 2px -2px rgba(0,0,0,0.3)}#app .u-box-shadow-lg{box-shadow:0 2px 4px 0 rgba(0,0,0,0.3)}#app .u-box-shadow-input{box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3)}#app .u-color-neutral-00{color:#fff;fill:#fff}#app .u-color-neutral-10{color:#f7f7f7;fill:#f7f7f7}#app .u-color-neutral-15{color:#eee;fill:#eee}#app .u-color-neutral-20{color:#d5d5d5;fill:#d5d5d5}#app .u-color-neutral-30{color:#bfbfbf;fill:#bfbfbf}#app .u-color-neutral-40{color:#999;fill:#999}#app .u-color-neutral-50{color:dimgray;fill:dimgray}#app .u-color-neutral-60{color:#333;fill:#333}#app .u-color-neutral-70{color:#000;fill:#000}#app .u-color-brand{color:#4471ea;fill:#4471ea}#app .u-color-accent{color:#ff852c;fill:#ff852c}#app .u-color-primary-action{color:#dc0a3c;fill:#dc0a3c}#app .u-color-secondary-action{color:#ff852c;fill:#ff852c}#app .u-color-success{color:#037b30;fill:#037b30}#app .u-color-error{color:#c70936;fill:#c70936}#app .u-color-sale{color:#c70936;fill:#c70936}#app .u-bg-color-neutral-00{background-color:#fff}#app .u-bg-color-neutral-10{background-color:#f7f7f7}#app .u-bg-color-neutral-15{background-color:#eee}#app .u-bg-color-neutral-20{background-color:#d5d5d5}#app .u-bg-color-neutral-30{background-color:#bfbfbf}#app .u-bg-color-neutral-40{background-color:#999}#app .u-bg-color-neutral-50{background-color:dimgray}#app .u-bg-color-neutral-60{background-color:#333}#app .u-bg-color-neutral-70{background-color:#000}#app .u-bg-color-brand{background-color:#4471ea}#app .u-bg-color-accent{background-color:#ff852c}#app .u-bg-color-primary-action{background-color:#dc0a3c}#app .u-bg-color-secondary-action{background-color:#ff852c}#app .u-bg-color-success{background-color:#037b30}#app .u-bg-color-error{background-color:#c70936}#app .u-bg-color-sale{background-color:#c70936}#app .u-flex{display:block;flex:1 1 auto;width:100%}#app .u-flex-shrink{flex:initial;width:auto}#app .u-flex-none{flex:0 0 auto}#app .u-flexbox{display:flex;flex-direction:row;margin:0;padding:0;list-style:none}#app .u-direction-column{flex-direction:column}#app .u-direction-column-reverse{flex-direction:column-reverse}#app .u-direction-row{flex-direction:row}#app .u-direction-row-reverse{flex-direction:row-reverse}#app .u-align-top{align-items:flex-start}#app .u-align-center{align-items:center}#app .u-align-bottom{align-items:flex-end}#app .u-justify-start{justify-content:flex-start}#app .u-justify-end{justify-content:flex-end}#app .u-justify-between{justify-content:space-between}#app .u-justify-center{justify-content:center}#app .u-justify-around{justify-content:space-around}#app .u-order-1{order:1}#app .u-order-2{order:2}#app .u-order-3{order:3}#app .u-order-4{order:4}#app .u-order-5{order:5}#app .u-order-6{order:6}#app .u-float-start{float:left}#app .u-float-end{float:right}#app .u-clearfix::before,#app .u-clearfix::after{content:' ';display:table}#app .u-clearfix::after{clear:both}#app .u-position-relative{position:relative}#app .u-position-absolute{position:absolute}#app .u-position-fixed{position:fixed}#app .u-position-top{top:0}#app .u-position-right{right:0}#app .u-position-bottom{bottom:0}#app .u-position-left{left:0}#app .u-position-full{top:0;right:0;bottom:0;left:0}#app .u-margin-0{margin:0}#app .u-margin-center{margin:0 auto}#app .u-margin-all{margin-top:8px;margin-right:8px;margin-bottom:8px;margin-left:8px}#app .u-margin-top-0{margin-top:0}#app .u-margin-top{margin-top:8px}#app .u-margin-top-sm{margin-top:4px}#app .u-margin-top-md{margin-top:12px}#app .u-margin-top-lg{margin-top:16px}#app .u-margin-bottom-0{margin-bottom:0}#app .u-margin-bottom{margin-bottom:8px}#app .u-margin-bottom-sm{margin-bottom:4px}#app .u-margin-bottom-md{margin-bottom:12px}#app .u-margin-bottom-lg{margin-bottom:16px}#app .u-margin-start-0{margin-left:0}#app .u-margin-start{margin-left:8px}#app .u-margin-start-th{margin-left:0.333em}#app .u-margin-start-en{margin-left:0.5em}#app .u-margin-start-em{margin-left:1em}#app .u-margin-start-sm{margin-left:4px}#app .u-margin-start-md{margin-left:12px}#app .u-margin-start-lg{margin-left:16px}#app .u-margin-end-0{margin-right:0}#app .u-margin-end{margin-right:8px}#app .u-margin-end-th{margin-right:0.333em}#app .u-margin-end-en{margin-right:0.5em}#app .u-margin-end-em{margin-right:1em}#app .u-margin-end-sm{margin-right:4px}#app .u-margin-end-md{margin-right:12px}#app .u-margin-end-lg{margin-right:16px}#app .u-padding-0{padding:0}#app .u-padding{padding:8px}#app .u-padding-sm{padding:4px}#app .u-padding-md{padding:12px}#app .u-padding-lg{padding:16px}#app .u-padding-top-0{padding-top:0}#app .u-padding-top{padding-top:8px}#app .u-padding-top-sm{padding-top:4px}#app .u-padding-top-md{padding-top:12px}#app .u-padding-top-lg{padding-top:16px}#app .u-padding-bottom-0{padding-bottom:0}#app .u-padding-bottom{padding-bottom:8px}#app .u-padding-bottom-sm{padding-bottom:4px}#app .u-padding-bottom-md{padding-bottom:12px}#app .u-padding-bottom-lg{padding-bottom:16px}#app .u-padding-start-0{padding-left:0}#app .u-padding-start{padding-left:8px}#app .u-padding-start-th{padding-left:0.333em}#app .u-padding-start-en{padding-left:0.5em}#app .u-padding-start-em{padding-left:1em}#app .u-padding-start-sm{padding-left:4px}#app .u-padding-start-md{padding-left:12px}#app .u-padding-start-lg{padding-left:16px}#app .u-padding-end-0{padding-right:0}#app .u-padding-end{padding-right:8px}#app .u-padding-end-th{padding-right:0.333em}#app .u-padding-end-en{padding-right:0.5em}#app .u-padding-end-em{padding-right:1em}#app .u-padding-end-sm{padding-right:4px}#app .u-padding-end-md{padding-right:12px}#app .u-padding-end-lg{padding-right:16px}#app .u-text-content .u-h1{text-transform:uppercase}#app .u-text-content .u-h2{font-weight:600}#app .u-text-content .u-h3{color:#4471ea}#app .u-text-content .u-h4{text-transform:uppercase}#app .u-text-content p+p{margin-top:8px}#app .u-text-family{font-family:Verdana,Geneva,sans-serif}#app .u-text-family-header{font-family:\"Avenir Next Condensed\",\"Roboto Condensed\",\"Helvetica Neue\",\"Roboto\",sans-serif}.wf-active #app .u-text-family-header{font-family:\"Roboto\",\"Avenir Next Condensed\",\"Roboto Condensed\",\"Helvetica Neue\",\"Roboto\",sans-serif}#app .u-text-family-loaded{font-family:\"Roboto\",\"Avenir Next Condensed\",\"Roboto Condensed\",\"Helvetica Neue\",\"Roboto\",sans-serif}#app .u-text-weight-thin{font-weight:100}#app .u-text-weight-extra-light{font-weight:200}#app .u-text-weight-light{font-weight:300}#app .u-text-weight-regular{font-weight:400}#app .u-text-weight-medium{font-weight:500}#app .u-text-weight-semi-bold{font-weight:600}#app .u-text-weight-bold{font-weight:700}#app .u-text-style-italic{font-style:italic}#app .u-text-quiet{color:dimgray;font-size:14px;fill:dimgray}#app .u-text-size-smaller{font-size:12px}#app .u-text-size-small{font-size:14px}#app .u-text-size-base{font-size:16px}#app .u-text-size-big{font-size:20px}#app .u-text-size-bigger{font-size:24px}#app .u-text-size-huge{font-size:28px}#app .u-text-height-0{line-height:0}#app .u-text-height-tiny{line-height:8px}#app .u-text-height-smaller{line-height:12px}#app .u-text-height-small{line-height:16px}#app .u-text-height-base{line-height:20px}#app .u-text-height-big{line-height:24px}#app .u-text-height-bigger{line-height:28px}#app .u-text-height-huge{line-height:32px}#app .u-text-letter-spacing-small{letter-spacing:1px}#app .u-text-letter-spacing-normal{letter-spacing:normal}#app .u-text-align-start{text-align:left}#app .u-text-align-center{text-align:center}#app .u-text-align-end{text-align:right}#app .u-text-align-middle{vertical-align:middle}#app .u-text-align-baseline{vertical-align:baseline}#app .u-text-uppercase{text-transform:uppercase}#app .u-text-capitalize{text-transform:capitalize}#app .u-text-lowercase{text-transform:lowercase}#app .u-text-strikethrough{text-decoration:line-through}#app .u-display-block{display:block}#app .u-display-inline-block{display:inline-block}#app .u-display-inline{display:inline}#app .u-display-inline-table{display:inline-table}#app .u-display-none{display:none}#app .u-visually-hidden{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}#app .u-z-index-1{z-index:1}#app .u-z-index-2{z-index:10}#app .u-z-index-3{z-index:100}#app .u-z-index-4{z-index:1000}.c-Plp{background:#f1f3f6;font-family:Verdana,Geneva,sans-serif;margin-top:64px}.Login{background:#222;max-width:unset}@media only screen and (max-width: 1140px){.Login{padding-left:unset;padding-right:unset;margin-right:unset;margin-left:unset}}.Login .loginContainer{border:2px solid grey;border-radius:0.3rem;margin:1rem;background:#eee;padding-bottom:20px}.Login .loginContainer .c-login-intimation{padding:15px 5px 15px 15px;background:black;color:white;margin-bottom:0}.Login .loginContainer .loginSplitter{text-align:center;margin-top:10px;margin-bottom:10px;text-transform:capitalize;font-size:25px;font-weight:bolder;line-height:30px}.c-Cart{background:#f1f3f6;font-family:Verdana,Geneva,sans-serif;margin-top:64px;margin-bottom:46px}.c-Cart .c-Cart__emptyCart{background:#fff;margin-top:25%;border:1px solid black;text-align:center;padding:1em}.c-Cart .c-Cart__emptyCart .c-Cart__emptyCart__information{color:#999}.c-Cart .btn__continueShopping{display:block;margin:0 auto;border-radius:20px;padding:7px 20px;background-color:#4471ea;color:#f1f3f6;cursor:pointer;font-size:12px;font-weight:700}.c-Cart .btn__continueShopping:hover{opacity:0.7}.c-InputField{margin-bottom:10px;margin-top:10px}.c-InputField input[type=\"text\"],.c-InputField input[type=\"password\"]{padding:5px;width:70%}.c-Form{padding:15px;background:#ddd;border:1px solid #bbb;border-radius:3px;margin-top:10px}.c-Jumbotron{padding:1rem;background:#222;color:#bbbbbb;margin-bottom:0}.c-Jumbotron .my-4{border-color:#bbb}.c-Header{position:fixed;height:64px;left:0;top:0;right:0;width:100%;background-color:#4471ea;color:#fff;padding:1em 1em;z-index:2;transition:transform 0.4s}.c-Header .row{justify-content:space-between}.c-Header .row .c-Header__cartIconContainer--aligner{display:flex;align-items:center;justify-content:flex-end}.c-Header [class*='col-']{padding:0}.c-Header [class*='col-'].c-Header--margin-right{margin-right:0.8em}.c-Header .c-Header__logo-main{cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%}.c-Header .c-Header__iconClass{transform:rotateX(18deg) rotateZ(10deg) scale(2);color:yellow}.c-Header .header-icon{font-size:24px}.c-Header .header-icon:hover{color:#ffb179}@media only screen and (min-width: 768px){.c-Header [class*='col-']{padding:0 15px}.c-Header .c-Header__logo-main{justify-content:normal}}.c-LoginForm{padding:1rem}.c-PageLoader{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:20}.c-PageLoader .c-PageLoader__lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.c-PageLoader .c-PageLoader__lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite}.c-PageLoader .c-PageLoader__lds-ripple div:nth-child(2){-webkit-animation-delay:-0.5s;animation-delay:-0.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0px;left:0px;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0px;left:0px;width:72px;height:72px;opacity:0}}.c-SocialLogin{padding:1rem;margin-bottom:2rem;display:flex;justify-content:center}.c-SocialLogin .abcRioButtonBlue{background:white;color:#585f6b}.abcRioButtonBlue{background-color:white !important;color:#585f6b !important;border-radius:3px}.g-signin2,.fb-login-button{display:flex !important;justify-content:center;margin-bottom:10px;border-radius:5px}\n\n","// Animations\n// ===\n//\n// Background Shimmer\n// ---\n\n@keyframes background-shimmer {\n 0% {\n background-position: 150vw 0;\n }\n\n 100% {\n background-position: -150vw 0;\n }\n}\n\n.scroll-down .c-Header {\n transform: translate3d(0, -100%, 0);\n}\n\n.scroll-up .c-Header {\n transform: none;\n}","// Forms\n// ===\n\n$base__radio-checkmark: 'data:image/svg+xml;utf8,';\n\n\n// General Form Elements\n// ---\n//\n// 1. Address Firefox 4+ setting `line-height` on `input` using `!important` in\n// the UA stylesheet.\n// 2. Remove padding so people aren’t caught out if they zero out fieldsets.\n// 3. Remove inner padding and border in Firefox 4+.\n// 4. Correct color not being inherited. Known issue: affects color of disabled\n// elements.\n// 5. Correct font properties not being inherited.\n// 6. Address margins set differently in Firefox 4+, Safari, and Chrome.\n// 7. Set font-size to 16px to avoid zooming in on iOS (https://stackoverflow.com/questions/11064237/prevent-iphone-from-zooming-form)\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ninput {\n margin: 0; // 6\n\n color: inherit; // 4\n font: inherit; // 5\n font-family: $font-family;\n font-size: $font-size + 2; // 7\n line-height: normal; // 1\n\n &::-moz-focus-inner {\n padding: 0; // 3\n border: 0; // 3\n }\n}\n\ntextarea {\n margin: 0; // 6\n\n color: inherit; // 4\n font: inherit; // 5\n}\n\nlabel,\ntextarea {\n font-family: $font-family;\n font-size: $font-size;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: $unit / 2;\n\n font-weight: $semi-bold-font-weight;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &:active {\n color: $active-link-color;\n }\n}\n\nselect,\ntextarea,\n[type=\"text\"],\n[type=\"search\"],\n[type=\"password\"],\n[type=\"tel\"],\n[type=\"url\"],\n[type=\"number\"],\n[type=\"email\"] {\n width: 100%;\n min-height: $tap-size;\n padding: $input-padding;\n border: $border;\n\n border-radius: 0;\n background-color: $input-background-color;\n\n line-height: $line-height;\n\n -webkit-appearance: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-webkit-input-placeholder {\n color: $neutral-50;\n }\n\n &:active,\n &:focus {\n border-color: $focus-color;\n\n box-shadow: $input-box-shadow;\n }\n}\n\nlegend {\n padding: 0; // 2\n}\n\n\n// Search input\n// ---\n//\n// These properties must be set with a slightly higher specificity for search\n// inputs because Normalize's defaults are a bit too specific\n//\n// 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n// 2. Remove inner padding and search cancel button in Safari and Chrome on OS X.\n// Safari (but not Chrome) clips the cancel button when the search input has\n// padding (and `textfield` appearance).\n\ninput[type=\"search\"] {\n box-sizing: border-box;\n\n -webkit-appearance: none; // 1\n\n &::-webkit-search-cancel-button,\n &::-webkit-search-decoration {\n -webkit-appearance: none; // 2\n }\n}\n\n// Select\n// ---\n//\n// 1. Restore browser default styling. If you’re taking full control of select\n// styling, remove both these lines.\n// 2. Simulate the position of the down-arrow as if it were a Icon component in\n// a button.\n// 3. Address inconsistent `text-transform` inheritance for `button` and `select`.\n// All other form control elements do not inherit `text-transform` values.\n// Correct `button` style inheritance in Firefox and Opera. Correct `select`\n// style inheritance in Firefox.\n// 4. Correct color not being inherited. Known issue: affects color of disabled\n// elements.\n// 5. Set font-size to 16px to avoid zooming in on iOS (https://stackoverflow.com/questions/11064237/prevent-iphone-from-zooming-form)\n// 6. Address margins set differently in Firefox 4+, Safari, and Chrome.\n\nselect {\n height: $tap-size; // 1\n margin: 0; // 6\n\n border-radius: 0;\n\n color: $brand-color;\n font-family: $font-family;\n font-size: $font-size + 2; // 5\n text-transform: none; // 3\n\n &,\n &[disabled] {\n background-repeat: no-repeat;\n background-position: calc(100% - 14px) center; // 2\n background-size: 12px 6px;\n }\n}\n\noptgroup {\n margin: 0; // 6\n\n color: inherit; // 4\n font: inherit; // 5\n}\n\n\n// Checkbox and Radios\n// ---\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n position: relative;\n\n display: inline-block;\n width: $unit*3;\n height: $unit*3;\n margin-right: $unit;\n border: $border;\n\n background: $neutral-00;\n\n vertical-align: middle;\n\n -webkit-appearance: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &:active {\n background: $neutral-30;\n }\n\n &:checked {\n border: 0;\n\n background: $brand-color;\n\n &::after {\n content: '';\n\n position: absolute;\n\n display: block;\n }\n }\n\n &:disabled {\n border: 0;\n\n background: rgba($neutral-20, 0.5);\n }\n}\n\n[type=\"radio\"] {\n border-radius: 50%;\n\n &:after {\n top: $unit;\n right: $unit;\n bottom: $unit;\n left: $unit;\n\n border-radius: 50%;\n background: $neutral-00;\n }\n}\n\n[type=\"checkbox\"] {\n &:checked {\n &:after {\n content: '';\n\n top: 0;\n\n display: block;\n width: $unit*3;\n height: $unit*3;\n\n background: url($base__radio-checkmark);\n\n color: $neutral-00;\n line-height: 0;\n\n pointer-events: none;\n }\n }\n}\n\n\n// Buttons\n// ---\n//\n// 1. Address margins set differently in Firefox 4+, Safari, and Chrome.\n// 2. Correct color not being inherited. Known issue: affects color of disabled\n// elements.\n// 3. Correct font properties not being inherited.\n// 4. Address inconsistent `text-transform` inheritance for `button` and `select`.\n// All other form control elements do not inherit `text-transform` values.\n// Correct `button` style inheritance in Firefox and Opera. Correct `select`\n// style inheritance in Firefox.\n// 5. Remove inner padding and border in Firefox 4+.\n// 6. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n// and `video` controls.\n// 7. Correct inability to style clickable `input` types in iOS.\n\nbutton,\n[type=\"submit\"] {\n display: block;\n margin: 0; // 1\n padding: 0;\n border: 0;\n\n background: $neutral-15;\n\n color: inherit; // 2\n font: inherit; // 3\n line-height: $line-height;\n text-transform: none; // 4\n\n -webkit-appearance: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n padding: 0; // 5\n border: 0; // 5\n }\n\n &:active {\n background: $neutral-30;\n }\n}\n\nhtml input[type=\"button\"],\n// 6\ninput[type=\"reset\"] {\n -webkit-appearance: button; // 7\n}\n\n\n// Disabled\n// ---\n//\n// 1. web-kit default disabled style\n// 2. Disabled style for button, checkbox, radio, input and select\n// 3. Checkbox and Radio style\n\n[disabled] {\n opacity: 1;\n background: $disabled-input-background-color;\n\n color: $disabled-input-color;\n\n -webkit-text-fill-color: $disabled-input-color; // 1\n\n // 2\n &:active,\n &:checked {\n border-color: $disabled-input-color;\n\n background: $disabled-input-background-color;\n\n &::after {\n color: $disabled-input-color; // 3\n }\n }\n\n &[type=\"radio\"]:after {\n background-color: $disabled-input-color;\n }\n}\n","// Project-Wide Variables\n// ===\n//\n// Edit these as needed. Some guidelines:\n//\n// - Names should be lowercase and dash-separated;\n// - Qualifiers should be added to the beginning of related variables: use\n// `$small-font-size`, not `$font-size-small`;\n// - Numeric scales should use increments of 10; these numbers are arbitrary and\n// should not map to actual values. If really necessary, additional values can\n// be added in between, e.g. $neutral-15 between 10 and 20.\n//\n//\n// Table of Contents\n// ---\n//\n// [AAA] Basic Layout\n// [BBB] Responsive Layout\n// [CCC] Typography\n// [DDD] Color Palette\n// [EEE] Appearance\n// [FFF] Z-Index\n// [GGG] Shorthands\n\n\n// [AAA] Basic Layout\n// ---\n\n// Basic unit for spacing and alignment; 6 to 12px recommended. Apply in whole\n// or half multiples.\n$sub-unit: 4px;\n$unit: 8px;\n\n// Standard tap-target size\n$tap-size: 44px;\n\n// Container max-width.\n$max-width: 1280px;\n\n// Content Height Calculations\n$header-height: 64px;\n$footer-height: 173px;\n$content-height: calc(100vh - #{$header-height} - #{$footer-height});\n\n// [BBB] Responsive Layout\n// ---\n//\n// Media query breakpoints and grid setup. Please see Mobify's Responsive Best\n// Practices doc here: https://bit.ly/2tmRnEi, and our Responsive Grid\n// documentation here: http://docs.mobify.com/latest/guides/responsive-grid/\n//\n// Note: $small-breakpoint isn't needed, since it is 0px\n\n$medium-breakpoint: 600px;\n$large-breakpoint: 960px;\n$xlarge-breakpoint: $max-width;\n\n$susy: (\n // Add color to show the columns and gutters\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(4),\n 'gutters': 12px\n);\n\n$medium-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 12px\n);\n\n$large-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 24px\n);\n\n\n// [CCC] Typography\n// ---\n// $font-family: 'San Francisco', 'Roboto', 'Fira Sans', 'Segoe UI', sans-serif;\n$font-family: Verdana, Geneva, sans-serif; \n$header-font-family: 'Avenir Next Condensed', 'Roboto Condensed', 'Helvetica Neue', 'Roboto', sans-serif;\n$loaded-header-font-family: 'Roboto', $header-font-family;\n\n// Line height\n$huge-line-height: 32px;\n$bigger-line-height: 28px;\n$big-line-height: 24px;\n$line-height: 20px;\n$small-line-height: 16px;\n$smaller-line-height: 12px;\n$tiny-line-height: 8px;\n\n// Font sizes\n$huge-font-size: 28px;\n$bigger-font-size: 24px;\n$big-font-size: 20px;\n$font-size: 16px;\n$small-font-size: 14px;\n$smaller-font-size: 12px;\n$tiny-font-size: 10px;\n$smallest-font-size: 8px;\n\n// Font weight\n$thin-font-weight: 100;\n$extra-light-font-weight: 200;\n$light-font-weight: 300;\n$regular-font-weight: 400;\n$medium-font-weight: 500;\n$semi-bold-font-weight: 600;\n$bold-font-weight: 700;\n\n// [DDD] Color Palette\n// ---\n\n// Neutrals\n$neutral-00: #fff;\n$neutral-10: #f7f7f7;\n$neutral-12: #f1f3f6;\n$neutral-15: #eee;\n$neutral-17: #e1e1e1;\n$neutral-20: #d5d5d5;\n$neutral-30: #bfbfbf;\n$neutral-40: #999;\n$neutral-50: #696969;\n$neutral-60: #333;\n$neutral-70: #000;\n\n// Brand colors\n// $brand-color: #017e9b; // blue\n$brand-color: #4471ea; // blue\n// $secondary-brand-color: #005569;\n$secondary-brand-color: #fafafa;\n$tertiary-brand-color: #83bdcb;\n$quaternary-brand-color: #bfdfe6;\n\n// UI Kit colors\n$ui-brand-color: #005c83; // dark blue\n\n// Accent colors\n$accent-color: #ff852c; // orange\n$light-accent-color: lighten($accent-color, 15%);\n$dark-accent-color: darken($accent-color, 15%);\n\n// Primary Action\n$primary-action-color: #dc0a3c;\n$light-primary-action-color: lighten($primary-action-color, 15%);\n$dark-primary-action-color: darken($primary-action-color, 15%);\n\n// Secondary Action\n$secondary-action-color: #ff852c;\n$light-secondary-action-color: lighten($secondary-action-color, 15%);\n$dark-secondary-action-color: darken($secondary-action-color, 15%);\n\n// Success colors\n$success-color: #037b30;\n$light-success-color: lighten($success-color, 15%);\n$dark-success-color: darken($success-color, 15%);\n\n// Error colors\n$error-color: #c70936;\n$light-error-color: lighten($error-color, 15%);\n$feedback-error-color: #f8e7eb;\n$dark-error-color: darken($error-color, 15%);\n\n// Sale color\n$sale-color: $error-color;\n$prominent-color: $error-color;\n\n// Social colors\n$facebook-color: #3a5a93;\n$twitter-color: #55aace;\n$instagram-color: #405de6;\n$pinterest-color: #bd081c;\n$youtube-color: #e52d27;\n$google-plus-color: #dd4b39;\n$yelp-color: #af0606;\n\n\n// [EEE] Appearance\n// ---\n\n$font-color: $neutral-60;\n$font-color-light: $neutral-12;\n\n$link-color: $ui-brand-color;\n$active-link-color: $dark-accent-color;\n\n$focus-color: $brand-color;\n\n$border-color: $neutral-20;\n$border-radius: 4px;\n\n$input-background-color: $neutral-00;\n$input-border-color: $border-color;\n$focused-input-border-color: $secondary-brand-color;\n$disabled-input-color: $neutral-40;\n$disabled-input-background-color: $neutral-15;\n$disabled-button-background-color: $neutral-15;\n$add-to-cart-button-background-color: #f7ae3a;\n$horizontal-input-padding: $unit;\n$vertical-input-padding: $unit;\n\n$background-color: $neutral-12;\n$overlay-color: rgba($neutral-00, 0.85);\n\n\n// [FFF] Z-Index\n// ---\n\n// Organizes z-index usage by name. Values can be incremented/decremented\n// slightly as necessary. eg. $z1-layer + 1;\n\n$z1-depth: 1; // background\n$z2-depth: 10; // icon or other ui element\n$z3-depth: 100; // modal shade or similar\n$z4-depth: 1000; // modal dialog or similar\n\n\n// [GGG] Shorthands\n// ---\n\n$border: 1px solid $border-color;\n$light-border: 1px solid $neutral-15;\n$input-padding: $vertical-input-padding $horizontal-input-padding;\n\n$box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);\n$large-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);\n$inset-box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.3), inset 0 -2px 2px -2px rgba(0, 0, 0, 0.3);\n$input-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3);\n$themeColor-Light: #f3e2c7;\n$themeColor-Dark:#252525;\n$theme-font: verdana, sans-serif;\n$theme-supplementer: #f39c12;\n$font-size-desktop-h5: 1.25em;\n$font-size-mobile-h5: 0.8em;\n$font-size-desktop-p: 1.1em;\n$font-size-mobile-p: 0.7em;\n","// General\n// ===\n\n// Document\n// ---\n//\n// 1. Applying styles to *::before or *::after is a performance issue on some\n// legacy Android devices (4.1.x). As such, these are disabled by default.\n// 2. Prevent iOS text size adjust after orientation change, without disabling\n// user zoom.\n// 3. Remove default margin in all browsers.\n\n\n// *::before, // 1\n// *::after, // 1\n* {\n box-sizing: border-box;\n\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n}\n\nhtml {\n color: $font-color;\n background-color: $neutral-12;\n font-family: $font-family;\n font-size: $font-size;\n line-height: $line-height;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -ms-text-size-adjust: 100%; // 2\n -webkit-text-size-adjust: 100%; // 2\n}\n\nbody {\n margin: 0;\n}\n\n// Grouping content\n// ---\n//\n// 1. Address margin not present in Safari.\n// 2. Contain overflow in all browsers.\n// 3. Address odd `em`-unit font size rendering in all browsers.The duplication\n// of `monospace` is intentional\n// ([Source](http://en.wikipedia.org/wiki/User:Davidgothberg/Test59)).\n\nfigure {\n // margin: 1em 40px; // 1\n margin: 0 0 1rem; // 1\n}\n\npre {\n overflow: auto; // 2\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\", monospace; // 3\n font-size: 1em; // 3\n}\n\n\n// New HTML5 elements\n// ---\n\n// Correct `block` display not defined for `main` in mobile Safari 6 and\n// Android 4.3.\n//\n// Correct `block` display not defined for `menu`.\n\nmain,\nmenu {\n display: block;\n}\n\n// Normalize vertical alignment of `progress` in Chrome and Firefox.\n\naudio,\ncanvas,\nprogress,\nvideo {\n vertical-align: baseline;\n}\n\n// Prevent modern browsers from displaying `audio` without controls.\n// Remove excess height in iOS 5 devices.\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n// Hide the `template` element in mobile Safari.\n\ntemplate {\n display: none;\n}\n\n// Prevent `sub` and `sup` affecting `line-height` in all browsers.\n\nsub,\nsup {\n position: relative;\n\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n\n// Hidden\n// ---\n//\n// Hide visually and from screen readers. `u-visually-hidden` class is preferred\n// to ensure that it's working in all conditions.\n\n[hidden] {\n display: none;\n}\n\n@media only screen and (min-width: 768px) {\n .c-Plp .container {\n max-width: 100%;\n }\n}","// Lists\n// ===\n\n\n// Ordered and Unordered Lists\n// ---\n//\n// We default to unstyled lists because they seem to be a more common usecase.\n// Use the extensions to re-add the defaults back in.\n//\n// It is our recommendation that instead of styling the ul and ol directly that\n// you create a list component that can be added to lists when needed.\n\nul,\nol {\n margin: 0;\n padding: 0;\n\n list-style-type: none;\n}\n\n\n// Definition Lists\n// ---\n\ndl {\n margin-bottom: $unit;\n\n line-height: $line-height;\n}\n\ndt {\n margin-top: $unit;\n\n font-weight: $semi-bold-font-weight;\n}\n\ndd {\n margin: 0;\n}\n","\n.material-icons {\n &.md-18 { font-size: 18px; }\n &.md-24 { font-size: 24px; }\n &.md-36 { font-size: 36px; }\n &.md-48 { font-size: 48px; }\n &.md-dark { color: rgba(0, 0, 0, 0.54); }\n &.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }\n &.md-light { color: rgba(255, 255, 255, 1); }\n &.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }\n &.orange600 { color: #FB8C00; }\n}","// Tables\n// ===\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n width: 100%;\n margin: $unit 0;\n}\n\nth {\n padding: $unit 0;\n\n font-weight: $semi-bold-font-weight;\n text-align: left;\n}\n\ntd {\n padding: $unit 0;\n}\n\ntr,\ntd,\nth {\n vertical-align: middle;\n}\n","// Typography\n// ===\n\n// Headers\n// ---\n@import url('https://use.fontawesome.com/releases/v5.1.0/css/all.css');\n@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');\n@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');\n@import url('https://fonts.googleapis.com/icon?family=Material+Icons');\n@import url('https://fonts.googleapis.com/css?family=McLaren&display=swap\" rel=\"stylesheet');\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n\n font-family: $header-font-family;\n font-weight: $regular-font-weight;\n line-height: 1.25;\n\n // Added with webfontloader. See loadFonts() in app/container.js\n .wf-active & {\n font-family: $loaded-header-font-family;\n }\n}\n\nh1,\n%h1 {\n font-weight: $light-font-weight;\n font-size: $huge-font-size;\n line-height: $huge-line-height;\n}\n\nh2,\n%h2 {\n font-size: $bigger-font-size;\n line-height: $bigger-line-height;\n}\n\nh3,\n%h3,\nh4,\n%h4 {\n font-size: $big-font-size;\n line-height: $big-line-height;\n}\n\nh5,\n%h5 {\n font-size: $font-size + 2;\n line-height: $line-height;\n}\n\nh6,\n%h6 {\n font-size: $font-size;\n line-height: $line-height;\n}\n\n\n// Text Elements\n// ---\n\np {\n margin: 0;\n}\n\na {\n color: $link-color;\n text-decoration: none;\n\n &:active,\n &:focus {\n color: $active-link-color;\n }\n}\n\nb,\nstrong {\n font-weight: $semi-bold-font-weight;\n}\n\nsmall {\n font-size: 80%;\n}\n\n\n// Miscellaneous Elements\n// ---\n//\n// 1. Address differences between Firefox and other browsers.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n margin: ($unit * 2) 0;\n border: $border;\n border-width: 0 0 1px;\n\n -moz-box-sizing: content-box; // 1\n}\n\nimg {\n max-width: 100%;\n margin: 0;\n}\n\nblockquote {\n margin: ($unit * 2) 0;\n padding-left: $unit;\n border-left: 2px solid $border-color;\n\n color: lighten($font-color, 15);\n}\n","// Mixins\n// ===\n//\n// Background Shimmer\n// ---\n\n@mixin background-shimmer() {\n overflow: hidden;\n background: $neutral-10;\n background-image: linear-gradient(to right,\n $neutral-10 0%, scale-color($neutral-15, $lightness: -5%) 50%, $neutral-10 100%);\n background-repeat: no-repeat;\n background-size: 100vw 100vh;\n animation: 1.5s linear infinite background-shimmer;\n}\n\n\n// Visually Hidden\n// ---\n\n@mixin visually-hidden() {\n position: absolute;\n\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n}\n\n\n// Wrap At Root\n// ---\n//\n// Wraps the nested blocks in the `$selector` of your choice, and at the root\n// level. Specificity of the selector can be increased by increasing the\n// `$degree` to a higher number than the default `1`.\n\n// Examples:\n// ---\n//\n// Default:\n//\n// @include wrap-at-root(\"#app\") {\n// .u-border-red { border: 1px solid red; }\n// }\n//\n// Output: #app .u-border-red { border: 1px solid red; }\n//\n//\n// Custom:\n//\n// @include wrap-at-root(\"#app\", 3) {\n// .u-border-red { border: 1px solid red; }\n// }\n//\n// Output: #app#app#app .u-border-red { border: 1px solid red; }\n\n\n// Parameters\n// ---\n//\n// @param $selector [String]: ID selector.\n// @param $degree [Number]: Effectively the number of id-level selectors you\n// need to override.\n\n@mixin wrap-at-root($selector, $degree: 1) {\n $selector-chain: '';\n\n // Build an id selector by chaining the same id onto itself once more than\n // the specified degree. So if degree: 3, we get #id#id#id.\n\n @for $i from 1 through $degree {\n $selector-chain: $selector-chain + $selector;\n }\n\n @at-root #{$selector-chain} {\n @content;\n }\n}\n","// Border\n// ===\n\n// Border (Width and Color)\n// ---\n\n.u-border {\n border: $border;\n}\n\n.u-border-0 {\n border: 0;\n}\n\n.u-border-top {\n border-top: $border;\n}\n\n.u-border-end {\n border-right: $border;\n}\n\n.u-border-bottom {\n border-bottom: $border;\n}\n\n.u-border-start {\n border-left: $border;\n}\n\n\n// Light Border (Width and Color)\n// ---\n\n.u-border-light {\n border: $light-border;\n}\n\n.u-border-light-top {\n border-top: $light-border;\n}\n\n.u-border-light-end {\n border-right: $light-border;\n}\n\n.u-border-light-bottom {\n border-bottom: $light-border;\n}\n\n.u-border-light-start {\n border-left: $light-border;\n}\n\n\n// Border (Other)\n// ---\n\n.u-border-radius {\n border-radius: $border-radius;\n}\n","// Box Shadow\n// ===\n\n.u-box-shadow {\n box-shadow: $box-shadow;\n}\n\n.u-box-shadow-inset {\n box-shadow: $inset-box-shadow;\n}\n\n.u-box-shadow-lg {\n box-shadow: $large-box-shadow;\n}\n\n.u-box-shadow-input {\n box-shadow: $input-box-shadow;\n}\n","// Color\n// ===\n\n// Neutral Colors\n// ---\n\n.u-color-neutral-00 {\n color: $neutral-00;\n\n fill: $neutral-00;\n}\n\n.u-color-neutral-10 {\n color: $neutral-10;\n\n fill: $neutral-10;\n}\n\n.u-color-neutral-15 {\n color: $neutral-15;\n\n fill: $neutral-15;\n}\n\n.u-color-neutral-20 {\n color: $neutral-20;\n\n fill: $neutral-20;\n}\n\n.u-color-neutral-30 {\n color: $neutral-30;\n\n fill: $neutral-30;\n}\n\n.u-color-neutral-40 {\n color: $neutral-40;\n\n fill: $neutral-40;\n}\n\n.u-color-neutral-50 {\n color: $neutral-50;\n\n fill: $neutral-50;\n}\n\n.u-color-neutral-60 {\n color: $neutral-60;\n\n fill: $neutral-60;\n}\n\n.u-color-neutral-70 {\n color: $neutral-70;\n\n fill: $neutral-70;\n}\n\n\n// Other Colors\n// ---\n\n.u-color-brand {\n color: $brand-color;\n\n fill: $brand-color;\n}\n\n.u-color-accent {\n color: $accent-color;\n\n fill: $accent-color;\n}\n\n.u-color-primary-action {\n color: $primary-action-color;\n\n fill: $primary-action-color;\n}\n\n.u-color-secondary-action {\n color: $secondary-action-color;\n\n fill: $secondary-action-color;\n}\n\n.u-color-success {\n color: $success-color;\n\n fill: $success-color;\n}\n\n.u-color-error {\n color: $error-color;\n\n fill: $error-color;\n}\n\n.u-color-sale {\n color: $sale-color;\n\n fill: $sale-color;\n}\n\n\n// Background Colors\n// ---\n\n.u-bg-color-neutral-00 {\n background-color: $neutral-00;\n}\n\n.u-bg-color-neutral-10 {\n background-color: $neutral-10;\n}\n\n.u-bg-color-neutral-15 {\n background-color: $neutral-15;\n}\n\n.u-bg-color-neutral-20 {\n background-color: $neutral-20;\n}\n\n.u-bg-color-neutral-30 {\n background-color: $neutral-30;\n}\n\n.u-bg-color-neutral-40 {\n background-color: $neutral-40;\n}\n\n.u-bg-color-neutral-50 {\n background-color: $neutral-50;\n}\n\n.u-bg-color-neutral-60 {\n background-color: $neutral-60;\n}\n\n.u-bg-color-neutral-70 {\n background-color: $neutral-70;\n}\n\n\n// Other Background Colors\n// ---\n\n.u-bg-color-brand {\n background-color: $brand-color;\n}\n\n.u-bg-color-accent {\n background-color: $accent-color;\n}\n\n.u-bg-color-primary-action {\n background-color: $primary-action-color;\n}\n\n.u-bg-color-secondary-action {\n background-color: $secondary-action-color;\n}\n\n.u-bg-color-success {\n background-color: $success-color;\n}\n\n.u-bg-color-error {\n background-color: $error-color;\n}\n\n.u-bg-color-sale {\n background-color: $sale-color;\n}\n","// Flexbox\n// ===\n//\n// Flexbox and align a row of items with a lot of control. Provides a\n// declarative, robust cross-browser way of using flexbox.\n\n\n// Flex (Grow)\n// ---\n//\n// Ensures that the flex child will grow to fill the available space.\n//\n// Note! This utility class should come **BEFORE** the `u-flexbox` class in\n// order to ensure that an element with both classes inherits only the\n// `display: flex` property.\n// 1. Ensure inline elements are treated as block-level.\n// 2. Prevent width collapsing in old implementations.\n\n.u-flex {\n display: block; // 1\n flex: 1 1 auto;\n width: 100%; // 2\n}\n\n\n// Flex (Shrink)\n// ---\n//\n// 1. Ensure width collapses in old implementations.\n\n\n.u-flex-shrink {\n flex: initial;\n width: auto; // 1\n}\n\n\n// Flex (None)\n// ---\n//\n// Neither grow nor shrink!\n\n.u-flex-none {\n flex: 0 0 auto;\n}\n\n\n// Flexbox\n// ---\n//\n// Includes gutters, for grid-like functionality.\n//\n// Note! This should come **AFTER** the `u-flex` utility class in order to\n// ensure an element that has both classes inherits `display: flex`!\n// 1. Remove default styles present on common root elements.\n// 2. Ensure in iOS 5 and 6 that flex-direction isn't inherited from\n// any flexbox parents that has flex-direction set to row-reverse\n\n\n.u-flexbox {\n display: flex;\n flex-direction: row; // 2\n margin: 0; // 1\n padding: 0; // 1\n\n list-style: none; // 1\n}\n\n\n// Directions\n// ---\n\n.u-direction-column {\n flex-direction: column;\n}\n\n.u-direction-column-reverse {\n flex-direction: column-reverse;\n}\n\n.u-direction-row {\n flex-direction: row;\n}\n\n.u-direction-row-reverse {\n flex-direction: row-reverse;\n}\n\n\n// Align Items\n// ---\n\n.u-align-top {\n align-items: flex-start;\n}\n\n.u-align-center {\n align-items: center;\n}\n\n.u-align-bottom {\n align-items: flex-end;\n}\n\n\n// Justify Content\n// ---\n\n.u-justify-start {\n justify-content: flex-start;\n}\n\n.u-justify-end {\n justify-content: flex-end;\n}\n\n.u-justify-between {\n justify-content: space-between;\n}\n\n.u-justify-center {\n justify-content: center;\n}\n\n.u-justify-around {\n justify-content: space-around;\n}\n\n\n// Order\n// ---\n//\n// Re-arrange the display order of up to six items. Add additional modifiers in\n// your own stylesheet to re-order more.\n\n.u-order-1 {\n order: 1;\n}\n\n.u-order-2 {\n order: 2;\n}\n\n.u-order-3 {\n order: 3;\n}\n\n.u-order-4 {\n order: 4;\n}\n\n.u-order-5 {\n order: 5;\n}\n\n.u-order-6 {\n order: 6;\n}\n","// Layout utils\n// ===\n\n// Floats\n// ---\n//\n// Writing-direction independent floats. For RTL stylesheets, re-define\n// these styles with the opposite direction. Templates need not be changed.\n\n.u-float-start {\n float: left;\n}\n\n.u-float-end {\n float: right;\n}\n\n\n// Contain floats\n// ---\n//\n// Contain all floated children and their margins.\n//\n// 1. Avoid an Opera bug when the contenteditable attribute is included anywhere\n// else in the document.\n// 2. Contain the the first child’s top margin. Ensures rendering is consistent\n// with the other common clearfix method, `overflow: hidden`.\n\n.u-clearfix {\n &::before,\n &::after {\n content: ' '; // 1\n\n display: table; // 2\n }\n\n &::after {\n clear: both;\n }\n}\n\n\n// Positioning relative\n// ---\n//\n// Create a new positioning context.\n\n.u-position-relative {\n position: relative;\n}\n\n\n// Positioning absolute\n// ---\n//\n// Create a new positioning context.\n\n.u-position-absolute {\n position: absolute;\n}\n\n\n// Positioning fixed\n// ---\n//\n// Create a new positioning context.\n\n.u-position-fixed {\n position: fixed;\n}\n\n\n// Positioning coordinate\n// ---\n\n.u-position-top {\n top: 0;\n}\n\n.u-position-right {\n right: 0;\n}\n\n.u-position-bottom {\n bottom: 0;\n}\n\n.u-position-left {\n left: 0;\n}\n\n.u-position-full {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n}\n","// Margin\n// ===\n\n// Miscellanous\n// ---\n\n.u-margin-0 {\n margin: 0;\n}\n\n.u-margin-center {\n margin: 0 auto;\n}\n\n.u-margin-all {\n margin-top: $unit;\n margin-right: $unit;\n margin-bottom: $unit;\n margin-left: $unit;\n}\n\n\n// Vertical Margins\n// ---\n//\n// Granular control over vertical spacing independent of a component. Includes\n// values based on global spacing.\n//\n// Suffixes:\n// 0: none\n// sm: small\n// md: medium\n// lg: large\n\n.u-margin-top-0 {\n margin-top: 0;\n}\n\n.u-margin-top {\n margin-top: $unit;\n}\n\n.u-margin-top-sm {\n margin-top: ($unit / 2);\n}\n\n.u-margin-top-md {\n margin-top: $unit * 1.5;\n}\n\n.u-margin-top-lg {\n margin-top: $unit * 2;\n}\n\n.u-margin-bottom-0 {\n margin-bottom: 0;\n}\n\n.u-margin-bottom {\n margin-bottom: $unit;\n}\n\n.u-margin-bottom-sm {\n margin-bottom: ($unit / 2);\n}\n\n.u-margin-bottom-md {\n margin-bottom: $unit * 1.5;\n}\n\n.u-margin-bottom-lg {\n margin-bottom: $unit * 2;\n}\n\n\n// Horizontal Margins\n// ---\n//\n// Granular control over horizontal spacing independent of a component. Includes\n// values based on global spacing, and adds values based on relative typographic\n// sizes.\n//\n// `start` and `end` are writing-direction independent forms for `left` and\n// `right`. For right-to-left localizations, create an alternate version of this\n// stylesheet with the property directions reversed.\n//\n// Suffixes:\n//\n// 0: none\n// th: thick space (about 1.5× a “normal” word space)\n// en: en space (half an em)\n// em: em space\n// sm: small\n// md: medium\n// lg: large\n\n.u-margin-start-0 {\n margin-left: 0;\n}\n\n.u-margin-start {\n margin-left: $unit;\n}\n\n.u-margin-start-th {\n margin-left: 0.333em;\n}\n\n.u-margin-start-en {\n margin-left: 0.5em;\n}\n\n.u-margin-start-em {\n margin-left: 1em;\n}\n\n.u-margin-start-sm {\n margin-left: ($unit / 2);\n}\n\n.u-margin-start-md {\n margin-left: $unit * 1.5;\n}\n\n.u-margin-start-lg {\n margin-left: $unit * 2;\n}\n\n.u-margin-end-0 {\n margin-right: 0;\n}\n\n.u-margin-end {\n margin-right: $unit;\n}\n\n.u-margin-end-th {\n margin-right: 0.333em;\n}\n\n.u-margin-end-en {\n margin-right: 0.5em;\n}\n\n.u-margin-end-em {\n margin-right: 1em;\n}\n\n.u-margin-end-sm {\n margin-right: ($unit / 2);\n}\n\n.u-margin-end-md {\n margin-right: $unit * 1.5;\n}\n\n.u-margin-end-lg {\n margin-right: $unit * 2;\n}\n","// Padding\n// ===\n\n// Miscellanous\n// ---\n\n.u-padding-0 {\n padding: 0;\n}\n\n.u-padding {\n padding: $unit;\n}\n\n.u-padding-sm {\n padding: ($unit / 2);\n}\n\n.u-padding-md {\n padding: $unit * 1.5;\n}\n\n.u-padding-lg {\n padding: $unit * 2;\n}\n\n// Vertical Padding\n// ---\n//\n// Granular control over vertical spacing independent of a component. Includes\n// values based on global spacing.\n//\n// Suffixes:\n// 0: none\n// sm: small\n// md: medium\n// lg: large\n\n.u-padding-top-0 {\n padding-top: 0;\n}\n\n.u-padding-top {\n padding-top: $unit;\n}\n\n.u-padding-top-sm {\n padding-top: ($unit / 2);\n}\n\n.u-padding-top-md {\n padding-top: $unit * 1.5;\n}\n\n.u-padding-top-lg {\n padding-top: $unit * 2;\n}\n\n.u-padding-bottom-0 {\n padding-bottom: 0;\n}\n\n.u-padding-bottom {\n padding-bottom: $unit;\n}\n\n.u-padding-bottom-sm {\n padding-bottom: ($unit / 2);\n}\n\n.u-padding-bottom-md {\n padding-bottom: $unit * 1.5;\n}\n\n.u-padding-bottom-lg {\n padding-bottom: $unit * 2;\n}\n\n\n// Horizontal Padding\n// ---\n//\n// Granular control over horizontal spacing independent of a component. Includes\n// values based on global spacing, and adds values based on relative typographic\n// sizes.\n//\n// `start` and `end` are writing-direction independent forms for `left` and\n// `right`. For right-to-left localizations, create an alternate version of this\n// stylesheet with the property directions reversed.\n//\n// Suffixes:\n//\n// 0: none\n// th: thick space (about 1.5× a “normal” word space)\n// en: en space (half an em)\n// em: em space\n// sm: small\n// md: medium\n// lg: large\n\n.u-padding-start-0 {\n padding-left: 0;\n}\n\n.u-padding-start {\n padding-left: $unit;\n}\n\n.u-padding-start-th {\n padding-left: 0.333em;\n}\n\n.u-padding-start-en {\n padding-left: 0.5em;\n}\n\n.u-padding-start-em {\n padding-left: 1em;\n}\n\n.u-padding-start-sm {\n padding-left: ($unit / 2);\n}\n\n.u-padding-start-md {\n padding-left: $unit * 1.5;\n}\n\n.u-padding-start-lg {\n padding-left: $unit * 2;\n}\n\n.u-padding-end-0 {\n padding-right: 0;\n}\n\n.u-padding-end {\n padding-right: $unit;\n}\n\n.u-padding-end-th {\n padding-right: 0.333em;\n}\n\n.u-padding-end-en {\n padding-right: 0.5em;\n}\n\n.u-padding-end-em {\n padding-right: 1em;\n}\n\n.u-padding-end-sm {\n padding-right: ($unit / 2);\n}\n\n.u-padding-end-md {\n padding-right: $unit * 1.5;\n}\n\n.u-padding-end-lg {\n padding-right: $unit * 2;\n}\n\n","// Text Content\n// ===\n//\n// This is used to apply text-based-content styles to a container. Think of a\n// blog post as an example of text content.\n\n.u-text-content {\n .u-h1 {\n text-transform: uppercase;\n }\n\n .u-h2 {\n font-weight: $semi-bold-font-weight;\n }\n\n .u-h3 {\n color: $brand-color;\n }\n\n .u-h4 {\n text-transform: uppercase;\n }\n\n p + p {\n margin-top: $unit;\n }\n}\n","// Text utils\n// ===\n\n\n// Font-Family\n// ---\n\n.u-text-family {\n font-family: $font-family;\n}\n\n.u-text-family-header {\n font-family: $header-font-family;\n\n // Added with webfontloader. See loadFonts() in app/container.js\n .wf-active & {\n font-family: $loaded-header-font-family;\n }\n}\n\n.u-text-family-loaded {\n font-family: $loaded-header-font-family;\n}\n\n\n// Weights & Style\n// ---\n\n.u-text-weight-thin {\n font-weight: $thin-font-weight;\n}\n\n.u-text-weight-extra-light {\n font-weight: $extra-light-font-weight;\n}\n\n.u-text-weight-light {\n font-weight: $light-font-weight;\n}\n\n.u-text-weight-regular {\n font-weight: $regular-font-weight;\n}\n\n.u-text-weight-medium {\n font-weight: $medium-font-weight;\n}\n\n.u-text-weight-semi-bold {\n font-weight: $semi-bold-font-weight;\n}\n\n.u-text-weight-bold {\n font-weight: $bold-font-weight;\n}\n\n.u-text-style-italic {\n font-style: italic;\n}\n\n.u-text-quiet {\n color: $neutral-50;\n font-size: $small-font-size;\n\n fill: $neutral-50;\n}\n\n\n// Size\n// ---\n\n.u-text-size-smaller {\n font-size: $smaller-font-size;\n}\n\n.u-text-size-small {\n font-size: $small-font-size;\n}\n\n.u-text-size-base {\n font-size: $font-size;\n}\n\n.u-text-size-big {\n font-size: $big-font-size;\n}\n\n.u-text-size-bigger {\n font-size: $bigger-font-size;\n}\n\n.u-text-size-huge {\n font-size: $huge-font-size;\n}\n\n\n// Line Height\n// ---\n\n.u-text-height-0 {\n line-height: 0;\n}\n\n.u-text-height-tiny {\n line-height: $tiny-line-height;\n}\n\n.u-text-height-smaller {\n line-height: $smaller-line-height;\n}\n\n.u-text-height-small {\n line-height: $small-line-height;\n}\n\n.u-text-height-base {\n line-height: $line-height;\n}\n\n.u-text-height-big {\n line-height: $big-line-height;\n}\n\n.u-text-height-bigger {\n line-height: $bigger-line-height;\n}\n\n.u-text-height-huge {\n line-height: $huge-line-height;\n}\n\n\n// Letter Spacing\n// ---\n\n.u-text-letter-spacing-small {\n letter-spacing: 1px;\n}\n\n.u-text-letter-spacing-normal {\n letter-spacing: normal;\n}\n\n\n// Text Alignment\n// ---\n\n.u-text-align-start {\n text-align: left;\n}\n\n.u-text-align-center {\n text-align: center;\n}\n\n.u-text-align-end {\n text-align: right;\n}\n\n.u-text-align-middle {\n vertical-align: middle;\n}\n\n.u-text-align-baseline {\n vertical-align: baseline;\n}\n\n\n// All Caps\n// ---\n//\n// Set text uppercase, letterspaced for legibility.\n\n.u-text-uppercase {\n text-transform: uppercase;\n}\n\n\n// Capitalize Text\n// ---\n//\n// Capitalize first letter of string.\n\n.u-text-capitalize {\n text-transform: capitalize;\n}\n\n\n// Lowercase Text\n// ---\n//\n// Lowercase all text in string.\n\n.u-text-lowercase {\n text-transform: lowercase;\n}\n\n\n// Strikethrough Text\n// ---\n//\n// Strikethrough all text in string.\n\n.u-text-strikethrough {\n text-decoration: line-through;\n}\n","// Display\n// ===\n\n\n// Display: Block\n// ---\n\n.u-display-block {\n display: block;\n}\n\n\n// Display: Inline Block\n// ---\n\n.u-display-inline-block {\n display: inline-block;\n}\n\n\n// Display: Inline\n// ---\n\n.u-display-inline {\n display: inline;\n}\n\n\n// Dispaly: Inline Table\n// ---\n\n.u-display-inline-table {\n display: inline-table;\n}\n\n\n// Display: None\n// ---\n\n.u-display-none {\n display: none;\n}\n","// Z-Index\n// ===\n\n.u-z-index-1 {\n z-index: $z1-depth;\n}\n\n.u-z-index-2 {\n z-index: $z2-depth;\n}\n\n.u-z-index-3 {\n z-index: $z3-depth;\n}\n\n.u-z-index-4 {\n z-index: $z4-depth;\n}\n","@import './../../styles/variables';\n\n.c-Plp {\n background: $neutral-12;\n font-family: $font-family;\n margin-top: $header-height;\n}\n",".Login {\n background: #222;\n max-width: unset;\n @media only screen and (max-width: 1140px) {\n padding-left: unset;\n padding-right: unset;\n margin-right: unset;\n margin-left: unset;\n }\n .loginContainer {\n border: 2px solid grey;\n border-radius: 0.3rem;\n margin: 1rem;\n background: #eee;\n padding-bottom: 20px;\n .c-login-intimation {\n padding: 15px 5px 15px 15px;\n background: black;\n color: white;\n margin-bottom: 0;\n }\n .loginSplitter {\n text-align: center;\n margin-top: 10px;\n margin-bottom: 10px;\n text-transform: capitalize;\n font-size: 25px;\n font-weight: bolder;\n line-height: 30px;\n }\n }\n}\n","@import './../../styles/variables';\n\n.c-Cart {\n background: $neutral-12;\n font-family: $font-family;\n margin-top: $header-height;\n margin-bottom: 46px;\n // padding: 15px 10px;\n\n .c-Cart__emptyCart {\n background: $neutral-00;\n margin-top: 25%;\n border: 1px solid black;\n text-align: center;\n padding: 1em;\n\n .c-Cart__emptyCart__information {\n color: $neutral-40;\n }\n }\n\n .btn__continueShopping {\n display: block;\n margin: 0 auto;\n border-radius: 20px;\n padding: 7px 20px;\n background-color: $brand-color;\n color: $neutral-12; \n cursor: pointer;\n font-size: $smaller-font-size;\n font-weight: $bold-font-weight;\n }\n \n .btn__continueShopping:hover {\n opacity: 0.7;\n }\n\n .c-Cart__mainContent {\n \n }\n}\n",".c-InputField {\n margin-bottom: 10px;\n margin-top: 10px;\n // label {\n // float: left;\n // display: flex;\n // align-items: center;\n // justify-content: center;\n // margin-right: 10px;\n // }\n input[type=\"text\"],input[type=\"password\"] {\n padding: 5px;\n width: 70%;\n }\n}\n",".c-Form {\n padding: 15px;\n background: #ddd;\n border: 1px solid #bbb;\n border-radius: 3px;\n margin-top: 10px;\n}\n",".c-Jumbotron {\n padding: 1rem;\n background: #222;\n color: #bbbbbb;\n margin-bottom: 0;\n .my-4 {\n border-color: #bbb;\n }\n}\n","@import './../../../styles/variables';\n\n.c-Header {\n // display: flex;\n // align-items: center;\n // justify-content: center;\n position: fixed;\n height: $header-height;\n left: 0;\n top: 0;\n right: 0;\n width: 100%;\n background-color: $brand-color;\n color: $neutral-00;\n padding: 1em 1em;\n z-index: 2;\n transition: transform 0.4s;\n\n .row {\n justify-content: space-between;\n .c-Header__cartIconContainer--aligner {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n }\n }\n\n [class*='col-'] {\n padding: 0;\n\n &.c-Header--margin-right {\n margin-right: 0.8em;\n }\n }\n\n .c-Header__logo-main {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n }\n\n .c-Header__iconClass {\n transform: rotateX(18deg) rotateZ(10deg) scale(2);\n color: yellow;\n // margin: 6px 0px 3px 3px;\n }\n\n .header-icon {\n font-size: $bigger-font-size;\n &:hover {\n color: $light-accent-color;\n }\n }\n\n @media only screen and (min-width: 768px) {\n [class*='col-'] {\n padding: 0 15px;\n }\n .c-Header__logo-main {\n justify-content: normal;\n }\n }\n}\n",".c-LoginForm {\n padding: 1rem;\n}\n","@import url('https://fonts.googleapis.com/css?family=Indie+Flower');\n\n.c-PageLoader {\n\t// margin-top: 50%;\t\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: rgba(0,0,0,0.3); \n width: 100%; \n height: 100%; \n position: fixed; \n top:0px; \n left:0px; \n z-index: 20;\n\n\t// .is-animate {\n\t// \t\tbackground: #ffb200;\n\t// \t\tbox-sizing: border-box;\n\t// \t\tfont-size: 66px;\n\t// \t\tdisplay: -webkit-inline-box;\n\t// \t\tpadding: 14px;\n\t// \t\tborder-radius: 7px;\n\t// }\n\t// .is-animate > div {\n\t// \t\tanimation-name: style;\n\t// \t\tdisplay: -webkit-inline-box;\n\t// \t\tcolor: #fff;\n\t// \t\tpadding: 9px;\n\t// \t\tbackground: #ffb200;\n\t// \t\tfont-family: 'Indie Flower', cursive;\n\t// \t\tbox-shadow: 2px 2px 9px 2px;\n\t// }\n\t// .l{\n\t// \tanimation: letterspacing 1s infinite alternate cubic-bezier(.2, 0, 0, 1);\n\t// }\n\t\n\t// .is-animate > div {\n\t// \tanimation-duration: 1s;\n\t// \tanimation-fill-mode: both;\n\t// \tanimation-iteration-count: infinite;\n\t// }\n\t\n\t// .is-animate > div:nth-child(1) { animation-delay: 0.0s }\n\t// .is-animate > div:nth-child(2) { animation-delay: 0.1s }\n\t// .is-animate > div:nth-child(3) { animation-delay: 0.2s }\n\t// .is-animate > div:nth-child(4) { animation-delay: 0.3s }\n\t// .is-animate > div:nth-child(5) { animation-delay: 0.4s }\n\t// .is-animate > div:nth-child(6) { animation-delay: 0.5s }\n\t// .is-animate > div:nth-child(7) { animation-delay: 0.6s }\n\t\n\t\n\t// @keyframes style {\n\t// \tfrom {\n\t// \t\ttransform: scale3d(1, 1, 1);\n\t// \t}\n\t// \t30% {\n\t// \t\tbox-shadow: 0px 0px 0px 0px;\n\t// \t\ttransform: scale3d(1.25, 0.75, 1);\n\t// \t}\n\t// \t40% {\n\t// \t\ttransform: scale3d(0.75, 1.25, 1);\n\t// \t}\n\t// \t50% {\n\t// \t\ttransform: scale3d(1.15, 0.85, 1);\n\t// \t}\n\t// \t65% {\n\t// \t\ttransform: scale3d(.95, 1.05, 1);\n\t// \t}\n\t// \t75% {\n\t// \t\ttransform: scale3d(1.05, .95, 1);\n\t// \t}\n\t// \tto {\n\t// \t\ttransform: scale3d(1, 1, 1);\n\t// \t}\n\t// }\n\t\n\t\n\t// @keyframes letterspacing {\n\t// \t0% {\n\t// \t\tfilter: blur(0.1rem);\n\t// \t} \n\t// \t100% {\n\t// \t\tfilter: blur(0.5rem);\n\t// \t}\n\t// \tto {\n\t// \t\tletter-spacing: none;\n\t// \t\tfilter: blur(0rem);\n\t// \t}\n\t// }\n\n\n\t.c-PageLoader__lds-ripple {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\twidth: 80px;\n\t\theight: 80px;\n\t\tdiv {\n\t\t\tposition: absolute;\n\t\t\tborder: 4px solid #fff;\n\t\t\topacity: 1;\n\t\t\tborder-radius: 50%;\n\t\t\tanimation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;\n\t\t\t&:nth-child(2) {\n\t\t\t\tanimation-delay: -0.5s;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t@keyframes lds-ripple {\n\t\t0% {\n\t\t\ttop: 36px;\n\t\t\tleft: 36px;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\ttop: 0px;\n\t\t\tleft: 0px;\n\t\t\twidth: 72px;\n\t\t\theight: 72px;\n\t\t\topacity: 0;\n\t\t}\n\t}\n}\n",".c-SocialLogin {\n padding: 1rem;\n margin-bottom: 2rem;\n display: flex;\n justify-content: center;\n .abcRioButtonBlue {\n background: white;\n color: #585f6b;\n }\n}\n","@charset 'UTF-8';\n\n@import 'styles/variables';\n@import 'styles/base';\n@import 'styles/utilities';\n@import 'styles/pages';\n@import 'styles/components';\n\n.abcRioButtonBlue {\n background-color: white!important;\n color: #585f6b!important;\n border-radius: 3px;\n}\n\n.g-signin2, .fb-login-button {\n display: flex!important;\n justify-content: center;\n margin-bottom: 10px;\n border-radius: 5px;\n}\n\n"]} \ No newline at end of file diff --git a/static/css/main.cec7fcc2.chunk.css b/static/css/main.cec7fcc2.chunk.css deleted file mode 100644 index 2932975..0000000 --- a/static/css/main.cec7fcc2.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url(https://fonts.googleapis.com/css?family=McLaren&display=swap" rel="stylesheet);@import url(https://fonts.googleapis.com/css?family=Indie+Flower);@-webkit-keyframes background-shimmer{0%{background-position:150vw 0}to{background-position:-150vw 0}}@keyframes background-shimmer{0%{background-position:150vw 0}to{background-position:-150vw 0}}.scroll-down .c-Header{transform:translate3d(0,-100%,0)}.scroll-up .c-Header{transform:none}fieldset{min-width:0;margin:0;padding:0;border:0}input{margin:0;color:inherit;font:inherit;font-family:Verdana,Geneva,sans-serif;font-size:18px;line-height:normal}input::-moz-focus-inner{padding:0;border:0}textarea{margin:0;color:inherit;font:inherit}label,textarea{font-family:Verdana,Geneva,sans-serif;font-size:16px}label{display:inline-block;margin-bottom:4px;font-weight:600;-webkit-tap-highlight-color:rgba(0,0,0,0)}label:active{color:#df5e00}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],select,textarea{width:100%;min-height:44px;padding:8px;border:1px solid #d5d5d5;border-radius:0;background-color:#fff;line-height:20px;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}[type=email]::-webkit-input-placeholder,[type=number]::-webkit-input-placeholder,[type=password]::-webkit-input-placeholder,[type=search]::-webkit-input-placeholder,[type=tel]::-webkit-input-placeholder,[type=text]::-webkit-input-placeholder,[type=url]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#696969}[type=email]:active,[type=email]:focus,[type=number]:active,[type=number]:focus,[type=password]:active,[type=password]:focus,[type=search]:active,[type=search]:focus,[type=tel]:active,[type=tel]:focus,[type=text]:active,[type=text]:focus,[type=url]:active,[type=url]:focus,select:active,select:focus,textarea:active,textarea:focus{border-color:#4471ea;box-shadow:inset 0 0 5px 0 rgba(0,0,0,.3)}legend{padding:0}input[type=search]{box-sizing:border-box;-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}select{height:44px;margin:0;border-radius:0;color:#4471ea;font-family:Verdana,Geneva,sans-serif;font-size:18px;text-transform:none}select,select[disabled]{background-repeat:no-repeat;background-position:calc(100% - 14px) 50%;background-size:12px 6px}optgroup{margin:0;color:inherit;font:inherit}[type=checkbox],[type=radio]{position:relative;display:inline-block;width:24px;height:24px;margin-right:8px;border:1px solid #d5d5d5;background:#fff;vertical-align:middle;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}[type=checkbox]:active,[type=radio]:active{background:#bfbfbf}[type=checkbox]:checked,[type=radio]:checked{border:0;background:#4471ea}[type=checkbox]:checked:after,[type=radio]:checked:after{content:"";position:absolute;display:block}[type=checkbox]:disabled,[type=radio]:disabled{border:0;background:hsla(0,0%,83.5%,.5)}[type=radio]{border-radius:50%}[type=radio]:after{top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#fff}[type=checkbox]:checked:after{content:"";top:0;display:block;width:24px;height:24px;background:url('data:image/svg+xml;utf8,');color:#fff;line-height:0;pointer-events:none}[type=submit],button{display:block;margin:0;padding:0;border:0;background:#eee;color:inherit;font:inherit;line-height:20px;text-transform:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border:0}[type=submit]:active,button:active{background:#bfbfbf}html input[type=button],input[type=reset]{-webkit-appearance:button}[disabled]{opacity:1;background:#eee;color:#999;-webkit-text-fill-color:#999}[disabled]:active,[disabled]:checked{border-color:#999;background:#eee}[disabled]:active:after,[disabled]:checked:after{color:#999}[disabled][type=radio]:after{background-color:#999}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html{color:#333;background-color:#f1f3f6;font-family:Verdana,Geneva,sans-serif;font-size:16px;line-height:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}figure{margin:0 0 1rem}pre{overflow:auto}code,kbd,pre,samp{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;font-size:1em}main,menu{display:block}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}template{display:none}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}[hidden]{display:none}ol,ul{margin:0;padding:0;list-style-type:none}dl{margin-bottom:8px;line-height:20px}dt{margin-top:8px;font-weight:600}dd{margin:0}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.material-icons.md-dark{color:rgba(0,0,0,.54)}.material-icons.md-dark.md-inactive{color:rgba(0,0,0,.26)}.material-icons.md-light{color:#fff}.material-icons.md-light.md-inactive{color:hsla(0,0%,100%,.3)}.material-icons.orange600{color:#fb8c00}table{border-spacing:0;border-collapse:collapse;width:100%;margin:8px 0}th{font-weight:600;text-align:left}td,th{padding:8px 0}td,th,tr{vertical-align:middle}h1,h2,h3,h4,h5,h6{margin:0;font-family:"Avenir Next Condensed","Roboto Condensed","Helvetica Neue","Roboto",sans-serif;font-weight:400;line-height:1.25}.wf-active h1,.wf-active h2,.wf-active h3,.wf-active h4,.wf-active h5,.wf-active h6{font-family:"Roboto","Avenir Next Condensed","Roboto Condensed","Helvetica Neue",sans-serif}#app .u-h1,h1{font-weight:300;font-size:28px;line-height:32px}#app .u-h2,h2{font-size:24px;line-height:28px}#app .u-h3,#app .u-h4,h3,h4{font-size:20px;line-height:24px}#app .u-h5,h5{font-size:18px;line-height:20px}#app .u-h6,h6{font-size:16px;line-height:20px}p{margin:0}a{color:#005c83;text-decoration:none}a:active,a:focus{color:#df5e00}b,strong{font-weight:600}small{font-size:80%}hr{box-sizing:content-box;height:0;margin:16px 0;border:solid #d5d5d5;border-width:0 0 1px;-moz-box-sizing:content-box}img{max-width:100%;margin:0}blockquote{margin:16px 0;padding-left:8px;border-left:2px solid #d5d5d5;color:#595959}#app .u-border{border:1px solid #d5d5d5}#app .u-border-0{border:0}#app .u-border-top{border-top:1px solid #d5d5d5}#app .u-border-end{border-right:1px solid #d5d5d5}#app .u-border-bottom{border-bottom:1px solid #d5d5d5}#app .u-border-start{border-left:1px solid #d5d5d5}#app .u-border-light{border:1px solid #eee}#app .u-border-light-top{border-top:1px solid #eee}#app .u-border-light-end{border-right:1px solid #eee}#app .u-border-light-bottom{border-bottom:1px solid #eee}#app .u-border-light-start{border-left:1px solid #eee}#app .u-border-radius{border-radius:4px}#app .u-box-shadow{box-shadow:0 0 2px 0 rgba(0,0,0,.3)}#app .u-box-shadow-inset{box-shadow:inset 0 2px 2px -2px rgba(0,0,0,.3),inset 0 -2px 2px -2px rgba(0,0,0,.3)}#app .u-box-shadow-lg{box-shadow:0 2px 4px 0 rgba(0,0,0,.3)}#app .u-box-shadow-input{box-shadow:inset 0 0 5px 0 rgba(0,0,0,.3)}#app .u-color-neutral-00{color:#fff;fill:#fff}#app .u-color-neutral-10{color:#f7f7f7;fill:#f7f7f7}#app .u-color-neutral-15{color:#eee;fill:#eee}#app .u-color-neutral-20{color:#d5d5d5;fill:#d5d5d5}#app .u-color-neutral-30{color:#bfbfbf;fill:#bfbfbf}#app .u-color-neutral-40{color:#999;fill:#999}#app .u-color-neutral-50{color:#696969;fill:#696969}#app .u-color-neutral-60{color:#333;fill:#333}#app .u-color-neutral-70{color:#000;fill:#000}#app .u-color-brand{color:#4471ea;fill:#4471ea}#app .u-color-accent{color:#ff852c;fill:#ff852c}#app .u-color-primary-action{color:#dc0a3c;fill:#dc0a3c}#app .u-color-secondary-action{color:#ff852c;fill:#ff852c}#app .u-color-success{color:#037b30;fill:#037b30}#app .u-color-error,#app .u-color-sale{color:#c70936;fill:#c70936}#app .u-bg-color-neutral-00{background-color:#fff}#app .u-bg-color-neutral-10{background-color:#f7f7f7}#app .u-bg-color-neutral-15{background-color:#eee}#app .u-bg-color-neutral-20{background-color:#d5d5d5}#app .u-bg-color-neutral-30{background-color:#bfbfbf}#app .u-bg-color-neutral-40{background-color:#999}#app .u-bg-color-neutral-50{background-color:#696969}#app .u-bg-color-neutral-60{background-color:#333}#app .u-bg-color-neutral-70{background-color:#000}#app .u-bg-color-brand{background-color:#4471ea}#app .u-bg-color-accent{background-color:#ff852c}#app .u-bg-color-primary-action{background-color:#dc0a3c}#app .u-bg-color-secondary-action{background-color:#ff852c}#app .u-bg-color-success{background-color:#037b30}#app .u-bg-color-error,#app .u-bg-color-sale{background-color:#c70936}#app .u-flex{display:block;flex:1 1 auto;width:100%}#app .u-flex-shrink{flex:initial;width:auto}#app .u-flex-none{flex:0 0 auto}#app .u-flexbox{display:flex;flex-direction:row;margin:0;padding:0;list-style:none}#app .u-direction-column{flex-direction:column}#app .u-direction-column-reverse{flex-direction:column-reverse}#app .u-direction-row{flex-direction:row}#app .u-direction-row-reverse{flex-direction:row-reverse}#app .u-align-top{align-items:flex-start}#app .u-align-center{align-items:center}#app .u-align-bottom{align-items:flex-end}#app .u-justify-start{justify-content:flex-start}#app .u-justify-end{justify-content:flex-end}#app .u-justify-between{justify-content:space-between}#app .u-justify-center{justify-content:center}#app .u-justify-around{justify-content:space-around}#app .u-order-1{order:1}#app .u-order-2{order:2}#app .u-order-3{order:3}#app .u-order-4{order:4}#app .u-order-5{order:5}#app .u-order-6{order:6}#app .u-float-start{float:left}#app .u-float-end{float:right}#app .u-clearfix:after,#app .u-clearfix:before{content:" ";display:table}#app .u-clearfix:after{clear:both}#app .u-position-relative{position:relative}#app .u-position-absolute{position:absolute}#app .u-position-fixed{position:fixed}#app .u-position-top{top:0}#app .u-position-right{right:0}#app .u-position-bottom{bottom:0}#app .u-position-left{left:0}#app .u-position-full{top:0;right:0;bottom:0;left:0}#app .u-margin-0{margin:0}#app .u-margin-center{margin:0 auto}#app .u-margin-all{margin:8px}#app .u-margin-top-0{margin-top:0}#app .u-margin-top{margin-top:8px}#app .u-margin-top-sm{margin-top:4px}#app .u-margin-top-md{margin-top:12px}#app .u-margin-top-lg{margin-top:16px}#app .u-margin-bottom-0{margin-bottom:0}#app .u-margin-bottom{margin-bottom:8px}#app .u-margin-bottom-sm{margin-bottom:4px}#app .u-margin-bottom-md{margin-bottom:12px}#app .u-margin-bottom-lg{margin-bottom:16px}#app .u-margin-start-0{margin-left:0}#app .u-margin-start{margin-left:8px}#app .u-margin-start-th{margin-left:.333em}#app .u-margin-start-en{margin-left:.5em}#app .u-margin-start-em{margin-left:1em}#app .u-margin-start-sm{margin-left:4px}#app .u-margin-start-md{margin-left:12px}#app .u-margin-start-lg{margin-left:16px}#app .u-margin-end-0{margin-right:0}#app .u-margin-end{margin-right:8px}#app .u-margin-end-th{margin-right:.333em}#app .u-margin-end-en{margin-right:.5em}#app .u-margin-end-em{margin-right:1em}#app .u-margin-end-sm{margin-right:4px}#app .u-margin-end-md{margin-right:12px}#app .u-margin-end-lg{margin-right:16px}#app .u-padding-0{padding:0}#app .u-padding{padding:8px}#app .u-padding-sm{padding:4px}#app .u-padding-md{padding:12px}#app .u-padding-lg{padding:16px}#app .u-padding-top-0{padding-top:0}#app .u-padding-top{padding-top:8px}#app .u-padding-top-sm{padding-top:4px}#app .u-padding-top-md{padding-top:12px}#app .u-padding-top-lg{padding-top:16px}#app .u-padding-bottom-0{padding-bottom:0}#app .u-padding-bottom{padding-bottom:8px}#app .u-padding-bottom-sm{padding-bottom:4px}#app .u-padding-bottom-md{padding-bottom:12px}#app .u-padding-bottom-lg{padding-bottom:16px}#app .u-padding-start-0{padding-left:0}#app .u-padding-start{padding-left:8px}#app .u-padding-start-th{padding-left:.333em}#app .u-padding-start-en{padding-left:.5em}#app .u-padding-start-em{padding-left:1em}#app .u-padding-start-sm{padding-left:4px}#app .u-padding-start-md{padding-left:12px}#app .u-padding-start-lg{padding-left:16px}#app .u-padding-end-0{padding-right:0}#app .u-padding-end{padding-right:8px}#app .u-padding-end-th{padding-right:.333em}#app .u-padding-end-en{padding-right:.5em}#app .u-padding-end-em{padding-right:1em}#app .u-padding-end-sm{padding-right:4px}#app .u-padding-end-md{padding-right:12px}#app .u-padding-end-lg{padding-right:16px}#app .u-text-content .u-h1{text-transform:uppercase}#app .u-text-content .u-h2{font-weight:600}#app .u-text-content .u-h3{color:#4471ea}#app .u-text-content .u-h4{text-transform:uppercase}#app .u-text-content p+p{margin-top:8px}#app .u-text-family{font-family:Verdana,Geneva,sans-serif}#app .u-text-family-header{font-family:"Avenir Next Condensed","Roboto Condensed","Helvetica Neue","Roboto",sans-serif}#app .u-text-family-loaded,.wf-active #app .u-text-family-header{font-family:"Roboto","Avenir Next Condensed","Roboto Condensed","Helvetica Neue",sans-serif}#app .u-text-weight-thin{font-weight:100}#app .u-text-weight-extra-light{font-weight:200}#app .u-text-weight-light{font-weight:300}#app .u-text-weight-regular{font-weight:400}#app .u-text-weight-medium{font-weight:500}#app .u-text-weight-semi-bold{font-weight:600}#app .u-text-weight-bold{font-weight:700}#app .u-text-style-italic{font-style:italic}#app .u-text-quiet{color:#696969;font-size:14px;fill:#696969}#app .u-text-size-smaller{font-size:12px}#app .u-text-size-small{font-size:14px}#app .u-text-size-base{font-size:16px}#app .u-text-size-big{font-size:20px}#app .u-text-size-bigger{font-size:24px}#app .u-text-size-huge{font-size:28px}#app .u-text-height-0{line-height:0}#app .u-text-height-tiny{line-height:8px}#app .u-text-height-smaller{line-height:12px}#app .u-text-height-small{line-height:16px}#app .u-text-height-base{line-height:20px}#app .u-text-height-big{line-height:24px}#app .u-text-height-bigger{line-height:28px}#app .u-text-height-huge{line-height:32px}#app .u-text-letter-spacing-small{letter-spacing:1px}#app .u-text-letter-spacing-normal{letter-spacing:normal}#app .u-text-align-start{text-align:left}#app .u-text-align-center{text-align:center}#app .u-text-align-end{text-align:right}#app .u-text-align-middle{vertical-align:middle}#app .u-text-align-baseline{vertical-align:baseline}#app .u-text-uppercase{text-transform:uppercase}#app .u-text-capitalize{text-transform:capitalize}#app .u-text-lowercase{text-transform:lowercase}#app .u-text-strikethrough{text-decoration:line-through}#app .u-display-block{display:block}#app .u-display-inline-block{display:inline-block}#app .u-display-inline{display:inline}#app .u-display-inline-table{display:inline-table}#app .u-display-none{display:none}#app .u-visually-hidden{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}#app .u-z-index-1{z-index:1}#app .u-z-index-2{z-index:10}#app .u-z-index-3{z-index:100}#app .u-z-index-4{z-index:1000}.c-Plp{background:#f1f3f6;font-family:Verdana,Geneva,sans-serif;margin-top:64px}.Login{background:#222;max-width:unset}@media only screen and (max-width:1140px){.Login{padding-left:unset;padding-right:unset;margin-right:unset;margin-left:unset}}.Login .loginContainer{border:2px solid grey;border-radius:.3rem;margin:1rem;background:#eee;padding-bottom:20px}.Login .loginContainer .c-login-intimation{padding:15px 5px 15px 15px;background:#000;color:#fff;margin-bottom:0}.Login .loginContainer .loginSplitter{text-align:center;margin-top:10px;margin-bottom:10px;text-transform:capitalize;font-size:25px;font-weight:bolder;line-height:30px}.c-Cart{background:#f1f3f6;font-family:Verdana,Geneva,sans-serif;margin-top:64px;margin-bottom:46px}.c-Cart .c-Cart__emptyCart{background:#fff;margin-top:25%;border:1px solid #000;text-align:center;padding:1em}.c-Cart .c-Cart__emptyCart .c-Cart__emptyCart__information{color:#999}.c-Cart .btn__continueShopping{display:block;margin:0 auto;border-radius:20px;padding:7px 20px;background-color:#4471ea;color:#f1f3f6;cursor:pointer;font-size:12px;font-weight:700}.c-Cart .btn__continueShopping:hover{opacity:.7}.c-InputField{margin-bottom:10px;margin-top:10px}.c-InputField input[type=password],.c-InputField input[type=text]{padding:5px;width:70%}.c-Form{padding:15px;background:#ddd;border:1px solid #bbb;border-radius:3px;margin-top:10px}.c-Jumbotron{padding:1rem;background:#222;color:#bbb;margin-bottom:0}.c-Jumbotron .my-4{border-color:#bbb}.c-Header{display:flex;position:fixed;height:64px;left:0;top:0;right:0;width:100%;background-color:#4471ea;color:#fff;padding:1em 1.5em;z-index:2;transition:transform .4s}.c-Header .c-Header__logo-main{cursor:pointer}.c-Header .c-Header__iconClass{transform:rotateX(18deg) rotate(10deg) scale(2);color:#ff0;margin:6px 0 3px 3px}.c-Header .header-icon{font-size:24px}.c-Header .header-icon:hover{color:#ffb179}.c-LoginForm{padding:1rem}.c-PageLoader{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);width:100%;height:100%;position:fixed;top:0;left:0;z-index:20}.c-PageLoader .c-PageLoader__lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.c-PageLoader .c-PageLoader__lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.c-PageLoader .c-PageLoader__lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.c-SocialLogin{padding:1rem;margin-bottom:2rem;display:flex;justify-content:center}.c-SocialLogin .abcRioButtonBlue{background:#fff;color:#585f6b}.abcRioButtonBlue{background-color:#fff!important;color:#585f6b!important;border-radius:3px}.fb-login-button,.g-signin2{display:flex!important;justify-content:center;margin-bottom:10px;border-radius:5px} -/*# sourceMappingURL=main.cec7fcc2.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.cec7fcc2.chunk.css.map b/static/css/main.cec7fcc2.chunk.css.map deleted file mode 100644 index 2c7b30c..0000000 --- a/static/css/main.cec7fcc2.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["main.cec7fcc2.chunk.css","styles/base/_animations.scss","styles/base/_forms.scss","styles/_variables.scss","styles/base/_general.scss","styles/base/_lists.scss","styles/base/_material.scss","styles/base/_tables.scss","styles/base/_typography.scss","styles/base/_mixins.scss","styles/utilities/_border.scss","styles/utilities/_box-shadow.scss","styles/utilities/_color.scss","styles/utilities/_flexbox.scss","styles/utilities/_layout.scss","styles/utilities/_margin.scss","styles/utilities/_padding.scss","styles/utilities/_text-content.scss","styles/utilities/_text.scss","styles/utilities/_display.scss","styles/utilities/_z-index.scss","pages/PLP/Plp.module.scss","pages/Login/Login.module.scss","pages/Cart/Cart.module.scss","components/atoms/InputField/InputField.component.scss","components/molecules/common/Form/Form.component.scss","components/molecules/common/Jumbotron/Jumbotron.component.scss","components/molecules/Header/Header.component.scss","components/molecules/LoginForm/LoginForm.component.scss","components/molecules/PageLoader/PageLoader.component.scss","components/molecules/SocialLogin/SocialLogin.component.scss","index.scss"],"names":[],"mappings":"AAAA,oEAAoE,CACpE,gFAAgF,CAChF,wFAAwF,CACxF,oEAAoE,CACpE,0FAA0F,CAC1F,iEAAiE,CCCjE,sCACI,GACI,2BAA4B,CAGhC,GACI,4BAA6B,CAAA,CANrC,8BACI,GACI,2BAA4B,CAGhC,GACI,4BAA6B,CAAA,CAIrC,uBACI,gCAAmC,CACtC,qBAGG,cAAe,CAClB,SCFG,WAAY,CACZ,QAAS,CACT,SAAU,CACV,QAAS,CACZ,MAGG,QAAS,CAET,aAAc,CACd,YAAa,CACb,qCCiDqC,CDhDrC,cAAyB,CACzB,kBAAmB,CAPvB,wBAUQ,SAAU,CACV,QAAS,CACZ,SAID,QAAS,CAET,aAAc,CACd,YAAa,CAChB,eAIG,qCC8BqC,CD7BrC,cC8CY,CD7Cf,MAGG,oBAAqB,CACrB,iBAAwB,CAExB,eCmDuB,CDjDvB,yCAA6C,CANjD,aASQ,aC+EsC,CD9EzC,2GAYD,UAAW,CACX,eC3CW,CD4CX,WC/CM,CDgDN,wBC0CgB,CDxChB,eAAgB,CAChB,qBCkCa,CDhCb,gBCIc,CDFd,uBAAwB,CACxB,yCAA6C,CApBjD,8VAuBQ,aCkCY,CDzDpB,2UA4BQ,oBCmCa,CDjCb,yCCoI6C,CDnIhD,OAID,SAAU,CACb,mBAeG,qBAAsB,CAEtB,uBAAwB,CAH5B,+FAOQ,uBAAwB,CAC3B,OAoBD,WC/GW,CDgHX,QAAS,CAET,eAAgB,CAEhB,aCpBiB,CDqBjB,qCCvEqC,CDwErC,cAAyB,CACzB,mBAAoB,CATxB,wBAaQ,2BAA4B,CAC5B,yCAA6C,CAC7C,wBAAyB,CAC5B,SAID,QAAS,CAET,aAAc,CACd,YAAa,CAChB,6BAQG,iBAAkB,CAElB,oBAAqB,CACrB,UAAc,CACd,WAAe,CACf,gBCtJM,CDuJN,wBC7DgB,CD+DhB,eCpEa,CDsEb,qBAAsB,CAEtB,uBAAwB,CACxB,yCAA6C,CAyBhD,2CAtBO,kBCtEY,CDuEf,6CAGG,QAAS,CAET,kBCpEa,CD6EhB,yDANO,UAAW,CAEX,iBAAkB,CAElB,aAAc,CACjB,+CAID,QAAS,CAET,8BC3FY,CD4Ff,aAID,iBAAkB,CAWrB,mBARO,OC7LE,CD8LF,SC9LE,CD+LF,UC/LE,CDgMF,QChME,CDkMF,iBAAkB,CAClB,eC9GS,CD+GZ,8BAMO,UAAW,CAEX,KAAM,CAEN,aAAc,CACd,UAAc,CACd,WAAe,CAEf,uLAAuC,CAEvC,UC/HK,CDgIL,aAAc,CAEd,mBAAoB,CACvB,qBAuBL,aAAc,CACd,QAAS,CACT,SAAU,CACV,QAAS,CAET,eC5Ja,CD8Jb,aAAc,CACd,YAAa,CACb,gBC/Lc,CDgMd,mBAAoB,CAEpB,uBAAwB,CACxB,yCAA6C,CAfjD,yDAkBQ,SAAU,CACV,QAAS,CAnBjB,mCAuBQ,kBCzKY,CD0Kf,0CAMD,yBAA0B,CAC7B,WAWG,SAAU,CACV,eChMa,CDkMb,UC9La,CDgMb,4BChMa,CDiNhB,qCAZO,iBCrMS,CDuMT,eC3MS,CDgNZ,iDAFO,UC1MK,CD2MR,6BAID,qBC/MS,CDgNZ,EE3TD,qBAAsB,CAEtB,0BAA2B,CAC3B,6BAA8B,CACjC,KAGG,UDsGa,CCrGb,wBD8FgB,CC7FhB,qCDuDqC,CCtDrC,cDuEY,CCtEZ,gBD6Dc,CC5Dd,kCAAmC,CACnC,iCAAkC,CAClC,yBAA0B,CAC1B,6BAA8B,CACjC,KAGG,QAAS,CACZ,OAaG,eAAgB,CACnB,IAGG,aAAc,CACjB,kBAMG,yEAA+E,CAC/E,aAAc,CACjB,UAaG,aAAc,CACjB,4BAQG,uBAAwB,CAC3B,sBAMG,YAAa,CACb,QAAS,CACZ,SAKG,YAAa,CAChB,QAMG,iBAAkB,CAElB,aAAc,CACd,aAAc,CACd,uBAAwB,CAC3B,IAGG,SAAW,CACd,IAGG,aAAe,CAClB,SAUG,YAAa,CAChB,MClHG,QAAS,CACT,SAAU,CAEV,oBAAqB,CACxB,GAOG,iBFKM,CEHN,gBF4Dc,CE3DjB,GAGG,cFDM,CEGN,eF2EuB,CE1E1B,GAGG,QAAS,CACZ,sBCrCa,cAAe,CAD7B,sBAEc,cAAe,CAF7B,sBAGc,cAAe,CAH7B,sBAIc,cAAe,CAJ7B,wBAKgB,qBAA0B,CAL1C,oCAM4B,qBAA0B,CANtD,yBAOiB,UAA6B,CAP9C,qCAQ6B,wBAA+B,CAR5D,0BASkB,aAAc,CAAI,MCNhC,gBAAiB,CACjB,wBAAyB,CACzB,UAAW,CACX,YAAe,CAClB,GAKG,eJgGuB,CI/FvB,eAAgB,CACnB,MAJG,aAOgB,CACnB,SAKG,qBAAsB,CACzB,kBCRG,QAAS,CAET,2FL8DoG,CK7DpG,eLuFqB,CKtFrB,gBAAiB,CAGjB,oFACI,2FLwDgG,CKvDnG,cAKD,eL2EmB,CK1EnB,cL8DiB,CK7DjB,gBLoDmB,CKnDtB,cAIG,cLyDmB,CKxDnB,gBL+CqB,CK9CxB,4BAMG,cLkDgB,CKjDhB,gBLwCkB,CKvCrB,cAIG,cAAyB,CACzB,gBLmCc,CKlCjB,cAIG,cLuCY,CKtCZ,gBL6Bc,CK5BjB,EAOG,QAAS,CACZ,EAGG,aLkEoB,CKjEpB,oBAAqB,CAFzB,iBAMQ,aLkEsC,CKjEzC,SAKD,eL2BuB,CK1B1B,MAGG,aAAc,CACjB,GASG,sBAAuB,CACvB,QAAS,CACT,aAAqB,CAErB,oBAAqB,CAArB,oBAAqB,CAErB,2BAA4B,CAC/B,IAGG,cAAe,CACf,QAAS,CACZ,WAGG,aAAqB,CACrB,gBLjFM,CKkFN,6BLQgB,CKNhB,aAA+B,CCtCvB,eCtER,wBPkHgB,CM5CR,iBClER,QAAS,CDkED,mBC9DR,4BP0GgB,CM5CR,mBC1DR,8BPsGgB,CM5CR,sBCtDR,+BPkGgB,CM5CR,qBClDR,6BP8FgB,CM5CR,qBC1CR,qBPoFa,CM1CL,yBCtCR,yBPgFa,CM1CL,yBClCR,2BP4Ea,CM1CL,4BC9BR,4BPwEa,CM1CL,2BC1BR,0BPoEa,CM1CL,sBClBR,iBPoIe,CMlHP,mBEzER,mCR8NqC,CMrJ7B,yBErER,mFR4NgG,CMvJxF,sBEjER,qCRuN6C,CMtJrC,yBE7DR,yCRqNiD,CMxJzC,yBGtER,UT6Ga,CS3Gb,ST2Ga,CMvCL,yBGhER,aTwGgB,CStGhB,YTsGgB,CMxCR,yBG1DR,UToGa,CSlGb,STkGa,CM1CL,yBGpDR,aTgGgB,CS9FhB,YT8FgB,CM5CR,yBG9CR,aT2FgB,CSzFhB,YTyFgB,CM7CR,yBGxCR,UTsFa,CSpFb,SToFa,CM9CL,yBGlCR,aTiFgB,CS/EhB,YT+EgB,CM/CR,yBG5BR,UT4Ea,CS1Eb,ST0Ea,CMhDL,yBGtBR,UTuEa,CSrEb,STqEa,CMjDL,oBGZR,aTiEiB,CS/DjB,YT+DiB,CMrDT,qBGNR,aTqEkB,CSnElB,YTmEkB,CM/DV,6BGAR,aToE0B,CSlE1B,YTkE0B,CMpElB,+BGMR,aTmE4B,CSjE5B,YTiE4B,CMzEpB,sBGYR,aTkEmB,CShEnB,YTgEmB,CM9EX,uCGwBR,aT2DiB,CSzDjB,YTyDiB,CMnFT,4BGkCR,qBTKa,CMvCL,4BGsCR,wBTEgB,CMxCR,4BG0CR,qBTAa,CM1CL,4BG8CR,wBTFgB,CM5CR,4BGkDR,wBTLgB,CM7CR,4BGsDR,qBTRa,CM9CL,4BG0DR,wBTXgB,CM/CR,4BG8DR,qBTda,CMhDL,4BGkER,qBTjBa,CMjDL,uBG0ER,wBTrBiB,CMrDT,wBG8ER,wBTfkB,CM/DV,gCGkFR,wBTd0B,CMpElB,kCGsFR,wBTb4B,CMzEpB,yBG0FR,wBTZmB,CM9EX,6CGkGR,wBTfiB,CMnFT,aI1DR,aAAc,CACd,aAAc,CACd,UAAW,CJwDH,oBI7CR,YAAa,CACb,UAAW,CJ4CH,kBIlCR,aAAc,CJkCN,gBIjBR,YAAa,CACb,kBAAmB,CACnB,QAAS,CACT,SAAU,CAEV,eAAgB,CJYR,yBIJR,qBAAsB,CJId,iCIAR,6BAA8B,CJAtB,sBIIR,kBAAmB,CJJX,8BIQR,0BAA2B,CJRnB,kBIgBR,sBAAuB,CJhBf,qBIoBR,kBAAmB,CJpBX,qBIwBR,oBAAqB,CJxBb,sBIgCR,0BAA2B,CJhCnB,oBIoCR,wBAAyB,CJpCjB,wBIwCR,6BAA8B,CJxCtB,uBI4CR,sBAAuB,CJ5Cf,uBIgDR,4BAA6B,CJhDrB,gBI2DR,OAAQ,CJ3DA,gBI+DR,OAAQ,CJ/DA,gBImER,OAAQ,CJnEA,gBIuER,OAAQ,CJvEA,gBI2ER,OAAQ,CJ3EA,gBI+ER,OAAQ,CJ/EA,oBKnER,UAAW,CLmEH,kBK/DR,WAAY,CL+DJ,+CK9CJ,WAAY,CAEZ,aAAc,CL4CV,uBKxCJ,UAAW,CLwCP,0BK7BR,iBAAkB,CL6BV,0BKnBR,iBAAkB,CLmBV,uBKTR,cAAe,CLSP,qBKDR,KAAM,CLCE,uBKGR,OAAQ,CLHA,wBKOR,QAAS,CLPD,sBKWR,MAAO,CLXC,sBKeR,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CLlBC,iBMtER,QAAS,CNsED,sBMlER,aAAc,CNkEN,mBM3DR,UZaM,CM8CE,qBM1CR,YAAa,CN0CL,mBMtCR,cZRM,CM8CE,sBMlCR,cAAuB,CNkCf,sBM9BR,eAAuB,CN8Bf,sBM1BR,eAAqB,CN0Bb,wBMtBR,eAAgB,CNsBR,sBMlBR,iBZ5BM,CM8CE,yBMdR,iBAA0B,CNclB,yBMVR,kBAA0B,CNUlB,yBMNR,kBAAwB,CNMhB,uBMoBR,aAAc,CNpBN,qBMwBR,eZtEM,CM8CE,wBM4BR,kBAAoB,CN5BZ,wBMgCR,gBAAkB,CNhCV,wBMoCR,eAAgB,CNpCR,wBMwCR,eAAwB,CNxChB,wBM4CR,gBAAwB,CN5ChB,wBMgDR,gBAAsB,CNhDd,qBMoDR,cAAe,CNpDP,mBMwDR,gBZtGM,CM8CE,sBM4DR,mBAAqB,CN5Db,sBMgER,iBAAmB,CNhEX,sBMoER,gBAAiB,CNpET,sBMwER,gBAAyB,CNxEjB,sBM4ER,iBAAyB,CN5EjB,sBMgFR,iBAAuB,CNhFf,kBOtER,SAAU,CPsEF,gBOlER,WboBM,CM8CE,mBO9DR,WAAoB,CP8DZ,mBO1DR,YAAoB,CP0DZ,mBOtDR,YAAkB,CPsDV,sBOtCR,aAAc,CPsCN,oBOlCR,ebZM,CM8CE,uBO9BR,eAAwB,CP8BhB,uBO1BR,gBAAwB,CP0BhB,uBOtBR,gBAAsB,CPsBd,yBOlBR,gBAAiB,CPkBT,uBOdR,kBbhCM,CM8CE,0BOVR,kBAA2B,CPUnB,0BONR,mBAA2B,CPMnB,0BOFR,mBAAyB,CPEjB,wBOwBR,cAAe,CPxBP,sBO4BR,gBb1EM,CM8CE,yBOgCR,mBAAqB,CPhCb,yBOoCR,iBAAmB,CPpCX,yBOwCR,gBAAiB,CPxCT,yBO4CR,gBAAyB,CP5CjB,yBOgDR,iBAAyB,CPhDjB,yBOoDR,iBAAuB,CPpDf,sBOwDR,eAAgB,CPxDR,oBO4DR,iBb1GM,CM8CE,uBOgER,oBAAsB,CPhEd,uBOoER,kBAAoB,CPpEZ,uBOwER,iBAAkB,CPxEV,uBO4ER,iBAA0B,CP5ElB,uBOgFR,kBAA0B,CPhFlB,uBOoFR,kBAAwB,CPpFhB,2BQrEJ,wBAAyB,CRqErB,2BQjEJ,ediGmB,CMhCf,2BQ7DJ,adkHa,CMrDT,2BQzDJ,wBAAyB,CRyDrB,yBQrDJ,cdOE,CM8CE,oBSrER,qCfwEqC,CMH7B,2BSjER,2FfqEoG,CMJ5F,iESxDR,2Ff4DoG,CMJ5F,yBShDR,ef2EkB,CM3BV,gCS5CR,efwEyB,CM5BjB,0BSxCR,efqEmB,CM7BX,4BSpCR,efkEqB,CM9Bb,2BShCR,ef+DoB,CM/BZ,8BS5BR,ef4DuB,CMhCf,yBSxBR,efyDkB,CMjCV,0BSpBR,iBAAkB,CToBV,mBShBR,af+DgB,Ce9DhB,cfoCkB,CelClB,Yf4DgB,CM/CR,0BSLR,cf2BoB,CMtBZ,wBSDR,cfsBkB,CMrBV,uBSGR,cfiBY,CMpBJ,sBSOR,cfYgB,CMnBR,yBSWR,cfOmB,CMlBX,uBSeR,cfEiB,CMjBT,sBSuBR,aAAc,CTvBN,yBS2BR,efbkB,CMdV,4BS+BR,gBflBsB,CMbd,0BSmCR,gBfvBoB,CMZZ,yBSuCR,gBf5Bc,CMXN,wBS2CR,gBfjCkB,CMVV,2BS+CR,gBftCqB,CMTb,yBSmDR,gBf3CmB,CMRX,kCS2DR,kBAAmB,CT3DX,mCS+DR,qBAAsB,CT/Dd,yBSuER,eAAgB,CTvER,0BS2ER,iBAAkB,CT3EV,uBS+ER,gBAAiB,CT/ET,0BSmFR,qBAAsB,CTnFd,4BSuFR,uBAAwB,CTvFhB,uBSiGR,wBAAyB,CTjGjB,wBS2GR,yBAA0B,CT3GlB,uBSqHR,wBAAyB,CTrHjB,2BS+HR,4BAA6B,CT/HrB,sBUrER,aAAc,CVqEN,6BU7DR,oBAAqB,CV6Db,uBUrDR,cAAe,CVqDP,6BU7CR,oBAAqB,CV6Cb,qBUrCR,YAAa,CVqCL,wBAxDR,iBAAkB,CAElB,eAAgB,CAChB,0BAA8B,CAC9B,SAAU,CACV,UAAW,CACX,SAAU,CACV,QAAS,CAiDD,kBWzER,SjBiNQ,CMxIA,kBWrER,UjB8MS,CMzID,kBWjER,WjB2MU,CM1IF,kBW7DR,YjBwMW,CiBvMd,OCdC,kBlBmHkB,CkBlHlB,qClB4EuC,CkB3EvC,elBmCkB,CkBlCnB,OCLG,eAAgB,CAChB,eAAgB,CAChB,0CAHJ,OAIQ,kBAAmB,CACnB,mBAAoB,CACpB,kBAAmB,CACnB,iBAAkB,CAwBzB,CA/BD,uBAUQ,qBAAsB,CACtB,mBAAqB,CACrB,WAAY,CACZ,eAAgB,CAChB,mBAAoB,CAd5B,2CAgBY,0BAA2B,CAC3B,eAAiB,CACjB,UAAY,CACZ,eAAgB,CAnB5B,sCAsBY,iBAAkB,CAClB,eAAgB,CAChB,kBAAmB,CACnB,yBAA0B,CAC1B,cAAe,CACf,kBAAmB,CACnB,gBAAiB,CACpB,QC1BL,kBpBmHgB,CoBlHhB,qCpB4EqC,CoB3ErC,epBmCgB,CoBlChB,kBAAmB,CAJvB,2BAQQ,epB0GS,CoBzGT,cAAe,CACf,qBAAuB,CACvB,iBAAkB,CAClB,WAAY,CAZpB,2DAeY,UpB0GK,CoBzHjB,+BAoBQ,aAAc,CACd,aAAc,CACd,kBAAmB,CACnB,gBAAiB,CACjB,wBpBwGa,CoBvGb,apB2FY,CoB1FZ,cAAe,CACf,cpBsEgB,CoBrEhB,epBgFc,CoB5GtB,qCAgCQ,UAAY,CACf,cClCH,kBAAmB,CACnB,eAAgB,CAFlB,kEAWI,WAAY,CACZ,SAAU,CACX,QCZD,YAAa,CACb,eAAgB,CAChB,qBAAsB,CACtB,iBAAkB,CAClB,eAAgB,CACjB,aCLC,YAAa,CACb,eAAgB,CAChB,UAAc,CACd,eAAgB,CAJlB,mBAMI,iBAAkB,CACnB,UCJC,YAAa,CAGb,cAAe,CACf,WxBiCgB,CwBhChB,MAAO,CACP,KAAM,CACN,OAAQ,CACR,UAAW,CACX,wBxBsHiB,CwBrHjB,UxBuGa,CwBtGb,iBAAkB,CAClB,SAAU,CACV,wBAA0B,CAd9B,+BAiBQ,cAAe,CAjBvB,+BAqBQ,+CAAiD,CACjD,UAAa,CACb,oBAAuB,CAvB/B,uBA2BQ,cxBkEe,CwB7FvB,6BA6BY,axB8GoC,CwB7GvC,aC/BL,YAAa,CAChB,cCEA,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,yBAA2B,CACxB,UAAW,CACX,WAAY,CACZ,cAAe,CACf,KAAO,CACP,MAAQ,CACR,UAAW,CAXf,wCA0FE,oBAAqB,CACrB,iBAAkB,CAClB,UAAW,CACX,WAAY,CA7Fd,4CA+FG,iBAAkB,CAClB,qBAAsB,CACtB,SAAU,CACV,iBAAkB,CAClB,gEAAA,CAAA,wDAA8D,CAnGjE,yDAqGI,4BAAA,CAAA,oBAAsB,CACtB,8BAKF,GACC,QAAS,CACT,SAAU,CACV,OAAQ,CACR,QAAS,CACT,SAAU,CAEX,GACC,KAAQ,CACR,MAAS,CACT,UAAW,CACX,WAAY,CACZ,SAAU,CAAA,CAjBT,sBAKF,GACC,QAAS,CACT,SAAU,CACV,OAAQ,CACR,QAAS,CACT,SAAU,CAEX,GACC,KAAQ,CACR,MAAS,CACT,UAAW,CACX,WAAY,CACZ,SAAU,CAAA,CCzHb,eACI,YAAa,CACb,kBAAmB,CACnB,YAAa,CACb,sBAAuB,CAJ3B,iCAMQ,eAAiB,CACjB,aAAc,CCCtB,kBACE,+BAAiC,CACjC,uBAAwB,CACxB,iBAAkB,CACnB,4BAGC,sBAAuB,CACvB,sBAAuB,CACvB,kBAAmB,CACnB,iBAAkB","file":"main.cec7fcc2.chunk.css","sourcesContent":["@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);\n@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);\n@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);\n@import url(https://fonts.googleapis.com/icon?family=Material+Icons);\n@import url(https://fonts.googleapis.com/css?family=McLaren&display=swap\" rel=\"stylesheet);\n@import url(https://fonts.googleapis.com/css?family=Indie+Flower);\n@-webkit-keyframes background-shimmer{0%{background-position:150vw 0}100%{background-position:-150vw 0}}@keyframes background-shimmer{0%{background-position:150vw 0}100%{background-position:-150vw 0}}.scroll-down .c-Header{transform:translate3d(0, -100%, 0)}.scroll-up .c-Header{transform:none}fieldset{min-width:0;margin:0;padding:0;border:0}input{margin:0;color:inherit;font:inherit;font-family:Verdana,Geneva,sans-serif;font-size:18px;line-height:normal}input::-moz-focus-inner{padding:0;border:0}textarea{margin:0;color:inherit;font:inherit}label,textarea{font-family:Verdana,Geneva,sans-serif;font-size:16px}label{display:inline-block;margin-bottom:4px;font-weight:600;-webkit-tap-highlight-color:rgba(0,0,0,0)}label:active{color:#df5e00}select,textarea,[type=\"text\"],[type=\"search\"],[type=\"password\"],[type=\"tel\"],[type=\"url\"],[type=\"number\"],[type=\"email\"]{width:100%;min-height:44px;padding:8px 8px;border:1px solid #d5d5d5;border-radius:0;background-color:#fff;line-height:20px;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}select::-webkit-input-placeholder,textarea::-webkit-input-placeholder,[type=\"text\"]::-webkit-input-placeholder,[type=\"search\"]::-webkit-input-placeholder,[type=\"password\"]::-webkit-input-placeholder,[type=\"tel\"]::-webkit-input-placeholder,[type=\"url\"]::-webkit-input-placeholder,[type=\"number\"]::-webkit-input-placeholder,[type=\"email\"]::-webkit-input-placeholder{color:dimgray}select:active,select:focus,textarea:active,textarea:focus,[type=\"text\"]:active,[type=\"text\"]:focus,[type=\"search\"]:active,[type=\"search\"]:focus,[type=\"password\"]:active,[type=\"password\"]:focus,[type=\"tel\"]:active,[type=\"tel\"]:focus,[type=\"url\"]:active,[type=\"url\"]:focus,[type=\"number\"]:active,[type=\"number\"]:focus,[type=\"email\"]:active,[type=\"email\"]:focus{border-color:#4471ea;box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3)}legend{padding:0}input[type=\"search\"]{box-sizing:border-box;-webkit-appearance:none}input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}select{height:44px;margin:0;border-radius:0;color:#4471ea;font-family:Verdana,Geneva,sans-serif;font-size:18px;text-transform:none}select,select[disabled]{background-repeat:no-repeat;background-position:calc(100% - 14px) center;background-size:12px 6px}optgroup{margin:0;color:inherit;font:inherit}[type=\"checkbox\"],[type=\"radio\"]{position:relative;display:inline-block;width:24px;height:24px;margin-right:8px;border:1px solid #d5d5d5;background:#fff;vertical-align:middle;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}[type=\"checkbox\"]:active,[type=\"radio\"]:active{background:#bfbfbf}[type=\"checkbox\"]:checked,[type=\"radio\"]:checked{border:0;background:#4471ea}[type=\"checkbox\"]:checked::after,[type=\"radio\"]:checked::after{content:'';position:absolute;display:block}[type=\"checkbox\"]:disabled,[type=\"radio\"]:disabled{border:0;background:rgba(213,213,213,0.5)}[type=\"radio\"]{border-radius:50%}[type=\"radio\"]:after{top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#fff}[type=\"checkbox\"]:checked:after{content:'';top:0;display:block;width:24px;height:24px;background:url('data:image/svg+xml;utf8,');color:#fff;line-height:0;pointer-events:none}button,[type=\"submit\"]{display:block;margin:0;padding:0;border:0;background:#eee;color:inherit;font:inherit;line-height:20px;text-transform:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}button::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{padding:0;border:0}button:active,[type=\"submit\"]:active{background:#bfbfbf}html input[type=\"button\"],input[type=\"reset\"]{-webkit-appearance:button}[disabled]{opacity:1;background:#eee;color:#999;-webkit-text-fill-color:#999}[disabled]:active,[disabled]:checked{border-color:#999;background:#eee}[disabled]:active::after,[disabled]:checked::after{color:#999}[disabled][type=\"radio\"]:after{background-color:#999}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html{color:#333;background-color:#f1f3f6;font-family:Verdana,Geneva,sans-serif;font-size:16px;line-height:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}figure{margin:0 0 1rem}pre{overflow:auto}code,kbd,pre,samp{font-family:source-code-pro, Menlo, Monaco, Consolas, \"Courier New\", monospace;font-size:1em}main,menu{display:block}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}template{display:none}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}[hidden]{display:none}ul,ol{margin:0;padding:0;list-style-type:none}dl{margin-bottom:8px;line-height:20px}dt{margin-top:8px;font-weight:600}dd{margin:0}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.material-icons.md-dark{color:rgba(0,0,0,0.54)}.material-icons.md-dark.md-inactive{color:rgba(0,0,0,0.26)}.material-icons.md-light{color:#fff}.material-icons.md-light.md-inactive{color:rgba(255,255,255,0.3)}.material-icons.orange600{color:#FB8C00}table{border-spacing:0;border-collapse:collapse;width:100%;margin:8px 0}th{padding:8px 0;font-weight:600;text-align:left}td{padding:8px 0}tr,td,th{vertical-align:middle}h1,h2,h3,h4,h5,h6{margin:0;font-family:\"Avenir Next Condensed\",\"Roboto Condensed\",\"Helvetica Neue\",\"Roboto\",sans-serif;font-weight:400;line-height:1.25}.wf-active h1,.wf-active h2,.wf-active h3,.wf-active h4,.wf-active h5,.wf-active h6{font-family:\"Roboto\",\"Avenir Next Condensed\",\"Roboto Condensed\",\"Helvetica Neue\",\"Roboto\",sans-serif}h1,#app .u-h1{font-weight:300;font-size:28px;line-height:32px}h2,#app .u-h2{font-size:24px;line-height:28px}h3,#app .u-h3,h4,#app .u-h4{font-size:20px;line-height:24px}h5,#app .u-h5{font-size:18px;line-height:20px}h6,#app .u-h6{font-size:16px;line-height:20px}p{margin:0}a{color:#005c83;text-decoration:none}a:active,a:focus{color:#df5e00}b,strong{font-weight:600}small{font-size:80%}hr{box-sizing:content-box;height:0;margin:16px 0;border:1px solid #d5d5d5;border-width:0 0 1px;-moz-box-sizing:content-box}img{max-width:100%;margin:0}blockquote{margin:16px 0;padding-left:8px;border-left:2px solid #d5d5d5;color:#595959}#app .u-border{border:1px solid #d5d5d5}#app .u-border-0{border:0}#app .u-border-top{border-top:1px solid #d5d5d5}#app .u-border-end{border-right:1px solid #d5d5d5}#app .u-border-bottom{border-bottom:1px solid #d5d5d5}#app .u-border-start{border-left:1px solid #d5d5d5}#app .u-border-light{border:1px solid #eee}#app .u-border-light-top{border-top:1px solid #eee}#app .u-border-light-end{border-right:1px solid #eee}#app .u-border-light-bottom{border-bottom:1px solid #eee}#app .u-border-light-start{border-left:1px solid #eee}#app .u-border-radius{border-radius:4px}#app .u-box-shadow{box-shadow:0 0 2px 0 rgba(0,0,0,0.3)}#app .u-box-shadow-inset{box-shadow:inset 0 2px 2px -2px rgba(0,0,0,0.3),inset 0 -2px 2px -2px rgba(0,0,0,0.3)}#app .u-box-shadow-lg{box-shadow:0 2px 4px 0 rgba(0,0,0,0.3)}#app .u-box-shadow-input{box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3)}#app .u-color-neutral-00{color:#fff;fill:#fff}#app .u-color-neutral-10{color:#f7f7f7;fill:#f7f7f7}#app .u-color-neutral-15{color:#eee;fill:#eee}#app .u-color-neutral-20{color:#d5d5d5;fill:#d5d5d5}#app .u-color-neutral-30{color:#bfbfbf;fill:#bfbfbf}#app .u-color-neutral-40{color:#999;fill:#999}#app .u-color-neutral-50{color:dimgray;fill:dimgray}#app .u-color-neutral-60{color:#333;fill:#333}#app .u-color-neutral-70{color:#000;fill:#000}#app .u-color-brand{color:#4471ea;fill:#4471ea}#app .u-color-accent{color:#ff852c;fill:#ff852c}#app .u-color-primary-action{color:#dc0a3c;fill:#dc0a3c}#app .u-color-secondary-action{color:#ff852c;fill:#ff852c}#app .u-color-success{color:#037b30;fill:#037b30}#app .u-color-error{color:#c70936;fill:#c70936}#app .u-color-sale{color:#c70936;fill:#c70936}#app .u-bg-color-neutral-00{background-color:#fff}#app .u-bg-color-neutral-10{background-color:#f7f7f7}#app .u-bg-color-neutral-15{background-color:#eee}#app .u-bg-color-neutral-20{background-color:#d5d5d5}#app .u-bg-color-neutral-30{background-color:#bfbfbf}#app .u-bg-color-neutral-40{background-color:#999}#app .u-bg-color-neutral-50{background-color:dimgray}#app .u-bg-color-neutral-60{background-color:#333}#app .u-bg-color-neutral-70{background-color:#000}#app .u-bg-color-brand{background-color:#4471ea}#app .u-bg-color-accent{background-color:#ff852c}#app .u-bg-color-primary-action{background-color:#dc0a3c}#app .u-bg-color-secondary-action{background-color:#ff852c}#app .u-bg-color-success{background-color:#037b30}#app .u-bg-color-error{background-color:#c70936}#app .u-bg-color-sale{background-color:#c70936}#app .u-flex{display:block;flex:1 1 auto;width:100%}#app .u-flex-shrink{flex:initial;width:auto}#app .u-flex-none{flex:0 0 auto}#app .u-flexbox{display:flex;flex-direction:row;margin:0;padding:0;list-style:none}#app .u-direction-column{flex-direction:column}#app .u-direction-column-reverse{flex-direction:column-reverse}#app .u-direction-row{flex-direction:row}#app .u-direction-row-reverse{flex-direction:row-reverse}#app .u-align-top{align-items:flex-start}#app .u-align-center{align-items:center}#app .u-align-bottom{align-items:flex-end}#app .u-justify-start{justify-content:flex-start}#app .u-justify-end{justify-content:flex-end}#app .u-justify-between{justify-content:space-between}#app .u-justify-center{justify-content:center}#app .u-justify-around{justify-content:space-around}#app .u-order-1{order:1}#app .u-order-2{order:2}#app .u-order-3{order:3}#app .u-order-4{order:4}#app .u-order-5{order:5}#app .u-order-6{order:6}#app .u-float-start{float:left}#app .u-float-end{float:right}#app .u-clearfix::before,#app .u-clearfix::after{content:' ';display:table}#app .u-clearfix::after{clear:both}#app .u-position-relative{position:relative}#app .u-position-absolute{position:absolute}#app .u-position-fixed{position:fixed}#app .u-position-top{top:0}#app .u-position-right{right:0}#app .u-position-bottom{bottom:0}#app .u-position-left{left:0}#app .u-position-full{top:0;right:0;bottom:0;left:0}#app .u-margin-0{margin:0}#app .u-margin-center{margin:0 auto}#app .u-margin-all{margin-top:8px;margin-right:8px;margin-bottom:8px;margin-left:8px}#app .u-margin-top-0{margin-top:0}#app .u-margin-top{margin-top:8px}#app .u-margin-top-sm{margin-top:4px}#app .u-margin-top-md{margin-top:12px}#app .u-margin-top-lg{margin-top:16px}#app .u-margin-bottom-0{margin-bottom:0}#app .u-margin-bottom{margin-bottom:8px}#app .u-margin-bottom-sm{margin-bottom:4px}#app .u-margin-bottom-md{margin-bottom:12px}#app .u-margin-bottom-lg{margin-bottom:16px}#app .u-margin-start-0{margin-left:0}#app .u-margin-start{margin-left:8px}#app .u-margin-start-th{margin-left:0.333em}#app .u-margin-start-en{margin-left:0.5em}#app .u-margin-start-em{margin-left:1em}#app .u-margin-start-sm{margin-left:4px}#app .u-margin-start-md{margin-left:12px}#app .u-margin-start-lg{margin-left:16px}#app .u-margin-end-0{margin-right:0}#app .u-margin-end{margin-right:8px}#app .u-margin-end-th{margin-right:0.333em}#app .u-margin-end-en{margin-right:0.5em}#app .u-margin-end-em{margin-right:1em}#app .u-margin-end-sm{margin-right:4px}#app .u-margin-end-md{margin-right:12px}#app .u-margin-end-lg{margin-right:16px}#app .u-padding-0{padding:0}#app .u-padding{padding:8px}#app .u-padding-sm{padding:4px}#app .u-padding-md{padding:12px}#app .u-padding-lg{padding:16px}#app .u-padding-top-0{padding-top:0}#app .u-padding-top{padding-top:8px}#app .u-padding-top-sm{padding-top:4px}#app .u-padding-top-md{padding-top:12px}#app .u-padding-top-lg{padding-top:16px}#app .u-padding-bottom-0{padding-bottom:0}#app .u-padding-bottom{padding-bottom:8px}#app .u-padding-bottom-sm{padding-bottom:4px}#app .u-padding-bottom-md{padding-bottom:12px}#app .u-padding-bottom-lg{padding-bottom:16px}#app .u-padding-start-0{padding-left:0}#app .u-padding-start{padding-left:8px}#app .u-padding-start-th{padding-left:0.333em}#app .u-padding-start-en{padding-left:0.5em}#app .u-padding-start-em{padding-left:1em}#app .u-padding-start-sm{padding-left:4px}#app .u-padding-start-md{padding-left:12px}#app .u-padding-start-lg{padding-left:16px}#app .u-padding-end-0{padding-right:0}#app .u-padding-end{padding-right:8px}#app .u-padding-end-th{padding-right:0.333em}#app .u-padding-end-en{padding-right:0.5em}#app .u-padding-end-em{padding-right:1em}#app .u-padding-end-sm{padding-right:4px}#app .u-padding-end-md{padding-right:12px}#app .u-padding-end-lg{padding-right:16px}#app .u-text-content .u-h1{text-transform:uppercase}#app .u-text-content .u-h2{font-weight:600}#app .u-text-content .u-h3{color:#4471ea}#app .u-text-content .u-h4{text-transform:uppercase}#app .u-text-content p+p{margin-top:8px}#app .u-text-family{font-family:Verdana,Geneva,sans-serif}#app .u-text-family-header{font-family:\"Avenir Next Condensed\",\"Roboto Condensed\",\"Helvetica Neue\",\"Roboto\",sans-serif}.wf-active #app .u-text-family-header{font-family:\"Roboto\",\"Avenir Next Condensed\",\"Roboto Condensed\",\"Helvetica Neue\",\"Roboto\",sans-serif}#app .u-text-family-loaded{font-family:\"Roboto\",\"Avenir Next Condensed\",\"Roboto Condensed\",\"Helvetica Neue\",\"Roboto\",sans-serif}#app .u-text-weight-thin{font-weight:100}#app .u-text-weight-extra-light{font-weight:200}#app .u-text-weight-light{font-weight:300}#app .u-text-weight-regular{font-weight:400}#app .u-text-weight-medium{font-weight:500}#app .u-text-weight-semi-bold{font-weight:600}#app .u-text-weight-bold{font-weight:700}#app .u-text-style-italic{font-style:italic}#app .u-text-quiet{color:dimgray;font-size:14px;fill:dimgray}#app .u-text-size-smaller{font-size:12px}#app .u-text-size-small{font-size:14px}#app .u-text-size-base{font-size:16px}#app .u-text-size-big{font-size:20px}#app .u-text-size-bigger{font-size:24px}#app .u-text-size-huge{font-size:28px}#app .u-text-height-0{line-height:0}#app .u-text-height-tiny{line-height:8px}#app .u-text-height-smaller{line-height:12px}#app .u-text-height-small{line-height:16px}#app .u-text-height-base{line-height:20px}#app .u-text-height-big{line-height:24px}#app .u-text-height-bigger{line-height:28px}#app .u-text-height-huge{line-height:32px}#app .u-text-letter-spacing-small{letter-spacing:1px}#app .u-text-letter-spacing-normal{letter-spacing:normal}#app .u-text-align-start{text-align:left}#app .u-text-align-center{text-align:center}#app .u-text-align-end{text-align:right}#app .u-text-align-middle{vertical-align:middle}#app .u-text-align-baseline{vertical-align:baseline}#app .u-text-uppercase{text-transform:uppercase}#app .u-text-capitalize{text-transform:capitalize}#app .u-text-lowercase{text-transform:lowercase}#app .u-text-strikethrough{text-decoration:line-through}#app .u-display-block{display:block}#app .u-display-inline-block{display:inline-block}#app .u-display-inline{display:inline}#app .u-display-inline-table{display:inline-table}#app .u-display-none{display:none}#app .u-visually-hidden{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}#app .u-z-index-1{z-index:1}#app .u-z-index-2{z-index:10}#app .u-z-index-3{z-index:100}#app .u-z-index-4{z-index:1000}.c-Plp{background:#f1f3f6;font-family:Verdana,Geneva,sans-serif;margin-top:64px}.Login{background:#222;max-width:unset}@media only screen and (max-width: 1140px){.Login{padding-left:unset;padding-right:unset;margin-right:unset;margin-left:unset}}.Login .loginContainer{border:2px solid grey;border-radius:0.3rem;margin:1rem;background:#eee;padding-bottom:20px}.Login .loginContainer .c-login-intimation{padding:15px 5px 15px 15px;background:black;color:white;margin-bottom:0}.Login .loginContainer .loginSplitter{text-align:center;margin-top:10px;margin-bottom:10px;text-transform:capitalize;font-size:25px;font-weight:bolder;line-height:30px}.c-Cart{background:#f1f3f6;font-family:Verdana,Geneva,sans-serif;margin-top:64px;margin-bottom:46px}.c-Cart .c-Cart__emptyCart{background:#fff;margin-top:25%;border:1px solid black;text-align:center;padding:1em}.c-Cart .c-Cart__emptyCart .c-Cart__emptyCart__information{color:#999}.c-Cart .btn__continueShopping{display:block;margin:0 auto;border-radius:20px;padding:7px 20px;background-color:#4471ea;color:#f1f3f6;cursor:pointer;font-size:12px;font-weight:700}.c-Cart .btn__continueShopping:hover{opacity:0.7}.c-InputField{margin-bottom:10px;margin-top:10px}.c-InputField input[type=\"text\"],.c-InputField input[type=\"password\"]{padding:5px;width:70%}.c-Form{padding:15px;background:#ddd;border:1px solid #bbb;border-radius:3px;margin-top:10px}.c-Jumbotron{padding:1rem;background:#222;color:#bbbbbb;margin-bottom:0}.c-Jumbotron .my-4{border-color:#bbb}.c-Header{display:flex;position:fixed;height:64px;left:0;top:0;right:0;width:100%;background-color:#4471ea;color:#fff;padding:1em 1.5em;z-index:2;transition:transform 0.4s}.c-Header .c-Header__logo-main{cursor:pointer}.c-Header .c-Header__iconClass{transform:rotateX(18deg) rotateZ(10deg) scale(2);color:yellow;margin:6px 0px 3px 3px}.c-Header .header-icon{font-size:24px}.c-Header .header-icon:hover{color:#ffb179}.c-LoginForm{padding:1rem}.c-PageLoader{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:20}.c-PageLoader .c-PageLoader__lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.c-PageLoader .c-PageLoader__lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite}.c-PageLoader .c-PageLoader__lds-ripple div:nth-child(2){-webkit-animation-delay:-0.5s;animation-delay:-0.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0px;left:0px;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0px;left:0px;width:72px;height:72px;opacity:0}}.c-SocialLogin{padding:1rem;margin-bottom:2rem;display:flex;justify-content:center}.c-SocialLogin .abcRioButtonBlue{background:white;color:#585f6b}.abcRioButtonBlue{background-color:white !important;color:#585f6b !important;border-radius:3px}.g-signin2,.fb-login-button{display:flex !important;justify-content:center;margin-bottom:10px;border-radius:5px}\n\n","// Animations\n// ===\n//\n// Background Shimmer\n// ---\n\n@keyframes background-shimmer {\n 0% {\n background-position: 150vw 0;\n }\n\n 100% {\n background-position: -150vw 0;\n }\n}\n\n.scroll-down .c-Header {\n transform: translate3d(0, -100%, 0);\n}\n\n.scroll-up .c-Header {\n transform: none;\n}","// Forms\n// ===\n\n$base__radio-checkmark: 'data:image/svg+xml;utf8,';\n\n\n// General Form Elements\n// ---\n//\n// 1. Address Firefox 4+ setting `line-height` on `input` using `!important` in\n// the UA stylesheet.\n// 2. Remove padding so people aren’t caught out if they zero out fieldsets.\n// 3. Remove inner padding and border in Firefox 4+.\n// 4. Correct color not being inherited. Known issue: affects color of disabled\n// elements.\n// 5. Correct font properties not being inherited.\n// 6. Address margins set differently in Firefox 4+, Safari, and Chrome.\n// 7. Set font-size to 16px to avoid zooming in on iOS (https://stackoverflow.com/questions/11064237/prevent-iphone-from-zooming-form)\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ninput {\n margin: 0; // 6\n\n color: inherit; // 4\n font: inherit; // 5\n font-family: $font-family;\n font-size: $font-size + 2; // 7\n line-height: normal; // 1\n\n &::-moz-focus-inner {\n padding: 0; // 3\n border: 0; // 3\n }\n}\n\ntextarea {\n margin: 0; // 6\n\n color: inherit; // 4\n font: inherit; // 5\n}\n\nlabel,\ntextarea {\n font-family: $font-family;\n font-size: $font-size;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: $unit / 2;\n\n font-weight: $semi-bold-font-weight;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &:active {\n color: $active-link-color;\n }\n}\n\nselect,\ntextarea,\n[type=\"text\"],\n[type=\"search\"],\n[type=\"password\"],\n[type=\"tel\"],\n[type=\"url\"],\n[type=\"number\"],\n[type=\"email\"] {\n width: 100%;\n min-height: $tap-size;\n padding: $input-padding;\n border: $border;\n\n border-radius: 0;\n background-color: $input-background-color;\n\n line-height: $line-height;\n\n -webkit-appearance: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-webkit-input-placeholder {\n color: $neutral-50;\n }\n\n &:active,\n &:focus {\n border-color: $focus-color;\n\n box-shadow: $input-box-shadow;\n }\n}\n\nlegend {\n padding: 0; // 2\n}\n\n\n// Search input\n// ---\n//\n// These properties must be set with a slightly higher specificity for search\n// inputs because Normalize's defaults are a bit too specific\n//\n// 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n// 2. Remove inner padding and search cancel button in Safari and Chrome on OS X.\n// Safari (but not Chrome) clips the cancel button when the search input has\n// padding (and `textfield` appearance).\n\ninput[type=\"search\"] {\n box-sizing: border-box;\n\n -webkit-appearance: none; // 1\n\n &::-webkit-search-cancel-button,\n &::-webkit-search-decoration {\n -webkit-appearance: none; // 2\n }\n}\n\n// Select\n// ---\n//\n// 1. Restore browser default styling. If you’re taking full control of select\n// styling, remove both these lines.\n// 2. Simulate the position of the down-arrow as if it were a Icon component in\n// a button.\n// 3. Address inconsistent `text-transform` inheritance for `button` and `select`.\n// All other form control elements do not inherit `text-transform` values.\n// Correct `button` style inheritance in Firefox and Opera. Correct `select`\n// style inheritance in Firefox.\n// 4. Correct color not being inherited. Known issue: affects color of disabled\n// elements.\n// 5. Set font-size to 16px to avoid zooming in on iOS (https://stackoverflow.com/questions/11064237/prevent-iphone-from-zooming-form)\n// 6. Address margins set differently in Firefox 4+, Safari, and Chrome.\n\nselect {\n height: $tap-size; // 1\n margin: 0; // 6\n\n border-radius: 0;\n\n color: $brand-color;\n font-family: $font-family;\n font-size: $font-size + 2; // 5\n text-transform: none; // 3\n\n &,\n &[disabled] {\n background-repeat: no-repeat;\n background-position: calc(100% - 14px) center; // 2\n background-size: 12px 6px;\n }\n}\n\noptgroup {\n margin: 0; // 6\n\n color: inherit; // 4\n font: inherit; // 5\n}\n\n\n// Checkbox and Radios\n// ---\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n position: relative;\n\n display: inline-block;\n width: $unit*3;\n height: $unit*3;\n margin-right: $unit;\n border: $border;\n\n background: $neutral-00;\n\n vertical-align: middle;\n\n -webkit-appearance: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &:active {\n background: $neutral-30;\n }\n\n &:checked {\n border: 0;\n\n background: $brand-color;\n\n &::after {\n content: '';\n\n position: absolute;\n\n display: block;\n }\n }\n\n &:disabled {\n border: 0;\n\n background: rgba($neutral-20, 0.5);\n }\n}\n\n[type=\"radio\"] {\n border-radius: 50%;\n\n &:after {\n top: $unit;\n right: $unit;\n bottom: $unit;\n left: $unit;\n\n border-radius: 50%;\n background: $neutral-00;\n }\n}\n\n[type=\"checkbox\"] {\n &:checked {\n &:after {\n content: '';\n\n top: 0;\n\n display: block;\n width: $unit*3;\n height: $unit*3;\n\n background: url($base__radio-checkmark);\n\n color: $neutral-00;\n line-height: 0;\n\n pointer-events: none;\n }\n }\n}\n\n\n// Buttons\n// ---\n//\n// 1. Address margins set differently in Firefox 4+, Safari, and Chrome.\n// 2. Correct color not being inherited. Known issue: affects color of disabled\n// elements.\n// 3. Correct font properties not being inherited.\n// 4. Address inconsistent `text-transform` inheritance for `button` and `select`.\n// All other form control elements do not inherit `text-transform` values.\n// Correct `button` style inheritance in Firefox and Opera. Correct `select`\n// style inheritance in Firefox.\n// 5. Remove inner padding and border in Firefox 4+.\n// 6. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n// and `video` controls.\n// 7. Correct inability to style clickable `input` types in iOS.\n\nbutton,\n[type=\"submit\"] {\n display: block;\n margin: 0; // 1\n padding: 0;\n border: 0;\n\n background: $neutral-15;\n\n color: inherit; // 2\n font: inherit; // 3\n line-height: $line-height;\n text-transform: none; // 4\n\n -webkit-appearance: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n padding: 0; // 5\n border: 0; // 5\n }\n\n &:active {\n background: $neutral-30;\n }\n}\n\nhtml input[type=\"button\"],\n// 6\ninput[type=\"reset\"] {\n -webkit-appearance: button; // 7\n}\n\n\n// Disabled\n// ---\n//\n// 1. web-kit default disabled style\n// 2. Disabled style for button, checkbox, radio, input and select\n// 3. Checkbox and Radio style\n\n[disabled] {\n opacity: 1;\n background: $disabled-input-background-color;\n\n color: $disabled-input-color;\n\n -webkit-text-fill-color: $disabled-input-color; // 1\n\n // 2\n &:active,\n &:checked {\n border-color: $disabled-input-color;\n\n background: $disabled-input-background-color;\n\n &::after {\n color: $disabled-input-color; // 3\n }\n }\n\n &[type=\"radio\"]:after {\n background-color: $disabled-input-color;\n }\n}\n","// Project-Wide Variables\n// ===\n//\n// Edit these as needed. Some guidelines:\n//\n// - Names should be lowercase and dash-separated;\n// - Qualifiers should be added to the beginning of related variables: use\n// `$small-font-size`, not `$font-size-small`;\n// - Numeric scales should use increments of 10; these numbers are arbitrary and\n// should not map to actual values. If really necessary, additional values can\n// be added in between, e.g. $neutral-15 between 10 and 20.\n//\n//\n// Table of Contents\n// ---\n//\n// [AAA] Basic Layout\n// [BBB] Responsive Layout\n// [CCC] Typography\n// [DDD] Color Palette\n// [EEE] Appearance\n// [FFF] Z-Index\n// [GGG] Shorthands\n\n\n// [AAA] Basic Layout\n// ---\n\n// Basic unit for spacing and alignment; 6 to 12px recommended. Apply in whole\n// or half multiples.\n$sub-unit: 4px;\n$unit: 8px;\n\n// Standard tap-target size\n$tap-size: 44px;\n\n// Container max-width.\n$max-width: 1280px;\n\n// Content Height Calculations\n$header-height: 64px;\n$footer-height: 173px;\n$content-height: calc(100vh - #{$header-height} - #{$footer-height});\n\n// [BBB] Responsive Layout\n// ---\n//\n// Media query breakpoints and grid setup. Please see Mobify's Responsive Best\n// Practices doc here: https://bit.ly/2tmRnEi, and our Responsive Grid\n// documentation here: http://docs.mobify.com/latest/guides/responsive-grid/\n//\n// Note: $small-breakpoint isn't needed, since it is 0px\n\n$medium-breakpoint: 600px;\n$large-breakpoint: 960px;\n$xlarge-breakpoint: $max-width;\n\n$susy: (\n // Add color to show the columns and gutters\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(4),\n 'gutters': 12px\n);\n\n$medium-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 12px\n);\n\n$large-layout: (\n 'svg-grid-colors': hsl(0, 0%, 95%),\n 'columns': susy-repeat(12),\n 'gutters': 24px\n);\n\n\n// [CCC] Typography\n// ---\n// $font-family: 'San Francisco', 'Roboto', 'Fira Sans', 'Segoe UI', sans-serif;\n$font-family: Verdana, Geneva, sans-serif; \n$header-font-family: 'Avenir Next Condensed', 'Roboto Condensed', 'Helvetica Neue', 'Roboto', sans-serif;\n$loaded-header-font-family: 'Roboto', $header-font-family;\n\n// Line height\n$huge-line-height: 32px;\n$bigger-line-height: 28px;\n$big-line-height: 24px;\n$line-height: 20px;\n$small-line-height: 16px;\n$smaller-line-height: 12px;\n$tiny-line-height: 8px;\n\n// Font sizes\n$huge-font-size: 28px;\n$bigger-font-size: 24px;\n$big-font-size: 20px;\n$font-size: 16px;\n$small-font-size: 14px;\n$smaller-font-size: 12px;\n$tiny-font-size: 10px;\n$smallest-font-size: 8px;\n\n// Font weight\n$thin-font-weight: 100;\n$extra-light-font-weight: 200;\n$light-font-weight: 300;\n$regular-font-weight: 400;\n$medium-font-weight: 500;\n$semi-bold-font-weight: 600;\n$bold-font-weight: 700;\n\n// [DDD] Color Palette\n// ---\n\n// Neutrals\n$neutral-00: #fff;\n$neutral-10: #f7f7f7;\n$neutral-12: #f1f3f6;\n$neutral-15: #eee;\n$neutral-17: #e1e1e1;\n$neutral-20: #d5d5d5;\n$neutral-30: #bfbfbf;\n$neutral-40: #999;\n$neutral-50: #696969;\n$neutral-60: #333;\n$neutral-70: #000;\n\n// Brand colors\n// $brand-color: #017e9b; // blue\n$brand-color: #4471ea; // blue\n// $secondary-brand-color: #005569;\n$secondary-brand-color: #fafafa;\n$tertiary-brand-color: #83bdcb;\n$quaternary-brand-color: #bfdfe6;\n\n// UI Kit colors\n$ui-brand-color: #005c83; // dark blue\n\n// Accent colors\n$accent-color: #ff852c; // orange\n$light-accent-color: lighten($accent-color, 15%);\n$dark-accent-color: darken($accent-color, 15%);\n\n// Primary Action\n$primary-action-color: #dc0a3c;\n$light-primary-action-color: lighten($primary-action-color, 15%);\n$dark-primary-action-color: darken($primary-action-color, 15%);\n\n// Secondary Action\n$secondary-action-color: #ff852c;\n$light-secondary-action-color: lighten($secondary-action-color, 15%);\n$dark-secondary-action-color: darken($secondary-action-color, 15%);\n\n// Success colors\n$success-color: #037b30;\n$light-success-color: lighten($success-color, 15%);\n$dark-success-color: darken($success-color, 15%);\n\n// Error colors\n$error-color: #c70936;\n$light-error-color: lighten($error-color, 15%);\n$feedback-error-color: #f8e7eb;\n$dark-error-color: darken($error-color, 15%);\n\n// Sale color\n$sale-color: $error-color;\n$prominent-color: $error-color;\n\n// Social colors\n$facebook-color: #3a5a93;\n$twitter-color: #55aace;\n$instagram-color: #405de6;\n$pinterest-color: #bd081c;\n$youtube-color: #e52d27;\n$google-plus-color: #dd4b39;\n$yelp-color: #af0606;\n\n\n// [EEE] Appearance\n// ---\n\n$font-color: $neutral-60;\n$font-color-light: $neutral-12;\n\n$link-color: $ui-brand-color;\n$active-link-color: $dark-accent-color;\n\n$focus-color: $brand-color;\n\n$border-color: $neutral-20;\n$border-radius: 4px;\n\n$input-background-color: $neutral-00;\n$input-border-color: $border-color;\n$focused-input-border-color: $secondary-brand-color;\n$disabled-input-color: $neutral-40;\n$disabled-input-background-color: $neutral-15;\n$disabled-button-background-color: $neutral-15;\n$add-to-cart-button-background-color: #f7ae3a;\n$horizontal-input-padding: $unit;\n$vertical-input-padding: $unit;\n\n$background-color: $neutral-12;\n$overlay-color: rgba($neutral-00, 0.85);\n\n\n// [FFF] Z-Index\n// ---\n\n// Organizes z-index usage by name. Values can be incremented/decremented\n// slightly as necessary. eg. $z1-layer + 1;\n\n$z1-depth: 1; // background\n$z2-depth: 10; // icon or other ui element\n$z3-depth: 100; // modal shade or similar\n$z4-depth: 1000; // modal dialog or similar\n\n\n// [GGG] Shorthands\n// ---\n\n$border: 1px solid $border-color;\n$light-border: 1px solid $neutral-15;\n$input-padding: $vertical-input-padding $horizontal-input-padding;\n\n$box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);\n$large-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);\n$inset-box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.3), inset 0 -2px 2px -2px rgba(0, 0, 0, 0.3);\n$input-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3);\n$themeColor-Light: #f3e2c7;\n$themeColor-Dark:#252525;\n$theme-font: verdana, sans-serif;\n$theme-supplementer: #f39c12;\n$font-size-desktop-h5: 1.25em;\n$font-size-mobile-h5: 0.8em;\n$font-size-desktop-p: 1.1em;\n$font-size-mobile-p: 0.7em;\n","// General\n// ===\n\n// Document\n// ---\n//\n// 1. Applying styles to *::before or *::after is a performance issue on some\n// legacy Android devices (4.1.x). As such, these are disabled by default.\n// 2. Prevent iOS text size adjust after orientation change, without disabling\n// user zoom.\n// 3. Remove default margin in all browsers.\n\n\n// *::before, // 1\n// *::after, // 1\n* {\n box-sizing: border-box;\n\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n}\n\nhtml {\n color: $font-color;\n background-color: $neutral-12;\n font-family: $font-family;\n font-size: $font-size;\n line-height: $line-height;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -ms-text-size-adjust: 100%; // 2\n -webkit-text-size-adjust: 100%; // 2\n}\n\nbody {\n margin: 0;\n}\n\n// Grouping content\n// ---\n//\n// 1. Address margin not present in Safari.\n// 2. Contain overflow in all browsers.\n// 3. Address odd `em`-unit font size rendering in all browsers.The duplication\n// of `monospace` is intentional\n// ([Source](http://en.wikipedia.org/wiki/User:Davidgothberg/Test59)).\n\nfigure {\n // margin: 1em 40px; // 1\n margin: 0 0 1rem; // 1\n}\n\npre {\n overflow: auto; // 2\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\", monospace; // 3\n font-size: 1em; // 3\n}\n\n\n// New HTML5 elements\n// ---\n\n// Correct `block` display not defined for `main` in mobile Safari 6 and\n// Android 4.3.\n//\n// Correct `block` display not defined for `menu`.\n\nmain,\nmenu {\n display: block;\n}\n\n// Normalize vertical alignment of `progress` in Chrome and Firefox.\n\naudio,\ncanvas,\nprogress,\nvideo {\n vertical-align: baseline;\n}\n\n// Prevent modern browsers from displaying `audio` without controls.\n// Remove excess height in iOS 5 devices.\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n// Hide the `template` element in mobile Safari.\n\ntemplate {\n display: none;\n}\n\n// Prevent `sub` and `sup` affecting `line-height` in all browsers.\n\nsub,\nsup {\n position: relative;\n\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n\n// Hidden\n// ---\n//\n// Hide visually and from screen readers. `u-visually-hidden` class is preferred\n// to ensure that it's working in all conditions.\n\n[hidden] {\n display: none;\n}","// Lists\n// ===\n\n\n// Ordered and Unordered Lists\n// ---\n//\n// We default to unstyled lists because they seem to be a more common usecase.\n// Use the extensions to re-add the defaults back in.\n//\n// It is our recommendation that instead of styling the ul and ol directly that\n// you create a list component that can be added to lists when needed.\n\nul,\nol {\n margin: 0;\n padding: 0;\n\n list-style-type: none;\n}\n\n\n// Definition Lists\n// ---\n\ndl {\n margin-bottom: $unit;\n\n line-height: $line-height;\n}\n\ndt {\n margin-top: $unit;\n\n font-weight: $semi-bold-font-weight;\n}\n\ndd {\n margin: 0;\n}\n","\n.material-icons {\n &.md-18 { font-size: 18px; }\n &.md-24 { font-size: 24px; }\n &.md-36 { font-size: 36px; }\n &.md-48 { font-size: 48px; }\n &.md-dark { color: rgba(0, 0, 0, 0.54); }\n &.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }\n &.md-light { color: rgba(255, 255, 255, 1); }\n &.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }\n &.orange600 { color: #FB8C00; }\n}","// Tables\n// ===\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n width: 100%;\n margin: $unit 0;\n}\n\nth {\n padding: $unit 0;\n\n font-weight: $semi-bold-font-weight;\n text-align: left;\n}\n\ntd {\n padding: $unit 0;\n}\n\ntr,\ntd,\nth {\n vertical-align: middle;\n}\n","// Typography\n// ===\n\n// Headers\n// ---\n@import url('https://use.fontawesome.com/releases/v5.1.0/css/all.css');\n@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');\n@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');\n@import url('https://fonts.googleapis.com/icon?family=Material+Icons');\n@import url('https://fonts.googleapis.com/css?family=McLaren&display=swap\" rel=\"stylesheet');\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n\n font-family: $header-font-family;\n font-weight: $regular-font-weight;\n line-height: 1.25;\n\n // Added with webfontloader. See loadFonts() in app/container.js\n .wf-active & {\n font-family: $loaded-header-font-family;\n }\n}\n\nh1,\n%h1 {\n font-weight: $light-font-weight;\n font-size: $huge-font-size;\n line-height: $huge-line-height;\n}\n\nh2,\n%h2 {\n font-size: $bigger-font-size;\n line-height: $bigger-line-height;\n}\n\nh3,\n%h3,\nh4,\n%h4 {\n font-size: $big-font-size;\n line-height: $big-line-height;\n}\n\nh5,\n%h5 {\n font-size: $font-size + 2;\n line-height: $line-height;\n}\n\nh6,\n%h6 {\n font-size: $font-size;\n line-height: $line-height;\n}\n\n\n// Text Elements\n// ---\n\np {\n margin: 0;\n}\n\na {\n color: $link-color;\n text-decoration: none;\n\n &:active,\n &:focus {\n color: $active-link-color;\n }\n}\n\nb,\nstrong {\n font-weight: $semi-bold-font-weight;\n}\n\nsmall {\n font-size: 80%;\n}\n\n\n// Miscellaneous Elements\n// ---\n//\n// 1. Address differences between Firefox and other browsers.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n margin: ($unit * 2) 0;\n border: $border;\n border-width: 0 0 1px;\n\n -moz-box-sizing: content-box; // 1\n}\n\nimg {\n max-width: 100%;\n margin: 0;\n}\n\nblockquote {\n margin: ($unit * 2) 0;\n padding-left: $unit;\n border-left: 2px solid $border-color;\n\n color: lighten($font-color, 15);\n}\n","// Mixins\n// ===\n//\n// Background Shimmer\n// ---\n\n@mixin background-shimmer() {\n overflow: hidden;\n background: $neutral-10;\n background-image: linear-gradient(to right,\n $neutral-10 0%, scale-color($neutral-15, $lightness: -5%) 50%, $neutral-10 100%);\n background-repeat: no-repeat;\n background-size: 100vw 100vh;\n animation: 1.5s linear infinite background-shimmer;\n}\n\n\n// Visually Hidden\n// ---\n\n@mixin visually-hidden() {\n position: absolute;\n\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n}\n\n\n// Wrap At Root\n// ---\n//\n// Wraps the nested blocks in the `$selector` of your choice, and at the root\n// level. Specificity of the selector can be increased by increasing the\n// `$degree` to a higher number than the default `1`.\n\n// Examples:\n// ---\n//\n// Default:\n//\n// @include wrap-at-root(\"#app\") {\n// .u-border-red { border: 1px solid red; }\n// }\n//\n// Output: #app .u-border-red { border: 1px solid red; }\n//\n//\n// Custom:\n//\n// @include wrap-at-root(\"#app\", 3) {\n// .u-border-red { border: 1px solid red; }\n// }\n//\n// Output: #app#app#app .u-border-red { border: 1px solid red; }\n\n\n// Parameters\n// ---\n//\n// @param $selector [String]: ID selector.\n// @param $degree [Number]: Effectively the number of id-level selectors you\n// need to override.\n\n@mixin wrap-at-root($selector, $degree: 1) {\n $selector-chain: '';\n\n // Build an id selector by chaining the same id onto itself once more than\n // the specified degree. So if degree: 3, we get #id#id#id.\n\n @for $i from 1 through $degree {\n $selector-chain: $selector-chain + $selector;\n }\n\n @at-root #{$selector-chain} {\n @content;\n }\n}\n","// Border\n// ===\n\n// Border (Width and Color)\n// ---\n\n.u-border {\n border: $border;\n}\n\n.u-border-0 {\n border: 0;\n}\n\n.u-border-top {\n border-top: $border;\n}\n\n.u-border-end {\n border-right: $border;\n}\n\n.u-border-bottom {\n border-bottom: $border;\n}\n\n.u-border-start {\n border-left: $border;\n}\n\n\n// Light Border (Width and Color)\n// ---\n\n.u-border-light {\n border: $light-border;\n}\n\n.u-border-light-top {\n border-top: $light-border;\n}\n\n.u-border-light-end {\n border-right: $light-border;\n}\n\n.u-border-light-bottom {\n border-bottom: $light-border;\n}\n\n.u-border-light-start {\n border-left: $light-border;\n}\n\n\n// Border (Other)\n// ---\n\n.u-border-radius {\n border-radius: $border-radius;\n}\n","// Box Shadow\n// ===\n\n.u-box-shadow {\n box-shadow: $box-shadow;\n}\n\n.u-box-shadow-inset {\n box-shadow: $inset-box-shadow;\n}\n\n.u-box-shadow-lg {\n box-shadow: $large-box-shadow;\n}\n\n.u-box-shadow-input {\n box-shadow: $input-box-shadow;\n}\n","// Color\n// ===\n\n// Neutral Colors\n// ---\n\n.u-color-neutral-00 {\n color: $neutral-00;\n\n fill: $neutral-00;\n}\n\n.u-color-neutral-10 {\n color: $neutral-10;\n\n fill: $neutral-10;\n}\n\n.u-color-neutral-15 {\n color: $neutral-15;\n\n fill: $neutral-15;\n}\n\n.u-color-neutral-20 {\n color: $neutral-20;\n\n fill: $neutral-20;\n}\n\n.u-color-neutral-30 {\n color: $neutral-30;\n\n fill: $neutral-30;\n}\n\n.u-color-neutral-40 {\n color: $neutral-40;\n\n fill: $neutral-40;\n}\n\n.u-color-neutral-50 {\n color: $neutral-50;\n\n fill: $neutral-50;\n}\n\n.u-color-neutral-60 {\n color: $neutral-60;\n\n fill: $neutral-60;\n}\n\n.u-color-neutral-70 {\n color: $neutral-70;\n\n fill: $neutral-70;\n}\n\n\n// Other Colors\n// ---\n\n.u-color-brand {\n color: $brand-color;\n\n fill: $brand-color;\n}\n\n.u-color-accent {\n color: $accent-color;\n\n fill: $accent-color;\n}\n\n.u-color-primary-action {\n color: $primary-action-color;\n\n fill: $primary-action-color;\n}\n\n.u-color-secondary-action {\n color: $secondary-action-color;\n\n fill: $secondary-action-color;\n}\n\n.u-color-success {\n color: $success-color;\n\n fill: $success-color;\n}\n\n.u-color-error {\n color: $error-color;\n\n fill: $error-color;\n}\n\n.u-color-sale {\n color: $sale-color;\n\n fill: $sale-color;\n}\n\n\n// Background Colors\n// ---\n\n.u-bg-color-neutral-00 {\n background-color: $neutral-00;\n}\n\n.u-bg-color-neutral-10 {\n background-color: $neutral-10;\n}\n\n.u-bg-color-neutral-15 {\n background-color: $neutral-15;\n}\n\n.u-bg-color-neutral-20 {\n background-color: $neutral-20;\n}\n\n.u-bg-color-neutral-30 {\n background-color: $neutral-30;\n}\n\n.u-bg-color-neutral-40 {\n background-color: $neutral-40;\n}\n\n.u-bg-color-neutral-50 {\n background-color: $neutral-50;\n}\n\n.u-bg-color-neutral-60 {\n background-color: $neutral-60;\n}\n\n.u-bg-color-neutral-70 {\n background-color: $neutral-70;\n}\n\n\n// Other Background Colors\n// ---\n\n.u-bg-color-brand {\n background-color: $brand-color;\n}\n\n.u-bg-color-accent {\n background-color: $accent-color;\n}\n\n.u-bg-color-primary-action {\n background-color: $primary-action-color;\n}\n\n.u-bg-color-secondary-action {\n background-color: $secondary-action-color;\n}\n\n.u-bg-color-success {\n background-color: $success-color;\n}\n\n.u-bg-color-error {\n background-color: $error-color;\n}\n\n.u-bg-color-sale {\n background-color: $sale-color;\n}\n","// Flexbox\n// ===\n//\n// Flexbox and align a row of items with a lot of control. Provides a\n// declarative, robust cross-browser way of using flexbox.\n\n\n// Flex (Grow)\n// ---\n//\n// Ensures that the flex child will grow to fill the available space.\n//\n// Note! This utility class should come **BEFORE** the `u-flexbox` class in\n// order to ensure that an element with both classes inherits only the\n// `display: flex` property.\n// 1. Ensure inline elements are treated as block-level.\n// 2. Prevent width collapsing in old implementations.\n\n.u-flex {\n display: block; // 1\n flex: 1 1 auto;\n width: 100%; // 2\n}\n\n\n// Flex (Shrink)\n// ---\n//\n// 1. Ensure width collapses in old implementations.\n\n\n.u-flex-shrink {\n flex: initial;\n width: auto; // 1\n}\n\n\n// Flex (None)\n// ---\n//\n// Neither grow nor shrink!\n\n.u-flex-none {\n flex: 0 0 auto;\n}\n\n\n// Flexbox\n// ---\n//\n// Includes gutters, for grid-like functionality.\n//\n// Note! This should come **AFTER** the `u-flex` utility class in order to\n// ensure an element that has both classes inherits `display: flex`!\n// 1. Remove default styles present on common root elements.\n// 2. Ensure in iOS 5 and 6 that flex-direction isn't inherited from\n// any flexbox parents that has flex-direction set to row-reverse\n\n\n.u-flexbox {\n display: flex;\n flex-direction: row; // 2\n margin: 0; // 1\n padding: 0; // 1\n\n list-style: none; // 1\n}\n\n\n// Directions\n// ---\n\n.u-direction-column {\n flex-direction: column;\n}\n\n.u-direction-column-reverse {\n flex-direction: column-reverse;\n}\n\n.u-direction-row {\n flex-direction: row;\n}\n\n.u-direction-row-reverse {\n flex-direction: row-reverse;\n}\n\n\n// Align Items\n// ---\n\n.u-align-top {\n align-items: flex-start;\n}\n\n.u-align-center {\n align-items: center;\n}\n\n.u-align-bottom {\n align-items: flex-end;\n}\n\n\n// Justify Content\n// ---\n\n.u-justify-start {\n justify-content: flex-start;\n}\n\n.u-justify-end {\n justify-content: flex-end;\n}\n\n.u-justify-between {\n justify-content: space-between;\n}\n\n.u-justify-center {\n justify-content: center;\n}\n\n.u-justify-around {\n justify-content: space-around;\n}\n\n\n// Order\n// ---\n//\n// Re-arrange the display order of up to six items. Add additional modifiers in\n// your own stylesheet to re-order more.\n\n.u-order-1 {\n order: 1;\n}\n\n.u-order-2 {\n order: 2;\n}\n\n.u-order-3 {\n order: 3;\n}\n\n.u-order-4 {\n order: 4;\n}\n\n.u-order-5 {\n order: 5;\n}\n\n.u-order-6 {\n order: 6;\n}\n","// Layout utils\n// ===\n\n// Floats\n// ---\n//\n// Writing-direction independent floats. For RTL stylesheets, re-define\n// these styles with the opposite direction. Templates need not be changed.\n\n.u-float-start {\n float: left;\n}\n\n.u-float-end {\n float: right;\n}\n\n\n// Contain floats\n// ---\n//\n// Contain all floated children and their margins.\n//\n// 1. Avoid an Opera bug when the contenteditable attribute is included anywhere\n// else in the document.\n// 2. Contain the the first child’s top margin. Ensures rendering is consistent\n// with the other common clearfix method, `overflow: hidden`.\n\n.u-clearfix {\n &::before,\n &::after {\n content: ' '; // 1\n\n display: table; // 2\n }\n\n &::after {\n clear: both;\n }\n}\n\n\n// Positioning relative\n// ---\n//\n// Create a new positioning context.\n\n.u-position-relative {\n position: relative;\n}\n\n\n// Positioning absolute\n// ---\n//\n// Create a new positioning context.\n\n.u-position-absolute {\n position: absolute;\n}\n\n\n// Positioning fixed\n// ---\n//\n// Create a new positioning context.\n\n.u-position-fixed {\n position: fixed;\n}\n\n\n// Positioning coordinate\n// ---\n\n.u-position-top {\n top: 0;\n}\n\n.u-position-right {\n right: 0;\n}\n\n.u-position-bottom {\n bottom: 0;\n}\n\n.u-position-left {\n left: 0;\n}\n\n.u-position-full {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n}\n","// Margin\n// ===\n\n// Miscellanous\n// ---\n\n.u-margin-0 {\n margin: 0;\n}\n\n.u-margin-center {\n margin: 0 auto;\n}\n\n.u-margin-all {\n margin-top: $unit;\n margin-right: $unit;\n margin-bottom: $unit;\n margin-left: $unit;\n}\n\n\n// Vertical Margins\n// ---\n//\n// Granular control over vertical spacing independent of a component. Includes\n// values based on global spacing.\n//\n// Suffixes:\n// 0: none\n// sm: small\n// md: medium\n// lg: large\n\n.u-margin-top-0 {\n margin-top: 0;\n}\n\n.u-margin-top {\n margin-top: $unit;\n}\n\n.u-margin-top-sm {\n margin-top: ($unit / 2);\n}\n\n.u-margin-top-md {\n margin-top: $unit * 1.5;\n}\n\n.u-margin-top-lg {\n margin-top: $unit * 2;\n}\n\n.u-margin-bottom-0 {\n margin-bottom: 0;\n}\n\n.u-margin-bottom {\n margin-bottom: $unit;\n}\n\n.u-margin-bottom-sm {\n margin-bottom: ($unit / 2);\n}\n\n.u-margin-bottom-md {\n margin-bottom: $unit * 1.5;\n}\n\n.u-margin-bottom-lg {\n margin-bottom: $unit * 2;\n}\n\n\n// Horizontal Margins\n// ---\n//\n// Granular control over horizontal spacing independent of a component. Includes\n// values based on global spacing, and adds values based on relative typographic\n// sizes.\n//\n// `start` and `end` are writing-direction independent forms for `left` and\n// `right`. For right-to-left localizations, create an alternate version of this\n// stylesheet with the property directions reversed.\n//\n// Suffixes:\n//\n// 0: none\n// th: thick space (about 1.5× a “normal” word space)\n// en: en space (half an em)\n// em: em space\n// sm: small\n// md: medium\n// lg: large\n\n.u-margin-start-0 {\n margin-left: 0;\n}\n\n.u-margin-start {\n margin-left: $unit;\n}\n\n.u-margin-start-th {\n margin-left: 0.333em;\n}\n\n.u-margin-start-en {\n margin-left: 0.5em;\n}\n\n.u-margin-start-em {\n margin-left: 1em;\n}\n\n.u-margin-start-sm {\n margin-left: ($unit / 2);\n}\n\n.u-margin-start-md {\n margin-left: $unit * 1.5;\n}\n\n.u-margin-start-lg {\n margin-left: $unit * 2;\n}\n\n.u-margin-end-0 {\n margin-right: 0;\n}\n\n.u-margin-end {\n margin-right: $unit;\n}\n\n.u-margin-end-th {\n margin-right: 0.333em;\n}\n\n.u-margin-end-en {\n margin-right: 0.5em;\n}\n\n.u-margin-end-em {\n margin-right: 1em;\n}\n\n.u-margin-end-sm {\n margin-right: ($unit / 2);\n}\n\n.u-margin-end-md {\n margin-right: $unit * 1.5;\n}\n\n.u-margin-end-lg {\n margin-right: $unit * 2;\n}\n","// Padding\n// ===\n\n// Miscellanous\n// ---\n\n.u-padding-0 {\n padding: 0;\n}\n\n.u-padding {\n padding: $unit;\n}\n\n.u-padding-sm {\n padding: ($unit / 2);\n}\n\n.u-padding-md {\n padding: $unit * 1.5;\n}\n\n.u-padding-lg {\n padding: $unit * 2;\n}\n\n// Vertical Padding\n// ---\n//\n// Granular control over vertical spacing independent of a component. Includes\n// values based on global spacing.\n//\n// Suffixes:\n// 0: none\n// sm: small\n// md: medium\n// lg: large\n\n.u-padding-top-0 {\n padding-top: 0;\n}\n\n.u-padding-top {\n padding-top: $unit;\n}\n\n.u-padding-top-sm {\n padding-top: ($unit / 2);\n}\n\n.u-padding-top-md {\n padding-top: $unit * 1.5;\n}\n\n.u-padding-top-lg {\n padding-top: $unit * 2;\n}\n\n.u-padding-bottom-0 {\n padding-bottom: 0;\n}\n\n.u-padding-bottom {\n padding-bottom: $unit;\n}\n\n.u-padding-bottom-sm {\n padding-bottom: ($unit / 2);\n}\n\n.u-padding-bottom-md {\n padding-bottom: $unit * 1.5;\n}\n\n.u-padding-bottom-lg {\n padding-bottom: $unit * 2;\n}\n\n\n// Horizontal Padding\n// ---\n//\n// Granular control over horizontal spacing independent of a component. Includes\n// values based on global spacing, and adds values based on relative typographic\n// sizes.\n//\n// `start` and `end` are writing-direction independent forms for `left` and\n// `right`. For right-to-left localizations, create an alternate version of this\n// stylesheet with the property directions reversed.\n//\n// Suffixes:\n//\n// 0: none\n// th: thick space (about 1.5× a “normal” word space)\n// en: en space (half an em)\n// em: em space\n// sm: small\n// md: medium\n// lg: large\n\n.u-padding-start-0 {\n padding-left: 0;\n}\n\n.u-padding-start {\n padding-left: $unit;\n}\n\n.u-padding-start-th {\n padding-left: 0.333em;\n}\n\n.u-padding-start-en {\n padding-left: 0.5em;\n}\n\n.u-padding-start-em {\n padding-left: 1em;\n}\n\n.u-padding-start-sm {\n padding-left: ($unit / 2);\n}\n\n.u-padding-start-md {\n padding-left: $unit * 1.5;\n}\n\n.u-padding-start-lg {\n padding-left: $unit * 2;\n}\n\n.u-padding-end-0 {\n padding-right: 0;\n}\n\n.u-padding-end {\n padding-right: $unit;\n}\n\n.u-padding-end-th {\n padding-right: 0.333em;\n}\n\n.u-padding-end-en {\n padding-right: 0.5em;\n}\n\n.u-padding-end-em {\n padding-right: 1em;\n}\n\n.u-padding-end-sm {\n padding-right: ($unit / 2);\n}\n\n.u-padding-end-md {\n padding-right: $unit * 1.5;\n}\n\n.u-padding-end-lg {\n padding-right: $unit * 2;\n}\n\n","// Text Content\n// ===\n//\n// This is used to apply text-based-content styles to a container. Think of a\n// blog post as an example of text content.\n\n.u-text-content {\n .u-h1 {\n text-transform: uppercase;\n }\n\n .u-h2 {\n font-weight: $semi-bold-font-weight;\n }\n\n .u-h3 {\n color: $brand-color;\n }\n\n .u-h4 {\n text-transform: uppercase;\n }\n\n p + p {\n margin-top: $unit;\n }\n}\n","// Text utils\n// ===\n\n\n// Font-Family\n// ---\n\n.u-text-family {\n font-family: $font-family;\n}\n\n.u-text-family-header {\n font-family: $header-font-family;\n\n // Added with webfontloader. See loadFonts() in app/container.js\n .wf-active & {\n font-family: $loaded-header-font-family;\n }\n}\n\n.u-text-family-loaded {\n font-family: $loaded-header-font-family;\n}\n\n\n// Weights & Style\n// ---\n\n.u-text-weight-thin {\n font-weight: $thin-font-weight;\n}\n\n.u-text-weight-extra-light {\n font-weight: $extra-light-font-weight;\n}\n\n.u-text-weight-light {\n font-weight: $light-font-weight;\n}\n\n.u-text-weight-regular {\n font-weight: $regular-font-weight;\n}\n\n.u-text-weight-medium {\n font-weight: $medium-font-weight;\n}\n\n.u-text-weight-semi-bold {\n font-weight: $semi-bold-font-weight;\n}\n\n.u-text-weight-bold {\n font-weight: $bold-font-weight;\n}\n\n.u-text-style-italic {\n font-style: italic;\n}\n\n.u-text-quiet {\n color: $neutral-50;\n font-size: $small-font-size;\n\n fill: $neutral-50;\n}\n\n\n// Size\n// ---\n\n.u-text-size-smaller {\n font-size: $smaller-font-size;\n}\n\n.u-text-size-small {\n font-size: $small-font-size;\n}\n\n.u-text-size-base {\n font-size: $font-size;\n}\n\n.u-text-size-big {\n font-size: $big-font-size;\n}\n\n.u-text-size-bigger {\n font-size: $bigger-font-size;\n}\n\n.u-text-size-huge {\n font-size: $huge-font-size;\n}\n\n\n// Line Height\n// ---\n\n.u-text-height-0 {\n line-height: 0;\n}\n\n.u-text-height-tiny {\n line-height: $tiny-line-height;\n}\n\n.u-text-height-smaller {\n line-height: $smaller-line-height;\n}\n\n.u-text-height-small {\n line-height: $small-line-height;\n}\n\n.u-text-height-base {\n line-height: $line-height;\n}\n\n.u-text-height-big {\n line-height: $big-line-height;\n}\n\n.u-text-height-bigger {\n line-height: $bigger-line-height;\n}\n\n.u-text-height-huge {\n line-height: $huge-line-height;\n}\n\n\n// Letter Spacing\n// ---\n\n.u-text-letter-spacing-small {\n letter-spacing: 1px;\n}\n\n.u-text-letter-spacing-normal {\n letter-spacing: normal;\n}\n\n\n// Text Alignment\n// ---\n\n.u-text-align-start {\n text-align: left;\n}\n\n.u-text-align-center {\n text-align: center;\n}\n\n.u-text-align-end {\n text-align: right;\n}\n\n.u-text-align-middle {\n vertical-align: middle;\n}\n\n.u-text-align-baseline {\n vertical-align: baseline;\n}\n\n\n// All Caps\n// ---\n//\n// Set text uppercase, letterspaced for legibility.\n\n.u-text-uppercase {\n text-transform: uppercase;\n}\n\n\n// Capitalize Text\n// ---\n//\n// Capitalize first letter of string.\n\n.u-text-capitalize {\n text-transform: capitalize;\n}\n\n\n// Lowercase Text\n// ---\n//\n// Lowercase all text in string.\n\n.u-text-lowercase {\n text-transform: lowercase;\n}\n\n\n// Strikethrough Text\n// ---\n//\n// Strikethrough all text in string.\n\n.u-text-strikethrough {\n text-decoration: line-through;\n}\n","// Display\n// ===\n\n\n// Display: Block\n// ---\n\n.u-display-block {\n display: block;\n}\n\n\n// Display: Inline Block\n// ---\n\n.u-display-inline-block {\n display: inline-block;\n}\n\n\n// Display: Inline\n// ---\n\n.u-display-inline {\n display: inline;\n}\n\n\n// Dispaly: Inline Table\n// ---\n\n.u-display-inline-table {\n display: inline-table;\n}\n\n\n// Display: None\n// ---\n\n.u-display-none {\n display: none;\n}\n","// Z-Index\n// ===\n\n.u-z-index-1 {\n z-index: $z1-depth;\n}\n\n.u-z-index-2 {\n z-index: $z2-depth;\n}\n\n.u-z-index-3 {\n z-index: $z3-depth;\n}\n\n.u-z-index-4 {\n z-index: $z4-depth;\n}\n","@import './../../styles/variables';\n\n.c-Plp {\n background: $neutral-12;\n font-family: $font-family;\n margin-top: $header-height;\n}\n",".Login {\n background: #222;\n max-width: unset;\n @media only screen and (max-width: 1140px) {\n padding-left: unset;\n padding-right: unset;\n margin-right: unset;\n margin-left: unset;\n }\n .loginContainer {\n border: 2px solid grey;\n border-radius: 0.3rem;\n margin: 1rem;\n background: #eee;\n padding-bottom: 20px;\n .c-login-intimation {\n padding: 15px 5px 15px 15px;\n background: black;\n color: white;\n margin-bottom: 0;\n }\n .loginSplitter {\n text-align: center;\n margin-top: 10px;\n margin-bottom: 10px;\n text-transform: capitalize;\n font-size: 25px;\n font-weight: bolder;\n line-height: 30px;\n }\n }\n}\n","@import './../../styles/variables';\n\n.c-Cart {\n background: $neutral-12;\n font-family: $font-family;\n margin-top: $header-height;\n margin-bottom: 46px;\n // padding: 15px 10px;\n\n .c-Cart__emptyCart {\n background: $neutral-00;\n margin-top: 25%;\n border: 1px solid black;\n text-align: center;\n padding: 1em;\n\n .c-Cart__emptyCart__information {\n color: $neutral-40;\n }\n }\n\n .btn__continueShopping {\n display: block;\n margin: 0 auto;\n border-radius: 20px;\n padding: 7px 20px;\n background-color: $brand-color;\n color: $neutral-12; \n cursor: pointer;\n font-size: $smaller-font-size;\n font-weight: $bold-font-weight;\n }\n \n .btn__continueShopping:hover {\n opacity: 0.7;\n }\n\n .c-Cart__mainContent {\n \n }\n}\n",".c-InputField {\n margin-bottom: 10px;\n margin-top: 10px;\n // label {\n // float: left;\n // display: flex;\n // align-items: center;\n // justify-content: center;\n // margin-right: 10px;\n // }\n input[type=\"text\"],input[type=\"password\"] {\n padding: 5px;\n width: 70%;\n }\n}\n",".c-Form {\n padding: 15px;\n background: #ddd;\n border: 1px solid #bbb;\n border-radius: 3px;\n margin-top: 10px;\n}\n",".c-Jumbotron {\n padding: 1rem;\n background: #222;\n color: #bbbbbb;\n margin-bottom: 0;\n .my-4 {\n border-color: #bbb;\n }\n}\n","@import './../../../styles/variables';\n\n.c-Header {\n display: flex;\n // align-items: center;\n // justify-content: center;\n position: fixed;\n height: $header-height;\n left: 0;\n top: 0;\n right: 0;\n width: 100%;\n background-color: $brand-color;\n color: $neutral-00;\n padding: 1em 1.5em;\n z-index: 2;\n transition: transform 0.4s;\n\n .c-Header__logo-main {\n cursor: pointer;\n }\n\n .c-Header__iconClass {\n transform: rotateX(18deg) rotateZ(10deg) scale(2);\n color: yellow;\n margin: 6px 0px 3px 3px;\n }\n\n .header-icon {\n font-size: $bigger-font-size;\n &:hover {\n color: $light-accent-color;\n }\n }\n}\n",".c-LoginForm {\n padding: 1rem;\n}\n","@import url('https://fonts.googleapis.com/css?family=Indie+Flower');\n\n.c-PageLoader {\n\t// margin-top: 50%;\t\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: rgba(0,0,0,0.3); \n width: 100%; \n height: 100%; \n position: fixed; \n top:0px; \n left:0px; \n z-index: 20;\n\n\t// .is-animate {\n\t// \t\tbackground: #ffb200;\n\t// \t\tbox-sizing: border-box;\n\t// \t\tfont-size: 66px;\n\t// \t\tdisplay: -webkit-inline-box;\n\t// \t\tpadding: 14px;\n\t// \t\tborder-radius: 7px;\n\t// }\n\t// .is-animate > div {\n\t// \t\tanimation-name: style;\n\t// \t\tdisplay: -webkit-inline-box;\n\t// \t\tcolor: #fff;\n\t// \t\tpadding: 9px;\n\t// \t\tbackground: #ffb200;\n\t// \t\tfont-family: 'Indie Flower', cursive;\n\t// \t\tbox-shadow: 2px 2px 9px 2px;\n\t// }\n\t// .l{\n\t// \tanimation: letterspacing 1s infinite alternate cubic-bezier(.2, 0, 0, 1);\n\t// }\n\t\n\t// .is-animate > div {\n\t// \tanimation-duration: 1s;\n\t// \tanimation-fill-mode: both;\n\t// \tanimation-iteration-count: infinite;\n\t// }\n\t\n\t// .is-animate > div:nth-child(1) { animation-delay: 0.0s }\n\t// .is-animate > div:nth-child(2) { animation-delay: 0.1s }\n\t// .is-animate > div:nth-child(3) { animation-delay: 0.2s }\n\t// .is-animate > div:nth-child(4) { animation-delay: 0.3s }\n\t// .is-animate > div:nth-child(5) { animation-delay: 0.4s }\n\t// .is-animate > div:nth-child(6) { animation-delay: 0.5s }\n\t// .is-animate > div:nth-child(7) { animation-delay: 0.6s }\n\t\n\t\n\t// @keyframes style {\n\t// \tfrom {\n\t// \t\ttransform: scale3d(1, 1, 1);\n\t// \t}\n\t// \t30% {\n\t// \t\tbox-shadow: 0px 0px 0px 0px;\n\t// \t\ttransform: scale3d(1.25, 0.75, 1);\n\t// \t}\n\t// \t40% {\n\t// \t\ttransform: scale3d(0.75, 1.25, 1);\n\t// \t}\n\t// \t50% {\n\t// \t\ttransform: scale3d(1.15, 0.85, 1);\n\t// \t}\n\t// \t65% {\n\t// \t\ttransform: scale3d(.95, 1.05, 1);\n\t// \t}\n\t// \t75% {\n\t// \t\ttransform: scale3d(1.05, .95, 1);\n\t// \t}\n\t// \tto {\n\t// \t\ttransform: scale3d(1, 1, 1);\n\t// \t}\n\t// }\n\t\n\t\n\t// @keyframes letterspacing {\n\t// \t0% {\n\t// \t\tfilter: blur(0.1rem);\n\t// \t} \n\t// \t100% {\n\t// \t\tfilter: blur(0.5rem);\n\t// \t}\n\t// \tto {\n\t// \t\tletter-spacing: none;\n\t// \t\tfilter: blur(0rem);\n\t// \t}\n\t// }\n\n\n\t.c-PageLoader__lds-ripple {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\twidth: 80px;\n\t\theight: 80px;\n\t\tdiv {\n\t\t\tposition: absolute;\n\t\t\tborder: 4px solid #fff;\n\t\t\topacity: 1;\n\t\t\tborder-radius: 50%;\n\t\t\tanimation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;\n\t\t\t&:nth-child(2) {\n\t\t\t\tanimation-delay: -0.5s;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t@keyframes lds-ripple {\n\t\t0% {\n\t\t\ttop: 36px;\n\t\t\tleft: 36px;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\ttop: 0px;\n\t\t\tleft: 0px;\n\t\t\twidth: 72px;\n\t\t\theight: 72px;\n\t\t\topacity: 0;\n\t\t}\n\t}\n}\n",".c-SocialLogin {\n padding: 1rem;\n margin-bottom: 2rem;\n display: flex;\n justify-content: center;\n .abcRioButtonBlue {\n background: white;\n color: #585f6b;\n }\n}\n","@charset 'UTF-8';\n\n@import 'styles/variables';\n@import 'styles/base';\n@import 'styles/utilities';\n@import 'styles/pages';\n@import 'styles/components';\n\n.abcRioButtonBlue {\n background-color: white!important;\n color: #585f6b!important;\n border-radius: 3px;\n}\n\n.g-signin2, .fb-login-button {\n display: flex!important;\n justify-content: center;\n margin-bottom: 10px;\n border-radius: 5px;\n}\n\n"]} \ No newline at end of file diff --git a/static/js/4.5fbc1968.chunk.js b/static/js/4.5fbc1968.chunk.js new file mode 100644 index 0000000..026fb21 --- /dev/null +++ b/static/js/4.5fbc1968.chunk.js @@ -0,0 +1,2 @@ +(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[4],{107:function(e,t,a){e.exports={"c-Cart":"Cart_c-Cart__3o6Xj","c-Cart__emptyCart":"Cart_c-Cart__emptyCart__1We4n","c-Cart__emptyCart__information":"Cart_c-Cart__emptyCart__information__1Arjm",btn__continueShopping:"Cart_btn__continueShopping__1KuEv"}},108:function(e,t,a){},109:function(e,t,a){},110:function(e,t,a){},111:function(e,t,a){},112:function(e,t,a){},116:function(e,t,a){"use strict";a.r(t);var r=a(0),c=a.n(r),n=a(22),o=a(56),l=a(9),s=a(62),i=a(60),u=a(13),m=(a(107),a(73)),d=a(72),p=a(5),_=a.n(p),f=(a(108),a(109),function(e){return c.a.createElement("div",{className:"c-SectionLoader"},c.a.createElement("div",{className:"c-SectionLoader__lds-ripple"},c.a.createElement("div",null),c.a.createElement("div",null)))});f.defaultProps={},f.propTypes={};var C=f,v=a(69),E=(a(110),function(e){var t=e.cartTotalCount,a=e.cartItems,r=e.count,n=e.productId,o=e.removeItem,l=e.updateCart,s=function(e){var c=r;"remove"===e?(0===(c=c?--c:0)?o(n):a[n]=c,t=--t):(c=c?++c:1,a[n]=c,t=++t),l(t,a)};return c.a.createElement("div",{className:"c-QuantityControlWidget"},c.a.createElement("div",{className:"c-QuantityControlWidget__part c-QuantityControlWidget__part--minus c-QuantityControlWidget__part--circled",onClick:function(){return s("remove")}},c.a.createElement("span",null,"-")),c.a.createElement("div",{className:"c-QuantityControlWidget__part c-QuantityControlWidget__part--squared"},c.a.createElement("span",null,r)),c.a.createElement("div",{className:"c-QuantityControlWidget__part c-QuantityControlWidget__part--plus c-QuantityControlWidget__part--circled",onClick:function(){return s("add")}},c.a.createElement("span",null,"+")))});E.defaultProps={},E.propTypes={cartTotalCount:_.a.number,cartItems:_.a.object,count:_.a.number,productId:_.a.number,removeItem:_.a.func,updateCart:_.a.func};var b=E,y=function(e){var t=e.count,a=e.cartTotalCount,r=e.cartItems,n=e.product,o=e.removeItem,l=e.updateCart;return n?c.a.createElement("article",{className:"c-Cart__c-CartList__c-CartItem"},c.a.createElement("div",{className:"container"},c.a.createElement("div",{className:"row"},c.a.createElement("div",{className:"c-Cart__c-CartList__c-CartItem__inner col-4 col-md-3 col-lg-3"},c.a.createElement("img",{className:"c-Cart__c-CartList__c-CartItem__image",src:n.img_url,alt:n.name,style:{width:"100%"}})),c.a.createElement("div",{className:"c-Cart__c-CartList__c-CartItem__inner col-8 col-md-9 col-lg-9"},n.name&&c.a.createElement("p",{className:"c-Cart__c-CartList__c-CartItem__name"},n.name),c.a.createElement(v.a,{product:n}),c.a.createElement(b,{count:t,productId:n.id,cartTotalCount:a,cartItems:r,updateCart:l,removeItem:o}),c.a.createElement("p",{className:"c-Cart__c-CartList__c-CartItem__buttonItemRemove",onClick:function(){return o(n.id)}},"REMOVE"))))):c.a.createElement(C,null)};y.defaultProps={},y.propTypes={count:_.a.number,cartTotalCount:_.a.number,cartItems:_.a.object,product:_.a.object,removeItem:_.a.func,updateCart:_.a.func};var N=y,h=(a(111),function(e){var t=e.cartItems,a=e.products,r=e.isCartEmpty,n=e.cartTotalCount,o=e.updateCart,l=function(e){var a=t&&t[e];t&&delete t[e],o(n-a,t)},s=!r&&Object.keys(t).map((function(e,r){var s=a&&a.length>0&&a.filter((function(t){return t.id===parseInt(e)}))[0];return c.a.createElement(N,{product:s,count:t[e],cartItems:t,cartTotalCount:n,updateCart:o,removeItem:l,key:r})}));return c.a.createElement("section",{className:"c-CartList"},s)});h.defaultProps={},h.propTypes={cartItems:_.a.object,cartTotalCount:_.a.number,isCartEmpty:_.a.bool,products:_.a.array,updateCart:_.a.func};var g=Object(o.createPropsSelector)({cartItems:i.a,cartTotalCount:i.b,products:s.b}),S={updateCart:u.d},I=Object(n.b)(g,S)(h),j=(a(112),function(e){var t=e.cartItems,a=e.products,r=t&&Object.keys(t).reduce((function(e,r){var c=a.filter((function(e){return e.id===parseInt(r)})),n=c&&c.length>0&&c[0].price,o=c&&c.length>0&&c[0].discountAmount;return e.totalPrice=e.totalPrice+n*t[r],e.discount=e.discount+o*t[r],e}),{totalPrice:0,discount:0});return c.a.createElement("section",{className:"c-CartSummary"},c.a.createElement("div",{className:"c-CartSummary__inner"},c.a.createElement("div",{className:"container"},c.a.createElement("header",{className:"c-CartSummary__headerRow row"},c.a.createElement("div",{className:"col-12"},c.a.createElement("p",{className:"c-CartSummary__headerContent"},"PRICE DETAILS"))),c.a.createElement("section",{className:"c-CartSummary__details"},c.a.createElement("div",{className:"c-CartSummary__price row"},c.a.createElement("div",{className:"col-6"},c.a.createElement("p",null,"Total Price")),c.a.createElement("div",{className:"col-1"},c.a.createElement("p",null,":")),c.a.createElement("div",{className:"col-5"},c.a.createElement("p",{className:"float-right"},"\u20b9",r.totalPrice))),c.a.createElement("div",{className:"c-CartSummary__discount row"},c.a.createElement("div",{className:"col-6"},c.a.createElement("p",null,"Discount")),c.a.createElement("div",{className:"col-1"},c.a.createElement("p",null,":")),c.a.createElement("div",{className:"col-5"},c.a.createElement("p",{className:"float-right"},"\u20b9",r.discount)))),c.a.createElement("div",{className:"c-CartSummary__total row"},c.a.createElement("div",{className:"col-7"},"Total Payable"),c.a.createElement("div",{className:"col-5"},c.a.createElement("p",{className:"float-right"},"\u20b9",r.totalPrice-r.discount))))))});j.defaultProps={},j.propTypes={cartItems:_.a.object,products:_.a.array};var T=j,P=a(74),O=function(e){var t=e.cartItems,a=e.cartTotalCount,r=e.history,n=e.products,o=e.updateCart,l=!t||0===Object.keys(t).length,s=function(){r.push("/view/plp")};return c.a.createElement("div",{className:"c-Cart"},c.a.createElement(d.a,{inCart:!0}),c.a.createElement("main",{className:"container c-Cart__mainContent"},l?c.a.createElement("div",{className:"c-Cart__emptyCart"},c.a.createElement("h3",null,"Your cart is Empty!"),c.a.createElement("p",{className:"c-Cart__emptyCart__information"},"Please add some items from Available Products."),c.a.createElement(m.a,{buttonType:"button",classes:"btn btn__continueShopping",onClickHandler:s,buttonText:"Continue Shopping"})):c.a.createElement("div",{className:"row"},c.a.createElement("div",{className:"col-12 col-md-8 col-lg-8"},c.a.createElement(I,{cartItems:t,cartTotalCount:a,products:n,updateCart:o})),c.a.createElement("div",{className:"col-12 col-md-4 col-lg-4"},c.a.createElement(T,{cartItems:t,products:n})))),c.a.createElement(P.a,null))};O.defaultProps={},O.propTypes={};var w=Object(o.createPropsSelector)({cartItems:i.a,cartTotalCount:i.b,products:s.b}),L={updateCart:u.d},k=Object(n.b)(w,L)(Object(l.e)(O));t.default=k},60:function(e,t,a){"use strict";a.d(t,"b",(function(){return o})),a.d(t,"a",(function(){return l}));var r=a(59),c=a(56),n=Object(r.a)((function(e){return e.data}),(function(e){return e.pages.cart})),o=(Object(c.createGetSelector)(n,"formValues"),Object(c.createGetSelector)(n,"formErrors"),Object(c.createGetSelector)(n,"cartTotalCount")),l=Object(c.createGetSelector)(n,"cartItems")},62:function(e,t,a){"use strict";a.d(t,"b",(function(){return o})),a.d(t,"a",(function(){return l})),a.d(t,"d",(function(){return s})),a.d(t,"c",(function(){return i}));var r=a(59),c=a(56),n=Object(r.a)((function(e){return e.data}),(function(e){return e.pages.plp})),o=(Object(c.createGetSelector)(n,"formValues"),Object(c.createGetSelector)(n,"formErrors"),Object(c.createGetSelector)(n,"products")),l=Object(c.createGetSelector)(n,"filterRange"),s=Object(c.createGetSelector)(n,"sortBy"),i=Object(c.createGetSelector)(n,"searchString")},65:function(e,t,a){},66:function(e,t,a){},68:function(e,t,a){},69:function(e,t,a){"use strict";var r=a(0),c=a.n(r),n=a(5),o=a.n(n),l=(a(70),function(e){var t=e.product,a=!!t.discount&&0!==t.discount;return c.a.createElement("div",{className:"c-ItemPrice"},t.discountedPrice&&c.a.createElement("span",{className:"c-ItemPrice__price"},"\u20b9",t.discountedPrice),a&&c.a.createElement(c.a.Fragment,null,c.a.createElement("span",{className:"c-ItemPrice__price--strikethrough"}," ",t.price),c.a.createElement("span",{className:"c-ItemPrice__discount"},t.discount,"% off")))});l.defaultProps={product:o.a.object},l.propTypes={},t.a=l},70:function(e,t,a){},71:function(e,t,a){},72:function(e,t,a){"use strict";var r=a(0),c=a.n(r),n=a(23),o=a(58),l=a(57),s=a(5),i=a.n(s),u=a(22),m=a(10);a(65);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"===typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],r=!0,c=!1,n=void 0;try{for(var o,l=e[Symbol.iterator]();!(r=(o=l.next()).done)&&(a.push(o.value),!t||a.length!==t);r=!0);}catch(s){c=!0,n=s}finally{try{r||null==l.return||l.return()}finally{if(c)throw n}}return a}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return p(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return p(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);at&&!e.classList.contains("scroll-down")?(e.classList.remove("scroll-up"),e.classList.add("scroll-down")):a {\n return (\n
\n
\n
\n
\n
\n
\n );\n};\n\nSectionLoader.defaultProps = {\n\n};\n\nSectionLoader.propTypes = {\n\n};\n\nexport default SectionLoader;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './QuantityControlWidget.component.scss';\n\nconst QuantityControlWidget = ({cartTotalCount, cartItems, count, productId, removeItem, updateCart}) => {\n\n const updateCartHandler = (operationType) => {\n let countUpdated = count\n if (operationType === \"remove\") {\n countUpdated = countUpdated ? --countUpdated : 0\n countUpdated === 0 ? removeItem(productId) : cartItems[productId] = countUpdated\n cartTotalCount = --cartTotalCount\n } else {\n countUpdated = countUpdated ? ++countUpdated : 1\n cartItems[productId] = countUpdated\n cartTotalCount = ++cartTotalCount\n }\n updateCart(cartTotalCount, cartItems)\n }\n\n return (\n
\n updateCartHandler(\"remove\")}\n >\n -\n
\n \n {count}\n \n updateCartHandler(\"add\")}\n >\n +\n \n \n );\n};\n\nQuantityControlWidget.defaultProps = {\n\n};\n\nQuantityControlWidget.propTypes = {\n cartTotalCount: PropTypes.number,\n cartItems: PropTypes.object,\n count: PropTypes.number,\n productId: PropTypes.number,\n removeItem: PropTypes.func,\n updateCart: PropTypes.func\n};\n\nexport default QuantityControlWidget;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './CartItem.component.scss';\nimport SectionLoader from '../SectionLoader/SectionLoader';\nimport ItemPrice from '../ItemPrice/ItemPrice';\nimport QuantityControlWidget from '../QuantityControlWidget/QuantityControlWidget';\n\nconst CartItem = ({count, cartTotalCount, cartItems, product, removeItem, updateCart}) => {\n\n return product ?\n
\n
\n
\n
\n {product.name}\n
\n
\n {product.name &&

{product.name}

}\n \n \n

removeItem(product.id)}>REMOVE

\n
\n
\n
\n
: \n};\n\nCartItem.defaultProps = {\n\n};\n\nCartItem.propTypes = {\n count: PropTypes.number,\n cartTotalCount: PropTypes.number,\n cartItems: PropTypes.object,\n product: PropTypes.object,\n removeItem: PropTypes.func,\n updateCart: PropTypes.func\n};\n\nexport default CartItem;","import CartItem from './CartItem.jsx';\n\nexport default CartItem;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {createPropsSelector} from 'reselect-immutable-helpers';\nimport {getProducts} from './../../../pages/PLP/selectors'\nimport {getCartItems, getCartTotalCount} from './../../../pages/Cart/selectors'\nimport {updateCart} from './../../../pages/Cart/actions'\nimport CartItem from './../CartItem';\nimport './CartList.component.scss';\n\nconst CartList = ({cartItems, products, isCartEmpty, cartTotalCount, updateCart}) => {\n\n const removeItem = (productId) => {\n const quantity = cartItems && cartItems[productId]\n cartItems && delete cartItems[productId]\n let updatedTotalCount = cartTotalCount - quantity\n updateCart(updatedTotalCount, cartItems)\n }\n\n const cartItemTiles = !isCartEmpty && Object.keys(cartItems).map((itemId, key) => {\n const product = products && products.length > 0 && products.filter(product => product.id === parseInt(itemId))[0]\n return (\n \n )\n })\n\n return (\n
\n {cartItemTiles}\n
\n );\n};\n\nCartList.defaultProps = {\n\n};\n\nCartList.propTypes = {\n cartItems: PropTypes.object,\n cartTotalCount: PropTypes.number,\n isCartEmpty: PropTypes.bool,\n products: PropTypes.array,\n updateCart: PropTypes.func\n};\n\nconst mapStateToProps = createPropsSelector({\n cartItems: getCartItems,\n cartTotalCount: getCartTotalCount,\n products: getProducts\n})\n\nconst mapDispatchToProps = ({\n updateCart\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(CartList);","import CartList from './CartList.jsx';\n\nexport default CartList;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './CartSummary.component.scss';\n\nconst CartSummary = ({cartItems, products}) => {\n\n const totalData = cartItems && Object.keys(cartItems).reduce((priceAccumulator, productId) => {\n const matchedProducts = products.filter(product => product.id === parseInt(productId))\n const price = matchedProducts && matchedProducts.length > 0 && matchedProducts[0].price\n const discount = matchedProducts && matchedProducts.length > 0 && matchedProducts[0].discountAmount\n priceAccumulator.totalPrice = priceAccumulator.totalPrice + (price * cartItems[productId])\n priceAccumulator.discount = priceAccumulator.discount + (discount * cartItems[productId])\n return priceAccumulator\n }, {totalPrice: 0, discount: 0})\n\n return (\n
\n
\n
\n
\n
\n

PRICE DETAILS

\n
\n
\n
\n
\n

Total Price

\n

:

\n

₹{totalData.totalPrice}

\n
\n
\n

Discount

\n

:

\n

₹{totalData.discount}

\n
\n
\n
\n
Total Payable
\n

₹{totalData.totalPrice - totalData.discount}

\n
\n
\n
\n
\n );\n};\n\nCartSummary.defaultProps = {\n\n};\n\nCartSummary.propTypes = {\n cartItems: PropTypes.object,\n products: PropTypes.array\n};\n\nexport default CartSummary;","import CartSummary from './CartSummary.jsx';\n\nexport default CartSummary;","import React from 'react';\nimport {connect} from 'react-redux';\nimport {createPropsSelector} from 'reselect-immutable-helpers';\nimport {withRouter} from 'react-router-dom';\nimport {getProducts} from './../PLP/selectors';\nimport {getCartItems, getCartTotalCount} from './selectors'\nimport {updateCart} from './actions'\nimport './Cart.module.scss';\n\nimport Button from './../../components/atoms/Button'\nimport Header from './../../components/molecules/Header'\nimport CartList from './../../components/molecules/CartList'\nimport CartSummary from './../../components/molecules/CartSummary'\nimport Footer from './../../components/molecules/Footer'\n\nconst Cart = ({cartItems, cartTotalCount, history, products, updateCart}) => {\n\n const isCartEmpty = !cartItems || Object.keys(cartItems).length === 0\n\n const navigateToPlp = () => {\n history.push('/view/plp')\n }\n const getEmptyCartBlock = () => {\n return (\n
\n

Your cart is Empty!

\n

Please add some items from Available Products.

\n \n \n
\n )\n }\n\n return (\n
\n
\n
\n {\n isCartEmpty ? getEmptyCartBlock() : \n (\n
\n
\n \n
\n
\n \n
\n
\n )\n }\n
\n
\n
\n );\n};\n\nCart.defaultProps = {\n\n};\n\nCart.propTypes = {\n\n};\n\nconst mapStateToProps = createPropsSelector({\n cartItems: getCartItems,\n cartTotalCount: getCartTotalCount,\n products: getProducts\n})\n\nconst mapDispatchToProps = ({\n updateCart\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withRouter(Cart));","import Cart from './Cart.jsx';\n\nexport default Cart;","import {createSelector} from 'reselect'\nimport {createGetSelector} from 'reselect-immutable-helpers'\n\nconst getData = ({data}) => data\n\nexport const getCart = createSelector(\n getData,\n (dataState) => {\n return dataState.pages.cart\n }\n)\n\nexport const getFormValues = createGetSelector(getCart, 'formValues')\nexport const getFormErrors = createGetSelector(getCart, 'formErrors')\nexport const getCartTotalCount = createGetSelector(getCart, 'cartTotalCount')\nexport const getCartItems = createGetSelector(getCart, 'cartItems')","import {createSelector} from 'reselect'\nimport {createGetSelector} from 'reselect-immutable-helpers'\n\nconst getData = ({data}) => data\n\nexport const getPlp = createSelector(\n getData,\n (dataState) => {\n return dataState.pages.plp\n }\n)\n\nexport const getFormValues = createGetSelector(getPlp, 'formValues')\nexport const getFormErrors = createGetSelector(getPlp, 'formErrors')\nexport const getProducts = createGetSelector(getPlp, 'products')\nexport const getFilterRange = createGetSelector(getPlp, 'filterRange')\nexport const getSortSelection = createGetSelector(getPlp, 'sortBy')\nexport const getSearchString = createGetSelector(getPlp, 'searchString')","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './ItemPrice.component.scss';\n\nconst ItemPrice = ({product}) => {\n\n const hasDiscount = !!product.discount && product.discount !== 0\n\n return (\n
\n {product.discountedPrice && ₹{product.discountedPrice}}\n {\n hasDiscount &&\n (\n \n {product.price}\n {product.discount}% off\n \n )\n }\n
\n );\n};\n\nItemPrice.defaultProps = {\n product: PropTypes.object\n};\n\nItemPrice.propTypes = {\n\n};\n\nexport default ItemPrice;","import React, {useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {dispatchSearchString} from './../../../pages/PLP/actions'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\nimport './Search.component.scss';\n\nconst Search = ({dispatchSearchString}) => {\n var timerId;\n const [searchInitiated, setSearchInitiated] = useState(false)\n\n const startSearch = (searchStringUpdated) => {\n dispatchSearchString(searchStringUpdated)\n }\n \n const debouncedStartSearch = (func, delay, searchStringUpdated) => {\n clearTimeout(timerId)\n timerId = setTimeout(() => func(searchStringUpdated), delay)\n }\n\n const onChangeHandler = (e) => {\n debouncedStartSearch(startSearch, 500, e.target.value)\n }\n\n return (\n
\n \n setSearchInitiated(!searchInitiated)} />\n
\n );\n};\n\nSearch.propTypes = {\n dispatchSearchString: PropTypes.func\n};\n\nconst mapDispatchToProps = ({\n dispatchSearchString\n})\n\nexport default connect(\n null,\n mapDispatchToProps\n)(Search);","import Search from './Search.jsx';\n\nexport default Search;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport './CartIcon.component.scss';\nimport {withRouter} from 'react-router-dom'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faShoppingCart } from '@fortawesome/free-solid-svg-icons'\nimport { createPropsSelector } from 'reselect-immutable-helpers';\n\nimport {getCartTotalCount} from './../../../pages/Cart/selectors'\n\nconst CartIcon = props => {\n\n const navigateToCart = () => {\n props.history.push('/view/cart')\n }\n\n return (\n
\n \n {props.cartTotalCount}\n
\n );\n};\n\nCartIcon.propTypes = {\n cartTotalCount: PropTypes.number\n};\n\nconst mapStateToProps = createPropsSelector({\n cartTotalCount: getCartTotalCount\n})\n\nexport default connect(mapStateToProps)(withRouter(CartIcon));","import CartIcon from './CartIcon.jsx';\n\nexport default CartIcon;","import React, {useEffect} from 'react';\nimport { Link } from 'react-router-dom';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faStar } from '@fortawesome/free-solid-svg-icons'\n\nimport Search from './../Search'\nimport CartIcon from './../CartIcon'\n\nconst Header = props => {\n\n useEffect(() => {\n const body = document.body;\n const scrollUp = \"scroll-up\";\n const scrollDown = \"scroll-down\";\n let lastScroll = 0;\n\n window.addEventListener(\"scroll\", () => {\n const currentScroll = window.pageYOffset;\n if (currentScroll === 0) {\n body.classList.remove(scrollUp);\n return;\n }\n \n if (currentScroll > lastScroll && !body.classList.contains(scrollDown)) {\n // down\n body.classList.remove(scrollUp);\n body.classList.add(scrollDown);\n } else if (currentScroll < lastScroll && body.classList.contains(scrollDown)) {\n // up\n body.classList.remove(scrollDown);\n body.classList.add(scrollUp);\n }\n lastScroll = currentScroll;\n });\n })\n \n return (\n
\n
\n
\n
\n
\n
{!props.inCart && }
\n
\n
\n
\n );\n};\n\nHeader.defaultProps = {\n\n};\n\nHeader.propTypes = {\n\n};\n\nexport default Header;","import Header from './Header.jsx';\n\nexport default Header;","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport * as fwIcons from '@fortawesome/free-solid-svg-icons'\nimport './Button.component.scss'\n\nconst Button = props => {\n return (\n \n {props.buttonIcon && }\n {props.buttonText}\n \n );\n};\n\nButton.defaultProps = {\n\n};\n\nButton.propTypes = {\n\n};\n\nexport default Button;","import Button from './Button.jsx';\n\nexport default Button;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './Footer.component.scss';\n\nconst Footer = props => {\n return (\n
\n

@Copyright

\n
\n );\n};\n\nFooter.defaultProps = {\n\n};\n\nFooter.propTypes = {\n\n};\n\nexport default Footer;","import Footer from './Footer.jsx';\n\nexport default Footer;"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/4.be6c346a.chunk.js b/static/js/4.be6c346a.chunk.js deleted file mode 100644 index 965c678..0000000 --- a/static/js/4.be6c346a.chunk.js +++ /dev/null @@ -1,2 +0,0 @@ -(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[4],{107:function(e,t,a){e.exports={"c-Cart":"Cart_c-Cart__3o6Xj","c-Cart__emptyCart":"Cart_c-Cart__emptyCart__1We4n","c-Cart__emptyCart__information":"Cart_c-Cart__emptyCart__information__1Arjm",btn__continueShopping:"Cart_btn__continueShopping__1KuEv"}},108:function(e,t,a){},109:function(e,t,a){},110:function(e,t,a){},111:function(e,t,a){},112:function(e,t,a){},116:function(e,t,a){"use strict";a.r(t);var r=a(0),c=a.n(r),n=a(22),o=a(56),l=a(9),s=a(62),u=a(60),i=a(13),m=(a(107),a(73)),d=a(72),p=a(5),_=a.n(p),f=(a(108),a(109),function(e){return c.a.createElement("div",{className:"c-SectionLoader"},c.a.createElement("div",{className:"c-SectionLoader__lds-ripple"},c.a.createElement("div",null),c.a.createElement("div",null)))});f.defaultProps={},f.propTypes={};var C=f,E=a(69),v=(a(110),function(e){var t=e.cartTotalCount,a=e.cartItems,r=e.count,n=e.productId,o=e.removeItem,l=e.updateCart,s=function(e){var c=r;"remove"===e?(0===(c=c?--c:0)?o(n):a[n]=c,t=--t):(c=c?++c:1,a[n]=c,t=++t),l(t,a)};return c.a.createElement("div",{className:"c-QuantityControlWidget"},c.a.createElement("div",{className:"c-QuantityControlWidget__part c-QuantityControlWidget__part--minus c-QuantityControlWidget__part--circled",onClick:function(){return s("remove")}},c.a.createElement("span",null,"-")),c.a.createElement("div",{className:"c-QuantityControlWidget__part c-QuantityControlWidget__part--squared"},c.a.createElement("span",null,r)),c.a.createElement("div",{className:"c-QuantityControlWidget__part c-QuantityControlWidget__part--plus c-QuantityControlWidget__part--circled",onClick:function(){return s("add")}},c.a.createElement("span",null,"+")))});v.defaultProps={},v.propTypes={cartTotalCount:_.a.number,cartItems:_.a.object,count:_.a.number,productId:_.a.number,removeItem:_.a.func,updateCart:_.a.func};var b=v,y=function(e){var t=e.count,a=e.cartTotalCount,r=e.cartItems,n=e.product,o=e.removeItem,l=e.updateCart;return n?c.a.createElement("article",{className:"c-Cart__c-CartList__c-CartItem"},c.a.createElement("div",{className:"container"},c.a.createElement("div",{className:"row"},c.a.createElement("div",{className:"c-Cart__c-CartList__c-CartItem__inner col-4 col-md-3 col-lg-3"},c.a.createElement("img",{className:"c-Cart__c-CartList__c-CartItem__image",src:n.img_url,alt:n.name,style:{width:"100%"}})),c.a.createElement("div",{className:"c-Cart__c-CartList__c-CartItem__inner col-8 col-md-9 col-lg-9"},n.name&&c.a.createElement("p",{className:"c-Cart__c-CartList__c-CartItem__name"},n.name),c.a.createElement(E.a,{product:n}),c.a.createElement(b,{count:t,productId:n.id,cartTotalCount:a,cartItems:r,updateCart:l,removeItem:o}),c.a.createElement("p",{className:"c-Cart__c-CartList__c-CartItem__buttonItemRemove",onClick:function(){return o(n.id)}},"REMOVE"))))):c.a.createElement(C,null)};y.defaultProps={},y.propTypes={count:_.a.number,cartTotalCount:_.a.number,cartItems:_.a.object,product:_.a.object,removeItem:_.a.func,updateCart:_.a.func};var N=y,I=(a(111),function(e){var t=e.cartItems,a=e.products,r=e.isCartEmpty,n=e.cartTotalCount,o=e.updateCart,l=function(e){var a=t&&t[e];t&&delete t[e],o(n-a,t)},s=!r&&Object.keys(t).map((function(e,r){var s=a&&a.length>0&&a.filter((function(t){return t.id===parseInt(e)}))[0];return c.a.createElement(N,{product:s,count:t[e],cartItems:t,cartTotalCount:n,updateCart:o,removeItem:l,key:r})}));return c.a.createElement("section",{className:"c-CartList"},s)});I.defaultProps={},I.propTypes={cartItems:_.a.object,cartTotalCount:_.a.number,isCartEmpty:_.a.bool,products:_.a.array,updateCart:_.a.func};var g=Object(o.createPropsSelector)({cartItems:u.a,cartTotalCount:u.b,products:s.b}),h={updateCart:i.d},S=Object(n.b)(g,h)(I),P=(a(112),function(e){var t=e.cartItems,a=e.products,r=t&&Object.keys(t).reduce((function(e,r){var c=a.filter((function(e){return e.id===parseInt(r)})),n=c&&c.length>0&&c[0].price,o=c&&c.length>0&&c[0].discountAmount;return e.totalPrice=e.totalPrice+n*t[r],e.discount=e.discount+o*t[r],e}),{totalPrice:0,discount:0});return c.a.createElement("section",{className:"c-CartSummary"},c.a.createElement("div",{className:"c-CartSummary__inner"},c.a.createElement("div",{className:"container"},c.a.createElement("header",{className:"c-CartSummary__headerRow row"},c.a.createElement("div",{className:"col-12"},c.a.createElement("p",{className:"c-CartSummary__headerContent"},"PRICE DETAILS"))),c.a.createElement("section",{className:"c-CartSummary__details"},c.a.createElement("div",{className:"c-CartSummary__price row"},c.a.createElement("div",{className:"col-6"},c.a.createElement("p",null,"Total Price")),c.a.createElement("div",{className:"col-1"},c.a.createElement("p",null,":")),c.a.createElement("div",{className:"col-5"},c.a.createElement("p",{className:"float-right"},"\u20b9",r.totalPrice))),c.a.createElement("div",{className:"c-CartSummary__discount row"},c.a.createElement("div",{className:"col-6"},c.a.createElement("p",null,"Discount")),c.a.createElement("div",{className:"col-1"},c.a.createElement("p",null,":")),c.a.createElement("div",{className:"col-5"},c.a.createElement("p",{className:"float-right"},"\u20b9",r.discount)))),c.a.createElement("div",{className:"c-CartSummary__total row"},c.a.createElement("div",{className:"col-7"},"Total Payable"),c.a.createElement("div",{className:"col-5"},c.a.createElement("p",{className:"float-right"},"\u20b9",r.totalPrice-r.discount))))))});P.defaultProps={},P.propTypes={cartItems:_.a.object,products:_.a.array};var j=P,T=a(74),O=function(e){var t=e.cartItems,a=e.cartTotalCount,r=e.history,n=e.products,o=e.updateCart,l=!t||0===Object.keys(t).length,s=function(){r.push("/view/plp")};return c.a.createElement("div",{className:"c-Cart"},c.a.createElement(d.a,{inCart:!0}),c.a.createElement("main",{className:"container c-Cart__mainContent"},l?c.a.createElement("div",{className:"c-Cart__emptyCart"},c.a.createElement("h3",null,"Your cart is Empty!"),c.a.createElement("p",{className:"c-Cart__emptyCart__information"},"Please add some items from Available Products."),c.a.createElement(m.a,{buttonType:"button",classes:"btn btn__continueShopping",onClickHandler:s,buttonText:"Continue Shopping"})):c.a.createElement("div",{className:"row"},c.a.createElement("div",{className:"col-12 col-md-8 col-lg-8"},c.a.createElement(S,{cartItems:t,cartTotalCount:a,products:n,updateCart:o})),c.a.createElement("div",{className:"col-12 col-md-4 col-lg-4"},c.a.createElement(j,{cartItems:t,products:n})))),c.a.createElement(T.a,null))};O.defaultProps={},O.propTypes={};var w=Object(o.createPropsSelector)({cartItems:u.a,cartTotalCount:u.b,products:s.b}),L={updateCart:i.d},k=Object(n.b)(w,L)(Object(l.e)(O));t.default=k},60:function(e,t,a){"use strict";a.d(t,"b",(function(){return o})),a.d(t,"a",(function(){return l}));var r=a(59),c=a(56),n=Object(r.a)((function(e){return e.data}),(function(e){return e.pages.cart})),o=(Object(c.createGetSelector)(n,"formValues"),Object(c.createGetSelector)(n,"formErrors"),Object(c.createGetSelector)(n,"cartTotalCount")),l=Object(c.createGetSelector)(n,"cartItems")},62:function(e,t,a){"use strict";a.d(t,"b",(function(){return o})),a.d(t,"a",(function(){return l})),a.d(t,"c",(function(){return s}));var r=a(59),c=a(56),n=Object(r.a)((function(e){return e.data}),(function(e){return e.pages.plp})),o=(Object(c.createGetSelector)(n,"formValues"),Object(c.createGetSelector)(n,"formErrors"),Object(c.createGetSelector)(n,"products")),l=Object(c.createGetSelector)(n,"filterRange"),s=Object(c.createGetSelector)(n,"sortBy")},65:function(e,t,a){},66:function(e,t,a){},68:function(e,t,a){},69:function(e,t,a){"use strict";var r=a(0),c=a.n(r),n=a(5),o=a.n(n),l=(a(70),function(e){var t=e.product,a=!!t.discount&&0!==t.discount;return c.a.createElement("div",{className:"c-ItemPrice"},t.discountedPrice&&c.a.createElement("span",{className:"c-ItemPrice__price"},"\u20b9",t.discountedPrice),a&&c.a.createElement(c.a.Fragment,null,c.a.createElement("span",{className:"c-ItemPrice__price--strikethrough"}," ",t.price),c.a.createElement("span",{className:"c-ItemPrice__discount"},t.discount,"% off")))});l.defaultProps={product:o.a.object},l.propTypes={},t.a=l},70:function(e,t,a){},71:function(e,t,a){},72:function(e,t,a){"use strict";var r=a(0),c=a.n(r),n=a(23),o=a(58),l=a(57);a(65);function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"===typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],r=!0,c=!1,n=void 0;try{for(var o,l=e[Symbol.iterator]();!(r=(o=l.next()).done)&&(a.push(o.value),!t||a.length!==t);r=!0);}catch(s){c=!0,n=s}finally{try{r||null==l.return||l.return()}finally{if(c)throw n}}return a}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return u(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return u(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);at&&!e.classList.contains("scroll-down")?(e.classList.remove("scroll-up"),e.classList.add("scroll-down")):a {\n return (\n
\n
\n
\n
\n
\n
\n );\n};\n\nSectionLoader.defaultProps = {\n\n};\n\nSectionLoader.propTypes = {\n\n};\n\nexport default SectionLoader;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './QuantityControlWidget.component.scss';\n\nconst QuantityControlWidget = ({cartTotalCount, cartItems, count, productId, removeItem, updateCart}) => {\n\n const updateCartHandler = (operationType) => {\n let countUpdated = count\n if (operationType === \"remove\") {\n countUpdated = countUpdated ? --countUpdated : 0\n countUpdated === 0 ? removeItem(productId) : cartItems[productId] = countUpdated\n cartTotalCount = --cartTotalCount\n } else {\n countUpdated = countUpdated ? ++countUpdated : 1\n cartItems[productId] = countUpdated\n cartTotalCount = ++cartTotalCount\n }\n updateCart(cartTotalCount, cartItems)\n }\n\n return (\n
\n updateCartHandler(\"remove\")}\n >\n -\n
\n \n {count}\n \n updateCartHandler(\"add\")}\n >\n +\n \n \n );\n};\n\nQuantityControlWidget.defaultProps = {\n\n};\n\nQuantityControlWidget.propTypes = {\n cartTotalCount: PropTypes.number,\n cartItems: PropTypes.object,\n count: PropTypes.number,\n productId: PropTypes.number,\n removeItem: PropTypes.func,\n updateCart: PropTypes.func\n};\n\nexport default QuantityControlWidget;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './CartItem.component.scss';\nimport SectionLoader from '../SectionLoader/SectionLoader';\nimport ItemPrice from '../ItemPrice/ItemPrice';\nimport QuantityControlWidget from '../QuantityControlWidget/QuantityControlWidget';\n\nconst CartItem = ({count, cartTotalCount, cartItems, product, removeItem, updateCart}) => {\n\n return product ?\n
\n
\n
\n
\n {product.name}\n
\n
\n {product.name &&

{product.name}

}\n \n \n

removeItem(product.id)}>REMOVE

\n
\n
\n
\n
: \n};\n\nCartItem.defaultProps = {\n\n};\n\nCartItem.propTypes = {\n count: PropTypes.number,\n cartTotalCount: PropTypes.number,\n cartItems: PropTypes.object,\n product: PropTypes.object,\n removeItem: PropTypes.func,\n updateCart: PropTypes.func\n};\n\nexport default CartItem;","import CartItem from './CartItem.jsx';\n\nexport default CartItem;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {createPropsSelector} from 'reselect-immutable-helpers';\nimport {getProducts} from './../../../pages/PLP/selectors'\nimport {getCartItems, getCartTotalCount} from './../../../pages/Cart/selectors'\nimport {updateCart} from './../../../pages/Cart/actions'\nimport CartItem from './../CartItem';\nimport './CartList.component.scss';\n\nconst CartList = ({cartItems, products, isCartEmpty, cartTotalCount, updateCart}) => {\n\n const removeItem = (productId) => {\n const quantity = cartItems && cartItems[productId]\n cartItems && delete cartItems[productId]\n let updatedTotalCount = cartTotalCount - quantity\n updateCart(updatedTotalCount, cartItems)\n }\n\n const cartItemTiles = !isCartEmpty && Object.keys(cartItems).map((itemId, key) => {\n const product = products && products.length > 0 && products.filter(product => product.id === parseInt(itemId))[0]\n return (\n \n )\n })\n\n return (\n
\n {cartItemTiles}\n
\n );\n};\n\nCartList.defaultProps = {\n\n};\n\nCartList.propTypes = {\n cartItems: PropTypes.object,\n cartTotalCount: PropTypes.number,\n isCartEmpty: PropTypes.bool,\n products: PropTypes.array,\n updateCart: PropTypes.func\n};\n\nconst mapStateToProps = createPropsSelector({\n cartItems: getCartItems,\n cartTotalCount: getCartTotalCount,\n products: getProducts\n})\n\nconst mapDispatchToProps = ({\n updateCart\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(CartList);","import CartList from './CartList.jsx';\n\nexport default CartList;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './CartSummary.component.scss';\n\nconst CartSummary = ({cartItems, products}) => {\n\n const totalData = cartItems && Object.keys(cartItems).reduce((priceAccumulator, productId) => {\n const matchedProducts = products.filter(product => product.id === parseInt(productId))\n const price = matchedProducts && matchedProducts.length > 0 && matchedProducts[0].price\n const discount = matchedProducts && matchedProducts.length > 0 && matchedProducts[0].discountAmount\n priceAccumulator.totalPrice = priceAccumulator.totalPrice + (price * cartItems[productId])\n priceAccumulator.discount = priceAccumulator.discount + (discount * cartItems[productId])\n return priceAccumulator\n }, {totalPrice: 0, discount: 0})\n\n return (\n
\n
\n
\n
\n
\n

PRICE DETAILS

\n
\n
\n
\n
\n

Total Price

\n

:

\n

₹{totalData.totalPrice}

\n
\n
\n

Discount

\n

:

\n

₹{totalData.discount}

\n
\n
\n
\n
Total Payable
\n

₹{totalData.totalPrice - totalData.discount}

\n
\n
\n
\n
\n );\n};\n\nCartSummary.defaultProps = {\n\n};\n\nCartSummary.propTypes = {\n cartItems: PropTypes.object,\n products: PropTypes.array\n};\n\nexport default CartSummary;","import CartSummary from './CartSummary.jsx';\n\nexport default CartSummary;","import React from 'react';\nimport {connect} from 'react-redux';\nimport {createPropsSelector} from 'reselect-immutable-helpers';\nimport {withRouter} from 'react-router-dom';\nimport {getProducts} from './../PLP/selectors';\nimport {getCartItems, getCartTotalCount} from './selectors'\nimport {updateCart} from './actions'\nimport './Cart.module.scss';\n\nimport Button from './../../components/atoms/Button'\nimport Header from './../../components/molecules/Header'\nimport CartList from './../../components/molecules/CartList'\nimport CartSummary from './../../components/molecules/CartSummary'\nimport Footer from './../../components/molecules/Footer'\n\nconst Cart = ({cartItems, cartTotalCount, history, products, updateCart}) => {\n\n const isCartEmpty = !cartItems || Object.keys(cartItems).length === 0\n\n const navigateToPlp = () => {\n history.push('/view/plp')\n }\n const getEmptyCartBlock = () => {\n return (\n
\n

Your cart is Empty!

\n

Please add some items from Available Products.

\n \n \n
\n )\n }\n\n return (\n
\n
\n
\n {\n isCartEmpty ? getEmptyCartBlock() : \n (\n
\n
\n \n
\n
\n \n
\n
\n )\n }\n
\n
\n
\n );\n};\n\nCart.defaultProps = {\n\n};\n\nCart.propTypes = {\n\n};\n\nconst mapStateToProps = createPropsSelector({\n cartItems: getCartItems,\n cartTotalCount: getCartTotalCount,\n products: getProducts\n})\n\nconst mapDispatchToProps = ({\n updateCart\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withRouter(Cart));","import Cart from './Cart.jsx';\n\nexport default Cart;","import {createSelector} from 'reselect'\nimport {createGetSelector} from 'reselect-immutable-helpers'\n\nconst getData = ({data}) => data\n\nexport const getCart = createSelector(\n getData,\n (dataState) => {\n return dataState.pages.cart\n }\n)\n\nexport const getFormValues = createGetSelector(getCart, 'formValues')\nexport const getFormErrors = createGetSelector(getCart, 'formErrors')\nexport const getCartTotalCount = createGetSelector(getCart, 'cartTotalCount')\nexport const getCartItems = createGetSelector(getCart, 'cartItems')","import {createSelector} from 'reselect'\nimport {createGetSelector} from 'reselect-immutable-helpers'\n\nconst getData = ({data}) => data\n\nexport const getPlp = createSelector(\n getData,\n (dataState) => {\n return dataState.pages.plp\n }\n)\n\nexport const getFormValues = createGetSelector(getPlp, 'formValues')\nexport const getFormErrors = createGetSelector(getPlp, 'formErrors')\nexport const getProducts = createGetSelector(getPlp, 'products')\nexport const getFilterRange = createGetSelector(getPlp, 'filterRange')\nexport const getSortSelection = createGetSelector(getPlp, 'sortBy')","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './ItemPrice.component.scss';\n\nconst ItemPrice = ({product}) => {\n\n const hasDiscount = !!product.discount && product.discount !== 0\n\n return (\n
\n {product.discountedPrice && ₹{product.discountedPrice}}\n {\n hasDiscount &&\n (\n \n {product.price}\n {product.discount}% off\n \n )\n }\n
\n );\n};\n\nItemPrice.defaultProps = {\n product: PropTypes.object\n};\n\nItemPrice.propTypes = {\n\n};\n\nexport default ItemPrice;","import React, {useState} from 'react';\nimport './Search.component.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\n\nconst Search = props => {\n const [searchInitiated, setSearchInitiated] = useState(false)\n return (\n
setSearchInitiated(true)}>\n {searchInitiated && }\n \n
\n );\n};\n\nSearch.defaultProps = {\n\n};\n\nSearch.propTypes = {\n\n};\n\nexport default Search;","import Search from './Search.jsx';\n\nexport default Search;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport './CartIcon.component.scss';\nimport {withRouter} from 'react-router-dom'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faShoppingCart } from '@fortawesome/free-solid-svg-icons'\nimport { createPropsSelector } from 'reselect-immutable-helpers';\n\nimport {getCartTotalCount} from './../../../pages/Cart/selectors'\n\nconst CartIcon = props => {\n\n const navigateToCart = () => {\n props.history.push('/view/cart')\n }\n\n return (\n
\n \n {props.cartTotalCount}\n
\n );\n};\n\nCartIcon.propTypes = {\n cartTotalCount: PropTypes.number\n};\n\nconst mapStateToProps = createPropsSelector({\n cartTotalCount: getCartTotalCount\n})\n\nexport default connect(mapStateToProps)(withRouter(CartIcon));","import CartIcon from './CartIcon.jsx';\n\nexport default CartIcon;","import React, {useEffect} from 'react';\nimport { Link } from 'react-router-dom';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faStar } from '@fortawesome/free-solid-svg-icons'\n\nimport Search from './../Search'\nimport CartIcon from './../CartIcon'\n\nconst Header = props => {\n\n useEffect(() => {\n const body = document.body;\n const scrollUp = \"scroll-up\";\n const scrollDown = \"scroll-down\";\n let lastScroll = 0;\n\n window.addEventListener(\"scroll\", () => {\n const currentScroll = window.pageYOffset;\n if (currentScroll === 0) {\n body.classList.remove(scrollUp);\n return;\n }\n \n if (currentScroll > lastScroll && !body.classList.contains(scrollDown)) {\n // down\n body.classList.remove(scrollUp);\n body.classList.add(scrollDown);\n } else if (currentScroll < lastScroll && body.classList.contains(scrollDown)) {\n // up\n body.classList.remove(scrollDown);\n body.classList.add(scrollUp);\n }\n lastScroll = currentScroll;\n });\n })\n \n return (\n
\n \n \n {!props.inCart && }\n
\n );\n};\n\nHeader.defaultProps = {\n\n};\n\nHeader.propTypes = {\n\n};\n\nexport default Header;","import Header from './Header.jsx';\n\nexport default Header;","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport * as fwIcons from '@fortawesome/free-solid-svg-icons'\nimport './Button.component.scss'\n\nconst Button = props => {\n return (\n \n {props.buttonIcon && }\n {props.buttonText}\n \n );\n};\n\nButton.defaultProps = {\n\n};\n\nButton.propTypes = {\n\n};\n\nexport default Button;","import Button from './Button.jsx';\n\nexport default Button;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './Footer.component.scss';\n\nconst Footer = props => {\n return (\n
\n

@Copyright

\n
\n );\n};\n\nFooter.defaultProps = {\n\n};\n\nFooter.propTypes = {\n\n};\n\nexport default Footer;","import Footer from './Footer.jsx';\n\nexport default Footer;"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/5.ab06184e.chunk.js b/static/js/5.ab06184e.chunk.js new file mode 100644 index 0000000..8b20d6e --- /dev/null +++ b/static/js/5.ab06184e.chunk.js @@ -0,0 +1,2 @@ +(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[5],{103:function(e,t,r){},105:function(e,t,r){},106:function(e,t,r){},115:function(e,t,r){"use strict";r.r(t);var n=r(0),a=r.n(n),c=r(5),o=r.n(c),l=r(22),i=r(10),u=r(72),s=(r(85),r(58)),m=r(57),d=r(25),f=r.n(d);r(86);function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"===typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,a=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(r.push(o.value),!t||r.length!==t);n=!0);}catch(i){a=!0,c=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw c}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return b(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);re.length)&&(t=e.length);for(var r=0,n=new Array(t);re.length)&&(t=e.length);for(var r=0,n=new Array(t);re.length)&&(t=e.length);for(var r=0,n=new Array(t);rt.min&&e.discountedPrice0&&0===s.length?!l&&i(!0):l&&i(!1),u=s}var m=u&&u.map((function(e,t){return a.a.createElement(U,{product:e,key:t})}));e.dispatchProducts(u);return a.a.createElement("main",{className:"c-Plp__c-ProductContainer"},l?a.a.createElement("div",{className:"c-Cart__emptyPlp"},a.a.createElement("h3",null,"No Products match the search criteria!"),a.a.createElement("p",{className:"c-Cart__emptyPlp__information"},"Please modify Search or filter criteria, and try again.")):e.products&&0!==e.products.length?a.a.createElement("div",{className:"container"},c&&""!==c&&a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-12 c-Plp__c-ProductContainer__infoContainer"},a.a.createElement("span",{className:"c-Plp__c-ProductContainer__information"},'Showing Results for the search - "',c,'"'),a.a.createElement("p",null,a.a.createElement("button",{type:"button",className:"c-Plp__c-ProductContainer__btnClearSearch",onClick:function(){e.dispatchSearchString("")}},"Clear Search")))),a.a.createElement("div",{className:"row"},m)):a.a.createElement(V.a,null))};J.defaultProps={products:[]},J.propTypes={products:o.a.array,sortBy:o.a.string};var W=Object(L.createPropsSelector)({filterRange:k.a,searchString:k.c,sortBy:k.d}),Y={dispatchProducts:i.h,dispatchSearchString:i.i},K=Object(l.b)(W,Y)(J),Q=r(74);function X(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"===typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,a=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(r.push(o.value),!t||r.length!==t);n=!0);}catch(i){a=!0,c=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw c}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return Z(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return Z(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);re.length)&&(t=e.length);for(var r=0,n=new Array(t);rt&&!e.classList.contains("scroll-down")?(e.classList.remove("scroll-up"),e.classList.add("scroll-down")):r {\n\n const [sortType, setSortType] = useState('')\n const [selectionError, setSelectionError] = useState('')\n var subtitle;\n\n function afterOpenModal() {\n subtitle.style.color = '#000';\n subtitle.style.fontWeight = '700';\n }\n\n const submitSelection = (e) => {\n if (!sortType) {\n setSelectionError(true)\n return\n }\n dispatchSortSelection(sortType)\n closeModal(e)\n setSelectionError(false)\n }\n\n return (\n \n
\n
\n
(subtitle = _subtitle)}>Sort Options
\n \n
\n
\n {selectionError && Please Select One of the options below.}\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n \n \n
\n
\n \n );\n};\n\nSortModal.defaultProps = {\n\n};\n\nSortModal.propTypes = {\n closeModal: PropTypes.func,\n dispatchSortSelection: PropTypes.func,\n modalIsOpen: PropTypes.bool\n};\n\nconst mapDispatchToProps = ({\n dispatchSortSelection\n})\n\nexport default connect(\n null,\n mapDispatchToProps\n)(SortModal);","import SortModal from './SortModal.jsx';\n\nexport default SortModal;","import React, {useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {dispatchFilterRange} from './../../../pages/PLP/actions';\nimport Modal from 'react-modal';\nimport InputRange from 'react-input-range';\nimport './FilterModal.component.scss';\nimport 'react-input-range/lib/css/index.css';\n\nconst customStyles = {\n content: {\n top: '20%',\n width: '93%',\n marginLeft: 'auto',\n marginRight: 'auto',\n background: 'rgb(255, 255, 255)',\n overflow: 'auto',\n borderRadius: '4px'\n }\n};\n\nconst FilterModal = ({closeModal, dispatchFilterRange, modalIsOpen}) => {\n\n const [filterRange, setFilterRange] = useState({min: 200, max: 5000})\n var subtitle;\n\n function afterOpenModal() {\n subtitle.style.color = '#000';\n subtitle.style.fontWeight = '700';\n }\n\n const submitSelection = (e) => {\n dispatchFilterRange(filterRange)\n closeModal(e)\n }\n\n return (\n \n
\n
\n
(subtitle = _subtitle)}>Filter Options
\n \n
\n
\n `₹${value}`}\n value={filterRange}\n onChange={value => setFilterRange(value)} />\n {/* onChangeComplete={(e) =>submitSelection(e)} /> */}\n

Price

\n
\n
\n \n \n
\n
\n \n );\n};\n\nFilterModal.defaultProps = {\n\n};\n\nFilterModal.propTypes = {\n closeModal: PropTypes.func,\n dispatchFilterSelection: PropTypes.func,\n modalIsOpen: PropTypes.bool\n};\n\nconst mapDispatchToProps = ({\n dispatchFilterRange\n})\n\nexport default connect(\n null,\n mapDispatchToProps\n)(FilterModal);\n","import FilterModal from './FilterModal.jsx';\n\nexport default FilterModal;","import React, {useState} from 'react';\nimport './SortAndFilterPanel.component.scss'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faSort } from '@fortawesome/free-solid-svg-icons'\nimport { faFilter } from '@fortawesome/free-solid-svg-icons'\nimport SortModal from '../SortModal';\nimport FilterModal from '../FilterModal';\n\nconst SortAndFilterPanel = props => {\n\n const [sortModalIsOpen,setSortIsOpen] = useState(false);\n const [filterModalIsOpen,setFilterIsOpen] = useState(false);\n \n function closeModal(type, e){\n e.stopPropagation();\n type === \"sort\" ? setSortIsOpen(false) : setFilterIsOpen(false);\n }\n\n return (\n
\n
\n
\n
setSortIsOpen(true)}>\n

Sort

\n closeModal(\"sort\", e)} modalIsOpen={sortModalIsOpen} />\n
\n
setFilterIsOpen(true)}>\n

Filter

\n closeModal(\"filter\", e)} modalIsOpen={filterModalIsOpen}/>\n
\n
\n
\n
\n );\n};\n\nSortAndFilterPanel.defaultProps = {\n\n};\n\nSortAndFilterPanel.propTypes = {\n\n};\n\nexport default SortAndFilterPanel;","import SortAndFilterPanel from './SortAndFilterPanel.jsx';\n\nexport default SortAndFilterPanel;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {createPropsSelector} from 'reselect-immutable-helpers';\nimport {updateCart} from './../../../pages/Cart/actions'\nimport {getCartTotalCount, getCartItems} from './../../../pages/Cart/selectors'\n\nimport Button from './../../atoms/Button'\nimport ItemPrice from '../ItemPrice/ItemPrice';\n\nimport './ProductTile.component.scss';\n\nconst ProductTile = props => {\n\n const product = props.product\n const addToCartButtonClass = \"btn btn__addToCart\"\n\n const updateCart = (productId) => {\n let cartTotalCount = props.cartTotalCount\n const cartItems = props.cartItems\n let count = cartItems && cartItems[productId] ? cartItems[productId] : 0\n cartItems[productId] = ++count\n props.updateCart(++cartTotalCount, cartItems)\n }\n\n return (\n \n
\n {product.name}\n {product.name &&
{product.name}
}\n
\n {/*
\n {product.discountedPrice && ₹{product.discountedPrice}}\n {\n hasDiscount &&\n (\n \n {product.price}\n {product.discount}% off\n \n )\n }\n
*/}\n \n updateCart(product.id)} />\n \n );\n};\n\nProductTile.propTypes = {\n updateCart: PropTypes.func,\n cartTotalCount: PropTypes.number,\n cartItems: PropTypes.object\n};\n\nconst mapStateToProps = createPropsSelector({\n cartTotalCount: getCartTotalCount,\n cartItems: getCartItems\n})\n\nconst mapDispatchToProps = ({\n updateCart\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(ProductTile);","import ProductTile from './ProductTile.jsx';\n\nexport default ProductTile;","import React, {useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {createPropsSelector} from 'reselect-immutable-helpers';\nimport {dispatchProducts, dispatchSearchString} from './../../../pages/PLP/actions'\nimport {getFilterRange, getSortSelection, getSearchString} from './../../../pages/PLP/selectors'\nimport ProductTile from './../ProductTile'\nimport PageLoader from '../PageLoader/PageLoader';\nimport './ProductContainer.component.scss'\n\nconst ProductContainer = props => {\n\n const fr = props.filterRange\n const sb = props.sortBy\n const ss = props.searchString\n\n const [filterNoMatch, setFilterNoMatch] = useState(false)\n\n const getEmptyPlpBlock = () => {\n return (\n
\n

No Products match the search criteria!

\n

Please modify Search or filter criteria, and try again.

\n
\n )\n }\n \n let productsWithDiscountedPrice = props.products \n && props.products.length !== 0\n && props.products.map(product => {\n const discount = product.discount && product.price * (product.discount/100)\n product.discountAmount = Math.ceil(discount)\n product.discountedPrice = Math.ceil(product.price - product.discountAmount)\n return product\n })\n if (productsWithDiscountedPrice) {\n if (sb) {\n switch(sb) {\n case \"priceHtoL\":\n productsWithDiscountedPrice.sort((prod1, prod2) => prod2.discountedPrice - prod1.discountedPrice);\n break;\n case \"priceLtoH\":\n productsWithDiscountedPrice.sort((prod1, prod2) => prod1.discountedPrice - prod2.discountedPrice);\n break;\n case \"discount\":\n productsWithDiscountedPrice.sort((prod1, prod2) => prod2.discount - prod1.discount);\n break;\n default:\n break;\n }\n }\n \n let productsWithDiscountedPriceFiltered = [...productsWithDiscountedPrice]\n\n if (fr) {\n productsWithDiscountedPriceFiltered = productsWithDiscountedPrice.filter(prod => prod.discountedPrice > fr.min && prod.discountedPrice < fr.max);\n productsWithDiscountedPrice = productsWithDiscountedPriceFiltered\n }\n\n if (ss && ss !== \"\") {\n productsWithDiscountedPriceFiltered = productsWithDiscountedPrice.filter(prod => {\n return (prod.name.toLowerCase().includes(ss.toLowerCase())\n || prod.category.toLowerCase().includes(ss.toLowerCase())\n || prod.img_url.toLowerCase().includes(ss.toLowerCase()));\n });\n }\n if (productsWithDiscountedPrice.length > 0 && productsWithDiscountedPriceFiltered.length === 0) {\n !filterNoMatch && setFilterNoMatch(true)\n } else {\n filterNoMatch && setFilterNoMatch(false)\n }\n productsWithDiscountedPrice = productsWithDiscountedPriceFiltered\n }\n\n const productTiles = productsWithDiscountedPrice && productsWithDiscountedPrice.map((product, key) =>{\n return \n })\n props.dispatchProducts(productsWithDiscountedPrice)\n\n const clearSearch = () => {\n props.dispatchSearchString(\"\")\n }\n\n return
\n {\n filterNoMatch ? getEmptyPlpBlock() : props.products && props.products.length !== 0 ?\n
\n {\n ss && ss !== \"\" &&\n
\n
\n Showing Results for the search - \"{ss}\"\n

\n
\n
\n }\n
\n {productTiles}\n
\n
: \n }\n
\n};\n\nProductContainer.defaultProps = {\n products: []\n};\n\nProductContainer.propTypes = {\n products: PropTypes.array,\n sortBy: PropTypes.string\n};\n\nconst mapStateToProps = createPropsSelector({\n filterRange: getFilterRange,\n searchString: getSearchString,\n sortBy: getSortSelection\n})\n\nconst mapDispatchToProps = ({\n dispatchProducts, dispatchSearchString\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(ProductContainer);","import ProductContainer from './ProductContainer.jsx';\n\nexport default ProductContainer;","import React, {useState, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {dispatchProducts} from './actions';\n\nimport Header from './../../components/molecules/Header'\nimport SortAndFilterPanel from './../../components/molecules/SortAndFilterPanel'\nimport ProductContainer from './../../components/molecules/ProductContainer'\nimport Footer from './../../components/molecules/Footer'\n\nconst Plp = ({dispatchProducts}) => {\n \n const [products, setProducts] = useState([])\n\n const isMobile = () => {\n var check = false;\n (function(a){if(/(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);\n return check;\n };\n useEffect(() => {\n fetch('https://api.myjson.com/bins/qzuzi')\n .then(res => res.json())\n .then(products => {\n // console.log(products)\n setProducts(products)\n dispatchProducts(products)\n })\n }, [])\n\n return (\n
\n
\n \n \n
\n
\n )\n};\n\nPlp.propTypes = {\n dispatchProducts: PropTypes.func\n};\n\nconst mapDispatchToProps = ({\n dispatchProducts\n})\n\nexport default connect(\n null,\n mapDispatchToProps\n)(Plp);","import Plp from './Plp.jsx';\n\nexport default Plp;","import {createSelector} from 'reselect'\nimport {createGetSelector} from 'reselect-immutable-helpers'\n\nconst getData = ({data}) => data\n\nexport const getCart = createSelector(\n getData,\n (dataState) => {\n return dataState.pages.cart\n }\n)\n\nexport const getFormValues = createGetSelector(getCart, 'formValues')\nexport const getFormErrors = createGetSelector(getCart, 'formErrors')\nexport const getCartTotalCount = createGetSelector(getCart, 'cartTotalCount')\nexport const getCartItems = createGetSelector(getCart, 'cartItems')","import {createSelector} from 'reselect'\nimport {createGetSelector} from 'reselect-immutable-helpers'\n\nconst getData = ({data}) => data\n\nexport const getPlp = createSelector(\n getData,\n (dataState) => {\n return dataState.pages.plp\n }\n)\n\nexport const getFormValues = createGetSelector(getPlp, 'formValues')\nexport const getFormErrors = createGetSelector(getPlp, 'formErrors')\nexport const getProducts = createGetSelector(getPlp, 'products')\nexport const getFilterRange = createGetSelector(getPlp, 'filterRange')\nexport const getSortSelection = createGetSelector(getPlp, 'sortBy')\nexport const getSearchString = createGetSelector(getPlp, 'searchString')","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './ItemPrice.component.scss';\n\nconst ItemPrice = ({product}) => {\n\n const hasDiscount = !!product.discount && product.discount !== 0\n\n return (\n
\n {product.discountedPrice && ₹{product.discountedPrice}}\n {\n hasDiscount &&\n (\n \n {product.price}\n {product.discount}% off\n \n )\n }\n
\n );\n};\n\nItemPrice.defaultProps = {\n product: PropTypes.object\n};\n\nItemPrice.propTypes = {\n\n};\n\nexport default ItemPrice;","import React, {useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {dispatchSearchString} from './../../../pages/PLP/actions'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\nimport './Search.component.scss';\n\nconst Search = ({dispatchSearchString}) => {\n var timerId;\n const [searchInitiated, setSearchInitiated] = useState(false)\n\n const startSearch = (searchStringUpdated) => {\n dispatchSearchString(searchStringUpdated)\n }\n \n const debouncedStartSearch = (func, delay, searchStringUpdated) => {\n clearTimeout(timerId)\n timerId = setTimeout(() => func(searchStringUpdated), delay)\n }\n\n const onChangeHandler = (e) => {\n debouncedStartSearch(startSearch, 500, e.target.value)\n }\n\n return (\n
\n \n setSearchInitiated(!searchInitiated)} />\n
\n );\n};\n\nSearch.propTypes = {\n dispatchSearchString: PropTypes.func\n};\n\nconst mapDispatchToProps = ({\n dispatchSearchString\n})\n\nexport default connect(\n null,\n mapDispatchToProps\n)(Search);","import Search from './Search.jsx';\n\nexport default Search;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport './CartIcon.component.scss';\nimport {withRouter} from 'react-router-dom'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faShoppingCart } from '@fortawesome/free-solid-svg-icons'\nimport { createPropsSelector } from 'reselect-immutable-helpers';\n\nimport {getCartTotalCount} from './../../../pages/Cart/selectors'\n\nconst CartIcon = props => {\n\n const navigateToCart = () => {\n props.history.push('/view/cart')\n }\n\n return (\n
\n \n {props.cartTotalCount}\n
\n );\n};\n\nCartIcon.propTypes = {\n cartTotalCount: PropTypes.number\n};\n\nconst mapStateToProps = createPropsSelector({\n cartTotalCount: getCartTotalCount\n})\n\nexport default connect(mapStateToProps)(withRouter(CartIcon));","import CartIcon from './CartIcon.jsx';\n\nexport default CartIcon;","import React, {useEffect} from 'react';\nimport { Link } from 'react-router-dom';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faStar } from '@fortawesome/free-solid-svg-icons'\n\nimport Search from './../Search'\nimport CartIcon from './../CartIcon'\n\nconst Header = props => {\n\n useEffect(() => {\n const body = document.body;\n const scrollUp = \"scroll-up\";\n const scrollDown = \"scroll-down\";\n let lastScroll = 0;\n\n window.addEventListener(\"scroll\", () => {\n const currentScroll = window.pageYOffset;\n if (currentScroll === 0) {\n body.classList.remove(scrollUp);\n return;\n }\n \n if (currentScroll > lastScroll && !body.classList.contains(scrollDown)) {\n // down\n body.classList.remove(scrollUp);\n body.classList.add(scrollDown);\n } else if (currentScroll < lastScroll && body.classList.contains(scrollDown)) {\n // up\n body.classList.remove(scrollDown);\n body.classList.add(scrollUp);\n }\n lastScroll = currentScroll;\n });\n })\n \n return (\n
\n
\n
\n
\n
\n
{!props.inCart && }
\n
\n
\n
\n );\n};\n\nHeader.defaultProps = {\n\n};\n\nHeader.propTypes = {\n\n};\n\nexport default Header;","import Header from './Header.jsx';\n\nexport default Header;","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport * as fwIcons from '@fortawesome/free-solid-svg-icons'\nimport './Button.component.scss'\n\nconst Button = props => {\n return (\n \n {props.buttonIcon && }\n {props.buttonText}\n \n );\n};\n\nButton.defaultProps = {\n\n};\n\nButton.propTypes = {\n\n};\n\nexport default Button;","import Button from './Button.jsx';\n\nexport default Button;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './Footer.component.scss';\n\nconst Footer = props => {\n return (\n
\n

@Copyright

\n
\n );\n};\n\nFooter.defaultProps = {\n\n};\n\nFooter.propTypes = {\n\n};\n\nexport default Footer;","import Footer from './Footer.jsx';\n\nexport default Footer;"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/5.cb2272bf.chunk.js b/static/js/5.cb2272bf.chunk.js deleted file mode 100644 index 5eae82c..0000000 --- a/static/js/5.cb2272bf.chunk.js +++ /dev/null @@ -1,2 +0,0 @@ -(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[5],{103:function(e,t,r){},105:function(e,t,r){},106:function(e,t,r){},115:function(e,t,r){"use strict";r.r(t);var n=r(0),a=r.n(n),o=r(5),c=r.n(o),l=r(22),i=r(10),u=r(72),s=(r(85),r(58)),d=r(57),m=r(25),f=r.n(m);r(86);function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"===typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,a=!1,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(i){a=!0,o=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return b(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);re.length)&&(t=e.length);for(var r=0,n=new Array(t);re.length)&&(t=e.length);for(var r=0,n=new Array(t);re.length)&&(t=e.length);for(var r=0,n=new Array(t);rt.min&&e.discountedPrice0&&0===u.length?!c&&l(!0):c&&l(!1),i=u}}var s=i&&i.map((function(e,t){return a.a.createElement(U,{product:e,key:t})}));return e.dispatchProducts(i),c?a.a.createElement("div",{className:"c-Cart__emptyPlp"},a.a.createElement("h3",null,"No Products match the search criteria!"),a.a.createElement("p",{className:"c-Cart__emptyPlp__information"},"Please modify Search or filter criteria, and try again.")):e.products&&0!==e.products.length?a.a.createElement("main",{className:"c-Plp__c-ProductContainer"},a.a.createElement("div",{className:"container"},a.a.createElement("div",{className:"row"},s))):a.a.createElement(V.a,null)};z.defaultProps={products:[]},z.propTypes={products:c.a.array,sortBy:c.a.string};var D=Object(L.createPropsSelector)({filterRange:k.a,sortBy:k.c}),J={dispatchProducts:i.g},W=Object(l.b)(D,J)(z),Y=r(74);function K(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"===typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,a=!1,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(i){a=!0,o=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return Q(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return Q(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);re.length)&&(t=e.length);for(var r=0,n=new Array(t);rt&&!e.classList.contains("scroll-down")?(e.classList.remove("scroll-up"),e.classList.add("scroll-down")):r {\n\n const [sortType, setSortType] = useState('')\n const [selectionError, setSelectionError] = useState('')\n var subtitle;\n\n function afterOpenModal() {\n subtitle.style.color = '#000';\n subtitle.style.fontWeight = '700';\n }\n\n const submitSelection = (e) => {\n if (!sortType) {\n setSelectionError(true)\n return\n }\n dispatchSortSelection(sortType)\n closeModal(e)\n setSelectionError(false)\n }\n\n return (\n \n
\n
\n
(subtitle = _subtitle)}>Sort Options
\n \n
\n
\n {selectionError && Please Select One of the options below.}\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n \n \n
\n
\n \n );\n};\n\nSortModal.defaultProps = {\n\n};\n\nSortModal.propTypes = {\n closeModal: PropTypes.func,\n dispatchSortSelection: PropTypes.func,\n modalIsOpen: PropTypes.bool\n};\n\nconst mapDispatchToProps = ({\n dispatchSortSelection\n})\n\nexport default connect(\n null,\n mapDispatchToProps\n)(SortModal);","import SortModal from './SortModal.jsx';\n\nexport default SortModal;","import React, {useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {dispatchFilterRange} from './../../../pages/PLP/actions';\nimport Modal from 'react-modal';\nimport InputRange from 'react-input-range';\nimport './FilterModal.component.scss';\nimport 'react-input-range/lib/css/index.css';\n\nconst customStyles = {\n content: {\n top: '20%',\n width: '93%',\n marginLeft: 'auto',\n marginRight: 'auto',\n background: 'rgb(255, 255, 255)',\n overflow: 'auto',\n borderRadius: '4px'\n }\n};\n\nconst FilterModal = ({closeModal, dispatchFilterRange, modalIsOpen}) => {\n\n const [filterRange, setFilterRange] = useState({min: 200, max: 5000})\n var subtitle;\n\n function afterOpenModal() {\n subtitle.style.color = '#000';\n subtitle.style.fontWeight = '700';\n }\n\n const submitSelection = (e) => {\n dispatchFilterRange(filterRange)\n closeModal(e)\n }\n\n return (\n \n
\n
\n
(subtitle = _subtitle)}>Filter Options
\n \n
\n
\n `₹${value}`}\n value={filterRange}\n onChange={value => setFilterRange(value)} />\n {/* onChangeComplete={(e) =>submitSelection(e)} /> */}\n
\n
\n \n \n
\n
\n \n );\n};\n\nFilterModal.defaultProps = {\n\n};\n\nFilterModal.propTypes = {\n closeModal: PropTypes.func,\n dispatchFilterSelection: PropTypes.func,\n modalIsOpen: PropTypes.bool\n};\n\nconst mapDispatchToProps = ({\n dispatchFilterRange\n})\n\nexport default connect(\n null,\n mapDispatchToProps\n)(FilterModal);\n","import FilterModal from './FilterModal.jsx';\n\nexport default FilterModal;","import React, {useState} from 'react';\nimport './SortAndFilterPanel.component.scss'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faSort } from '@fortawesome/free-solid-svg-icons'\nimport { faFilter } from '@fortawesome/free-solid-svg-icons'\nimport SortModal from '../SortModal';\nimport FilterModal from '../FilterModal';\n\nconst SortAndFilterPanel = props => {\n\n const [sortModalIsOpen,setSortIsOpen] = useState(false);\n const [filterModalIsOpen,setFilterIsOpen] = useState(false);\n \n function closeModal(type, e){\n e.stopPropagation();\n type === \"sort\" ? setSortIsOpen(false) : setFilterIsOpen(false);\n }\n\n return (\n
\n
\n
\n
setSortIsOpen(true)}>\n

Sort

\n closeModal(\"sort\", e)} modalIsOpen={sortModalIsOpen} />\n
\n
setFilterIsOpen(true)}>\n

Filter

\n closeModal(\"filter\", e)} modalIsOpen={filterModalIsOpen}/>\n
\n
\n
\n
\n );\n};\n\nSortAndFilterPanel.defaultProps = {\n\n};\n\nSortAndFilterPanel.propTypes = {\n\n};\n\nexport default SortAndFilterPanel;","import SortAndFilterPanel from './SortAndFilterPanel.jsx';\n\nexport default SortAndFilterPanel;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {createPropsSelector} from 'reselect-immutable-helpers';\nimport {updateCart} from './../../../pages/Cart/actions'\nimport {getCartTotalCount, getCartItems} from './../../../pages/Cart/selectors'\n\nimport Button from './../../atoms/Button'\nimport ItemPrice from '../ItemPrice/ItemPrice';\n\nimport './ProductTile.component.scss';\n\nconst ProductTile = props => {\n\n const product = props.product\n const addToCartButtonClass = \"btn btn__addToCart\"\n\n const updateCart = (productId) => {\n let cartTotalCount = props.cartTotalCount\n const cartItems = props.cartItems\n let count = cartItems && cartItems[productId] ? cartItems[productId] : 0\n cartItems[productId] = ++count\n props.updateCart(++cartTotalCount, cartItems)\n }\n\n return (\n \n
\n {product.name}\n {product.name &&
{product.name}
}\n
\n {/*
\n {product.discountedPrice && ₹{product.discountedPrice}}\n {\n hasDiscount &&\n (\n \n {product.price}\n {product.discount}% off\n \n )\n }\n
*/}\n \n updateCart(product.id)} />\n \n );\n};\n\nProductTile.propTypes = {\n updateCart: PropTypes.func,\n cartTotalCount: PropTypes.number,\n cartItems: PropTypes.object\n};\n\nconst mapStateToProps = createPropsSelector({\n cartTotalCount: getCartTotalCount,\n cartItems: getCartItems\n})\n\nconst mapDispatchToProps = ({\n updateCart\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(ProductTile);","import ProductTile from './ProductTile.jsx';\n\nexport default ProductTile;","import React, {useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {createPropsSelector} from 'reselect-immutable-helpers';\nimport {dispatchProducts} from './../../../pages/PLP/actions'\nimport {getFilterRange, getSortSelection} from './../../../pages/PLP/selectors'\nimport ProductTile from './../ProductTile'\nimport PageLoader from '../PageLoader/PageLoader';\nimport './ProductContainer.component.scss'\n\nconst ProductContainer = props => {\n\n const fr = props.filterRange\n const sb = props.sortBy\n\n const [filterNoMatch, setFilterNoMatch] = useState(false)\n\n const getEmptyPlpBlock = () => {\n return (\n
\n

No Products match the search criteria!

\n

Please modify Search or filter criteria, and try again.

\n
\n )\n }\n \n let productsWithDiscountedPrice = props.products \n && props.products.length !== 0\n && props.products.map(product => {\n const discount = product.discount && product.price * (product.discount/100)\n product.discountAmount = Math.ceil(discount)\n product.discountedPrice = Math.ceil(product.price - product.discountAmount)\n return product\n })\n if (productsWithDiscountedPrice) {\n if (sb) {\n switch(sb) {\n case \"priceHtoL\":\n productsWithDiscountedPrice.sort((prod1, prod2) => prod2.discountedPrice - prod1.discountedPrice);\n break;\n case \"priceLtoH\":\n productsWithDiscountedPrice.sort((prod1, prod2) => prod1.discountedPrice - prod2.discountedPrice);\n break;\n case \"discount\":\n productsWithDiscountedPrice.sort((prod1, prod2) => prod2.discount - prod1.discount);\n break;\n default:\n break;\n }\n }\n \n if (fr) {\n const productsWithDiscountedPriceFiltered = productsWithDiscountedPrice.filter(prod => prod.discountedPrice > fr.min && prod.discountedPrice < fr.max);\n if (productsWithDiscountedPrice.length > 0 && productsWithDiscountedPriceFiltered.length === 0) {\n !filterNoMatch && setFilterNoMatch(true)\n } else {\n filterNoMatch && setFilterNoMatch(false)\n }\n productsWithDiscountedPrice = productsWithDiscountedPriceFiltered\n }\n }\n\n const productTiles = productsWithDiscountedPrice && productsWithDiscountedPrice.map((product, key) =>{\n return \n })\n props.dispatchProducts(productsWithDiscountedPrice)\n\n return filterNoMatch ? getEmptyPlpBlock() : props.products && props.products.length !== 0 ?\n
\n
\n
\n {productTiles}\n
\n
\n
: \n};\n\nProductContainer.defaultProps = {\n products: []\n};\n\nProductContainer.propTypes = {\n products: PropTypes.array,\n sortBy: PropTypes.string\n};\n\nconst mapStateToProps = createPropsSelector({\n filterRange: getFilterRange,\n sortBy: getSortSelection\n})\n\nconst mapDispatchToProps = ({\n dispatchProducts\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(ProductContainer);","import ProductContainer from './ProductContainer.jsx';\n\nexport default ProductContainer;","import React, {useState, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {dispatchProducts} from './actions';\n\nimport Header from './../../components/molecules/Header'\nimport SortAndFilterPanel from './../../components/molecules/SortAndFilterPanel'\nimport ProductContainer from './../../components/molecules/ProductContainer'\nimport Footer from './../../components/molecules/Footer'\n\nconst Plp = ({dispatchProducts}) => {\n \n const [products, setProducts] = useState([])\n\n useEffect(() => {\n fetch('https://api.myjson.com/bins/qzuzi')\n .then(res => res.json())\n .then(products => {\n // console.log(products)\n setProducts(products)\n dispatchProducts(products)\n })\n }, [])\n\n return (\n
\n
\n \n \n
\n
\n )\n};\n\nPlp.propTypes = {\n dispatchProducts: PropTypes.func\n};\n\nconst mapDispatchToProps = ({\n dispatchProducts\n})\n\nexport default connect(\n null,\n mapDispatchToProps\n)(Plp);","import Plp from './Plp.jsx';\n\nexport default Plp;","import {createSelector} from 'reselect'\nimport {createGetSelector} from 'reselect-immutable-helpers'\n\nconst getData = ({data}) => data\n\nexport const getCart = createSelector(\n getData,\n (dataState) => {\n return dataState.pages.cart\n }\n)\n\nexport const getFormValues = createGetSelector(getCart, 'formValues')\nexport const getFormErrors = createGetSelector(getCart, 'formErrors')\nexport const getCartTotalCount = createGetSelector(getCart, 'cartTotalCount')\nexport const getCartItems = createGetSelector(getCart, 'cartItems')","import {createSelector} from 'reselect'\nimport {createGetSelector} from 'reselect-immutable-helpers'\n\nconst getData = ({data}) => data\n\nexport const getPlp = createSelector(\n getData,\n (dataState) => {\n return dataState.pages.plp\n }\n)\n\nexport const getFormValues = createGetSelector(getPlp, 'formValues')\nexport const getFormErrors = createGetSelector(getPlp, 'formErrors')\nexport const getProducts = createGetSelector(getPlp, 'products')\nexport const getFilterRange = createGetSelector(getPlp, 'filterRange')\nexport const getSortSelection = createGetSelector(getPlp, 'sortBy')","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './ItemPrice.component.scss';\n\nconst ItemPrice = ({product}) => {\n\n const hasDiscount = !!product.discount && product.discount !== 0\n\n return (\n
\n {product.discountedPrice && ₹{product.discountedPrice}}\n {\n hasDiscount &&\n (\n \n {product.price}\n {product.discount}% off\n \n )\n }\n
\n );\n};\n\nItemPrice.defaultProps = {\n product: PropTypes.object\n};\n\nItemPrice.propTypes = {\n\n};\n\nexport default ItemPrice;","import React, {useState} from 'react';\nimport './Search.component.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\n\nconst Search = props => {\n const [searchInitiated, setSearchInitiated] = useState(false)\n return (\n
setSearchInitiated(true)}>\n {searchInitiated && }\n \n
\n );\n};\n\nSearch.defaultProps = {\n\n};\n\nSearch.propTypes = {\n\n};\n\nexport default Search;","import Search from './Search.jsx';\n\nexport default Search;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport './CartIcon.component.scss';\nimport {withRouter} from 'react-router-dom'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faShoppingCart } from '@fortawesome/free-solid-svg-icons'\nimport { createPropsSelector } from 'reselect-immutable-helpers';\n\nimport {getCartTotalCount} from './../../../pages/Cart/selectors'\n\nconst CartIcon = props => {\n\n const navigateToCart = () => {\n props.history.push('/view/cart')\n }\n\n return (\n
\n \n {props.cartTotalCount}\n
\n );\n};\n\nCartIcon.propTypes = {\n cartTotalCount: PropTypes.number\n};\n\nconst mapStateToProps = createPropsSelector({\n cartTotalCount: getCartTotalCount\n})\n\nexport default connect(mapStateToProps)(withRouter(CartIcon));","import CartIcon from './CartIcon.jsx';\n\nexport default CartIcon;","import React, {useEffect} from 'react';\nimport { Link } from 'react-router-dom';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faStar } from '@fortawesome/free-solid-svg-icons'\n\nimport Search from './../Search'\nimport CartIcon from './../CartIcon'\n\nconst Header = props => {\n\n useEffect(() => {\n const body = document.body;\n const scrollUp = \"scroll-up\";\n const scrollDown = \"scroll-down\";\n let lastScroll = 0;\n\n window.addEventListener(\"scroll\", () => {\n const currentScroll = window.pageYOffset;\n if (currentScroll === 0) {\n body.classList.remove(scrollUp);\n return;\n }\n \n if (currentScroll > lastScroll && !body.classList.contains(scrollDown)) {\n // down\n body.classList.remove(scrollUp);\n body.classList.add(scrollDown);\n } else if (currentScroll < lastScroll && body.classList.contains(scrollDown)) {\n // up\n body.classList.remove(scrollDown);\n body.classList.add(scrollUp);\n }\n lastScroll = currentScroll;\n });\n })\n \n return (\n
\n \n \n {!props.inCart && }\n
\n );\n};\n\nHeader.defaultProps = {\n\n};\n\nHeader.propTypes = {\n\n};\n\nexport default Header;","import Header from './Header.jsx';\n\nexport default Header;","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport * as fwIcons from '@fortawesome/free-solid-svg-icons'\nimport './Button.component.scss'\n\nconst Button = props => {\n return (\n \n {props.buttonIcon && }\n {props.buttonText}\n \n );\n};\n\nButton.defaultProps = {\n\n};\n\nButton.propTypes = {\n\n};\n\nexport default Button;","import Button from './Button.jsx';\n\nexport default Button;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './Footer.component.scss';\n\nconst Footer = props => {\n return (\n
\n

@Copyright

\n
\n );\n};\n\nFooter.defaultProps = {\n\n};\n\nFooter.propTypes = {\n\n};\n\nexport default Footer;","import Footer from './Footer.jsx';\n\nexport default Footer;"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.26107601.chunk.js b/static/js/main.26107601.chunk.js deleted file mode 100644 index 5c528f9..0000000 --- a/static/js/main.26107601.chunk.js +++ /dev/null @@ -1,2 +0,0 @@ -(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[1],{10:function(t,e,n){"use strict";n.d(e,"b",(function(){return r})),n.d(e,"c",(function(){return o})),n.d(e,"a",(function(){return a})),n.d(e,"e",(function(){return c})),n.d(e,"d",(function(){return u})),n.d(e,"g",(function(){return i})),n.d(e,"h",(function(){return f})),n.d(e,"f",(function(){return l}));var r="DISPATCH_PRODUCTS",o="DISPATCH_SORT_SELECTION",a="DISPATCH_FILTER_RANGE",c="UPDATE_BILLING_FORM_VALUES",u="UPDATE_BILLING_FORM_ERRORS",i=function(t){return{type:r,payload:{products:t}}},f=function(t){return{type:o,payload:{sortBy:t}}},l=function(t){return{type:a,payload:{filterRange:t}}}},13:function(t,e,n){"use strict";n.d(e,"a",(function(){return r})),n.d(e,"c",(function(){return o})),n.d(e,"b",(function(){return a})),n.d(e,"d",(function(){return c}));var r="UPDATE_CART",o="UPDATE_BILLING_FORM_VALUES",a="UPDATE_BILLING_FORM_ERRORS",c=function(t,e){return{type:r,payload:{cartTotalCount:t,cartItems:e}}}},15:function(t,e,n){"use strict";n.d(e,"a",(function(){return r})),n.d(e,"c",(function(){return o})),n.d(e,"b",(function(){return a})),n.d(e,"d",(function(){return c})),n.d(e,"f",(function(){return u})),n.d(e,"e",(function(){return i}));var r="LOGIN_DATA_STATE_RECEIVED",o="UPDATE_BILLING_FORM_VALUES",a="UPDATE_BILLING_FORM_ERRORS",c=function(){return function(t){}},u=function(t){return{type:o,payload:t}},i=function(t){return{type:a,payload:t}}},27:function(t,e,n){"use strict";var r=n(0),o=n.n(r),a=function(t){return o.a.createElement("div",{className:"c-PageLoader"},o.a.createElement("div",{className:"c-PageLoader__lds-ripple"},o.a.createElement("div",null),o.a.createElement("div",null)))};a.defaultProps={},a.propTypes={},e.a=a},34:function(t,e,n){t.exports=n(55)},53:function(t,e,n){},55:function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),a=n(11),c=n.n(a),u=n(31),i=n(8),f=n.n(i),l=n(6),p=n(5),s=n.n(p),d=n(22),y=n(23),m=n(9),b=n(27).a,_=n(16),E=n.n(_);function O(t){return(O="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function v(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:N,e=arguments.length>1?arguments[1]:void 0;switch(e.type){case A.a:case A.b:case A.c:return t.mergeDeep(e.payload);default:return t}},C=n(10),U=f.a.Map({products:[]}),M=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:U,e=arguments.length>1?arguments[1]:void 0;switch(e.type){case C.b:case C.c:case C.a:case C.d:case C.e:return t.mergeDeep(e.payload);default:return t}},B=n(13),G=f.a.Map({cartItems:{}}),F=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:G,e=arguments.length>1?arguments[1]:void 0;switch(e.type){case B.a:return t.set("cartItems",e.payload.cartItems).set("cartTotalCount",e.payload.cartTotalCount);case B.b:case B.c:return t.mergeDeep(e.payload);default:return t}},V=Object(l.c)({data:Object(l.c)({pages:Object(l.c)({login:j,plp:M,cart:F})})}),k=n(25),x=n.n(k);n(53),n(54);function X(t){return(X="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}var H="object"===("undefined"===typeof window?"undefined":X(window))&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({serialize:{immutable:f.a}}):l.d,J=Object(l.e)(V,H(Object(l.a)(u.a)));x.a.setAppElement("#root"),c.a.render(o.a.createElement(L,{store:J}),document.getElementById("root"))}},[[34,2,3]]]); -//# sourceMappingURL=main.26107601.chunk.js.map \ No newline at end of file diff --git a/static/js/main.26107601.chunk.js.map b/static/js/main.26107601.chunk.js.map deleted file mode 100644 index dc2357e..0000000 --- a/static/js/main.26107601.chunk.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["pages/PLP/actions.js","pages/Cart/actions.js","pages/Login/actions.js","components/molecules/PageLoader/PageLoader.jsx","components/molecules/PageLoader/index.js","router.jsx","pages/Login/reducer.js","pages/PLP/reducer.js","pages/Cart/reducer.js","reducer.js","main.js"],"names":["DISPATCH_PRODUCTS","DISPATCH_SORT_SELECTION","DISPATCH_FILTER_RANGE","UPDATE_FORM_VALUES","UPDATE_FORM_ERRORS","dispatchProducts","products","type","payload","dispatchSortSelection","sortSelection","sortBy","dispatchFilterRange","filterRange","UPDATE_CART","updateCart","cartTotalCount","cartItems","LOGIN_DATA_STATE_RECEIVED","initializeLogin","dispatch","updateFormValues","formValues","updateFormErrors","formErrors","PageLoader","props","className","defaultProps","propTypes","LoadableLogin","Loadable","loader","loading","LoadablePLP","LoadableCart","Router","store","this","basename","exact","path","component","React","Component","PropTypes","object","initialState","Immutable","Map","reducer","state","action","mergeDeep","set","combineReducers","data","pages","login","loginReducer","plp","plpReducer","cart","cartReducer","composeEnhancers","window","__REDUX_DEVTOOLS_EXTENSION_COMPOSE__","serialize","immutable","compose","createStore","applyMiddleware","thunk","ReactModal","setAppElement","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.26107601.chunk.js","sourcesContent":["export const DISPATCH_PRODUCTS = 'DISPATCH_PRODUCTS'\nexport const DISPATCH_SORT_SELECTION = 'DISPATCH_SORT_SELECTION'\nexport const DISPATCH_FILTER_RANGE = 'DISPATCH_FILTER_RANGE'\nexport const UPDATE_FORM_VALUES = 'UPDATE_BILLING_FORM_VALUES'\nexport const UPDATE_FORM_ERRORS = 'UPDATE_BILLING_FORM_ERRORS'\n\nexport const initializeLogin = () => (dispatch) => {\n // return Promise.all([\n // dispatch(initializeApp())\n // ])\n // .then(() => ({statusCode: 200}))\n // .catch((err) => ({statusCode: err.statusCode || 500}))\n}\n\nexport const dispatchProducts = (products) => {\n return {\n type: DISPATCH_PRODUCTS,\n payload: {products}\n }\n}\n\nexport const dispatchSortSelection = (sortSelection) => {\n return {\n type: DISPATCH_SORT_SELECTION,\n payload: {sortBy: sortSelection}\n }\n}\n\nexport const dispatchFilterRange = (filterRange) => {\n return {\n type: DISPATCH_FILTER_RANGE,\n payload: {filterRange}\n }\n}\n\nexport const updateFormValues = (formValues) => {\n return {\n type: UPDATE_FORM_VALUES,\n payload: formValues\n }\n}\n\nexport const updateFormErrors = (formErrors) => {\n return {\n type: UPDATE_FORM_ERRORS,\n payload: formErrors\n }\n}\n ","export const UPDATE_CART = 'UPDATE_CART'\nexport const UPDATE_FORM_VALUES = 'UPDATE_BILLING_FORM_VALUES'\nexport const UPDATE_FORM_ERRORS = 'UPDATE_BILLING_FORM_ERRORS'\n\nexport const initializeLogin = () => (dispatch) => {\n // return Promise.all([\n // dispatch(initializeApp())\n // ])\n // .then(() => ({statusCode: 200}))\n // .catch((err) => ({statusCode: err.statusCode || 500}))\n}\n\nexport const updateCart = (cartTotalCount, cartItems) => {\n return {\n type: UPDATE_CART,\n payload: {cartTotalCount, cartItems}\n }\n}\n\nexport const updateFormValues = (formValues) => {\n return {\n type: UPDATE_FORM_VALUES,\n payload: formValues\n }\n}\n\nexport const updateFormErrors = (formErrors) => {\n return {\n type: UPDATE_FORM_ERRORS,\n payload: formErrors\n }\n}\n ","export const LOGIN_DATA_STATE_RECEIVED = 'LOGIN_DATA_STATE_RECEIVED'\nexport const UPDATE_FORM_VALUES = 'UPDATE_BILLING_FORM_VALUES'\nexport const UPDATE_FORM_ERRORS = 'UPDATE_BILLING_FORM_ERRORS'\n\nexport const updateLoginDataState = (payload) => ({type: LOGIN_DATA_STATE_RECEIVED, payload})\n\nexport const initializeLogin = () => (dispatch) => {\n // return Promise.all([\n // dispatch(initializeApp())\n // ])\n // .then(() => ({statusCode: 200}))\n // .catch((err) => ({statusCode: err.statusCode || 500}))\n}\n\nexport const updateFormValues = (formValues) => {\n return {\n type: UPDATE_FORM_VALUES,\n payload: formValues\n }\n}\n\nexport const updateFormErrors = (formErrors) => {\n return {\n type: UPDATE_FORM_ERRORS,\n payload: formErrors\n }\n}\n ","import React from 'react';\n\nconst PageLoader = props => {\n return (\n
\n
\n
\n
\n
\n
\n )\n //
\n //
\n //
l
\n //
o
\n //
a
\n //
d
\n //
i
\n //
n
\n //
g
\n //
\n //
\n};\n\nPageLoader.defaultProps = {\n\n};\n\nPageLoader.propTypes = {\n\n};\n\nexport default PageLoader;","import PageLoader from './PageLoader.jsx';\n\nexport default PageLoader;","import React from 'react'\nimport PropTypes from 'prop-types'\nimport {Provider} from 'react-redux'\nimport {BrowserRouter, Route} from 'react-router-dom';\nimport PageLoader from './components/molecules/PageLoader'\nimport Loadable from 'react-loadable'\n\nexport const LoadableLogin = Loadable({\n loader: () => import('./pages/Login'),\n loading: PageLoader\n})\n\nexport const LoadablePLP = Loadable({\n loader: () => import('./pages/PLP'),\n loading: PageLoader\n})\n\nexport const LoadableCart = Loadable({\n loader: () => import('./pages/Cart'),\n loading: PageLoader\n})\n\nclass Router extends React.Component {\n\n render() {\n const {store} = this.props\n return (\n \n \n \n \n \n \n \n \n )\n }\n}\n\nRouter.propTypes = {\n store: PropTypes.object\n}\n\nexport default Router\n","import Immutable from 'immutable'\n\nimport {LOGIN_DATA_STATE_RECEIVED, UPDATE_FORM_ERRORS, UPDATE_FORM_VALUES} from './actions'\n\nconst initialState = Immutable.Map()\n\nconst reducer = (state = initialState, action) => {\n switch (action.type) {\n case LOGIN_DATA_STATE_RECEIVED:\n case UPDATE_FORM_ERRORS:\n case UPDATE_FORM_VALUES:\n return state.mergeDeep(action.payload)\n default:\n return state\n }\n}\n\nexport default reducer\n","import Immutable from 'immutable'\n\nimport {\n DISPATCH_PRODUCTS,\n DISPATCH_SORT_SELECTION,\n DISPATCH_FILTER_RANGE,\n UPDATE_FORM_ERRORS,\n UPDATE_FORM_VALUES\n} from './actions'\n\nconst initialState = Immutable.Map({\n products: []\n})\n\nconst reducer = (state = initialState, action) => {\n switch (action.type) {\n case DISPATCH_PRODUCTS:\n case DISPATCH_SORT_SELECTION:\n case DISPATCH_FILTER_RANGE:\n case UPDATE_FORM_ERRORS:\n case UPDATE_FORM_VALUES:\n return state.mergeDeep(action.payload)\n default:\n return state\n }\n}\n\nexport default reducer\n","import Immutable from 'immutable'\n\nimport {\n UPDATE_CART,\n UPDATE_FORM_ERRORS,\n UPDATE_FORM_VALUES\n} from './actions'\n\nconst initialState = Immutable.Map({\n cartItems: {}\n})\n\nconst reducer = (state = initialState, action) => {\n switch (action.type) {\n case UPDATE_CART:\n return state\n .set('cartItems', action.payload.cartItems)\n .set('cartTotalCount', action.payload.cartTotalCount)\n case UPDATE_FORM_ERRORS:\n case UPDATE_FORM_VALUES:\n return state.mergeDeep(action.payload)\n default:\n return state\n }\n}\n\nexport default reducer\n","import {combineReducers} from 'redux'\n\nimport loginReducer from './pages/Login/reducer'\nimport plpReducer from './pages/PLP/reducer'\nimport cartReducer from './pages/Cart/reducer'\n\nexport default combineReducers({\n data: combineReducers({\n pages: combineReducers({\n login: loginReducer,\n plp: plpReducer,\n cart: cartReducer\n })\n })\n})\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport thunk from 'redux-thunk'\nimport Immutable from 'immutable'\nimport {createStore, applyMiddleware, compose} from 'redux'\n// import * as serviceWorker from '../serviceWorker';\nimport Router from './router';\nimport reducer from './reducer'\nimport ReactModal from 'react-modal'\nimport './index.scss'\nimport 'bootstrap/dist/css/bootstrap.min.css'\n\nconst composeEnhancers =\n typeof window === 'object' &&\n window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? \n window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({\n serialize: { // prettier-ignore\n immutable: Immutable\n }\n }) : compose;\nconst store = createStore(reducer, composeEnhancers(applyMiddleware(thunk)))\n\nReactModal.setAppElement('#root');\nReactDOM.render(, document.getElementById('root'));\n\n// serviceWorker.unregister();\n"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.724ead1a.chunk.js b/static/js/main.724ead1a.chunk.js new file mode 100644 index 0000000..9543f52 --- /dev/null +++ b/static/js/main.724ead1a.chunk.js @@ -0,0 +1,2 @@ +(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[1],{10:function(t,e,n){"use strict";n.d(e,"b",(function(){return r})),n.d(e,"d",(function(){return o})),n.d(e,"a",(function(){return a})),n.d(e,"c",(function(){return c})),n.d(e,"f",(function(){return u})),n.d(e,"e",(function(){return i})),n.d(e,"h",(function(){return f})),n.d(e,"j",(function(){return l})),n.d(e,"g",(function(){return p})),n.d(e,"i",(function(){return s}));var r="DISPATCH_PRODUCTS",o="DISPATCH_SORT_SELECTION",a="DISPATCH_FILTER_RANGE",c="DISPATCH_SEARCH_STRING",u="UPDATE_BILLING_FORM_VALUES",i="UPDATE_BILLING_FORM_ERRORS",f=function(t){return{type:r,payload:{products:t}}},l=function(t){return{type:o,payload:{sortBy:t}}},p=function(t){return{type:a,payload:{filterRange:t}}},s=function(t){return{type:c,payload:{searchString:t}}}},13:function(t,e,n){"use strict";n.d(e,"a",(function(){return r})),n.d(e,"c",(function(){return o})),n.d(e,"b",(function(){return a})),n.d(e,"d",(function(){return c}));var r="UPDATE_CART",o="UPDATE_BILLING_FORM_VALUES",a="UPDATE_BILLING_FORM_ERRORS",c=function(t,e){return{type:r,payload:{cartTotalCount:t,cartItems:e}}}},15:function(t,e,n){"use strict";n.d(e,"a",(function(){return r})),n.d(e,"c",(function(){return o})),n.d(e,"b",(function(){return a})),n.d(e,"d",(function(){return c})),n.d(e,"f",(function(){return u})),n.d(e,"e",(function(){return i}));var r="LOGIN_DATA_STATE_RECEIVED",o="UPDATE_BILLING_FORM_VALUES",a="UPDATE_BILLING_FORM_ERRORS",c=function(){return function(t){}},u=function(t){return{type:o,payload:t}},i=function(t){return{type:a,payload:t}}},27:function(t,e,n){"use strict";var r=n(0),o=n.n(r),a=function(t){return o.a.createElement("div",{className:"c-PageLoader"},o.a.createElement("div",{className:"c-PageLoader__lds-ripple"},o.a.createElement("div",null),o.a.createElement("div",null)))};a.defaultProps={},a.propTypes={},e.a=a},34:function(t,e,n){t.exports=n(55)},53:function(t,e,n){},55:function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),a=n(11),c=n.n(a),u=n(31),i=n(8),f=n.n(i),l=n(6),p=n(5),s=n.n(p),d=n(22),y=n(23),m=n(9),b=n(27).a,_=n(16),E=n.n(_);function O(t){return(O="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function S(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:C,e=arguments.length>1?arguments[1]:void 0;switch(e.type){case A.a:case A.b:case A.c:return t.mergeDeep(e.payload);default:return t}},j=n(10),U=f.a.Map({products:[]}),M=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:U,e=arguments.length>1?arguments[1]:void 0;switch(e.type){case j.b:case j.d:case j.a:case j.c:case j.e:case j.f:return t.mergeDeep(e.payload);default:return t}},G=n(13),B=f.a.Map({cartItems:{}}),F=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:B,e=arguments.length>1?arguments[1]:void 0;switch(e.type){case G.a:return t.set("cartItems",e.payload.cartItems).set("cartTotalCount",e.payload.cartTotalCount);case G.b:case G.c:return t.mergeDeep(e.payload);default:return t}},V=Object(l.c)({data:Object(l.c)({pages:Object(l.c)({login:N,plp:M,cart:F})})}),H=n(25),k=n.n(H);n(53),n(54);function x(t){return(x="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}var X="object"===("undefined"===typeof window?"undefined":x(window))&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({serialize:{immutable:f.a}}):l.d,J=Object(l.e)(V,X(Object(l.a)(u.a)));k.a.setAppElement("#root"),c.a.render(o.a.createElement(L,{store:J}),document.getElementById("root"))}},[[34,2,3]]]); +//# sourceMappingURL=main.724ead1a.chunk.js.map \ No newline at end of file diff --git a/static/js/main.724ead1a.chunk.js.map b/static/js/main.724ead1a.chunk.js.map new file mode 100644 index 0000000..f63a6e3 --- /dev/null +++ b/static/js/main.724ead1a.chunk.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["pages/PLP/actions.js","pages/Cart/actions.js","pages/Login/actions.js","components/molecules/PageLoader/PageLoader.jsx","components/molecules/PageLoader/index.js","router.jsx","pages/Login/reducer.js","pages/PLP/reducer.js","pages/Cart/reducer.js","reducer.js","main.js"],"names":["DISPATCH_PRODUCTS","DISPATCH_SORT_SELECTION","DISPATCH_FILTER_RANGE","DISPATCH_SEARCH_STRING","UPDATE_FORM_VALUES","UPDATE_FORM_ERRORS","dispatchProducts","products","type","payload","dispatchSortSelection","sortSelection","sortBy","dispatchFilterRange","filterRange","dispatchSearchString","searchString","UPDATE_CART","updateCart","cartTotalCount","cartItems","LOGIN_DATA_STATE_RECEIVED","initializeLogin","dispatch","updateFormValues","formValues","updateFormErrors","formErrors","PageLoader","props","className","defaultProps","propTypes","LoadableLogin","Loadable","loader","loading","LoadablePLP","LoadableCart","Router","store","this","basename","exact","path","component","React","Component","PropTypes","object","initialState","Immutable","Map","reducer","state","action","mergeDeep","set","combineReducers","data","pages","login","loginReducer","plp","plpReducer","cart","cartReducer","composeEnhancers","window","__REDUX_DEVTOOLS_EXTENSION_COMPOSE__","serialize","immutable","compose","createStore","applyMiddleware","thunk","ReactModal","setAppElement","ReactDOM","render","document","getElementById"],"mappings":"mHAAA,oVAAO,IAAMA,EAAoB,oBACpBC,EAA0B,0BAC1BC,EAAwB,wBACxBC,EAAyB,yBACzBC,EAAqB,6BACrBC,EAAqB,6BAUrBC,EAAmB,SAACC,GAC7B,MAAO,CACHC,KAAMR,EACNS,QAAS,CAACF,cAILG,EAAwB,SAACC,GAClC,MAAO,CACHH,KAAMP,EACNQ,QAAS,CAACG,OAAQD,KAIbE,EAAsB,SAACC,GAChC,MAAO,CACHN,KAAMN,EACNO,QAAS,CAACK,iBAILC,EAAuB,SAACC,GACjC,MAAO,CACHR,KAAML,EACNM,QAAS,CAACO,mB,gCCvClB,wIAAO,IAAMC,EAAc,cACdb,EAAqB,6BACrBC,EAAqB,6BAUrBa,EAAa,SAACC,EAAgBC,GACvC,MAAO,CACHZ,KAAMS,EACNR,QAAS,CAACU,iBAAgBC,gB,gCCflC,4MAAO,IAAMC,EAA4B,4BAC5BjB,EAAqB,6BACrBC,EAAqB,6BAIrBiB,EAAkB,kBAAM,SAACC,MAQzBC,EAAmB,SAACC,GAC7B,MAAO,CACHjB,KAAMJ,EACNK,QAASgB,IAIJC,EAAmB,SAACC,GAC7B,MAAO,CACHnB,KAAMH,EACNI,QAASkB,K,gCCxBjB,oBAEMC,EAAa,SAAAC,GACjB,OACE,yBAAKC,UAAU,gBACb,yBAAKA,UAAU,4BACb,8BACA,iCAiBRF,EAAWG,aAAe,GAI1BH,EAAWI,UAAY,GAIRJ,O,2MC9BAA,E,MAAf,E,spCCKO,IAAMK,EAAgBC,IAAS,CAClCC,OAAQ,kBAAM,qDACdC,QAASR,IAGAS,EAAcH,IAAS,CAChCC,OAAQ,kBAAM,4DACdC,QAASR,IAGAU,EAAeJ,IAAS,CACjCC,OAAQ,kBAAM,qDACdC,QAASR,IAGPW,E,4fAEQ,IACCC,EAASC,KAAKZ,MAAdW,MACP,OACI,kBAAC,IAAD,CAAUA,MAAOA,GACb,kBAAC,IAAD,CAAeE,SAAS,oBACpB,kBAAC,IAAD,CAAOC,OAAK,EAACC,KAAK,IAAIC,UAAWR,IACjC,kBAAC,IAAD,CAAOO,KAAK,SAASC,UAAWZ,IAChC,kBAAC,IAAD,CAAOW,KAAK,YAAYC,UAAWR,IACnC,kBAAC,IAAD,CAAOO,KAAK,aAAaC,UAAWP,W,8BAVnCQ,IAAMC,WAiB3BR,EAAOP,UAAY,CACfQ,MAAOQ,IAAUC,QAGNV,Q,QCvCTW,EAAeC,IAAUC,MAahBC,EAXC,WAAmC,IAAlCC,EAAiC,uDAAzBJ,EAAcK,EAAW,uCAC9C,OAAQA,EAAO/C,MACX,KAAKa,IACL,KAAKhB,IACL,KAAKD,IACD,OAAOkD,EAAME,UAAUD,EAAO9C,SAClC,QACI,OAAO6C,I,QCFbJ,EAAeC,IAAUC,IAAI,CAC/B7C,SAAU,KAiBC8C,EAdC,WAAmC,IAAlCC,EAAiC,uDAAzBJ,EAAcK,EAAW,uCAC9C,OAAQA,EAAO/C,MACX,KAAKR,IACL,KAAKC,IACL,KAAKC,IACL,KAAKC,IACL,KAAKE,IACL,KAAKD,IACD,OAAOkD,EAAME,UAAUD,EAAO9C,SAClC,QACI,OAAO6C,I,QCjBbJ,EAAeC,IAAUC,IAAI,CAC/BhC,UAAW,KAiBAiC,EAdC,WAAmC,IAAlCC,EAAiC,uDAAzBJ,EAAcK,EAAW,uCAC9C,OAAQA,EAAO/C,MACX,KAAKS,IACD,OAAOqC,EACFG,IAAI,YAAaF,EAAO9C,QAAQW,WAChCqC,IAAI,iBAAkBF,EAAO9C,QAAQU,gBAC9C,KAAKd,IACL,KAAKD,IACD,OAAOkD,EAAME,UAAUD,EAAO9C,SAClC,QACI,OAAO6C,IChBJI,cAAgB,CAC3BC,KAAMD,YAAgB,CAClBE,MAAOF,YAAgB,CACnBG,MAAOC,EACPC,IAAKC,EACLC,KAAMC,Q,qQCClB,IAAMC,EACc,YAAlB,qBAAOC,OAAP,cAAOA,UACPA,OAAOC,qCACLD,OAAOC,qCAAqC,CACxCC,UAAW,CACPC,UAAWpB,OAEdqB,IACHhC,EAAQiC,YAAYpB,EAASc,EAAiBO,YAAgBC,OAEpEC,IAAWC,cAAc,SACzBC,IAASC,OAAO,kBAAC,EAAD,CAAQvC,MAAOA,IAAWwC,SAASC,eAAe,W","file":"static/js/main.724ead1a.chunk.js","sourcesContent":["export const DISPATCH_PRODUCTS = 'DISPATCH_PRODUCTS'\nexport const DISPATCH_SORT_SELECTION = 'DISPATCH_SORT_SELECTION'\nexport const DISPATCH_FILTER_RANGE = 'DISPATCH_FILTER_RANGE'\nexport const DISPATCH_SEARCH_STRING = 'DISPATCH_SEARCH_STRING'\nexport const UPDATE_FORM_VALUES = 'UPDATE_BILLING_FORM_VALUES'\nexport const UPDATE_FORM_ERRORS = 'UPDATE_BILLING_FORM_ERRORS'\n\nexport const initializeLogin = () => (dispatch) => {\n // return Promise.all([\n // dispatch(initializeApp())\n // ])\n // .then(() => ({statusCode: 200}))\n // .catch((err) => ({statusCode: err.statusCode || 500}))\n}\n\nexport const dispatchProducts = (products) => {\n return {\n type: DISPATCH_PRODUCTS,\n payload: {products}\n }\n}\n\nexport const dispatchSortSelection = (sortSelection) => {\n return {\n type: DISPATCH_SORT_SELECTION,\n payload: {sortBy: sortSelection}\n }\n}\n\nexport const dispatchFilterRange = (filterRange) => {\n return {\n type: DISPATCH_FILTER_RANGE,\n payload: {filterRange}\n }\n}\n\nexport const dispatchSearchString = (searchString) => {\n return {\n type: DISPATCH_SEARCH_STRING,\n payload: {searchString}\n }\n}\n\nexport const updateFormValues = (formValues) => {\n return {\n type: UPDATE_FORM_VALUES,\n payload: formValues\n }\n}\n\nexport const updateFormErrors = (formErrors) => {\n return {\n type: UPDATE_FORM_ERRORS,\n payload: formErrors\n }\n}\n ","export const UPDATE_CART = 'UPDATE_CART'\nexport const UPDATE_FORM_VALUES = 'UPDATE_BILLING_FORM_VALUES'\nexport const UPDATE_FORM_ERRORS = 'UPDATE_BILLING_FORM_ERRORS'\n\nexport const initializeLogin = () => (dispatch) => {\n // return Promise.all([\n // dispatch(initializeApp())\n // ])\n // .then(() => ({statusCode: 200}))\n // .catch((err) => ({statusCode: err.statusCode || 500}))\n}\n\nexport const updateCart = (cartTotalCount, cartItems) => {\n return {\n type: UPDATE_CART,\n payload: {cartTotalCount, cartItems}\n }\n}\n\nexport const updateFormValues = (formValues) => {\n return {\n type: UPDATE_FORM_VALUES,\n payload: formValues\n }\n}\n\nexport const updateFormErrors = (formErrors) => {\n return {\n type: UPDATE_FORM_ERRORS,\n payload: formErrors\n }\n}\n ","export const LOGIN_DATA_STATE_RECEIVED = 'LOGIN_DATA_STATE_RECEIVED'\nexport const UPDATE_FORM_VALUES = 'UPDATE_BILLING_FORM_VALUES'\nexport const UPDATE_FORM_ERRORS = 'UPDATE_BILLING_FORM_ERRORS'\n\nexport const updateLoginDataState = (payload) => ({type: LOGIN_DATA_STATE_RECEIVED, payload})\n\nexport const initializeLogin = () => (dispatch) => {\n // return Promise.all([\n // dispatch(initializeApp())\n // ])\n // .then(() => ({statusCode: 200}))\n // .catch((err) => ({statusCode: err.statusCode || 500}))\n}\n\nexport const updateFormValues = (formValues) => {\n return {\n type: UPDATE_FORM_VALUES,\n payload: formValues\n }\n}\n\nexport const updateFormErrors = (formErrors) => {\n return {\n type: UPDATE_FORM_ERRORS,\n payload: formErrors\n }\n}\n ","import React from 'react';\n\nconst PageLoader = props => {\n return (\n
\n
\n
\n
\n
\n
\n )\n //
\n //
\n //
l
\n //
o
\n //
a
\n //
d
\n //
i
\n //
n
\n //
g
\n //
\n //
\n};\n\nPageLoader.defaultProps = {\n\n};\n\nPageLoader.propTypes = {\n\n};\n\nexport default PageLoader;","import PageLoader from './PageLoader.jsx';\n\nexport default PageLoader;","import React from 'react'\nimport PropTypes from 'prop-types'\nimport {Provider} from 'react-redux'\nimport {BrowserRouter, Route} from 'react-router-dom';\nimport PageLoader from './components/molecules/PageLoader'\nimport Loadable from 'react-loadable'\n\nexport const LoadableLogin = Loadable({\n loader: () => import('./pages/Login'),\n loading: PageLoader\n})\n\nexport const LoadablePLP = Loadable({\n loader: () => import('./pages/PLP'),\n loading: PageLoader\n})\n\nexport const LoadableCart = Loadable({\n loader: () => import('./pages/Cart'),\n loading: PageLoader\n})\n\nclass Router extends React.Component {\n\n render() {\n const {store} = this.props\n return (\n \n \n \n \n \n \n \n \n )\n }\n}\n\nRouter.propTypes = {\n store: PropTypes.object\n}\n\nexport default Router\n","import Immutable from 'immutable'\n\nimport {LOGIN_DATA_STATE_RECEIVED, UPDATE_FORM_ERRORS, UPDATE_FORM_VALUES} from './actions'\n\nconst initialState = Immutable.Map()\n\nconst reducer = (state = initialState, action) => {\n switch (action.type) {\n case LOGIN_DATA_STATE_RECEIVED:\n case UPDATE_FORM_ERRORS:\n case UPDATE_FORM_VALUES:\n return state.mergeDeep(action.payload)\n default:\n return state\n }\n}\n\nexport default reducer\n","import Immutable from 'immutable'\n\nimport {\n DISPATCH_PRODUCTS,\n DISPATCH_SORT_SELECTION,\n DISPATCH_FILTER_RANGE,\n DISPATCH_SEARCH_STRING,\n UPDATE_FORM_ERRORS,\n UPDATE_FORM_VALUES\n} from './actions'\n\nconst initialState = Immutable.Map({\n products: []\n})\n\nconst reducer = (state = initialState, action) => {\n switch (action.type) {\n case DISPATCH_PRODUCTS:\n case DISPATCH_SORT_SELECTION:\n case DISPATCH_FILTER_RANGE:\n case DISPATCH_SEARCH_STRING:\n case UPDATE_FORM_ERRORS:\n case UPDATE_FORM_VALUES:\n return state.mergeDeep(action.payload)\n default:\n return state\n }\n}\n\nexport default reducer\n","import Immutable from 'immutable'\n\nimport {\n UPDATE_CART,\n UPDATE_FORM_ERRORS,\n UPDATE_FORM_VALUES\n} from './actions'\n\nconst initialState = Immutable.Map({\n cartItems: {}\n})\n\nconst reducer = (state = initialState, action) => {\n switch (action.type) {\n case UPDATE_CART:\n return state\n .set('cartItems', action.payload.cartItems)\n .set('cartTotalCount', action.payload.cartTotalCount)\n case UPDATE_FORM_ERRORS:\n case UPDATE_FORM_VALUES:\n return state.mergeDeep(action.payload)\n default:\n return state\n }\n}\n\nexport default reducer\n","import {combineReducers} from 'redux'\n\nimport loginReducer from './pages/Login/reducer'\nimport plpReducer from './pages/PLP/reducer'\nimport cartReducer from './pages/Cart/reducer'\n\nexport default combineReducers({\n data: combineReducers({\n pages: combineReducers({\n login: loginReducer,\n plp: plpReducer,\n cart: cartReducer\n })\n })\n})\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport thunk from 'redux-thunk'\nimport Immutable from 'immutable'\nimport {createStore, applyMiddleware, compose} from 'redux'\n// import * as serviceWorker from '../serviceWorker';\nimport Router from './router';\nimport reducer from './reducer'\nimport ReactModal from 'react-modal'\nimport './index.scss'\nimport 'bootstrap/dist/css/bootstrap.min.css'\n\nconst composeEnhancers =\n typeof window === 'object' &&\n window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? \n window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({\n serialize: { // prettier-ignore\n immutable: Immutable\n }\n }) : compose;\nconst store = createStore(reducer, composeEnhancers(applyMiddleware(thunk)))\n\nReactModal.setAppElement('#root');\nReactDOM.render(, document.getElementById('root'));\n\n// serviceWorker.unregister();\n"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/runtime-main.48d0062b.js b/static/js/runtime-main.48d0062b.js new file mode 100644 index 0000000..ac7cffd --- /dev/null +++ b/static/js/runtime-main.48d0062b.js @@ -0,0 +1,2 @@ +!function(e){function t(t){for(var n,o,i=t[0],c=t[1],s=t[2],l=0,d=[];l