From 7a35db86f0f58974c8b02249d4a9ef726d6381f2 Mon Sep 17 00:00:00 2001 From: Liam Arbuckle Date: Sun, 30 Oct 2022 22:54:30 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=A8=F0=9F=92=BC=20=E2=86=A3=20Auth=20w?= =?UTF-8?q?orking=20for=20[HDASH-5=20HDASH-4=20#6=20STA-13]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 10244 -> 10244 bytes README.md | 2 +- auth/server.js | 6 +- build/asset-manifest.json | 20 +- build/index.html | 2 +- build/static/css/main.4954a0c0.chunk.css | 2 + build/static/css/main.4954a0c0.chunk.css.map | 1 + build/static/css/main.550acda6.chunk.css | 2 - build/static/css/main.550acda6.chunk.css.map | 1 - build/static/js/2.c8c872ed.chunk.js | 3 + ...SE.txt => 2.c8c872ed.chunk.js.LICENSE.txt} | 17 + ...5.chunk.js.map => 2.c8c872ed.chunk.js.map} | 2 +- build/static/js/2.e7823345.chunk.js | 3 - build/static/js/main.abc84a18.chunk.js | 2 + build/static/js/main.abc84a18.chunk.js.map | 1 + build/static/js/main.f06acf4e.chunk.js | 2 - build/static/js/main.f06acf4e.chunk.js.map | 1 - package-lock.json | 58160 ++++++++++++++++ package.json | 2 + src/App.js | 60 +- .../Activity Section/Activity.jsx | 53 +- src/components/auth/Authenticate.js | 52 + src/components/auth/Dashboard.js | 62 + src/components/auth/PrivateRoute.js | 24 + src/components/auth/{ => config}/layout.js | 0 src/components/auth/{ => config}/loading.js | 0 .../auth/{ => config}/login-form.js | 0 src/components/auth/{ => config}/payment.js | 2 +- src/components/auth/login.js | 69 - src/components/auth/payment-form.js | 273 - src/context/userContext.js | 3 + src/service/magic.js | 19 + yarn-error.log | 31190 +++++---- yarn.lock | 179 +- 34 files changed, 74417 insertions(+), 15798 deletions(-) create mode 100644 build/static/css/main.4954a0c0.chunk.css create mode 100644 build/static/css/main.4954a0c0.chunk.css.map delete mode 100644 build/static/css/main.550acda6.chunk.css delete mode 100644 build/static/css/main.550acda6.chunk.css.map create mode 100644 build/static/js/2.c8c872ed.chunk.js rename build/static/js/{2.e7823345.chunk.js.LICENSE.txt => 2.c8c872ed.chunk.js.LICENSE.txt} (65%) rename build/static/js/{2.e7823345.chunk.js.map => 2.c8c872ed.chunk.js.map} (50%) delete mode 100644 build/static/js/2.e7823345.chunk.js create mode 100644 build/static/js/main.abc84a18.chunk.js create mode 100644 build/static/js/main.abc84a18.chunk.js.map delete mode 100644 build/static/js/main.f06acf4e.chunk.js delete mode 100644 build/static/js/main.f06acf4e.chunk.js.map create mode 100644 package-lock.json create mode 100644 src/components/auth/Authenticate.js create mode 100644 src/components/auth/Dashboard.js create mode 100644 src/components/auth/PrivateRoute.js rename src/components/auth/{ => config}/layout.js (100%) rename src/components/auth/{ => config}/loading.js (100%) rename src/components/auth/{ => config}/login-form.js (100%) rename src/components/auth/{ => config}/payment.js (95%) delete mode 100644 src/components/auth/login.js delete mode 100644 src/components/auth/payment-form.js create mode 100644 src/context/userContext.js create mode 100644 src/service/magic.js diff --git a/.DS_Store b/.DS_Store index 33d1c2da055c0412b416f5fc97cc38e2ca251023..c44d78e46536819d535b1014dd3db63f55880fe9 100644 GIT binary patch delta 34 qcmZn(XbIRLC^>nuSSg3GnW>I~k%7Tv0df1y=Or!JHnS@HX9obfrV3~P delta 49 zcmZn(XbIRLD9N~Ma)WRouT*ulp^2G+j)I|)h52LwacRb$$vWcljJ=yrNm{dQW>@&j F4ghg54s`$k diff --git a/README.md b/README.md index 749d9609..470b41a9 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ # sytizen-unity -[![.github/workflows/moralis.yml](https://github.com/Signal-K/sytizen/actions/workflows/moralis.yml/badge.svg?branch=ansible)](https://github.com/Signal-K/sytizen/actions/workflows/moralis.yml) +[![.github/workflows/moralis.yml](https://github.com/Signal-K/sytizen/actions/workflows/moralis.yml/badge.svg?branch=ansible)](https://github.com/Signal-K/sytizen/actions/workflows/moralis.yml)
Citizen Science (Sci-tizen) visualisation in the Unity.com engine diff --git a/auth/server.js b/auth/server.js index f3cbad1d..8bdfc8cb 100644 --- a/auth/server.js +++ b/auth/server.js @@ -8,13 +8,13 @@ app.use(bodyParser.json()); // Import, then initiate Magic instance for server-side methods const { Magic } = require("@magic-sdk/admin"); -const magic = new Magic(process.env.MAGIC_SECRET_KEY); +const magic = new Magic("sk_live_68A35C1830811F76"); // Import & initiate Stripe instance -const stripe = require("stripe")(process.env.STRIPE_SECRET_KEY); +const stripe = require("stripe")("sk_test_51L1UB5EXgarheYLkeVAlHU3WoblkGbhBogaxlHcpddIeZIjc5gComRLXUnzeF9eK1VJ9dzgdITlN8rjjKdoqjFd200zrAlYAsZ"); // Allow requests from client-side -app.use(cors({ origin: process.env.CLIENT_URL })); +app.use(cors({ origin: "http://localhost:3000" })); // Route to validate the user's DID token app.post("/login", async (req, res) => { diff --git a/build/asset-manifest.json b/build/asset-manifest.json index 7548824a..60ac7c9d 100644 --- a/build/asset-manifest.json +++ b/build/asset-manifest.json @@ -1,23 +1,23 @@ { "files": { - "main.css": "/static/css/main.550acda6.chunk.css", - "main.js": "/static/js/main.f06acf4e.chunk.js", - "main.js.map": "/static/js/main.f06acf4e.chunk.js.map", + "main.css": "/static/css/main.4954a0c0.chunk.css", + "main.js": "/static/js/main.abc84a18.chunk.js", + "main.js.map": "/static/js/main.abc84a18.chunk.js.map", "runtime-main.js": "/static/js/runtime-main.7e9105ec.js", "runtime-main.js.map": "/static/js/runtime-main.7e9105ec.js.map", - "static/js/2.e7823345.chunk.js": "/static/js/2.e7823345.chunk.js", - "static/js/2.e7823345.chunk.js.map": "/static/js/2.e7823345.chunk.js.map", + "static/js/2.c8c872ed.chunk.js": "/static/js/2.c8c872ed.chunk.js", + "static/js/2.c8c872ed.chunk.js.map": "/static/js/2.c8c872ed.chunk.js.map", "index.html": "/index.html", - "static/css/main.550acda6.chunk.css.map": "/static/css/main.550acda6.chunk.css.map", - "static/js/2.e7823345.chunk.js.LICENSE.txt": "/static/js/2.e7823345.chunk.js.LICENSE.txt", + "static/css/main.4954a0c0.chunk.css.map": "/static/css/main.4954a0c0.chunk.css.map", + "static/js/2.c8c872ed.chunk.js.LICENSE.txt": "/static/js/2.c8c872ed.chunk.js.LICENSE.txt", "static/media/TessStat.92d32aa4.png": "/static/media/TessStat.92d32aa4.png", "static/media/logo.96599352.png": "/static/media/logo.96599352.png", "static/media/video1.908b809d.mov": "/static/media/video1.908b809d.mov" }, "entrypoints": [ "static/js/runtime-main.7e9105ec.js", - "static/js/2.e7823345.chunk.js", - "static/css/main.550acda6.chunk.css", - "static/js/main.f06acf4e.chunk.js" + "static/js/2.c8c872ed.chunk.js", + "static/css/main.4954a0c0.chunk.css", + "static/js/main.abc84a18.chunk.js" ] } \ No newline at end of file diff --git a/build/index.html b/build/index.html index 5fb20551..3618b9bb 100644 --- a/build/index.html +++ b/build/index.html @@ -1 +1 @@ -Star Sailors
\ No newline at end of file +Star Sailors
\ No newline at end of file diff --git a/build/static/css/main.4954a0c0.chunk.css b/build/static/css/main.4954a0c0.chunk.css new file mode 100644 index 00000000..882a8127 --- /dev/null +++ b/build/static/css/main.4954a0c0.chunk.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);*{padding:0;box-sizing:border-box;margin:0;font-family:"Montserrat",sans-serif;transition:.3 ease}html{font-size:90%}a{text-decoration:none}li{list-style:none}.icon{font-size:1.25rem;font-size:var(--h2FontSize)}img{width:100%;height:auto}.flex{display:flex}.flex,.grid{align-items:center}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.btn{border:none;outline:none;cursor:pointer;border-radius:8px;box-shadow:0 2px 4px #f8f6f7;box-shadow:0 2px 4px var(--inputColor);padding:.8rem 1rem;color:#79797c;color:var(--textColor)}.btn .icon{margin-left:.5rem}.btn:hover{background:#dff8ce;background:var(--paleGreen);color:#528e25;color:var(--PrimaryColor)}body{margin:auto;padding:1rem}.container,body{display:flex;align-items:center;justify-content:center}.container{position:relative;width:95vw;height:95vh;background:#eeeff1;background:var(--bgColor);overflow:hidden;border-radius:1rem;box-shadow:2px 2px 8px #bebebe;box-shadow:2px 2px 8px var(--greyText)}::-webkit-scrollbar{display:none}@media screen and (max-width:990px){.heading{flex-direction:column;align-items:flex-start;grid-gap:1rem;gap:1rem}}@media screen and (max-width:918px){.heading{flex-direction:row;align-items:center;grid-gap:1rem;gap:1rem}}@media screen and (max-width:500px){.heading{flex-direction:column;align-items:flex-start;grid-gap:1rem;gap:1rem}}.mainContent{width:82%;height:100%;padding:2rem;overflow:auto}.mainContent .bottom{margin-top:2rem;grid-gap:2rem;gap:2rem;align-items:flex-start}@media screen and (max-width:918px){.bottom{flex-direction:column}}.topSection .headerSection{justify-content:space-between}.topSection .headerSection .title h1{font-size:1.5rem;font-size:var(--h1FontSize);color:#2e2e2e;color:var(--blackColor);font-weight:700}.topSection .headerSection .title p{font-size:.938rem;font-size:var(--normalFontSize);color:#79797c;color:var(--textColor)}.topSection .headerSection .searchBar{padding:1rem 2rem;background:#fff;background:var(--whiteColor);border-radius:5px;grid-gap:1rem;gap:1rem;box-shadow:0 2px 4px #f8f6f7;box-shadow:0 2px 4px var(--inputColor)}.topSection .headerSection .searchBar input{border:none;outline:none;background:none}.topSection .headerSection .searchBar .icon{color:#79797c;color:var(--textColor)}.topSection .headerSection .searchBar .icon:hover{color:#528e25;color:var(--PrimaryColor)}.topSection .headerSection .adminDiv{grid-gap:1rem;gap:1rem}.topSection .headerSection .adminDiv .icon{font-size:2.5rem;font-size:var(--biggestFontSize);background:#fff;background:var(--whiteColor);border-radius:5px;padding:5px;box-shadow:0 2px 4px #f8f6f7;box-shadow:0 2px 4px var(--inputColor);color:#79797c;color:var(--textColor)}.topSection .headerSection .adminDiv .adminImage{border:3px solid #fff;border:3px solid var(--whiteColor);border-radius:10px;width:2.5rem;overflow:hidden;box-shadow:0 2px 4px #f8f6f7;box-shadow:0 2px 4px var(--inputColor)}.topSection .headerSection .adminDiv .adminImage img{width:100%;height:100%;border-radius:10px}.topSection .cardSection{margin-top:3rem;grid-gap:1rem;gap:1rem}.topSection .cardSection .rightCard{position:relative;flex-basis:70%;height:200px;flex-direction:column;align-items:flex-start;justify-content:center;margin:auto;padding:2rem;border-radius:1rem;overflow:hidden}.topSection .cardSection .rightCard .videoDiv{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0}.topSection .cardSection .rightCard .videoDiv video{width:100%;height:100%;object-fit:cover;border-radius:1.3rem}.topSection .cardSection .rightCard .btn,.topSection .cardSection .rightCard h1,.topSection .cardSection .rightCard p{z-index:100}.topSection .cardSection .rightCard h1{font-size:1.5rem;font-size:var(--h1FontSize);color:#fff;color:var(--whiteColor);font-weight:800}.topSection .cardSection .rightCard p{padding:1rem;color:#dff8ce;color:var(--paleGreen);font-weight:500}.topSection .cardSection .rightCard .buttons{grid-gap:1rem;gap:1rem}.topSection .cardSection .rightCard .buttons .btn{box-shadow:none;padding:.8rem 1.5rem;color:#528e25;color:var(--PrimaryColor);border-radius:2px solid transparent}.topSection .cardSection .rightCard .buttons .transparent{background:none;border:2px solid #dff8ce;border:2px solid var(--paleGreen);color:#dff8ce;color:var(--paleGreen)}.topSection .cardSection .rightCard .buttons .transparent:hover{background:#dff8ce;background:var(--paleGreen);color:#528e25;color:var(--PrimaryColor)}.topSection .cardSection .leftCard{flex-basis:50%}.topSection .cardSection .leftCard .main{position:relative;padding:1rem;height:200px;border-radius:1rem;justify-content:space-between}.topSection .cardSection .leftCard .main:before{content:"";position:absolute;height:100%;width:80%;background:#dff8ce;background:var(--paleGreen);left:0;bottom:0;border-radius:1.3rem}.topSection .cardSection .leftCard .main .textDiv{z-index:100}.topSection .cardSection .leftCard .main .textDiv h1{font-size:1.5rem;font-size:var(--h1FontSize);padding-bottom:1rem;color:#2e2e2e;color:var(--blackColor)}.topSection .cardSection .leftCard .main .textDiv .flex{grid-gap:1.5rem;gap:1.5rem;font-weight:500;color:#2e2e2e;color:var(--blackColor)}.topSection .cardSection .leftCard .main .textDiv .flex small{font-size:.938rem;font-size:var(--normalFontSize);display:block;color:#528e25;color:var(--PrimaryColor);font-weight:500;padding:.5rem 0}.topSection .cardSection .leftCard .main .textDiv .link{margin-top:2rem;cursor:pointer}.topSection .cardSection .leftCard .main .textDiv .link:hover{color:#528e25;color:var(--PrimaryColor)}.topSection .cardSection .leftCard .main .textDiv .link:hover .icon{-webkit-transform:translateX(10px);transform:translateX(10px);transition:.3s ease}.topSection .cardSection .leftCard .main .imgDiv{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.topSection .cardSection .leftCard .main .imgDiv img{width:200px}.topSection .cardSection .leftCard .sideBarCard{width:100%;padding:1rem;text-align:center;position:relative}.topSection .cardSection .leftCard .sideBarCard .icon{position:absolute;background:#bdf094;background:var(--HoverColor);border:10px solid #fff;border:10px solid var(--whiteColor);font-size:3rem;border-radius:50%;top:-8px;right:50%;-webkit-transform:translate(50%);transform:translate(50%);z-index:100}.topSection .cardSection .leftCard .sideBarCard .cardContent{position:relative;padding:1rem;background:#bdf094;background:var(--HoverColor);border-radius:10px;overflow:hidden}.topSection .cardSection .leftCard .sideBarCard .cardContent h3{font-size:1rem;font-size:var(--h3FontSize);margin-top:1rem;padding:1rem 0;font-weight:800;color:#2e2e2e;color:var(--blackColor)}.topSection .cardSection .leftCard .sideBarCard .cardContent p{font-size:.938rem;font-size:var(--normalFontSize);color:#79797c;color:var(--textColor);padding-bottom:1rem;font-weight:500}.topSection .cardSection .leftCard .sideBarCard .cardContent .btn{position:relative;color:#79797c;color:var(--textColor);z-index:1000}.topSection .cardSection .leftCard .sideBarCard .cardContent .circle1,.topSection .cardSection .leftCard .sideBarCard .cardContent circle2{position:absolute;background:#dff8ce;background:var(--paleGreen);border-radius:50%;opacity:.7}.topSection .cardSection .leftCard .sideBarCard .cardContent .circle1{height:100px;width:100px;top:-50px;left:-50px}.topSection .cardSection .leftCard .sideBarCard .cardContent .circle2{height:50px;width:150px;bottom:-80px;right:-70px;z-index:1}@media screen and (max-width:990px){.cardSection{flex-direction:column}.cardSection .leftCard,.cardSection .rightCard{width:100%;flex-basis:100%}.cardSection .leftCard{margin-top:2rem;align-self:flex-start;height:10px!important}.cardSection .leftCard .sideBarCard{display:block!important}}@media screen and (max-width:918px){.headerSection .searchBar{display:none}}@media screen and (max-width:725px){.cardSection .leftCard .main{width:100%}.cardSection .leftCard .sideBarCard{display:none!important}}@media screen and (max-width:490px){.title{margin:auto}.cardSection .rightCard,.title{text-align:center}.cardSection .rightCard .buttons{margin:auto;flex-direction:column}.cardSection .rightCard .buttons .btn{width:100%}.cardSection .leftCard .main{display:flex;align-items:center;justify-content:center}.cardSection .leftCard .main .textDiv{margin:auto}.cardSection .leftCard .main:before{width:100%!important}.cardSection .leftCard .main .imgDiv{display:none}}@media screen and (max-width:390px){.topSection .cardSection .rightCard{text-align:center;padding:2rem 1rem}.topSection .cardSection .rightCard h1{font-size:1.25rem;font-size:var(--h2FontSize)}}.listingSection{flex-basis:70%}.listingSection .heading{width:100%;justify-content:space-between}.listingSection .heading h1{font-size:1.25rem;font-size:var(--h2FontSize);color:#2e2e2e;color:var(--blackColor);font-weight:700}.listingSection .heading .btn{border:1px solid var(--transparent)}.listingSection .heading .btn:hover{border:1px solid #528e25;border:1px solid var(--PrimaryColor)}.listingSection .secContainer{width:100%;margin:1rem 0;grid-gap:1rem;gap:1rem;flex-wrap:wrap;justify-content:space-between}.listingSection .secContainer .singleItem{position:relative;width:130px;height:150px;display:flex;align-items:center;flex-direction:column;padding:1rem;border-radius:15px;background:#dfe2df;background:var(--itemCardColor)}.listingSection .secContainer .singleItem:hover{background:#d5e7d5;background:var(--itemCardHover);box-shadow:0 2px 2px #f8f6f7;box-shadow:0 2px 2px var(--inputColor)}.listingSection .secContainer .singleItem img{max-width:100px}.listingSection .secContainer .singleItem .icon{position:absolute;top:10px;right:10px;color:#528e25;color:var(--PrimaryColor)}.listingSection .secContainer .singleItem h3{font-size:1rem;font-size:var(--h3FontSize);color:#2e2e2e;color:var(--blackColor);padding:1rem 0}.listingSection .sellers{width:100%;justify-content:space-between;grid-gap:1rem;gap:1rem;align-items:flex-start}.listingSection .sellers .featuredSellers .heading,.listingSection .sellers .topSellers .heading{padding:1rem 0}.listingSection .sellers .featuredSellers .heading .btn,.listingSection .sellers .topSellers .heading .btn{padding:.5rem 1rem}.listingSection .sellers .featuredSellers .card,.listingSection .sellers .topSellers .card{padding:1rem 2rem;border-radius:1rem;background:#fff;background:var(--whiteColor);grid-gap:1rem;gap:1rem;box-shadow:0 2px 4px #f8f6f7;box-shadow:0 2px 4px var(--inputColor)}.listingSection .sellers .featuredSellers .card .users,.listingSection .sellers .topSellers .card .users{padding-right:1rem;border-right:2px solid #bebebe;border-right:2px solid var(--greyText)}.listingSection .sellers .featuredSellers .card .users img,.listingSection .sellers .topSellers .card .users img{width:30px;height:30px;border-radius:50px;object-fit:cover;border:2px solid #f8f6f7;border:2px solid var(--inputColor);transition:.5s ease}.listingSection .sellers .featuredSellers .card .users img:hover,.listingSection .sellers .topSellers .card .users img:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.listingSection .sellers .featuredSellers .card .cardText span,.listingSection .sellers .topSellers .card .cardText span{color:#2e2e2e;color:var(--blackColor);font-weight:500}.listingSection .sellers .featuredSellers .card .cardText small,.listingSection .sellers .topSellers .card .cardText small{font-weight:400}.listingSection .sellers .featuredSellers .card .cardText small .date,.listingSection .sellers .topSellers .card .cardText small .date{margin-left:1 rem}@media screen and (max-width:990px){.listingSection .sellers .card{flex-direction:column}}@media screen and (max-width:918px){.listingSection .singleItem{width:200px!important}}@media screen and (max-width:490px){.listingSection .sellers{flex-direction:column}.listingSection .sellers .card{flex-direction:row}}:root{--itemCardColor:#dfe2df;--itemCardHover:#d5e7d5}.activitySection{flex-basis:50%}.activitySection .heading{width:100%;justify-content:space-between}.activitySection .heading h1{font-size:1.25rem;font-size:var(--h2FontSize);color:#2e2e2e;color:var(--blackColor);fonr-weight:700}.activitySection .heading .btn{border:1px solid transparent}.activitySection .heading .btn:hover{border:1px solid #528e25;border:1px solid var(--PrimaryColor)}.activitySection .secContainer{margin-top:1rem}.activitySection .secContainer .singleCustomer{align-items:flex-start;justify-content:space-between}.activitySection .secContainer .singleCustomer img{width:40px;height:40px;object-fit:cover;border-radius:50%;box-shadow:0 2px 4px #dfe2df;box-shadow:0 2px 4px var(--itemCardColor);margin-right:1rem}.activitySection .secContainer .singleCustomer .customerDetails{flex:1 1}.activitySection .secContainer .singleCustomer .customerDetails .name{font-size:1rem;font-size:var(--h3FontSize);font-weight:600;color:#2e2e2e;color:var(--blackColor);display:block}.activitySection .secContainer .singleCustomer .customerDetails small{font-weight:500;color:#79797c;color:var(--textColor);font-size:.813rem;font-size:var(--smallFontSize)}.activitySection .secContainer .singleCustomer .duration{color:#79797c;color:var(--textColor);font-weight:500;font-size:.75rem;font-size:var(--smallestFontSize)}@media screen and (max-width:918px){.activitySection{width:100%}}:root{--PrimaryColor:#528e25;--HoverColor:#bdf094;--paleGreen:#dff8ce;--whiteColor:#fff;--blackColor:#2e2e2e;--textColor:#79797c;--bgColor:#eeeff1;--greyText:#bebebe;--inputColor:#f8f6f7;--biggestFontSize:2.5rem;--h1FontSize:1.5rem;--h2FontSize:1.25rem;--h3FontSize:1rem;--normalFontSize:.938rem;--smallFontSize:.813rem;--smallestFontSize:.75rem}.sideBar{background:#fff;background:var(--whiteColor);box-shadow:1px 0 4px #bebebe;box-shadow:1px 0 4px var(--greyText);width:18%;height:100%;grid-gap:3rem;gap:3rem;overflow:auto}.sideBar .logoDiv{padding:1.5rem 1.5rem 0;cursor:pointer}.sideBar .logoDiv img{max-width:100px;margin-right:.5rem;border-radius:2px;padding:.2rem}.sideBar .logoDiv h2{font-size:1.25rem;font-size:var(--h2FontSize);color:--PrimaryColor}.sideBar .menuDiv .divTitle,.sideBar .settingsDiv .divTitle{font-size:1rem;font-size:var(--h3FontSize);color:#2e2e2e;color:var(--blackColor);padding:0 1.5rem 1.5rem}.sideBar .menuDiv .menuLists .listItem,.sideBar .settingsDiv .menuLists .listItem{padding:.2rem 1.5rem;width:100%;position:relative}.sideBar .menuDiv .menuLists .listItem:before,.sideBar .settingsDiv .menuLists .listItem:before{position:absolute;content:"";height:100%;left:0;width:5px;bottom:0;border-top-right-radius:10px;border-bottom-right-radius:10px}.sideBar .menuDiv .menuLists .listItem .menuLink,.sideBar .settingsDiv .menuLists .listItem .menuLink{color:#bebebe;color:var(--greyText);font-weight:500}.sideBar .menuDiv .menuLists .listItem .menuLink .icon,.sideBar .settingsDiv .menuLists .listItem .menuLink .icon{margin-right:.5rem}.sideBar .menuDiv .menuLists .listItem::hover .menuLink,.sideBar .settingsDiv .menuLists .listItem::hover .menuLink{color:#528e25;color:var(--PrimaryColor);transition:0}.sideBar .menuDiv .menuLists .listItem::hover:before,.sideBar .settingsDiv .menuLists .listItem::hover:before{height:100%;-webkit-transform:.3s ease;transform:.3s ease}.sideBar .sideBarCard{width:100%;padding:1rem;text-align:center;position:relative}.sideBar .sideBarCard .icon{position:absolute;background:#bdf094;background:var(--HoverColor);border:10px solid #fff;border:10px solid var(--whiteColor);font-size:3rem;border-radius:50%;top:-8px;right:50%;-webkit-transform:translate(50%);transform:translate(50%);z-index:100}.sideBar .sideBarCard .cardContent{position:relative;padding:1rem;background:#bdf094;background:var(--HoverColor);border-radius:10px;overflow:hidden}.sideBar .sideBarCard .cardContent h3{font-size:1rem;font-size:var(--h3FontSize);margin-top:1rem;padding:1rem 0;font-weight:800;color:#2e2e2e;color:var(--blackColor)}.sideBar .sideBarCard .cardContent p{font-size:.938rem;font-size:var(--normalFontSize);color:#79797c;color:var(--textColor);padding-bottom:1rem;font-weight:500}.sideBar .sideBarCard .cardContent .btn{position:relative;color:#79797c;color:var(--textColor);z-index:1000}.sideBar .sideBarCard .cardContent .circle1,.sideBar .sideBarCard .cardContent circle2{position:absolute;background:#dff8ce;background:var(--paleGreen);border-radius:50%;opacity:.7}.sideBar .sideBarCard .cardContent .circle1{height:100px;width:100px;top:-50px;left:-50px}.sideBar .sideBarCard .cardContent .circle2{height:50px;width:150px;bottom:-80px;right:-70px;z-index:1}@media screen and (max-width:820px){.sideBar{padding-bottom:2rem}.sideBar .sideBarCard{display:none!important}}@media screen and (max-width:745px){.sideBar .logoDiv{text-align:center;margin:auto;padding:1.5rem .5rem 0}.sideBar .logoDiv img{max-width:50px;margin:0;border-radius:10px;padding:.5rem}.menuDiv .divTitle,.menuDiv .smallText,.menuDiv .smalText,.settingsDiv .divTitle,.settingsDiv .smallText,.settingsDiv .smalText,.sideBar .divTitle,.sideBar .logoDiv h2,.sideBar .smallText,.sideBar .smalText{display:none}.menuDiv .menuLists .listItem .menuLink,.settingsDiv .menuLists .listItem .menuLink{justify-content:center}}@media screen and (max-width:390px){.sideBar .menuDiv,.sideBar .settingsDiv{text-align:center;margin:auto}.sideBar .menuDiv .menuLists .listItem,.sideBar .settingsDiv .menuLists .listItem{padding:.2rem .5rem}.sideBar .menuDiv .menuLists .listItem .menuLink,.sideBar .settingsDiv .menuLists .listItem .menuLink{justify-content:center}.sideBar .menuDiv .menuLists .listItem .menuLink .icon,.sideBar .settingsDiv .menuLists .listItem .menuLink .icon{font-size:1.25rem;font-size:var(--h2FontSize)}} +/*# sourceMappingURL=main.4954a0c0.chunk.css.map */ \ No newline at end of file diff --git a/build/static/css/main.4954a0c0.chunk.css.map b/build/static/css/main.4954a0c0.chunk.css.map new file mode 100644 index 00000000..29ea8980 --- /dev/null +++ b/build/static/css/main.4954a0c0.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["main.4954a0c0.chunk.css","webpack://src/App.css","webpack://src/components/SideBar Section/bodyco.scss","webpack://src/components/SideBar Section/bodyco.css","webpack://src/components/Body Section/Top Section/top.scss","webpack://src/components/Body Section/Top Section/top.css","webpack://src/components/Body Section/Listing Section/listing.scss","webpack://src/components/Body Section/Listing Section/listing.css","webpack://src/components/Body Section/Activity Section/activity.scss","webpack://src/components/Body Section/Activity Section/activity.css","webpack://src/components/SideBar Section/sidebar.scss","webpack://src/components/SideBar Section/sidebar.css"],"names":[],"mappings":"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","file":"main.4954a0c0.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);\n/*body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n code {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n }\n */\n*{\n padding: 0;\n box-sizing: border-box;\n margin: 0;\n font-family: 'Montserrat', sans-serif;\n transition: .3 ease;\n}\n\n/* Colours & Styles - Default config */\n:root{\n --PrimaryColor: hsl(94, 59%, 35%);\n --HoverColor: #bdf094;\n --paleGreen: hsl(96, 75%, 89%);\n --whiteColor: hsl(0, 0%, 100%);\n --blackColor: hsl(0, 0%, 18%);\n --textColor: hsl(240, 1%, 48%);\n --bgColor: hsl(220, 10%, 94%);\n --greyText: rgb(190, 190, 190);\n --inputColor: hsl(330, 12%, 97%);\n\n /* Font & typography */\n --biggestFontSize: 2.5rem;\n --h1FontSize: 1.5rem;\n --h2FontSize: 1.25rem;\n --h3FontSize: 1rem;\n --normalFontSize: .938rem;\n --smallFontSize: .813rem;\n --smallestFontSize: .75rem;\n}\n\n/* Default styles */\nhtml{\n font-size: 90%;\n}\n\na{\n text-decoration: none;\n}\n\nli{\n list-style: none;\n}\n\n.icon{\n font-size: 1.25rem;\n font-size: var(--h2FontSize);\n}\n\nimg{\n width: 100%;\n height: auto;\n}\n\n.flex{\n display: flex;\n align-items: center;\n}\n\n.grid{\n display: grid;\n align-items: center;\n grid-gap: 1.5rem;\n gap: 1.5rem;\n}\n\n.btn{\n border: none;\n outline: none;\n cursor: pointer;\n border-radius: 8px;\n box-shadow: 0 2px 4px hsl(330, 12%, 97%);\n box-shadow: 0 2px 4px var(--inputColor);\n padding: .8rem 1rem;\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n}\n\n.btn .icon{\n margin-left: .5rem;\n}\n\n.btn:hover{\n background: hsl(96, 75%, 89%);\n background: var(--paleGreen);\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n}\n\nbody{\n display: flex;\n align-items: center;\n justify-content: center;\n margin: auto;\n padding: 1rem;\n}\n\n.container{\n position: relative;\n width: 95vw;\n height: 95vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: hsl(220, 10%, 94%);\n background: var(--bgColor);\n overflow: hidden;\n border-radius: 1rem;\n box-shadow: 2px 2px 8px rgb(190, 190, 190);\n box-shadow: 2px 2px 8px var(--greyText);\n}\n\n::-webkit-scrollbar{\n display: none;\n}\n\n/* Media Queries ========> */\n@media screen and (max-width: 990px) {\n .heading{\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1rem;\n gap: 1rem;\n }\n}\n\n@media screen and (max-width: 918px) {\n .heading{\n flex-direction: row;\n align-items: center;\n grid-gap: 1rem;\n gap: 1rem;\n }\n}\n\n@media screen and (max-width: 500px) {\n .heading{\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1rem;\n gap: 1rem;\n }\n}\n.mainContent {\n width: 82%;\n height: 100%;\n padding: 2rem;\n overflow: auto;\n}\n.mainContent .bottom {\n margin-top: 2rem;\n grid-gap: 2rem;\n gap: 2rem;\n align-items: flex-start;\n}\n\n@media screen and (max-width: 918px) {\n .bottom {\n flex-direction: column;\n }\n}/*# sourceMappingURL=bodyco.css.map */\n/* Colours & Styles - Default config */\n:root {\n --PrimaryColor: hsl(94, 59%, 35%);\n --HoverColor: #bdf094;\n --paleGreen: hsl(96, 75%, 89%);\n --whiteColor: hsl(0, 0%, 100%);\n --blackColor: hsl(0, 0%, 18%);\n --textColor: hsl(240, 1%, 48%);\n --bgColor: hsl(220, 10%, 94%);\n --greyText: rgb(190, 190, 190);\n --inputColor: hsl(330, 12%, 97%);\n /* Font & typography */\n --biggestFontSize: 2.5rem;\n --h1FontSize: 1.5rem;\n --h2FontSize: 1.25rem;\n --h3FontSize: 1rem;\n --normalFontSize: .938rem;\n --smallFontSize: .813rem;\n --smallestFontSize: .75rem;\n}\n\n.topSection .headerSection {\n justify-content: space-between;\n}\n.topSection .headerSection .title h1 {\n font-size: 1.5rem;\n font-size: var(--h1FontSize);\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n font-weight: 700;\n}\n.topSection .headerSection .title p {\n font-size: .938rem;\n font-size: var(--normalFontSize);\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n}\n.topSection .headerSection .searchBar {\n padding: 1rem 2rem;\n background: hsl(0, 0%, 100%);\n background: var(--whiteColor);\n border-radius: 5px;\n grid-gap: 1rem;\n gap: 1rem;\n box-shadow: 0 2px 4px hsl(330, 12%, 97%);\n box-shadow: 0 2px 4px var(--inputColor);\n}\n.topSection .headerSection .searchBar input {\n border: none;\n outline: none;\n background: none;\n}\n.topSection .headerSection .searchBar .icon {\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n}\n.topSection .headerSection .searchBar .icon:hover {\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n}\n.topSection .headerSection .adminDiv {\n grid-gap: 1rem;\n gap: 1rem;\n}\n.topSection .headerSection .adminDiv .icon {\n font-size: 2.5rem;\n font-size: var(--biggestFontSize);\n background: hsl(0, 0%, 100%);\n background: var(--whiteColor);\n border-radius: 5px;\n padding: 5px;\n box-shadow: 0 2px 4px hsl(330, 12%, 97%);\n box-shadow: 0 2px 4px var(--inputColor);\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n}\n.topSection .headerSection .adminDiv .adminImage {\n border: 3px solid hsl(0, 0%, 100%);\n border: 3px solid var(--whiteColor);\n border-radius: 10px;\n width: 2.5rem;\n overflow: hidden;\n box-shadow: 0 2px 4px hsl(330, 12%, 97%);\n box-shadow: 0 2px 4px var(--inputColor);\n}\n.topSection .headerSection .adminDiv .adminImage img {\n width: 100%;\n height: 100%;\n border-radius: 10px;\n}\n.topSection .cardSection {\n margin-top: 3rem;\n grid-gap: 1rem;\n gap: 1rem;\n}\n.topSection .cardSection .rightCard {\n position: relative;\n flex-basis: 70%;\n height: 200px;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n margin: auto;\n padding: 2rem;\n border-radius: 1rem;\n overflow: hidden;\n}\n.topSection .cardSection .rightCard .videoDiv {\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n right: 0;\n bottom: 0;\n}\n.topSection .cardSection .rightCard .videoDiv video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 1.3rem;\n}\n.topSection .cardSection .rightCard h1, .topSection .cardSection .rightCard p, .topSection .cardSection .rightCard .btn {\n z-index: 100;\n}\n.topSection .cardSection .rightCard h1 {\n font-size: 1.5rem;\n font-size: var(--h1FontSize);\n color: hsl(0, 0%, 100%);\n color: var(--whiteColor);\n font-weight: 800;\n}\n.topSection .cardSection .rightCard p {\n padding: 1rem;\n color: hsl(96, 75%, 89%);\n color: var(--paleGreen);\n font-weight: 500;\n}\n.topSection .cardSection .rightCard .buttons {\n grid-gap: 1rem;\n gap: 1rem;\n}\n.topSection .cardSection .rightCard .buttons .btn {\n box-shadow: none;\n padding: 0.8rem 1.5rem;\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n border-radius: 2px solid transparent;\n}\n.topSection .cardSection .rightCard .buttons .transparent {\n background: none;\n border: 2px solid hsl(96, 75%, 89%);\n border: 2px solid var(--paleGreen);\n color: hsl(96, 75%, 89%);\n color: var(--paleGreen);\n}\n.topSection .cardSection .rightCard .buttons .transparent:hover {\n background: hsl(96, 75%, 89%);\n background: var(--paleGreen);\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n}\n.topSection .cardSection .leftCard {\n flex-basis: 50%;\n}\n.topSection .cardSection .leftCard .main {\n position: relative;\n padding: 1rem;\n height: 200px;\n border-radius: 1rem;\n justify-content: space-between;\n}\n.topSection .cardSection .leftCard .main::before {\n content: \"\";\n position: absolute;\n height: 100%;\n width: 80%;\n background: hsl(96, 75%, 89%);\n background: var(--paleGreen);\n left: 0;\n bottom: 0;\n border-radius: 1.3rem;\n}\n.topSection .cardSection .leftCard .main .textDiv {\n z-index: 100;\n}\n.topSection .cardSection .leftCard .main .textDiv h1 {\n font-size: 1.5rem;\n font-size: var(--h1FontSize);\n padding-bottom: 1rem;\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n}\n.topSection .cardSection .leftCard .main .textDiv .flex {\n grid-gap: 1.5rem;\n gap: 1.5rem;\n font-weight: 500;\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n}\n.topSection .cardSection .leftCard .main .textDiv .flex small {\n font-size: .938rem;\n font-size: var(--normalFontSize);\n display: block;\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n font-weight: 500;\n padding: 0.5rem 0;\n}\n.topSection .cardSection .leftCard .main .textDiv .link {\n margin-top: 2rem;\n cursor: pointer;\n}\n.topSection .cardSection .leftCard .main .textDiv .link:hover {\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n}\n.topSection .cardSection .leftCard .main .textDiv .link:hover .icon {\n -webkit-transform: translateX(10px);\n transform: translateX(10px);\n transition: 0.3s ease;\n}\n.topSection .cardSection .leftCard .main .imgDiv {\n -webkit-transform: translateY(-20px);\n transform: translateY(-20px);\n}\n.topSection .cardSection .leftCard .main .imgDiv img {\n width: 200px;\n}\n.topSection .cardSection .leftCard .sideBarCard {\n width: 100%;\n padding: 1rem;\n text-align: center;\n position: relative;\n}\n.topSection .cardSection .leftCard .sideBarCard .icon {\n position: absolute;\n background: #bdf094;\n background: var(--HoverColor);\n border: 10px solid hsl(0, 0%, 100%);\n border: 10px solid var(--whiteColor);\n font-size: 3rem;\n border-radius: 50%;\n top: -8px;\n right: 50%;\n -webkit-transform: translate(50%);\n transform: translate(50%);\n z-index: 100;\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent {\n position: relative;\n padding: 1rem;\n background: #bdf094;\n background: var(--HoverColor);\n border-radius: 10px;\n overflow: hidden;\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent h3 {\n font-size: 1rem;\n font-size: var(--h3FontSize);\n margin-top: 1rem;\n padding: 1rem 0;\n font-weight: 800;\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent p {\n font-size: .938rem;\n font-size: var(--normalFontSize);\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n padding-bottom: 1rem;\n font-weight: 500;\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent .btn {\n position: relative;\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n z-index: 1000;\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent .circle1, .topSection .cardSection .leftCard .sideBarCard .cardContent circle2 {\n position: absolute;\n background: hsl(96, 75%, 89%);\n background: var(--paleGreen);\n border-radius: 50%;\n opacity: 0.7;\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent .circle1 {\n height: 100px;\n width: 100px;\n top: -50px;\n left: -50px;\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent .circle2 {\n height: 50px;\n width: 150px;\n bottom: -80px;\n right: -70px;\n z-index: 1;\n}\n\n@media screen and (max-width: 990px) {\n .cardSection {\n flex-direction: column;\n }\n .cardSection .rightCard, .cardSection .leftCard {\n width: 100%;\n flex-basis: 100%;\n }\n .cardSection .leftCard {\n margin-top: 2rem;\n align-self: flex-start;\n height: 10px !important;\n }\n .cardSection .leftCard .sideBarCard {\n display: block !important;\n }\n}\n@media screen and (max-width: 918px) {\n .headerSection .searchBar {\n display: none;\n }\n}\n@media screen and (max-width: 725px) {\n .cardSection .leftCard .main {\n width: 100%;\n }\n .cardSection .leftCard .sideBarCard {\n display: none !important;\n }\n}\n@media screen and (max-width: 490px) {\n .headerSection {\n /*.adminDiv{\n display: none;\n }*/\n }\n .title {\n text-align: center;\n margin: auto;\n }\n .cardSection .rightCard {\n text-align: center;\n }\n .cardSection .rightCard .buttons {\n margin: auto;\n flex-direction: column;\n }\n .cardSection .rightCard .buttons .btn {\n width: 100%;\n }\n .cardSection .leftCard .main {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .cardSection .leftCard .main .textDiv {\n margin: auto;\n }\n .cardSection .leftCard .main::before {\n width: 100% !important;\n }\n .cardSection .leftCard .main .imgDiv {\n display: none;\n }\n}\n@media screen and (max-width: 390px) {\n .topSection .cardSection .rightCard {\n text-align: center;\n padding: 2rem 1rem;\n }\n .topSection .cardSection .rightCard h1 {\n font-size: 1.25rem;\n font-size: var(--h2FontSize);\n }\n}/*# sourceMappingURL=top.css.map */\n/* Colours & Styles - Default config */\n:root {\n --PrimaryColor: hsl(94, 59%, 35%);\n --HoverColor: #bdf094;\n --paleGreen: hsl(96, 75%, 89%);\n --whiteColor: hsl(0, 0%, 100%);\n --blackColor: hsl(0, 0%, 18%);\n --textColor: hsl(240, 1%, 48%);\n --bgColor: hsl(220, 10%, 94%);\n --greyText: rgb(190, 190, 190);\n --inputColor: hsl(330, 12%, 97%);\n --itemCardColor: hsl(120, 5%, 88%);\n --itemCardHover: hsl(120, 27%, 87%);\n /* Font & typography */\n --biggestFontSize: 2.5rem;\n --h1FontSize: 1.5rem;\n --h2FontSize: 1.25rem;\n --h3FontSize: 1rem;\n --normalFontSize: .938rem;\n --smallFontSize: .813rem;\n --smallestFontSize: .75rem;\n}\n\n.listingSection {\n flex-basis: 70%;\n}\n.listingSection .heading {\n width: 100%;\n justify-content: space-between;\n}\n.listingSection .heading h1 {\n font-size: 1.25rem;\n font-size: var(--h2FontSize);\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n font-weight: 700;\n}\n.listingSection .heading .btn {\n border: 1px solid var(--transparent);\n}\n.listingSection .heading .btn:hover {\n border: 1px solid hsl(94, 59%, 35%);\n border: 1px solid var(--PrimaryColor);\n}\n.listingSection .secContainer {\n width: 100%;\n margin: 1rem 0;\n grid-gap: 1rem;\n gap: 1rem;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n.listingSection .secContainer .singleItem {\n position: relative;\n width: 130px;\n height: 150px;\n display: flex;\n align-items: center;\n flex-direction: column;\n padding: 1rem;\n border-radius: 15px;\n background: hsl(120, 5%, 88%);\n background: var(--itemCardColor);\n}\n.listingSection .secContainer .singleItem:hover {\n background: hsl(120, 27%, 87%);\n background: var(--itemCardHover);\n box-shadow: 0 2px 2px hsl(330, 12%, 97%);\n box-shadow: 0 2px 2px var(--inputColor);\n}\n.listingSection .secContainer .singleItem img {\n max-width: 100px;\n}\n.listingSection .secContainer .singleItem .icon {\n position: absolute;\n top: 10px;\n right: 10px;\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n}\n.listingSection .secContainer .singleItem h3 {\n font-size: 1rem;\n font-size: var(--h3FontSize);\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n padding: 1rem 0;\n}\n.listingSection .sellers {\n width: 100%;\n justify-content: space-between;\n grid-gap: 1rem;\n gap: 1rem;\n align-items: flex-start;\n}\n.listingSection .sellers .topSellers .heading, .listingSection .sellers .featuredSellers .heading {\n padding: 1rem 0;\n}\n.listingSection .sellers .topSellers .heading .btn, .listingSection .sellers .featuredSellers .heading .btn {\n padding: 0.5rem 1rem;\n}\n.listingSection .sellers .topSellers .card, .listingSection .sellers .featuredSellers .card {\n padding: 1rem 2rem;\n border-radius: 1rem;\n background: hsl(0, 0%, 100%);\n background: var(--whiteColor);\n grid-gap: 1rem;\n gap: 1rem;\n box-shadow: 0 2px 4px hsl(330, 12%, 97%);\n box-shadow: 0 2px 4px var(--inputColor);\n}\n.listingSection .sellers .topSellers .card .users, .listingSection .sellers .featuredSellers .card .users {\n padding-right: 1rem;\n border-right: 2px solid rgb(190, 190, 190);\n border-right: 2px solid var(--greyText);\n}\n.listingSection .sellers .topSellers .card .users img, .listingSection .sellers .featuredSellers .card .users img {\n width: 30px;\n height: 30px;\n border-radius: 50px;\n object-fit: cover;\n border: 2px solid hsl(330, 12%, 97%);\n border: 2px solid var(--inputColor);\n transition: 0.5s ease;\n}\n.listingSection .sellers .topSellers .card .users img:hover, .listingSection .sellers .featuredSellers .card .users img:hover {\n -webkit-transform: translateY(-10px);\n transform: translateY(-10px);\n}\n.listingSection .sellers .topSellers .card .cardText span, .listingSection .sellers .featuredSellers .card .cardText span {\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n font-weight: 500;\n}\n.listingSection .sellers .topSellers .card .cardText small, .listingSection .sellers .featuredSellers .card .cardText small {\n font-weight: 400;\n}\n.listingSection .sellers .topSellers .card .cardText small .date, .listingSection .sellers .featuredSellers .card .cardText small .date {\n margin-left: 1 rem;\n}\n\n@media screen and (max-width: 990px) {\n .listingSection .sellers .card {\n flex-direction: column;\n }\n}\n@media screen and (max-width: 918px) {\n .listingSection .singleItem {\n width: 200px !important;\n }\n}\n@media screen and (max-width: 490px) {\n .listingSection .sellers {\n flex-direction: column;\n }\n .listingSection .sellers .card {\n flex-direction: row;\n }\n}/*# sourceMappingURL=listing.css.map */\n/* Colours & Styles - Default config */\n:root {\n --PrimaryColor: hsl(94, 59%, 35%);\n --HoverColor: #bdf094;\n --paleGreen: hsl(96, 75%, 89%);\n --whiteColor: hsl(0, 0%, 100%);\n --blackColor: hsl(0, 0%, 18%);\n --textColor: hsl(240, 1%, 48%);\n --bgColor: hsl(220, 10%, 94%);\n --greyText: rgb(190, 190, 190);\n --inputColor: hsl(330, 12%, 97%);\n --itemCardColor: hsl(120, 5%, 88%);\n --itemCardHover: hsl(120, 27%, 87%);\n /* Font & typography */\n --biggestFontSize: 2.5rem;\n --h1FontSize: 1.5rem;\n --h2FontSize: 1.25rem;\n --h3FontSize: 1rem;\n --normalFontSize: .938rem;\n --smallFontSize: .813rem;\n --smallestFontSize: .75rem;\n}\n\n.activitySection {\n flex-basis: 50%;\n}\n.activitySection .heading {\n width: 100%;\n justify-content: space-between;\n}\n.activitySection .heading h1 {\n font-size: 1.25rem;\n font-size: var(--h2FontSize);\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n fonr-weight: 700;\n}\n.activitySection .heading .btn {\n border: 1px solid transparent;\n}\n.activitySection .heading .btn:hover {\n border: 1px solid hsl(94, 59%, 35%);\n border: 1px solid var(--PrimaryColor);\n}\n.activitySection .secContainer {\n margin-top: 1rem;\n}\n.activitySection .secContainer .singleCustomer {\n align-items: flex-start;\n justify-content: space-between;\n}\n.activitySection .secContainer .singleCustomer img {\n width: 40px;\n height: 40px;\n object-fit: cover;\n border-radius: 50%;\n box-shadow: 0 2px 4px hsl(120, 5%, 88%);\n box-shadow: 0 2px 4px var(--itemCardColor);\n margin-right: 1rem;\n}\n.activitySection .secContainer .singleCustomer .customerDetails {\n flex: 1 1;\n}\n.activitySection .secContainer .singleCustomer .customerDetails .name {\n font-size: 1rem;\n font-size: var(--h3FontSize);\n font-weight: 600;\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n display: block;\n}\n.activitySection .secContainer .singleCustomer .customerDetails small {\n font-weight: 500;\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n font-size: .813rem;\n font-size: var(--smallFontSize);\n}\n.activitySection .secContainer .singleCustomer .duration {\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n font-weight: 500;\n font-size: .75rem;\n font-size: var(--smallestFontSize);\n}\n\n@media screen and (max-width: 918px) {\n .activitySection {\n width: 100%;\n }\n}/*# sourceMappingURL=activity.css.map */\n/* Colours & Styles - Default config */\n:root {\n --PrimaryColor: hsl(94, 59%, 35%);\n --HoverColor: #bdf094;\n --paleGreen: hsl(96, 75%, 89%);\n --whiteColor: hsl(0, 0%, 100%);\n --blackColor: hsl(0, 0%, 18%);\n --textColor: hsl(240, 1%, 48%);\n --bgColor: hsl(220, 10%, 94%);\n --greyText: rgb(190, 190, 190);\n --inputColor: hsl(330, 12%, 97%);\n /* Font & typography */\n --biggestFontSize: 2.5rem;\n --h1FontSize: 1.5rem;\n --h2FontSize: 1.25rem;\n --h3FontSize: 1rem;\n --normalFontSize: .938rem;\n --smallFontSize: .813rem;\n --smallestFontSize: .75rem;\n}\n\n.sideBar {\n background: hsl(0, 0%, 100%);\n background: var(--whiteColor);\n box-shadow: 1px 0px 4px rgb(190, 190, 190);\n box-shadow: 1px 0px 4px var(--greyText);\n width: 18%;\n height: 100%;\n grid-gap: 3rem;\n gap: 3rem;\n overflow: auto;\n}\n.sideBar .logoDiv {\n padding: 1.5rem 1.5rem 0;\n cursor: pointer;\n}\n.sideBar .logoDiv img {\n max-width: 100px;\n margin-right: 0.5rem;\n /*background: var(--inputColor);*/\n border-radius: 2px;\n padding: 0.2rem;\n}\n.sideBar .logoDiv h2 {\n font-size: 1.25rem;\n font-size: var(--h2FontSize);\n color: --PrimaryColor;\n}\n.sideBar .menuDiv .divTitle, .sideBar .settingsDiv .divTitle {\n font-size: 1rem;\n font-size: var(--h3FontSize);\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n padding: 0 1.5rem 1.5rem;\n}\n.sideBar .menuDiv .menuLists .listItem, .sideBar .settingsDiv .menuLists .listItem {\n padding: 0.2rem 1.5rem;\n width: 100%;\n position: relative;\n}\n.sideBar .menuDiv .menuLists .listItem::before, .sideBar .settingsDiv .menuLists .listItem::before {\n position: absolute;\n content: \"\";\n height: 100%;\n left: 0;\n width: 5px;\n bottom: 0;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n /* background: var(--PrimaryColor); */\n}\n.sideBar .menuDiv .menuLists .listItem .menuLink, .sideBar .settingsDiv .menuLists .listItem .menuLink {\n color: rgb(190, 190, 190);\n color: var(--greyText);\n font-weight: 500;\n}\n.sideBar .menuDiv .menuLists .listItem .menuLink .icon, .sideBar .settingsDiv .menuLists .listItem .menuLink .icon {\n margin-right: 0.5rem;\n}\n.sideBar .menuDiv .menuLists .listItem::hover .menuLink, .sideBar .settingsDiv .menuLists .listItem::hover .menuLink {\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n transition: 0;\n}\n.sideBar .menuDiv .menuLists .listItem::hover::before, .sideBar .settingsDiv .menuLists .listItem::hover::before {\n height: 100%;\n -webkit-transform: 0.3s ease;\n transform: 0.3s ease;\n}\n.sideBar .sideBarCard {\n width: 100%;\n padding: 1rem;\n text-align: center;\n position: relative;\n}\n.sideBar .sideBarCard .icon {\n position: absolute;\n background: #bdf094;\n background: var(--HoverColor);\n border: 10px solid hsl(0, 0%, 100%);\n border: 10px solid var(--whiteColor);\n font-size: 3rem;\n border-radius: 50%;\n top: -8px;\n right: 50%;\n -webkit-transform: translate(50%);\n transform: translate(50%);\n z-index: 100;\n}\n.sideBar .sideBarCard .cardContent {\n position: relative;\n padding: 1rem;\n background: #bdf094;\n background: var(--HoverColor);\n border-radius: 10px;\n overflow: hidden;\n}\n.sideBar .sideBarCard .cardContent h3 {\n font-size: 1rem;\n font-size: var(--h3FontSize);\n margin-top: 1rem;\n padding: 1rem 0;\n font-weight: 800;\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n}\n.sideBar .sideBarCard .cardContent p {\n font-size: .938rem;\n font-size: var(--normalFontSize);\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n padding-bottom: 1rem;\n font-weight: 500;\n}\n.sideBar .sideBarCard .cardContent .btn {\n position: relative;\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n z-index: 1000;\n}\n.sideBar .sideBarCard .cardContent .circle1, .sideBar .sideBarCard .cardContent circle2 {\n position: absolute;\n background: hsl(96, 75%, 89%);\n background: var(--paleGreen);\n border-radius: 50%;\n opacity: 0.7;\n}\n.sideBar .sideBarCard .cardContent .circle1 {\n height: 100px;\n width: 100px;\n top: -50px;\n left: -50px;\n}\n.sideBar .sideBarCard .cardContent .circle2 {\n height: 50px;\n width: 150px;\n bottom: -80px;\n right: -70px;\n z-index: 1;\n}\n\n@media screen and (max-width: 820px) {\n .sideBar {\n padding-bottom: 2rem;\n }\n .sideBar .sideBarCard {\n display: none !important;\n }\n}\n@media screen and (max-width: 745px) {\n .sideBar .logoDiv {\n text-align: center;\n margin: auto;\n padding: 1.5rem 0.5rem 0;\n }\n .sideBar .logoDiv img {\n max-width: 50px;\n margin: 0;\n border-radius: 10px;\n padding: 0.5rem;\n }\n .sideBar .logoDiv h2 {\n display: none;\n }\n .sideBar .divTitle, .sideBar .smallText, .sideBar .smalText {\n display: none;\n }\n .menuDiv .divTitle, .menuDiv .smallText, .menuDiv .smalText, .settingsDiv .divTitle, .settingsDiv .smallText, .settingsDiv .smalText {\n display: none;\n }\n .menuDiv .menuLists .listItem .menuLink, .settingsDiv .menuLists .listItem .menuLink {\n justify-content: center;\n }\n}\n@media screen and (max-width: 390px) {\n .sideBar .menuDiv, .sideBar .settingsDiv {\n text-align: center;\n margin: auto;\n }\n .sideBar .menuDiv .menuLists .listItem, .sideBar .settingsDiv .menuLists .listItem {\n padding: 0.2rem 0.5rem;\n }\n .sideBar .menuDiv .menuLists .listItem .menuLink, .sideBar .settingsDiv .menuLists .listItem .menuLink {\n justify-content: center;\n }\n .sideBar .menuDiv .menuLists .listItem .menuLink .icon, .sideBar .settingsDiv .menuLists .listItem .menuLink .icon {\n font-size: 1.25rem;\n font-size: var(--h2FontSize);\n }\n}/*# sourceMappingURL=sidebar.css.map */\n","@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');\n\n*{\n padding: 0;\n box-sizing: border-box;\n margin: 0;\n font-family: 'Montserrat', sans-serif;\n transition: .3 ease;\n}\n\n/* Colours & Styles - Default config */\n:root{\n --PrimaryColor: hsl(94, 59%, 35%);\n --HoverColor: #bdf094;\n --paleGreen: hsl(96, 75%, 89%);\n --whiteColor: hsl(0, 0%, 100%);\n --blackColor: hsl(0, 0%, 18%);\n --textColor: hsl(240, 1%, 48%);\n --bgColor: hsl(220, 10%, 94%);\n --greyText: rgb(190, 190, 190);\n --inputColor: hsl(330, 12%, 97%);\n\n /* Font & typography */\n --biggestFontSize: 2.5rem;\n --h1FontSize: 1.5rem;\n --h2FontSize: 1.25rem;\n --h3FontSize: 1rem;\n --normalFontSize: .938rem;\n --smallFontSize: .813rem;\n --smallestFontSize: .75rem;\n}\n\n/* Default styles */\nhtml{\n font-size: 90%;\n}\n\na{\n text-decoration: none;\n}\n\nli{\n list-style: none;\n}\n\n.icon{\n font-size: var(--h2FontSize);\n}\n\nimg{\n width: 100%;\n height: auto;\n}\n\n.flex{\n display: flex;\n align-items: center;\n}\n\n.grid{\n display: grid;\n align-items: center;\n gap: 1.5rem;\n}\n\n.btn{\n border: none;\n outline: none;\n cursor: pointer;\n border-radius: 8px;\n box-shadow: 0 2px 4px var(--inputColor);\n padding: .8rem 1rem;\n color: var(--textColor);\n}\n\n.btn .icon{\n margin-left: .5rem;\n}\n\n.btn:hover{\n background: var(--paleGreen);\n color: var(--PrimaryColor);\n}\n\nbody{\n display: flex;\n align-items: center;\n justify-content: center;\n margin: auto;\n padding: 1rem;\n}\n\n.container{\n position: relative;\n width: 95vw;\n height: 95vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--bgColor);\n overflow: hidden;\n border-radius: 1rem;\n box-shadow: 2px 2px 8px var(--greyText);\n}\n\n::-webkit-scrollbar{\n display: none;\n}\n\n/* Media Queries ========> */\n@media screen and (max-width: 990px) {\n .heading{\n flex-direction: column;\n align-items: flex-start;\n gap: 1rem;\n }\n}\n\n@media screen and (max-width: 918px) {\n .heading{\n flex-direction: row;\n align-items: center;\n gap: 1rem;\n }\n}\n\n@media screen and (max-width: 500px) {\n .heading{\n flex-direction: column;\n align-items: flex-start;\n gap: 1rem;\n }\n}",null,null,null,null,null,null,null,null,null,null]} \ No newline at end of file diff --git a/build/static/css/main.550acda6.chunk.css b/build/static/css/main.550acda6.chunk.css deleted file mode 100644 index e2c55072..00000000 --- a/build/static/css/main.550acda6.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);*{padding:0;box-sizing:border-box;margin:0;font-family:"Montserrat",sans-serif;transition:.3 ease}html{font-size:90%}a{text-decoration:none}li{list-style:none}.icon{font-size:1.25rem;font-size:var(--h2FontSize)}img{width:100%;height:auto}.flex{display:flex}.flex,.grid{align-items:center}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.btn{border:none;outline:none;cursor:pointer;border-radius:8px;box-shadow:0 2px 4px #f8f6f7;box-shadow:0 2px 4px var(--inputColor);padding:.8rem 1rem;color:#79797c;color:var(--textColor)}.btn .icon{margin-left:.5rem}.btn:hover{background:#dff8ce;background:var(--paleGreen);color:#528e25;color:var(--PrimaryColor)}body{margin:auto;padding:1rem}.container,body{display:flex;align-items:center;justify-content:center}.container{position:relative;width:95vw;height:95vh;background:#eeeff1;background:var(--bgColor);overflow:hidden;border-radius:1rem;box-shadow:2px 2px 8px #bebebe;box-shadow:2px 2px 8px var(--greyText)}::-webkit-scrollbar{display:none}@media screen and (max-width:990px){.heading{flex-direction:column;align-items:flex-start;grid-gap:1rem;gap:1rem}}@media screen and (max-width:918px){.heading{flex-direction:row;align-items:center;grid-gap:1rem;gap:1rem}}@media screen and (max-width:500px){.heading{flex-direction:column;align-items:flex-start;grid-gap:1rem;gap:1rem}}.mainContent{width:82%;height:100%;padding:2rem;overflow:auto}.mainContent .bottom{margin-top:2rem;grid-gap:2rem;gap:2rem;align-items:flex-start}@media screen and (max-width:918px){.bottom{flex-direction:column}}.topSection .headerSection{justify-content:space-between}.topSection .headerSection .title h1{font-size:1.5rem;font-size:var(--h1FontSize);color:#2e2e2e;color:var(--blackColor);font-weight:700}.topSection .headerSection .title p{font-size:.938rem;font-size:var(--normalFontSize);color:#79797c;color:var(--textColor)}.topSection .headerSection .searchBar{padding:1rem 2rem;background:#fff;background:var(--whiteColor);border-radius:5px;grid-gap:1rem;gap:1rem;box-shadow:0 2px 4px #f8f6f7;box-shadow:0 2px 4px var(--inputColor)}.topSection .headerSection .searchBar input{border:none;outline:none;background:none}.topSection .headerSection .searchBar .icon{color:#79797c;color:var(--textColor)}.topSection .headerSection .searchBar .icon:hover{color:#528e25;color:var(--PrimaryColor)}.topSection .headerSection .adminDiv{grid-gap:1rem;gap:1rem}.topSection .headerSection .adminDiv .icon{font-size:2.5rem;font-size:var(--biggestFontSize);background:#fff;background:var(--whiteColor);border-radius:5px;padding:5px;box-shadow:0 2px 4px #f8f6f7;box-shadow:0 2px 4px var(--inputColor);color:#79797c;color:var(--textColor)}.topSection .headerSection .adminDiv .adminImage{border:3px solid #fff;border:3px solid var(--whiteColor);border-radius:10px;width:2.5rem;overflow:hidden;box-shadow:0 2px 4px #f8f6f7;box-shadow:0 2px 4px var(--inputColor)}.topSection .headerSection .adminDiv .adminImage img{width:100%;height:100%;border-radius:10px}.topSection .cardSection{margin-top:3rem;grid-gap:1rem;gap:1rem}.topSection .cardSection .rightCard{position:relative;flex-basis:70%;height:200px;flex-direction:column;align-items:flex-start;justify-content:center;margin:auto;padding:2rem;border-radius:1rem;overflow:hidden}.topSection .cardSection .rightCard .videoDiv{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0}.topSection .cardSection .rightCard .videoDiv video{width:100%;height:100%;object-fit:cover;border-radius:1.3rem}.topSection .cardSection .rightCard .btn,.topSection .cardSection .rightCard h1,.topSection .cardSection .rightCard p{z-index:100}.topSection .cardSection .rightCard h1{font-size:1.5rem;font-size:var(--h1FontSize);color:#fff;color:var(--whiteColor);font-weight:800}.topSection .cardSection .rightCard p{padding:1rem;color:#dff8ce;color:var(--paleGreen);font-weight:500}.topSection .cardSection .rightCard .buttons{grid-gap:1rem;gap:1rem}.topSection .cardSection .rightCard .buttons .btn{box-shadow:none;padding:.8rem 1.5rem;color:#528e25;color:var(--PrimaryColor);border-radius:2px solid transparent}.topSection .cardSection .rightCard .buttons .transparent{background:none;border:2px solid #dff8ce;border:2px solid var(--paleGreen);color:#dff8ce;color:var(--paleGreen)}.topSection .cardSection .rightCard .buttons .transparent:hover{background:#dff8ce;background:var(--paleGreen);color:#528e25;color:var(--PrimaryColor)}.topSection .cardSection .leftCard{flex-basis:50%}.topSection .cardSection .leftCard .main{position:relative;padding:1rem;height:200px;border-radius:1rem;justify-content:space-between}.topSection .cardSection .leftCard .main:before{content:"";position:absolute;height:100%;width:80%;background:#dff8ce;background:var(--paleGreen);left:0;bottom:0;border-radius:1.3rem}.topSection .cardSection .leftCard .main .textDiv{z-index:100}.topSection .cardSection .leftCard .main .textDiv h1{font-size:1.5rem;font-size:var(--h1FontSize);padding-bottom:1rem;color:#2e2e2e;color:var(--blackColor)}.topSection .cardSection .leftCard .main .textDiv .flex{grid-gap:1.5rem;gap:1.5rem;font-weight:500;color:#2e2e2e;color:var(--blackColor)}.topSection .cardSection .leftCard .main .textDiv .flex small{font-size:.938rem;font-size:var(--normalFontSize);display:block;color:#528e25;color:var(--PrimaryColor);font-weight:500;padding:.5rem 0}.topSection .cardSection .leftCard .main .textDiv .link{margin-top:2rem;cursor:pointer}.topSection .cardSection .leftCard .main .textDiv .link:hover{color:#528e25;color:var(--PrimaryColor)}.topSection .cardSection .leftCard .main .textDiv .link:hover .icon{-webkit-transform:translateX(10px);transform:translateX(10px);transition:.3s ease}.topSection .cardSection .leftCard .main .imgDiv{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.topSection .cardSection .leftCard .main .imgDiv img{width:200px}.topSection .cardSection .leftCard .sideBarCard{width:100%;padding:1rem;text-align:center;position:relative}.topSection .cardSection .leftCard .sideBarCard .icon{position:absolute;background:#bdf094;background:var(--HoverColor);border:10px solid #fff;border:10px solid var(--whiteColor);font-size:3rem;border-radius:50%;top:-8px;right:50%;-webkit-transform:translate(50%);transform:translate(50%);z-index:100}.topSection .cardSection .leftCard .sideBarCard .cardContent{position:relative;padding:1rem;background:#bdf094;background:var(--HoverColor);border-radius:10px;overflow:hidden}.topSection .cardSection .leftCard .sideBarCard .cardContent h3{font-size:1rem;font-size:var(--h3FontSize);margin-top:1rem;padding:1rem 0;font-weight:800;color:#2e2e2e;color:var(--blackColor)}.topSection .cardSection .leftCard .sideBarCard .cardContent p{font-size:.938rem;font-size:var(--normalFontSize);color:#79797c;color:var(--textColor);padding-bottom:1rem;font-weight:500}.topSection .cardSection .leftCard .sideBarCard .cardContent .btn{position:relative;color:#79797c;color:var(--textColor);z-index:1000}.topSection .cardSection .leftCard .sideBarCard .cardContent .circle1,.topSection .cardSection .leftCard .sideBarCard .cardContent circle2{position:absolute;background:#dff8ce;background:var(--paleGreen);border-radius:50%;opacity:.7}.topSection .cardSection .leftCard .sideBarCard .cardContent .circle1{height:100px;width:100px;top:-50px;left:-50px}.topSection .cardSection .leftCard .sideBarCard .cardContent .circle2{height:50px;width:150px;bottom:-80px;right:-70px;z-index:1}@media screen and (max-width:990px){.cardSection{flex-direction:column}.cardSection .leftCard,.cardSection .rightCard{width:100%;flex-basis:100%}.cardSection .leftCard{margin-top:2rem;align-self:flex-start;height:10px!important}.cardSection .leftCard .sideBarCard{display:block!important}}@media screen and (max-width:918px){.headerSection .searchBar{display:none}}@media screen and (max-width:725px){.cardSection .leftCard .main{width:100%}.cardSection .leftCard .sideBarCard{display:none!important}}@media screen and (max-width:490px){.headerSection .adminDiv{display:none}.title{margin:auto}.cardSection .rightCard,.title{text-align:center}.cardSection .rightCard .buttons{margin:auto;flex-direction:column}.cardSection .rightCard .buttons .btn{width:100%}.cardSection .leftCard .main{display:flex;align-items:center;justify-content:center}.cardSection .leftCard .main .textDiv{margin:auto}.cardSection .leftCard .main:before{width:100%!important}.cardSection .leftCard .main .imgDiv{display:none}}@media screen and (max-width:390px){.topSection .cardSection .rightCard{text-align:center;padding:2rem 1rem}.topSection .cardSection .rightCard h1{font-size:1.25rem;font-size:var(--h2FontSize)}}.listingSection{flex-basis:70%}.listingSection .heading{width:100%;justify-content:space-between}.listingSection .heading h1{font-size:1.25rem;font-size:var(--h2FontSize);color:#2e2e2e;color:var(--blackColor);font-weight:700}.listingSection .heading .btn{border:1px solid var(--transparent)}.listingSection .heading .btn:hover{border:1px solid #528e25;border:1px solid var(--PrimaryColor)}.listingSection .secContainer{width:100%;margin:1rem 0;grid-gap:1rem;gap:1rem;flex-wrap:wrap;justify-content:space-between}.listingSection .secContainer .singleItem{position:relative;width:130px;height:150px;display:flex;align-items:center;flex-direction:column;padding:1rem;border-radius:15px;background:#dfe2df;background:var(--itemCardColor)}.listingSection .secContainer .singleItem:hover{background:#d5e7d5;background:var(--itemCardHover);box-shadow:0 2px 2px #f8f6f7;box-shadow:0 2px 2px var(--inputColor)}.listingSection .secContainer .singleItem img{max-width:100px}.listingSection .secContainer .singleItem .icon{position:absolute;top:10px;right:10px;color:#528e25;color:var(--PrimaryColor)}.listingSection .secContainer .singleItem h3{font-size:1rem;font-size:var(--h3FontSize);color:#2e2e2e;color:var(--blackColor);padding:1rem 0}.listingSection .sellers{width:100%;justify-content:space-between;grid-gap:1rem;gap:1rem;align-items:flex-start}.listingSection .sellers .featuredSellers .heading,.listingSection .sellers .topSellers .heading{padding:1rem 0}.listingSection .sellers .featuredSellers .heading .btn,.listingSection .sellers .topSellers .heading .btn{padding:.5rem 1rem}.listingSection .sellers .featuredSellers .card,.listingSection .sellers .topSellers .card{padding:1rem 2rem;border-radius:1rem;background:#fff;background:var(--whiteColor);grid-gap:1rem;gap:1rem;box-shadow:0 2px 4px #f8f6f7;box-shadow:0 2px 4px var(--inputColor)}.listingSection .sellers .featuredSellers .card .users,.listingSection .sellers .topSellers .card .users{padding-right:1rem;border-right:2px solid #bebebe;border-right:2px solid var(--greyText)}.listingSection .sellers .featuredSellers .card .users img,.listingSection .sellers .topSellers .card .users img{width:30px;height:30px;border-radius:50px;object-fit:cover;border:2px solid #f8f6f7;border:2px solid var(--inputColor);transition:.5s ease}.listingSection .sellers .featuredSellers .card .users img:hover,.listingSection .sellers .topSellers .card .users img:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.listingSection .sellers .featuredSellers .card .cardText span,.listingSection .sellers .topSellers .card .cardText span{color:#2e2e2e;color:var(--blackColor);font-weight:500}.listingSection .sellers .featuredSellers .card .cardText small,.listingSection .sellers .topSellers .card .cardText small{font-weight:400}.listingSection .sellers .featuredSellers .card .cardText small .date,.listingSection .sellers .topSellers .card .cardText small .date{margin-left:1 rem}@media screen and (max-width:990px){.listingSection .sellers .card{flex-direction:column}}@media screen and (max-width:918px){.listingSection .singleItem{width:200px!important}}@media screen and (max-width:490px){.listingSection .sellers{flex-direction:column}.listingSection .sellers .card{flex-direction:row}}:root{--itemCardColor:#dfe2df;--itemCardHover:#d5e7d5}.activitySection{flex-basis:50%}.activitySection .heading{width:100%;justify-content:space-between}.activitySection .heading h1{font-size:1.25rem;font-size:var(--h2FontSize);color:#2e2e2e;color:var(--blackColor);fonr-weight:700}.activitySection .heading .btn{border:1px solid transparent}.activitySection .heading .btn:hover{border:1px solid #528e25;border:1px solid var(--PrimaryColor)}.activitySection .secContainer{margin-top:1rem}.activitySection .secContainer .singleCustomer{align-items:flex-start;justify-content:space-between}.activitySection .secContainer .singleCustomer img{width:40px;height:40px;object-fit:cover;border-radius:50%;box-shadow:0 2px 4px #dfe2df;box-shadow:0 2px 4px var(--itemCardColor);margin-right:1rem}.activitySection .secContainer .singleCustomer .customerDetails{flex:1 1}.activitySection .secContainer .singleCustomer .customerDetails .name{font-size:1rem;font-size:var(--h3FontSize);font-weight:600;color:#2e2e2e;color:var(--blackColor);display:block}.activitySection .secContainer .singleCustomer .customerDetails small{font-weight:500;color:#79797c;color:var(--textColor);font-size:.813rem;font-size:var(--smallFontSize)}.activitySection .secContainer .singleCustomer .duration{color:#79797c;color:var(--textColor);font-weight:500;font-size:.75rem;font-size:var(--smallestFontSize)}@media screen and (max-width:918px){.activitySection{width:100%}}:root{--PrimaryColor:#528e25;--HoverColor:#bdf094;--paleGreen:#dff8ce;--whiteColor:#fff;--blackColor:#2e2e2e;--textColor:#79797c;--bgColor:#eeeff1;--greyText:#bebebe;--inputColor:#f8f6f7;--biggestFontSize:2.5rem;--h1FontSize:1.5rem;--h2FontSize:1.25rem;--h3FontSize:1rem;--normalFontSize:.938rem;--smallFontSize:.813rem;--smallestFontSize:.75rem}.sideBar{background:#fff;background:var(--whiteColor);box-shadow:1px 0 4px #bebebe;box-shadow:1px 0 4px var(--greyText);width:18%;height:100%;grid-gap:3rem;gap:3rem;overflow:auto}.sideBar .logoDiv{padding:1.5rem 1.5rem 0;cursor:pointer}.sideBar .logoDiv img{max-width:100px;margin-right:.5rem;border-radius:2px;padding:.2rem}.sideBar .logoDiv h2{font-size:1.25rem;font-size:var(--h2FontSize);color:--PrimaryColor}.sideBar .menuDiv .divTitle,.sideBar .settingsDiv .divTitle{font-size:1rem;font-size:var(--h3FontSize);color:#2e2e2e;color:var(--blackColor);padding:0 1.5rem 1.5rem}.sideBar .menuDiv .menuLists .listItem,.sideBar .settingsDiv .menuLists .listItem{padding:.2rem 1.5rem;width:100%;position:relative}.sideBar .menuDiv .menuLists .listItem:before,.sideBar .settingsDiv .menuLists .listItem:before{position:absolute;content:"";height:100%;left:0;width:5px;bottom:0;border-top-right-radius:10px;border-bottom-right-radius:10px}.sideBar .menuDiv .menuLists .listItem .menuLink,.sideBar .settingsDiv .menuLists .listItem .menuLink{color:#bebebe;color:var(--greyText);font-weight:500}.sideBar .menuDiv .menuLists .listItem .menuLink .icon,.sideBar .settingsDiv .menuLists .listItem .menuLink .icon{margin-right:.5rem}.sideBar .menuDiv .menuLists .listItem::hover .menuLink,.sideBar .settingsDiv .menuLists .listItem::hover .menuLink{color:#528e25;color:var(--PrimaryColor);transition:0}.sideBar .menuDiv .menuLists .listItem::hover:before,.sideBar .settingsDiv .menuLists .listItem::hover:before{height:100%;-webkit-transform:.3s ease;transform:.3s ease}.sideBar .sideBarCard{width:100%;padding:1rem;text-align:center;position:relative}.sideBar .sideBarCard .icon{position:absolute;background:#bdf094;background:var(--HoverColor);border:10px solid #fff;border:10px solid var(--whiteColor);font-size:3rem;border-radius:50%;top:-8px;right:50%;-webkit-transform:translate(50%);transform:translate(50%);z-index:100}.sideBar .sideBarCard .cardContent{position:relative;padding:1rem;background:#bdf094;background:var(--HoverColor);border-radius:10px;overflow:hidden}.sideBar .sideBarCard .cardContent h3{font-size:1rem;font-size:var(--h3FontSize);margin-top:1rem;padding:1rem 0;font-weight:800;color:#2e2e2e;color:var(--blackColor)}.sideBar .sideBarCard .cardContent p{font-size:.938rem;font-size:var(--normalFontSize);color:#79797c;color:var(--textColor);padding-bottom:1rem;font-weight:500}.sideBar .sideBarCard .cardContent .btn{position:relative;color:#79797c;color:var(--textColor);z-index:1000}.sideBar .sideBarCard .cardContent .circle1,.sideBar .sideBarCard .cardContent circle2{position:absolute;background:#dff8ce;background:var(--paleGreen);border-radius:50%;opacity:.7}.sideBar .sideBarCard .cardContent .circle1{height:100px;width:100px;top:-50px;left:-50px}.sideBar .sideBarCard .cardContent .circle2{height:50px;width:150px;bottom:-80px;right:-70px;z-index:1}@media screen and (max-width:820px){.sideBar{padding-bottom:2rem}.sideBar .sideBarCard{display:none!important}}@media screen and (max-width:745px){.sideBar .logoDiv{text-align:center;margin:auto;padding:1.5rem .5rem 0}.sideBar .logoDiv img{max-width:50px;margin:0;border-radius:10px;padding:.5rem}.menuDiv .divTitle,.menuDiv .smallText,.menuDiv .smalText,.settingsDiv .divTitle,.settingsDiv .smallText,.settingsDiv .smalText,.sideBar .divTitle,.sideBar .logoDiv h2,.sideBar .smallText,.sideBar .smalText{display:none}.menuDiv .menuLists .listItem .menuLink,.settingsDiv .menuLists .listItem .menuLink{justify-content:center}}@media screen and (max-width:390px){.sideBar .menuDiv,.sideBar .settingsDiv{text-align:center;margin:auto}.sideBar .menuDiv .menuLists .listItem,.sideBar .settingsDiv .menuLists .listItem{padding:.2rem .5rem}.sideBar .menuDiv .menuLists .listItem .menuLink,.sideBar .settingsDiv .menuLists .listItem .menuLink{justify-content:center}.sideBar .menuDiv .menuLists .listItem .menuLink .icon,.sideBar .settingsDiv .menuLists .listItem .menuLink .icon{font-size:1.25rem;font-size:var(--h2FontSize)}} -/*# sourceMappingURL=main.550acda6.chunk.css.map */ \ No newline at end of file diff --git a/build/static/css/main.550acda6.chunk.css.map b/build/static/css/main.550acda6.chunk.css.map deleted file mode 100644 index bbe6dcc3..00000000 --- a/build/static/css/main.550acda6.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["main.550acda6.chunk.css","webpack://src/App.css","webpack://src/components/SideBar Section/bodyco.scss","webpack://src/components/SideBar Section/bodyco.css","webpack://src/components/Body Section/Top Section/top.scss","webpack://src/components/Body Section/Top Section/top.css","webpack://src/components/Body Section/Listing Section/listing.scss","webpack://src/components/Body Section/Listing Section/listing.css","webpack://src/components/Body Section/Activity Section/activity.scss","webpack://src/components/Body Section/Activity Section/activity.css","webpack://src/components/SideBar Section/sidebar.scss","webpack://src/components/SideBar Section/sidebar.css"],"names":[],"mappings":"AAAA,sGAAsG,CCEtG,EACE,SAAU,CACV,qBAAsB,CACtB,QAAS,CACT,mCAAqC,CACrC,kBACF,CAyBA,KACE,aACF,CAEA,EACE,oBACF,CAEA,GACE,eACF,CAEA,MACE,iBAA4B,CAA5B,2BACF,CAEA,IACE,UAAW,CACX,WACF,CAEA,MACE,YAEF,CAEA,YAHE,kBAOF,CAJA,MACE,YAAa,CAEb,eAAW,CAAX,UACF,CAEA,KACE,WAAY,CACZ,YAAa,CACb,cAAe,CACf,iBAAkB,CAClB,4BAAuC,CAAvC,sCAAuC,CACvC,kBAAmB,CACnB,aAAuB,CAAvB,sBACF,CAEA,WACE,iBACF,CAEA,WACE,kBAA4B,CAA5B,2BAA4B,CAC5B,aAA0B,CAA1B,yBACF,CAEA,KAIE,WAAY,CACZ,YACF,CAEA,gBAPE,YAAa,CACb,kBAAmB,CACnB,sBAgBF,CAXA,WACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CAIZ,kBAA0B,CAA1B,yBAA0B,CAC1B,eAAgB,CAChB,kBAAmB,CACnB,8BAAuC,CAAvC,sCACF,CAEA,oBACE,YACF,CAGA,oCACE,SACE,qBAAsB,CACtB,sBAAuB,CACvB,aAAS,CAAT,QACF,CACF,CAEA,oCACE,SACI,kBAAmB,CACnB,kBAAmB,CACnB,aAAS,CAAT,QACJ,CACF,CAEA,oCACE,SACE,qBAAsB,CACtB,sBAAuB,CACvB,aAAS,CAAT,QACF,CACF,CCpIA,aACI,SAAA,CACA,WAAA,CACA,YAAA,CACA,aCCJ,CDCI,qBACI,eAAA,CACA,aAAA,CAAA,QAAA,CACA,sBCCR,CDIA,oCACI,QACI,qBCDN,CACF,CCOI,2BACI,6BCDR,CDIY,qCACI,gBAAA,CAAA,2BAAA,CACA,aAAA,CAAA,uBAAA,CACA,eCFhB,CDKY,oCACI,iBAAA,CAAA,+BAAA,CACA,aAAA,CAAA,sBCHhB,CDOQ,sCACI,iBAAA,CACA,eAAA,CAAA,4BAAA,CACA,iBAAA,CACA,aAAA,CAAA,QAAA,CACA,4BAAA,CAAA,sCCLZ,CDOY,4CACI,WAAA,CACA,YAAA,CACA,eCLhB,CDQY,4CACI,aAAA,CAAA,sBCNhB,CDOgB,kDACI,aAAA,CAAA,yBCLpB,CDUQ,qCACI,aAAA,CAAA,QCRZ,CDUY,2CACI,gBAAA,CAAA,gCAAA,CACA,eAAA,CAAA,4BAAA,CACA,iBAAA,CACA,WAAA,CACA,4BAAA,CAAA,sCAAA,CACA,aAAA,CAAA,sBCRhB,CDWY,iDACI,qBAAA,CAAA,kCAAA,CACA,kBAAA,CACA,YAAA,CACA,eAAA,CACA,4BAAA,CAAA,sCCThB,CDWgB,qDACI,UAAA,CACA,WAAA,CACA,kBCTpB,CDeI,yBACI,eAAA,CACA,aAAA,CAAA,QCbR,CDeQ,oCACI,iBAAA,CACA,cAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,sBAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,eCbZ,CDeY,8CACI,iBAAA,CACA,WAAA,CACA,UAAA,CACA,KAAA,CACA,OAAA,CACA,QCbhB,CDegB,oDACI,UAAA,CACA,WAAA,CACA,gBAAA,CACA,oBCbpB,CDiBY,sHACI,WCfhB,CDkBY,uCACI,gBAAA,CAAA,2BAAA,CACA,UAAA,CAAA,uBAAA,CACA,eChBhB,CDmBY,sCACI,YAAA,CACA,aAAA,CAAA,sBAAA,CACA,eCjBhB,CDoBY,6CACI,aAAA,CAAA,QClBhB,CDoBgB,kDACI,eAAA,CACA,oBAAA,CACA,aAAA,CAAA,yBAAA,CACA,mCClBpB,CDqBgB,0DACI,eAAA,CACA,wBAAA,CAAA,iCAAA,CACA,aAAA,CAAA,sBCnBpB,CDqBoB,gEACI,kBAAA,CAAA,2BAAA,CACA,aAAA,CAAA,yBCnBxB,CDyBQ,mCACI,cCvBZ,CDyBY,yCACI,iBAAA,CACA,YAAA,CACA,YAAA,CACA,kBAAA,CACA,6BCvBhB,CDyBgB,gDACI,UAAA,CACA,iBAAA,CACA,WAAA,CACA,SAAA,CACA,kBAAA,CAAA,2BAAA,CACA,MAAA,CACA,QAAA,CACA,oBCvBpB,CD0BgB,kDACI,WCxBpB,CD0BoB,qDACI,gBAAA,CAAA,2BAAA,CACA,mBAAA,CACA,aAAA,CAAA,uBCxBxB,CD2BoB,wDACI,eAAA,CAAA,UAAA,CACA,eAAA,CACA,aAAA,CAAA,uBCzBxB,CD2BwB,8DACI,iBAAA,CAAA,+BAAA,CACA,aAAA,CACA,aAAA,CAAA,yBAAA,CACA,eAAA,CACA,eCzB5B,CD6BoB,wDACI,eAAA,CACA,cC3BxB,CD6BwB,8DACI,aAAA,CAAA,yBC3B5B,CD4B4B,oEACI,kCAAA,CAAA,0BAAA,CACA,mBC1BhC,CDgCgB,iDACI,mCAAA,CAAA,2BC9BpB,CDgCoB,qDACI,WC9BxB,CDmCY,gDACI,UAAA,CACA,YAAA,CACA,iBAAA,CACA,iBCjChB,CDmCgB,sDACI,iBAAA,CACA,kBAAA,CAAA,4BAAA,CACA,sBAAA,CAAA,mCAAA,CACA,cAAA,CACA,iBAAA,CACA,QAAA,CACA,SAAA,CACA,gCAAA,CAAA,wBAAA,CACA,WCjCpB,CDoCgB,6DACI,iBAAA,CACA,YAAA,CACA,kBAAA,CAAA,4BAAA,CACA,kBAAA,CACA,eClCpB,CDoCoB,gEACI,cAAA,CAAA,2BAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,aAAA,CAAA,uBClCxB,CDqCoB,+DACI,iBAAA,CAAA,+BAAA,CACA,aAAA,CAAA,sBAAA,CACA,mBAAA,CACA,eCnCxB,CDsCoB,kEACI,iBAAA,CACA,aAAA,CAAA,sBAAA,CACA,YCpCxB,CDuCoB,2IACI,iBAAA,CACA,kBAAA,CAAA,2BAAA,CACA,iBAAA,CACA,UCrCxB,CDwCoB,sEACI,YAAA,CACA,WAAA,CACA,SAAA,CACA,UCtCxB,CDyCoB,sEACI,WAAA,CACA,WAAA,CACA,YAAA,CACA,WAAA,CACA,SCvCxB,CDgDA,oCACI,aACI,qBC7CN,CD+CM,+CACI,UAAA,CACA,eC7CV,CDgDM,uBACI,eAAA,CACA,qBAAA,CACA,qBC9CV,CDgDU,oCACI,uBC9Cd,CACF,CDmDA,oCAEQ,0BACI,YClDV,CACF,CDsDA,oCAGY,6BACI,UCtDd,CDyDU,oCACI,sBCvDd,CACF,CD4DA,oCAEQ,yBACI,YC3DV,CD+DE,OAEI,WC7DN,CDiEM,+BALA,iBCzDN,CDiEU,iCACI,WAAA,CACA,qBC/Dd,CDiEc,sCACI,UC/DlB,CDqEU,6BACI,YAAA,CACA,kBAAA,CACA,sBCnEd,CDqEc,sCACI,WCnElB,CDsEc,oCACI,oBCpElB,CDuEc,qCACI,YCrElB,CACF,CD2EA,oCAGY,oCACI,iBAAA,CACA,iBC3Ed,CD6Ec,uCACI,iBAAA,CAAA,2BC3ElB,CACF,CC7SA,gBACI,cCAJ,CDEI,yBACI,UAAA,CACA,6BCAR,CDEQ,4BACI,iBAAA,CAAA,2BAAA,CACA,aAAA,CAAA,uBAAA,CACA,eCAZ,CDGQ,8BACI,mCCDZ,CDGQ,oCACI,wBAAA,CAAA,oCCDZ,CDKI,8BACI,UAAA,CACA,aAAA,CACA,aAAA,CAAA,QAAA,CACA,cAAA,CACA,6BCHR,CDKQ,0CACI,iBAAA,CACA,WAAA,CACA,YAAA,CACA,YAAA,CACA,kBAAA,CACA,qBAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CAAA,+BCHZ,CDKY,gDACI,kBAAA,CAAA,+BAAA,CACA,4BAAA,CAAA,sCCHhB,CDMY,8CACI,eCJhB,CDOY,gDACI,iBAAA,CACA,QAAA,CACA,UAAA,CACA,aAAA,CAAA,yBCLhB,CDQY,6CACI,cAAA,CAAA,2BAAA,CACA,aAAA,CAAA,uBAAA,CACA,cCNhB,CDWI,yBACI,UAAA,CACA,6BAAA,CACA,aAAA,CAAA,QAAA,CACA,sBCTR,CDYY,iGACI,cCVhB,CDYgB,2GACI,kBCVpB,CDcY,2FACI,iBAAA,CACA,kBAAA,CACA,eAAA,CAAA,4BAAA,CACA,aAAA,CAAA,QAAA,CACA,4BAAA,CAAA,sCCZhB,CDcgB,yGACI,kBAAA,CACA,8BAAA,CAAA,sCCZpB,CDcoB,iHACI,UAAA,CACA,WAAA,CACA,kBAAA,CACA,gBAAA,CACA,wBAAA,CAAA,kCAAA,CACA,mBCZxB,CDcwB,6HACI,mCAAA,CAAA,2BCZ5B,CDkBoB,yHACI,aAAA,CAAA,uBAAA,CACA,eChBxB,CDmBoB,2HACI,eCjBxB,CDkBwB,uIACI,iBChB5B,CD0BA,oCAGY,+BACI,qBCzBd,CACF,CD8BA,oCAEM,4BACE,qBC7BN,CACF,CDiCE,oCAEM,yBACI,qBChCV,CDiCU,+BACI,kBC/Bd,CACF,CC1IA,MAUI,uBAAA,CACA,uBCSJ,CDGA,iBACI,cCAJ,CDEI,0BACI,UAAA,CACA,6BCAR,CDEQ,6BACI,iBAAA,CAAA,2BAAA,CACA,aAAA,CAAA,uBAAA,CACA,eCAZ,CDGQ,+BACI,4BCDZ,CDIQ,qCACI,wBAAA,CAAA,oCCFZ,CDMI,+BACI,eCJR,CDMQ,+CACI,sBAAA,CACA,6BCJZ,CDMY,mDACI,UAAA,CACA,WAAA,CACA,gBAAA,CACA,iBAAA,CACA,4BAAA,CAAA,yCAAA,CACA,iBCJhB,CDOY,gEACI,QCLhB,CDOgB,sEACI,cAAA,CAAA,2BAAA,CACA,eAAA,CACA,aAAA,CAAA,uBAAA,CACA,aCLpB,CDQgB,sEACI,eAAA,CACA,aAAA,CAAA,sBAAA,CACA,iBAAA,CAAA,8BCNpB,CDUY,yDACI,aAAA,CAAA,sBAAA,CACA,eAAA,CACA,gBAAA,CAAA,iCCRhB,CDeA,oCACI,iBACI,UCZN,CACF,CC/EA,MACI,sBAAA,CACA,oBAAA,CACA,mBAAA,CACA,iBAAA,CACA,oBAAA,CACA,mBAAA,CACA,iBAAA,CACA,kBAAA,CACA,oBAAA,CAGA,wBAAA,CACA,mBAAA,CACA,oBAAA,CACA,iBAAA,CACA,wBAAA,CACA,uBAAA,CACA,yBCAJ,CDGA,SACI,eAAA,CAAA,4BAAA,CACA,4BAAA,CAAA,oCAAA,CACA,SAAA,CACA,WAAA,CACA,aAAA,CAAA,QAAA,CACA,aCAJ,CDEI,kBACI,uBAAA,CACA,cCAR,CDEQ,sBACI,eAAA,CACA,kBAAA,CAEA,iBAAA,CACA,aCAZ,CDGQ,qBACI,iBAAA,CAAA,2BAAA,CACA,oBCDZ,CDMQ,4DACI,cAAA,CAAA,2BAAA,CACA,aAAA,CAAA,uBAAA,CACA,uBCJZ,CDQY,kFACI,oBAAA,CACA,UAAA,CACA,iBCNhB,CDQgB,gGACI,iBAAA,CACA,UAAA,CACA,WAAA,CACA,MAAA,CACA,SAAA,CACA,QAAA,CACA,4BAAA,CACA,+BCLpB,CDSgB,sGACI,aAAA,CAAA,qBAAA,CACA,eCPpB,CDQoB,kHACI,kBCNxB,CDUgB,oHACI,aAAA,CAAA,yBAAA,CACA,YCRpB,CDWgB,8GACI,WAAA,CACA,0BAAA,CAAA,kBCTpB,CDeI,sBACI,UAAA,CACA,YAAA,CACA,iBAAA,CACA,iBCbR,CDeQ,4BACI,iBAAA,CACA,kBAAA,CAAA,4BAAA,CACA,sBAAA,CAAA,mCAAA,CACA,cAAA,CACA,iBAAA,CACA,QAAA,CACA,SAAA,CACA,gCAAA,CAAA,wBAAA,CACA,WCbZ,CDgBQ,mCACI,iBAAA,CACA,YAAA,CACA,kBAAA,CAAA,4BAAA,CACA,kBAAA,CACA,eCdZ,CDgBY,sCACI,cAAA,CAAA,2BAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,aAAA,CAAA,uBCdhB,CDiBY,qCACI,iBAAA,CAAA,+BAAA,CACA,aAAA,CAAA,sBAAA,CACA,mBAAA,CACA,eCfhB,CDkBY,wCACI,iBAAA,CACA,aAAA,CAAA,sBAAA,CACA,YChBhB,CDmBY,uFACI,iBAAA,CACA,kBAAA,CAAA,2BAAA,CACA,iBAAA,CACA,UCjBhB,CDoBY,4CACI,YAAA,CACA,WAAA,CACA,SAAA,CACA,UClBhB,CDqBY,4CACI,WAAA,CACA,WAAA,CACA,YAAA,CACA,WAAA,CACA,SCnBhB,CD0BA,oCACI,SACI,mBCvBN,CDyBM,sBACI,sBCvBV,CACF,CD2BA,oCAEQ,kBACI,iBAAA,CACA,WAAA,CACA,sBC1BV,CD4BU,sBACI,cAAA,CACA,QAAA,CACA,kBAAA,CACA,aC1Bd,CDwCM,+MACI,YChCV,CDqCc,oFACI,sBCnClB,CACF,CDyCA,oCAEQ,wCACI,iBAAA,CACA,WCxCV,CD2Cc,kFACI,mBCzClB,CD2CkB,sGACI,sBCzCtB,CD0CsB,kHACI,iBAAA,CAAA,2BCxC1B,CACF","file":"main.550acda6.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);\n/*body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n code {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n }\n */\n*{\n padding: 0;\n box-sizing: border-box;\n margin: 0;\n font-family: 'Montserrat', sans-serif;\n transition: .3 ease;\n}\n\n/* Colours & Styles - Default config */\n:root{\n --PrimaryColor: hsl(94, 59%, 35%);\n --HoverColor: #bdf094;\n --paleGreen: hsl(96, 75%, 89%);\n --whiteColor: hsl(0, 0%, 100%);\n --blackColor: hsl(0, 0%, 18%);\n --textColor: hsl(240, 1%, 48%);\n --bgColor: hsl(220, 10%, 94%);\n --greyText: rgb(190, 190, 190);\n --inputColor: hsl(330, 12%, 97%);\n\n /* Font & typography */\n --biggestFontSize: 2.5rem;\n --h1FontSize: 1.5rem;\n --h2FontSize: 1.25rem;\n --h3FontSize: 1rem;\n --normalFontSize: .938rem;\n --smallFontSize: .813rem;\n --smallestFontSize: .75rem;\n}\n\n/* Default styles */\nhtml{\n font-size: 90%;\n}\n\na{\n text-decoration: none;\n}\n\nli{\n list-style: none;\n}\n\n.icon{\n font-size: 1.25rem;\n font-size: var(--h2FontSize);\n}\n\nimg{\n width: 100%;\n height: auto;\n}\n\n.flex{\n display: flex;\n align-items: center;\n}\n\n.grid{\n display: grid;\n align-items: center;\n grid-gap: 1.5rem;\n gap: 1.5rem;\n}\n\n.btn{\n border: none;\n outline: none;\n cursor: pointer;\n border-radius: 8px;\n box-shadow: 0 2px 4px hsl(330, 12%, 97%);\n box-shadow: 0 2px 4px var(--inputColor);\n padding: .8rem 1rem;\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n}\n\n.btn .icon{\n margin-left: .5rem;\n}\n\n.btn:hover{\n background: hsl(96, 75%, 89%);\n background: var(--paleGreen);\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n}\n\nbody{\n display: flex;\n align-items: center;\n justify-content: center;\n margin: auto;\n padding: 1rem;\n}\n\n.container{\n position: relative;\n width: 95vw;\n height: 95vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: hsl(220, 10%, 94%);\n background: var(--bgColor);\n overflow: hidden;\n border-radius: 1rem;\n box-shadow: 2px 2px 8px rgb(190, 190, 190);\n box-shadow: 2px 2px 8px var(--greyText);\n}\n\n::-webkit-scrollbar{\n display: none;\n}\n\n/* Media Queries ========> */\n@media screen and (max-width: 990px) {\n .heading{\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1rem;\n gap: 1rem;\n }\n}\n\n@media screen and (max-width: 918px) {\n .heading{\n flex-direction: row;\n align-items: center;\n grid-gap: 1rem;\n gap: 1rem;\n }\n}\n\n@media screen and (max-width: 500px) {\n .heading{\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1rem;\n gap: 1rem;\n }\n}\n.mainContent {\n width: 82%;\n height: 100%;\n padding: 2rem;\n overflow: auto;\n}\n.mainContent .bottom {\n margin-top: 2rem;\n grid-gap: 2rem;\n gap: 2rem;\n align-items: flex-start;\n}\n\n@media screen and (max-width: 918px) {\n .bottom {\n flex-direction: column;\n }\n}/*# sourceMappingURL=bodyco.css.map */\n/* Colours & Styles - Default config */\n:root {\n --PrimaryColor: hsl(94, 59%, 35%);\n --HoverColor: #bdf094;\n --paleGreen: hsl(96, 75%, 89%);\n --whiteColor: hsl(0, 0%, 100%);\n --blackColor: hsl(0, 0%, 18%);\n --textColor: hsl(240, 1%, 48%);\n --bgColor: hsl(220, 10%, 94%);\n --greyText: rgb(190, 190, 190);\n --inputColor: hsl(330, 12%, 97%);\n /* Font & typography */\n --biggestFontSize: 2.5rem;\n --h1FontSize: 1.5rem;\n --h2FontSize: 1.25rem;\n --h3FontSize: 1rem;\n --normalFontSize: .938rem;\n --smallFontSize: .813rem;\n --smallestFontSize: .75rem;\n}\n\n.topSection .headerSection {\n justify-content: space-between;\n}\n.topSection .headerSection .title h1 {\n font-size: 1.5rem;\n font-size: var(--h1FontSize);\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n font-weight: 700;\n}\n.topSection .headerSection .title p {\n font-size: .938rem;\n font-size: var(--normalFontSize);\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n}\n.topSection .headerSection .searchBar {\n padding: 1rem 2rem;\n background: hsl(0, 0%, 100%);\n background: var(--whiteColor);\n border-radius: 5px;\n grid-gap: 1rem;\n gap: 1rem;\n box-shadow: 0 2px 4px hsl(330, 12%, 97%);\n box-shadow: 0 2px 4px var(--inputColor);\n}\n.topSection .headerSection .searchBar input {\n border: none;\n outline: none;\n background: none;\n}\n.topSection .headerSection .searchBar .icon {\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n}\n.topSection .headerSection .searchBar .icon:hover {\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n}\n.topSection .headerSection .adminDiv {\n grid-gap: 1rem;\n gap: 1rem;\n}\n.topSection .headerSection .adminDiv .icon {\n font-size: 2.5rem;\n font-size: var(--biggestFontSize);\n background: hsl(0, 0%, 100%);\n background: var(--whiteColor);\n border-radius: 5px;\n padding: 5px;\n box-shadow: 0 2px 4px hsl(330, 12%, 97%);\n box-shadow: 0 2px 4px var(--inputColor);\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n}\n.topSection .headerSection .adminDiv .adminImage {\n border: 3px solid hsl(0, 0%, 100%);\n border: 3px solid var(--whiteColor);\n border-radius: 10px;\n width: 2.5rem;\n overflow: hidden;\n box-shadow: 0 2px 4px hsl(330, 12%, 97%);\n box-shadow: 0 2px 4px var(--inputColor);\n}\n.topSection .headerSection .adminDiv .adminImage img {\n width: 100%;\n height: 100%;\n border-radius: 10px;\n}\n.topSection .cardSection {\n margin-top: 3rem;\n grid-gap: 1rem;\n gap: 1rem;\n}\n.topSection .cardSection .rightCard {\n position: relative;\n flex-basis: 70%;\n height: 200px;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n margin: auto;\n padding: 2rem;\n border-radius: 1rem;\n overflow: hidden;\n}\n.topSection .cardSection .rightCard .videoDiv {\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n right: 0;\n bottom: 0;\n}\n.topSection .cardSection .rightCard .videoDiv video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 1.3rem;\n}\n.topSection .cardSection .rightCard h1, .topSection .cardSection .rightCard p, .topSection .cardSection .rightCard .btn {\n z-index: 100;\n}\n.topSection .cardSection .rightCard h1 {\n font-size: 1.5rem;\n font-size: var(--h1FontSize);\n color: hsl(0, 0%, 100%);\n color: var(--whiteColor);\n font-weight: 800;\n}\n.topSection .cardSection .rightCard p {\n padding: 1rem;\n color: hsl(96, 75%, 89%);\n color: var(--paleGreen);\n font-weight: 500;\n}\n.topSection .cardSection .rightCard .buttons {\n grid-gap: 1rem;\n gap: 1rem;\n}\n.topSection .cardSection .rightCard .buttons .btn {\n box-shadow: none;\n padding: 0.8rem 1.5rem;\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n border-radius: 2px solid transparent;\n}\n.topSection .cardSection .rightCard .buttons .transparent {\n background: none;\n border: 2px solid hsl(96, 75%, 89%);\n border: 2px solid var(--paleGreen);\n color: hsl(96, 75%, 89%);\n color: var(--paleGreen);\n}\n.topSection .cardSection .rightCard .buttons .transparent:hover {\n background: hsl(96, 75%, 89%);\n background: var(--paleGreen);\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n}\n.topSection .cardSection .leftCard {\n flex-basis: 50%;\n}\n.topSection .cardSection .leftCard .main {\n position: relative;\n padding: 1rem;\n height: 200px;\n border-radius: 1rem;\n justify-content: space-between;\n}\n.topSection .cardSection .leftCard .main::before {\n content: \"\";\n position: absolute;\n height: 100%;\n width: 80%;\n background: hsl(96, 75%, 89%);\n background: var(--paleGreen);\n left: 0;\n bottom: 0;\n border-radius: 1.3rem;\n}\n.topSection .cardSection .leftCard .main .textDiv {\n z-index: 100;\n}\n.topSection .cardSection .leftCard .main .textDiv h1 {\n font-size: 1.5rem;\n font-size: var(--h1FontSize);\n padding-bottom: 1rem;\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n}\n.topSection .cardSection .leftCard .main .textDiv .flex {\n grid-gap: 1.5rem;\n gap: 1.5rem;\n font-weight: 500;\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n}\n.topSection .cardSection .leftCard .main .textDiv .flex small {\n font-size: .938rem;\n font-size: var(--normalFontSize);\n display: block;\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n font-weight: 500;\n padding: 0.5rem 0;\n}\n.topSection .cardSection .leftCard .main .textDiv .link {\n margin-top: 2rem;\n cursor: pointer;\n}\n.topSection .cardSection .leftCard .main .textDiv .link:hover {\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n}\n.topSection .cardSection .leftCard .main .textDiv .link:hover .icon {\n -webkit-transform: translateX(10px);\n transform: translateX(10px);\n transition: 0.3s ease;\n}\n.topSection .cardSection .leftCard .main .imgDiv {\n -webkit-transform: translateY(-20px);\n transform: translateY(-20px);\n}\n.topSection .cardSection .leftCard .main .imgDiv img {\n width: 200px;\n}\n.topSection .cardSection .leftCard .sideBarCard {\n width: 100%;\n padding: 1rem;\n text-align: center;\n position: relative;\n}\n.topSection .cardSection .leftCard .sideBarCard .icon {\n position: absolute;\n background: #bdf094;\n background: var(--HoverColor);\n border: 10px solid hsl(0, 0%, 100%);\n border: 10px solid var(--whiteColor);\n font-size: 3rem;\n border-radius: 50%;\n top: -8px;\n right: 50%;\n -webkit-transform: translate(50%);\n transform: translate(50%);\n z-index: 100;\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent {\n position: relative;\n padding: 1rem;\n background: #bdf094;\n background: var(--HoverColor);\n border-radius: 10px;\n overflow: hidden;\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent h3 {\n font-size: 1rem;\n font-size: var(--h3FontSize);\n margin-top: 1rem;\n padding: 1rem 0;\n font-weight: 800;\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent p {\n font-size: .938rem;\n font-size: var(--normalFontSize);\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n padding-bottom: 1rem;\n font-weight: 500;\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent .btn {\n position: relative;\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n z-index: 1000;\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent .circle1, .topSection .cardSection .leftCard .sideBarCard .cardContent circle2 {\n position: absolute;\n background: hsl(96, 75%, 89%);\n background: var(--paleGreen);\n border-radius: 50%;\n opacity: 0.7;\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent .circle1 {\n height: 100px;\n width: 100px;\n top: -50px;\n left: -50px;\n}\n.topSection .cardSection .leftCard .sideBarCard .cardContent .circle2 {\n height: 50px;\n width: 150px;\n bottom: -80px;\n right: -70px;\n z-index: 1;\n}\n\n@media screen and (max-width: 990px) {\n .cardSection {\n flex-direction: column;\n }\n .cardSection .rightCard, .cardSection .leftCard {\n width: 100%;\n flex-basis: 100%;\n }\n .cardSection .leftCard {\n margin-top: 2rem;\n align-self: flex-start;\n height: 10px !important;\n }\n .cardSection .leftCard .sideBarCard {\n display: block !important;\n }\n}\n@media screen and (max-width: 918px) {\n .headerSection .searchBar {\n display: none;\n }\n}\n@media screen and (max-width: 725px) {\n .cardSection .leftCard .main {\n width: 100%;\n }\n .cardSection .leftCard .sideBarCard {\n display: none !important;\n }\n}\n@media screen and (max-width: 490px) {\n .headerSection .adminDiv {\n display: none;\n }\n .title {\n text-align: center;\n margin: auto;\n }\n .cardSection .rightCard {\n text-align: center;\n }\n .cardSection .rightCard .buttons {\n margin: auto;\n flex-direction: column;\n }\n .cardSection .rightCard .buttons .btn {\n width: 100%;\n }\n .cardSection .leftCard .main {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .cardSection .leftCard .main .textDiv {\n margin: auto;\n }\n .cardSection .leftCard .main::before {\n width: 100% !important;\n }\n .cardSection .leftCard .main .imgDiv {\n display: none;\n }\n}\n@media screen and (max-width: 390px) {\n .topSection .cardSection .rightCard {\n text-align: center;\n padding: 2rem 1rem;\n }\n .topSection .cardSection .rightCard h1 {\n font-size: 1.25rem;\n font-size: var(--h2FontSize);\n }\n}/*# sourceMappingURL=top.css.map */\n/* Colours & Styles - Default config */\n:root {\n --PrimaryColor: hsl(94, 59%, 35%);\n --HoverColor: #bdf094;\n --paleGreen: hsl(96, 75%, 89%);\n --whiteColor: hsl(0, 0%, 100%);\n --blackColor: hsl(0, 0%, 18%);\n --textColor: hsl(240, 1%, 48%);\n --bgColor: hsl(220, 10%, 94%);\n --greyText: rgb(190, 190, 190);\n --inputColor: hsl(330, 12%, 97%);\n --itemCardColor: hsl(120, 5%, 88%);\n --itemCardHover: hsl(120, 27%, 87%);\n /* Font & typography */\n --biggestFontSize: 2.5rem;\n --h1FontSize: 1.5rem;\n --h2FontSize: 1.25rem;\n --h3FontSize: 1rem;\n --normalFontSize: .938rem;\n --smallFontSize: .813rem;\n --smallestFontSize: .75rem;\n}\n\n.listingSection {\n flex-basis: 70%;\n}\n.listingSection .heading {\n width: 100%;\n justify-content: space-between;\n}\n.listingSection .heading h1 {\n font-size: 1.25rem;\n font-size: var(--h2FontSize);\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n font-weight: 700;\n}\n.listingSection .heading .btn {\n border: 1px solid var(--transparent);\n}\n.listingSection .heading .btn:hover {\n border: 1px solid hsl(94, 59%, 35%);\n border: 1px solid var(--PrimaryColor);\n}\n.listingSection .secContainer {\n width: 100%;\n margin: 1rem 0;\n grid-gap: 1rem;\n gap: 1rem;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n.listingSection .secContainer .singleItem {\n position: relative;\n width: 130px;\n height: 150px;\n display: flex;\n align-items: center;\n flex-direction: column;\n padding: 1rem;\n border-radius: 15px;\n background: hsl(120, 5%, 88%);\n background: var(--itemCardColor);\n}\n.listingSection .secContainer .singleItem:hover {\n background: hsl(120, 27%, 87%);\n background: var(--itemCardHover);\n box-shadow: 0 2px 2px hsl(330, 12%, 97%);\n box-shadow: 0 2px 2px var(--inputColor);\n}\n.listingSection .secContainer .singleItem img {\n max-width: 100px;\n}\n.listingSection .secContainer .singleItem .icon {\n position: absolute;\n top: 10px;\n right: 10px;\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n}\n.listingSection .secContainer .singleItem h3 {\n font-size: 1rem;\n font-size: var(--h3FontSize);\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n padding: 1rem 0;\n}\n.listingSection .sellers {\n width: 100%;\n justify-content: space-between;\n grid-gap: 1rem;\n gap: 1rem;\n align-items: flex-start;\n}\n.listingSection .sellers .topSellers .heading, .listingSection .sellers .featuredSellers .heading {\n padding: 1rem 0;\n}\n.listingSection .sellers .topSellers .heading .btn, .listingSection .sellers .featuredSellers .heading .btn {\n padding: 0.5rem 1rem;\n}\n.listingSection .sellers .topSellers .card, .listingSection .sellers .featuredSellers .card {\n padding: 1rem 2rem;\n border-radius: 1rem;\n background: hsl(0, 0%, 100%);\n background: var(--whiteColor);\n grid-gap: 1rem;\n gap: 1rem;\n box-shadow: 0 2px 4px hsl(330, 12%, 97%);\n box-shadow: 0 2px 4px var(--inputColor);\n}\n.listingSection .sellers .topSellers .card .users, .listingSection .sellers .featuredSellers .card .users {\n padding-right: 1rem;\n border-right: 2px solid rgb(190, 190, 190);\n border-right: 2px solid var(--greyText);\n}\n.listingSection .sellers .topSellers .card .users img, .listingSection .sellers .featuredSellers .card .users img {\n width: 30px;\n height: 30px;\n border-radius: 50px;\n object-fit: cover;\n border: 2px solid hsl(330, 12%, 97%);\n border: 2px solid var(--inputColor);\n transition: 0.5s ease;\n}\n.listingSection .sellers .topSellers .card .users img:hover, .listingSection .sellers .featuredSellers .card .users img:hover {\n -webkit-transform: translateY(-10px);\n transform: translateY(-10px);\n}\n.listingSection .sellers .topSellers .card .cardText span, .listingSection .sellers .featuredSellers .card .cardText span {\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n font-weight: 500;\n}\n.listingSection .sellers .topSellers .card .cardText small, .listingSection .sellers .featuredSellers .card .cardText small {\n font-weight: 400;\n}\n.listingSection .sellers .topSellers .card .cardText small .date, .listingSection .sellers .featuredSellers .card .cardText small .date {\n margin-left: 1 rem;\n}\n\n@media screen and (max-width: 990px) {\n .listingSection .sellers .card {\n flex-direction: column;\n }\n}\n@media screen and (max-width: 918px) {\n .listingSection .singleItem {\n width: 200px !important;\n }\n}\n@media screen and (max-width: 490px) {\n .listingSection .sellers {\n flex-direction: column;\n }\n .listingSection .sellers .card {\n flex-direction: row;\n }\n}/*# sourceMappingURL=listing.css.map */\n/* Colours & Styles - Default config */\n:root {\n --PrimaryColor: hsl(94, 59%, 35%);\n --HoverColor: #bdf094;\n --paleGreen: hsl(96, 75%, 89%);\n --whiteColor: hsl(0, 0%, 100%);\n --blackColor: hsl(0, 0%, 18%);\n --textColor: hsl(240, 1%, 48%);\n --bgColor: hsl(220, 10%, 94%);\n --greyText: rgb(190, 190, 190);\n --inputColor: hsl(330, 12%, 97%);\n --itemCardColor: hsl(120, 5%, 88%);\n --itemCardHover: hsl(120, 27%, 87%);\n /* Font & typography */\n --biggestFontSize: 2.5rem;\n --h1FontSize: 1.5rem;\n --h2FontSize: 1.25rem;\n --h3FontSize: 1rem;\n --normalFontSize: .938rem;\n --smallFontSize: .813rem;\n --smallestFontSize: .75rem;\n}\n\n.activitySection {\n flex-basis: 50%;\n}\n.activitySection .heading {\n width: 100%;\n justify-content: space-between;\n}\n.activitySection .heading h1 {\n font-size: 1.25rem;\n font-size: var(--h2FontSize);\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n fonr-weight: 700;\n}\n.activitySection .heading .btn {\n border: 1px solid transparent;\n}\n.activitySection .heading .btn:hover {\n border: 1px solid hsl(94, 59%, 35%);\n border: 1px solid var(--PrimaryColor);\n}\n.activitySection .secContainer {\n margin-top: 1rem;\n}\n.activitySection .secContainer .singleCustomer {\n align-items: flex-start;\n justify-content: space-between;\n}\n.activitySection .secContainer .singleCustomer img {\n width: 40px;\n height: 40px;\n object-fit: cover;\n border-radius: 50%;\n box-shadow: 0 2px 4px hsl(120, 5%, 88%);\n box-shadow: 0 2px 4px var(--itemCardColor);\n margin-right: 1rem;\n}\n.activitySection .secContainer .singleCustomer .customerDetails {\n flex: 1 1;\n}\n.activitySection .secContainer .singleCustomer .customerDetails .name {\n font-size: 1rem;\n font-size: var(--h3FontSize);\n font-weight: 600;\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n display: block;\n}\n.activitySection .secContainer .singleCustomer .customerDetails small {\n font-weight: 500;\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n font-size: .813rem;\n font-size: var(--smallFontSize);\n}\n.activitySection .secContainer .singleCustomer .duration {\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n font-weight: 500;\n font-size: .75rem;\n font-size: var(--smallestFontSize);\n}\n\n@media screen and (max-width: 918px) {\n .activitySection {\n width: 100%;\n }\n}/*# sourceMappingURL=activity.css.map */\n/* Colours & Styles - Default config */\n:root {\n --PrimaryColor: hsl(94, 59%, 35%);\n --HoverColor: #bdf094;\n --paleGreen: hsl(96, 75%, 89%);\n --whiteColor: hsl(0, 0%, 100%);\n --blackColor: hsl(0, 0%, 18%);\n --textColor: hsl(240, 1%, 48%);\n --bgColor: hsl(220, 10%, 94%);\n --greyText: rgb(190, 190, 190);\n --inputColor: hsl(330, 12%, 97%);\n /* Font & typography */\n --biggestFontSize: 2.5rem;\n --h1FontSize: 1.5rem;\n --h2FontSize: 1.25rem;\n --h3FontSize: 1rem;\n --normalFontSize: .938rem;\n --smallFontSize: .813rem;\n --smallestFontSize: .75rem;\n}\n\n.sideBar {\n background: hsl(0, 0%, 100%);\n background: var(--whiteColor);\n box-shadow: 1px 0px 4px rgb(190, 190, 190);\n box-shadow: 1px 0px 4px var(--greyText);\n width: 18%;\n height: 100%;\n grid-gap: 3rem;\n gap: 3rem;\n overflow: auto;\n}\n.sideBar .logoDiv {\n padding: 1.5rem 1.5rem 0;\n cursor: pointer;\n}\n.sideBar .logoDiv img {\n max-width: 100px;\n margin-right: 0.5rem;\n /*background: var(--inputColor);*/\n border-radius: 2px;\n padding: 0.2rem;\n}\n.sideBar .logoDiv h2 {\n font-size: 1.25rem;\n font-size: var(--h2FontSize);\n color: --PrimaryColor;\n}\n.sideBar .menuDiv .divTitle, .sideBar .settingsDiv .divTitle {\n font-size: 1rem;\n font-size: var(--h3FontSize);\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n padding: 0 1.5rem 1.5rem;\n}\n.sideBar .menuDiv .menuLists .listItem, .sideBar .settingsDiv .menuLists .listItem {\n padding: 0.2rem 1.5rem;\n width: 100%;\n position: relative;\n}\n.sideBar .menuDiv .menuLists .listItem::before, .sideBar .settingsDiv .menuLists .listItem::before {\n position: absolute;\n content: \"\";\n height: 100%;\n left: 0;\n width: 5px;\n bottom: 0;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n /* background: var(--PrimaryColor); */\n}\n.sideBar .menuDiv .menuLists .listItem .menuLink, .sideBar .settingsDiv .menuLists .listItem .menuLink {\n color: rgb(190, 190, 190);\n color: var(--greyText);\n font-weight: 500;\n}\n.sideBar .menuDiv .menuLists .listItem .menuLink .icon, .sideBar .settingsDiv .menuLists .listItem .menuLink .icon {\n margin-right: 0.5rem;\n}\n.sideBar .menuDiv .menuLists .listItem::hover .menuLink, .sideBar .settingsDiv .menuLists .listItem::hover .menuLink {\n color: hsl(94, 59%, 35%);\n color: var(--PrimaryColor);\n transition: 0;\n}\n.sideBar .menuDiv .menuLists .listItem::hover::before, .sideBar .settingsDiv .menuLists .listItem::hover::before {\n height: 100%;\n -webkit-transform: 0.3s ease;\n transform: 0.3s ease;\n}\n.sideBar .sideBarCard {\n width: 100%;\n padding: 1rem;\n text-align: center;\n position: relative;\n}\n.sideBar .sideBarCard .icon {\n position: absolute;\n background: #bdf094;\n background: var(--HoverColor);\n border: 10px solid hsl(0, 0%, 100%);\n border: 10px solid var(--whiteColor);\n font-size: 3rem;\n border-radius: 50%;\n top: -8px;\n right: 50%;\n -webkit-transform: translate(50%);\n transform: translate(50%);\n z-index: 100;\n}\n.sideBar .sideBarCard .cardContent {\n position: relative;\n padding: 1rem;\n background: #bdf094;\n background: var(--HoverColor);\n border-radius: 10px;\n overflow: hidden;\n}\n.sideBar .sideBarCard .cardContent h3 {\n font-size: 1rem;\n font-size: var(--h3FontSize);\n margin-top: 1rem;\n padding: 1rem 0;\n font-weight: 800;\n color: hsl(0, 0%, 18%);\n color: var(--blackColor);\n}\n.sideBar .sideBarCard .cardContent p {\n font-size: .938rem;\n font-size: var(--normalFontSize);\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n padding-bottom: 1rem;\n font-weight: 500;\n}\n.sideBar .sideBarCard .cardContent .btn {\n position: relative;\n color: hsl(240, 1%, 48%);\n color: var(--textColor);\n z-index: 1000;\n}\n.sideBar .sideBarCard .cardContent .circle1, .sideBar .sideBarCard .cardContent circle2 {\n position: absolute;\n background: hsl(96, 75%, 89%);\n background: var(--paleGreen);\n border-radius: 50%;\n opacity: 0.7;\n}\n.sideBar .sideBarCard .cardContent .circle1 {\n height: 100px;\n width: 100px;\n top: -50px;\n left: -50px;\n}\n.sideBar .sideBarCard .cardContent .circle2 {\n height: 50px;\n width: 150px;\n bottom: -80px;\n right: -70px;\n z-index: 1;\n}\n\n@media screen and (max-width: 820px) {\n .sideBar {\n padding-bottom: 2rem;\n }\n .sideBar .sideBarCard {\n display: none !important;\n }\n}\n@media screen and (max-width: 745px) {\n .sideBar .logoDiv {\n text-align: center;\n margin: auto;\n padding: 1.5rem 0.5rem 0;\n }\n .sideBar .logoDiv img {\n max-width: 50px;\n margin: 0;\n border-radius: 10px;\n padding: 0.5rem;\n }\n .sideBar .logoDiv h2 {\n display: none;\n }\n .sideBar .divTitle, .sideBar .smallText, .sideBar .smalText {\n display: none;\n }\n .menuDiv .divTitle, .menuDiv .smallText, .menuDiv .smalText, .settingsDiv .divTitle, .settingsDiv .smallText, .settingsDiv .smalText {\n display: none;\n }\n .menuDiv .menuLists .listItem .menuLink, .settingsDiv .menuLists .listItem .menuLink {\n justify-content: center;\n }\n}\n@media screen and (max-width: 390px) {\n .sideBar .menuDiv, .sideBar .settingsDiv {\n text-align: center;\n margin: auto;\n }\n .sideBar .menuDiv .menuLists .listItem, .sideBar .settingsDiv .menuLists .listItem {\n padding: 0.2rem 0.5rem;\n }\n .sideBar .menuDiv .menuLists .listItem .menuLink, .sideBar .settingsDiv .menuLists .listItem .menuLink {\n justify-content: center;\n }\n .sideBar .menuDiv .menuLists .listItem .menuLink .icon, .sideBar .settingsDiv .menuLists .listItem .menuLink .icon {\n font-size: 1.25rem;\n font-size: var(--h2FontSize);\n }\n}/*# sourceMappingURL=sidebar.css.map */\n","@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');\n\n*{\n padding: 0;\n box-sizing: border-box;\n margin: 0;\n font-family: 'Montserrat', sans-serif;\n transition: .3 ease;\n}\n\n/* Colours & Styles - Default config */\n:root{\n --PrimaryColor: hsl(94, 59%, 35%);\n --HoverColor: #bdf094;\n --paleGreen: hsl(96, 75%, 89%);\n --whiteColor: hsl(0, 0%, 100%);\n --blackColor: hsl(0, 0%, 18%);\n --textColor: hsl(240, 1%, 48%);\n --bgColor: hsl(220, 10%, 94%);\n --greyText: rgb(190, 190, 190);\n --inputColor: hsl(330, 12%, 97%);\n\n /* Font & typography */\n --biggestFontSize: 2.5rem;\n --h1FontSize: 1.5rem;\n --h2FontSize: 1.25rem;\n --h3FontSize: 1rem;\n --normalFontSize: .938rem;\n --smallFontSize: .813rem;\n --smallestFontSize: .75rem;\n}\n\n/* Default styles */\nhtml{\n font-size: 90%;\n}\n\na{\n text-decoration: none;\n}\n\nli{\n list-style: none;\n}\n\n.icon{\n font-size: var(--h2FontSize);\n}\n\nimg{\n width: 100%;\n height: auto;\n}\n\n.flex{\n display: flex;\n align-items: center;\n}\n\n.grid{\n display: grid;\n align-items: center;\n gap: 1.5rem;\n}\n\n.btn{\n border: none;\n outline: none;\n cursor: pointer;\n border-radius: 8px;\n box-shadow: 0 2px 4px var(--inputColor);\n padding: .8rem 1rem;\n color: var(--textColor);\n}\n\n.btn .icon{\n margin-left: .5rem;\n}\n\n.btn:hover{\n background: var(--paleGreen);\n color: var(--PrimaryColor);\n}\n\nbody{\n display: flex;\n align-items: center;\n justify-content: center;\n margin: auto;\n padding: 1rem;\n}\n\n.container{\n position: relative;\n width: 95vw;\n height: 95vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--bgColor);\n overflow: hidden;\n border-radius: 1rem;\n box-shadow: 2px 2px 8px var(--greyText);\n}\n\n::-webkit-scrollbar{\n display: none;\n}\n\n/* Media Queries ========> */\n@media screen and (max-width: 990px) {\n .heading{\n flex-direction: column;\n align-items: flex-start;\n gap: 1rem;\n }\n}\n\n@media screen and (max-width: 918px) {\n .heading{\n flex-direction: row;\n align-items: center;\n gap: 1rem;\n }\n}\n\n@media screen and (max-width: 500px) {\n .heading{\n flex-direction: column;\n align-items: flex-start;\n gap: 1rem;\n }\n}",null,null,null,null,null,null,null,null,null,null]} \ No newline at end of file diff --git a/build/static/js/2.c8c872ed.chunk.js b/build/static/js/2.c8c872ed.chunk.js new file mode 100644 index 00000000..2fd1cd20 --- /dev/null +++ b/build/static/js/2.c8c872ed.chunk.js @@ -0,0 +1,3 @@ +/*! For license information please see 2.c8c872ed.chunk.js.LICENSE.txt */ +(this["webpackJsonpstar-sailors-fe"]=this["webpackJsonpstar-sailors-fe"]||[]).push([[2],[function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(2),a=n.n(r),o={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},i=a.a.createContext&&a.a.createContext(o),l=function(){return l=Object.assign||function(e){for(var t,n=1,r=arguments.length;n=0;--a){var o=this.tryEntries[a],i=o.completion;if("root"===o.tryLoc)return r("end");if(o.tryLoc<=this.prev){var l=n.call(o,"catchLoc"),u=n.call(o,"finallyLoc");if(l&&u){if(this.prev=0;--r){var a=this.tryEntries[r];if(a.tryLoc<=this.prev&&n.call(a,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),x(n),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;x(n)}return a}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:j(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),p}},e}},function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(30);function a(e,t){if(null==e)return{};var n,a,o=Object(r.a)(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}},function(e,t,n){var r;!function(){"use strict";var n={}.hasOwnProperty;function a(){for(var e=[],t=0;t)?=?)"),l("XRANGEIDENTIFIERLOOSE","".concat(a[o.NUMERICIDENTIFIERLOOSE],"|x|X|\\*")),l("XRANGEIDENTIFIER","".concat(a[o.NUMERICIDENTIFIER],"|x|X|\\*")),l("XRANGEPLAIN","[v=\\s]*(".concat(a[o.XRANGEIDENTIFIER],")(?:\\.(").concat(a[o.XRANGEIDENTIFIER],")(?:\\.(").concat(a[o.XRANGEIDENTIFIER],")(?:").concat(a[o.PRERELEASE],")?").concat(a[o.BUILD],"?)?)?")),l("XRANGEPLAINLOOSE","[v=\\s]*(".concat(a[o.XRANGEIDENTIFIERLOOSE],")(?:\\.(").concat(a[o.XRANGEIDENTIFIERLOOSE],")(?:\\.(").concat(a[o.XRANGEIDENTIFIERLOOSE],")(?:").concat(a[o.PRERELEASELOOSE],")?").concat(a[o.BUILD],"?)?)?")),l("XRANGE","^".concat(a[o.GTLT],"\\s*").concat(a[o.XRANGEPLAIN],"$")),l("XRANGELOOSE","^".concat(a[o.GTLT],"\\s*").concat(a[o.XRANGEPLAINLOOSE],"$")),l("COERCE","(^|[^\\d])(\\d{1,".concat(n,"})(?:\\.(\\d{1,").concat(n,"}))?(?:\\.(\\d{1,").concat(n,"}))?(?:$|[^\\d])")),l("COERCERTL",a[o.COERCE],!0),l("LONETILDE","(?:~>?)"),l("TILDETRIM","(\\s*)".concat(a[o.LONETILDE],"\\s+"),!0),t.tildeTrimReplace="$1~",l("TILDE","^".concat(a[o.LONETILDE]).concat(a[o.XRANGEPLAIN],"$")),l("TILDELOOSE","^".concat(a[o.LONETILDE]).concat(a[o.XRANGEPLAINLOOSE],"$")),l("LONECARET","(?:\\^)"),l("CARETTRIM","(\\s*)".concat(a[o.LONECARET],"\\s+"),!0),t.caretTrimReplace="$1^",l("CARET","^".concat(a[o.LONECARET]).concat(a[o.XRANGEPLAIN],"$")),l("CARETLOOSE","^".concat(a[o.LONECARET]).concat(a[o.XRANGEPLAINLOOSE],"$")),l("COMPARATORLOOSE","^".concat(a[o.GTLT],"\\s*(").concat(a[o.LOOSEPLAIN],")$|^$")),l("COMPARATOR","^".concat(a[o.GTLT],"\\s*(").concat(a[o.FULLPLAIN],")$|^$")),l("COMPARATORTRIM","(\\s*)".concat(a[o.GTLT],"\\s*(").concat(a[o.LOOSEPLAIN],"|").concat(a[o.XRANGEPLAIN],")"),!0),t.comparatorTrimReplace="$1$2$3",l("HYPHENRANGE","^\\s*(".concat(a[o.XRANGEPLAIN],")\\s+-\\s+(").concat(a[o.XRANGEPLAIN],")\\s*$")),l("HYPHENRANGELOOSE","^\\s*(".concat(a[o.XRANGEPLAINLOOSE],")\\s+-\\s+(").concat(a[o.XRANGEPLAINLOOSE],")\\s*$")),l("STAR","(<|>)?=?\\s*\\*"),l("GTE0","^\\s*>=\\s*0.0.0\\s*$"),l("GTE0PRE","^\\s*>=\\s*0.0.0-0\\s*$")})),z=/^[0-9]+$/,D=function(e,t){var n=z.test(e),r=z.test(t);return n&&r&&(e=+e,t=+t),e===t?0:n&&!r?-1:r&&!n?1:eU)throw new TypeError("version is longer than ".concat(U," characters"));A("SemVer",t,n),this.options=n,this.loose=!!n.loose,this.includePrerelease=!!n.includePrerelease;var r=t.trim().match(n.loose?H[V.LOOSE]:H[V.FULL]);if(!r)throw new TypeError("Invalid Version: ".concat(t));if(this.raw=t,this.major=+r[1],this.minor=+r[2],this.patch=+r[3],this.major>B||this.major<0)throw new TypeError("Invalid major version");if(this.minor>B||this.minor<0)throw new TypeError("Invalid minor version");if(this.patch>B||this.patch<0)throw new TypeError("Invalid patch version");r[4]?this.prerelease=r[4].split(".").map((function(e){if(/^[0-9]+$/.test(e)){var t=+e;if(t>=0&&t=0;)"number"==typeof this.prerelease[n]&&(this.prerelease[n]++,n=-2);-1===n&&this.prerelease.push(0)}t&&(this.prerelease[0]===t?isNaN(this.prerelease[1])&&(this.prerelease=[t,0]):this.prerelease=[t,0]);break;default:throw new Error("invalid increment argument: ".concat(e))}return this.format(),this.raw=this.version,this}}]),e}(),G=function(e,t,n){return new $(e,n).compare(new $(t,n))},Q=function(e,t,n){return 0===G(e,t,n)},q=function(e,t,n){return 0!==G(e,t,n)},K=function(e,t,n){return G(e,t,n)>0},X=function(e,t,n){return G(e,t,n)>=0},Y=function(e,t,n){return G(e,t,n)<0},J=function(e,t,n){return G(e,t,n)<=0},Z=function(e,t,n,r){switch(t){case"===":return"object"==typeof e&&(e=e.version),"object"==typeof n&&(n=n.version),e===n;case"!==":return"object"==typeof e&&(e=e.version),"object"==typeof n&&(n=n.version),e!==n;case"":case"=":case"==":return Q(e,n,r);case"!=":return q(e,n,r);case">":return K(e,n,r);case">=":return X(e,n,r);case"<":return Y(e,n,r);case"<=":return J(e,n,r);default:throw new TypeError("Invalid operator: ".concat(t))}},ee=Symbol("SemVer ANY"),te=function(){function e(t,n){if(Object(h.a)(this,e),n&&"object"==typeof n||(n={loose:!!n,includePrerelease:!1}),t instanceof e){if(t.loose===!!n.loose)return t;t=t.value}A("comparator",t,n),this.options=n,this.loose=!!n.loose,this.parse(t),this.semver===ee?this.value="":this.value=this.operator+this.semver.version,A("comp",this)}return Object(v.a)(e,[{key:"parse",value:function(e){var t=this.options.loose?ne[re.COMPARATORLOOSE]:ne[re.COMPARATOR],n=e.match(t);if(!n)throw new TypeError("Invalid comparator: ".concat(e));this.operator=void 0!==n[1]?n[1]:"","="===this.operator&&(this.operator=""),n[2]?this.semver=new $(n[2],this.options.loose):this.semver=ee}},{key:"toString",value:function(){return this.value}},{key:"test",value:function(e){if(A("Comparator.test",e,this.options.loose),this.semver===ee||e===ee)return!0;if("string"==typeof e)try{e=new $(e,this.options)}catch(t){return!1}return Z(e,this.operator,this.semver,this.options)}},{key:"intersects",value:function(t,n){if(!(t instanceof e))throw new TypeError("a Comparator is required");if(n&&"object"==typeof n||(n={loose:!!n,includePrerelease:!1}),""===this.operator)return""===this.value||new ae(t.value,n).test(this.value);if(""===t.operator)return""===t.value||new ae(this.value,n).test(t.semver);var r=!(">="!==this.operator&&">"!==this.operator||">="!==t.operator&&">"!==t.operator),a=!("<="!==this.operator&&"<"!==this.operator||"<="!==t.operator&&"<"!==t.operator),o=this.semver.version===t.semver.version,i=!(">="!==this.operator&&"<="!==this.operator||">="!==t.operator&&"<="!==t.operator),l=Z(this.semver,"<",t.semver,n)&&(">="===this.operator||">"===this.operator)&&("<="===t.operator||"<"===t.operator),u=Z(this.semver,">",t.semver,n)&&("<="===this.operator||"<"===this.operator)&&(">="===t.operator||">"===t.operator);return r||a||o&&i||l||u}}],[{key:"ANY",get:function(){return ee}}]),e}(),ne=M.re,re=M.t,ae=function(){function e(t,n){var r=this;if(Object(h.a)(this,e),n&&"object"==typeof n||(n={loose:!!n,includePrerelease:!1}),t instanceof e)return t.loose===!!n.loose&&t.includePrerelease===!!n.includePrerelease?t:new e(t.raw,n);if(t instanceof te)return this.raw=t.value,this.set=[[t]],this.format(),this;if(this.options=n,this.loose=!!n.loose,this.includePrerelease=!!n.includePrerelease,this.raw=t,this.set=t.split(/\s*\|\|\s*/).map((function(e){return r.parseRange(e.trim())})).filter((function(e){return e.length})),!this.set.length)throw new TypeError("Invalid SemVer Range: ".concat(t));this.format()}return Object(v.a)(e,[{key:"format",value:function(){return this.range=this.set.map((function(e){return e.join(" ").trim()})).join("||").trim(),this.range}},{key:"toString",value:function(){return this.range}},{key:"parseRange",value:function(e){var t=this,n=this.options.loose;e=e.trim();var r=n?oe[ie.HYPHENRANGELOOSE]:oe[ie.HYPHENRANGE];e=e.replace(r,Ee(this.options.includePrerelease)),A("hyphen replace",e),e=e.replace(oe[ie.COMPARATORTRIM],le),A("comparator trim",e,oe[ie.COMPARATORTRIM]),e=(e=(e=e.replace(oe[ie.TILDETRIM],ue)).replace(oe[ie.CARETTRIM],ce)).split(/\s+/).join(" ");var a=n?oe[ie.COMPARATORLOOSE]:oe[ie.COMPARATOR];return e.split(" ").map((function(e){return fe(e,t.options)})).join(" ").split(/\s+/).map((function(e){return we(e,t.options)})).filter(this.options.loose?function(e){return!!e.match(a)}:function(){return!0}).map((function(e){return new te(e,t.options)}))}},{key:"intersects",value:function(t,n){if(!(t instanceof e))throw new TypeError("a Range is required");return this.set.some((function(e){return se(e,n)&&t.set.some((function(t){return se(t,n)&&e.every((function(e){return t.every((function(t){return e.intersects(t,n)}))}))}))}))}},{key:"test",value:function(e){if(!e)return!1;if("string"==typeof e)try{e=new $(e,this.options)}catch(t){return!1}for(var t=0;t=".concat(n,".").concat(a,".0").concat(r," <").concat(n,".").concat(+a+1,".0-0"):">=".concat(n,".").concat(a,".0").concat(r," <").concat(+n+1,".0.0-0"):i?(A("replaceCaret pr",i),l="0"===n?"0"===a?">=".concat(n,".").concat(a,".").concat(o,"-").concat(i," <").concat(n,".").concat(a,".").concat(+o+1,"-0"):">=".concat(n,".").concat(a,".").concat(o,"-").concat(i," <").concat(n,".").concat(+a+1,".0-0"):">=".concat(n,".").concat(a,".").concat(o,"-").concat(i," <").concat(+n+1,".0.0-0")):(A("no pr"),l="0"===n?"0"===a?">=".concat(n,".").concat(a,".").concat(o).concat(r," <").concat(n,".").concat(a,".").concat(+o+1,"-0"):">=".concat(n,".").concat(a,".").concat(o).concat(r," <").concat(n,".").concat(+a+1,".0-0"):">=".concat(n,".").concat(a,".").concat(o," <").concat(+n+1,".0.0-0")),A("caret return",l),l}))},ye=function(e,t){return A("replaceXRanges",e,t),e.split(/\s+/).map((function(e){return ge(e,t)})).join(" ")},ge=function(e,t){e=e.trim();var n=t.loose?oe[ie.XRANGELOOSE]:oe[ie.XRANGE];return e.replace(n,(function(n,r,a,o,i,l){A("xRange",e,n,r,a,o,i,l);var u=de(a),c=u||de(o),s=c||de(i),f=s;return"="===r&&f&&(r=""),l=t.includePrerelease?"-0":"",u?n=">"===r||"<"===r?"<0.0.0-0":"*":r&&f?(c&&(o=0),i=0,">"===r?(r=">=",c?(a=+a+1,o=0,i=0):(o=+o+1,i=0)):"<="===r&&(r="<",c?a=+a+1:o=+o+1),"<"===r&&(l="-0"),n="".concat(r+a,".").concat(o,".").concat(i).concat(l)):c?n=">=".concat(a,".0.0").concat(l," <").concat(+a+1,".0.0-0"):s&&(n=">=".concat(a,".").concat(o,".0").concat(l," <").concat(a,".").concat(+o+1,".0-0")),A("xRange return",n),n}))},be=function(e,t){return A("replaceStars",e,t),e.trim().replace(oe[ie.STAR],"")},we=function(e,t){return A("replaceGTE0",e,t),e.trim().replace(oe[t.includePrerelease?ie.GTE0PRE:ie.GTE0],"")},Ee=function(e){return function(t,n,r,a,o,i,l,u,c,s,f,d,p){return"".concat(n=de(r)?"":de(a)?">=".concat(r,".0.0").concat(e?"-0":""):de(o)?">=".concat(r,".").concat(a,".0").concat(e?"-0":""):i?">=".concat(n):">=".concat(n).concat(e?"-0":"")," ").concat(u=de(c)?"":de(s)?"<".concat(+c+1,".0.0-0"):de(f)?"<".concat(c,".").concat(+s+1,".0-0"):d?"<=".concat(c,".").concat(s,".").concat(f,"-").concat(d):e?"<".concat(c,".").concat(s,".").concat(+f+1,"-0"):"<=".concat(u)).trim()}},_e=function(e,t,n){for(var r=0;r0){var o=e[a].semver;if(o.major===t.major&&o.minor===t.minor&&o.patch===t.patch)return!0}return!1}return!0},Se=P.MAX_LENGTH,ke=M.re,Oe=M.t,xe=function(e,t){if(t&&"object"==typeof t||(t={loose:!!t,includePrerelease:!1}),e instanceof $)return e;if("string"!=typeof e||e.length>Se||!(t.loose?ke[Oe.LOOSE]:ke[Oe.FULL]).test(e))return null;try{return new $(e,t)}catch(n){return null}},Ie=M.re,je=M.t;function Ne(e){return String.fromCharCode(parseInt(e.slice(1),16))}function Ce(e){return"%".concat("00".concat(e.charCodeAt(0).toString(16)).slice(-2))}function Te(e){return function(e){return btoa(encodeURIComponent(e).replace(/%[0-9A-F]{2}/g,Ne))}(JSON.stringify(e))}function Re(e){return JSON.parse(function(e){return decodeURIComponent(Array.from(atob(e),Ce).join(""))}(e))}function Pe(e){return"undefined"==typeof e}function Le(e){return function(e){return null===e}(e)||Pe(e)}function Ae(e){if(!e)return!0;for(var t in e)if(Object.hasOwnProperty.call(e,t))return!1;return!0}var Me={};function ze(e,t){return Object.assign(Me,t),e}var De={"magic-sdk":"magic-sdk","@magic-sdk/react-native":"magic-sdk-rn"},Fe=function(e){Object(f.a)(n,e);var t=Object(d.a)(n);function n(e,r){var a;return Object(h.a)(this,n),(a=t.call(this,"Magic SDK Error: [".concat(e,"] ").concat(r))).code=e,a.rawMessage=r,a.__proto__=Error,Object.setPrototypeOf(Object(s.a)(a),n.prototype),a}return Object(v.a)(n)}(Object(p.a)(Error)),Ue=function(e){Object(f.a)(n,e);var t=Object(d.a)(n);function n(e){var r;Object(h.a)(this,n),(r=t.call(this)).__proto__=Error;var a=Number(null==e?void 0:e.code);return r.rawMessage=(null==e?void 0:e.message)||"Internal error",r.code=function(e){return!Le(e)&&"number"==typeof e&&Object.values(y.d).includes(e)}(a)?a:y.d.InternalError,r.message="Magic RPC Error: [".concat(r.code,"] ").concat(r.rawMessage),Object.setPrototypeOf(Object(s.a)(r),n.prototype),r}return Object(v.a)(n)}(Object(p.a)(Error)),Be=function(){function e(t,n){Object(h.a)(this,e),this.code=t,this.rawMessage=n,this.message="Magic SDK Warning: [".concat(t,"] ").concat(n)}return Object(v.a)(e,[{key:"log",value:function(){console.warn(this.message)}}]),e}(),He=function(e){Object(f.a)(n,e);var t=Object(d.a)(n);function n(e,r,a,o){var i;return Object(h.a)(this,n),(i=t.call(this,"Magic Extension Error (".concat(e.name,"): [").concat(r,"] ").concat(a))).code=r,i.rawMessage=a,i.data=o,i.__proto__=Error,Object.setPrototypeOf(Object(s.a)(i),n.prototype),i}return Object(v.a)(n)}(Object(p.a)(Error)),Ve=function(){function e(t,n,r){Object(h.a)(this,e),this.code=n,this.rawMessage=r,this.message="Magic Extension Warning (".concat(t.name,"): [").concat(n,"] ").concat(r)}return Object(v.a)(e,[{key:"log",value:function(){console.warn(this.message)}}]),e}();function We(){return new Fe(y.e.ModalNotReady,"Modal is not ready.")}function $e(){return new Be(y.f.DuplicateIframe,"Duplicate iframes found.")}function Ge(){var e;return Object(c.a)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e=0;case 1:if(!(e1&&void 0!==arguments[1]?arguments[1]:[];return Xe({params:t,method:e,jsonrpc:"2.0",id:qe()})}var Ze=function(){function e(t){Object(h.a)(this,e),t instanceof e?(this._jsonrpc=t.payload.jsonrpc,this._id=t.payload.id,this._result=t.payload.result,this._error=t.payload.error):function(e){return!Le(e)&&!Pe(e.jsonrpc)&&!Pe(e.id)&&(!Pe(e.result)||!Pe(e.error))}(t)?(this._jsonrpc=t.jsonrpc,this._id=t.id,this._result=t.result,this._error=t.error):(this._jsonrpc=t.jsonrpc,this._id=t.id,this._result=void 0,this._error=void 0)}return Object(v.a)(e,[{key:"applyError",value:function(e){return this._error=e,this}},{key:"applyResult",value:function(e){return this._result=e,this}},{key:"hasError",get:function(){return"undefined"!=typeof this._error&&null!==this._error}},{key:"hasResult",get:function(){return"undefined"!=typeof this._result}},{key:"payload",get:function(){return{jsonrpc:this._jsonrpc,id:this._id,result:this._result,error:this._error}}}]),e}(),et=function(e,t){return function(e,t,n,r){if(t&&"object"==typeof t||"function"==typeof t){var a,o=Object(m.a)(k(t));try{var i=function(){var o=a.value;!I.call(e,o)&&(n||"default"!==o)&&w(e,o,{get:function(){return t[o]},enumerable:!(r=_(t,o))||r.enumerable})};for(o.s();!(a=o.n()).done;)i()}catch(l){o.e(l)}finally{o.f()}}return e}(function(e){return w(e,"__esModule",{value:!0})}(w(null!=e?b(x(e)):{},"default",!t&&e&&e.__esModule?{get:function(){return e.default},enumerable:!0}:{value:e,enumerable:!0})),e)}(R()),tt=function(e){Object(f.a)(n,e);var t=Object(d.a)(n);function n(){return Object(h.a)(this,n),t.apply(this,arguments)}return Object(v.a)(n)}(et.default);function nt(){var e=new tt;return{emitter:e,createChainingEmitterMethod:function(t,n){return function(){for(var r=arguments.length,a=new Array(r),o=0;o 1.0 and are not supported by the Magic web3 provider. Please use an async method instead.");return r.log(),new Ze(e).applyError({code:-32603,message:r.rawMessage}).payload}this.sendAsync(e,t)}},{key:"enable",value:function(){var e=Je("eth_accounts");return this.request(e)}},{key:"request",value:function(e){return this.prefixPayloadMethodForTestMode(e),Object(o.a)(Object(i.a)(n.prototype),"request",this).call(this,e)}},{key:"prefixPayloadMethodForTestMode",value:function(e){this.sdk.testMode&&(e.method="".concat("testMode/eth/").concat(e.method))}}]),n}(ut);function Ut(e,t){return t?new URL(e,t):new URL(e)}var Bt=["request","overlay","sdk"];var Ht=function(e){Object(f.a)(n,e);var t=Object(d.a)(n);function n(){var e;Object(h.a)(this,n),(e=t.call(this,void 0)).__sdk_access_field_descriptors__=new Map,e.__is_initialized__=!1,e.utils={createPromiEvent:ot,isPromiEvent:at,encodeJSON:Te,decodeJSON:Re,createJsonRpcRequestPayload:Je,standardizeJsonRpcRequestPayload:Ye,storage:st};var r=[Object(s.a)(e)].concat(Object(l.a)(function(e){for(var t=Object.getPrototypeOf(e),n=[t];t!==ut.prototype;)t=Object.getPrototypeOf(t),n.push(t);return n}(Object(s.a)(e))));return Bt.forEach((function(t){var n=r.map((function(e){return Object.getOwnPropertyDescriptor(e,t)})),a=n.findIndex((function(e){return!!e})),o=a>0,i=n[a];i&&(e.__sdk_access_field_descriptors__.set(t,{descriptor:i,isPrototypeField:o}),Object.defineProperty(Object(s.a)(e),t,{configurable:!0,get:function(){throw function(e){return new Fe(y.e.ExtensionNotInitialized,"Extensions must be initialized with a Magic SDK instance before `Extension.".concat(e,"` can be accessed. Do not invoke `Extension.").concat(e,"` inside an extension constructor."))}(t)}}))})),e}return Object(v.a)(n,[{key:"init",value:function(e){var t=this;this.__is_initialized__||(Bt.forEach((function(e){if(t.__sdk_access_field_descriptors__.has(e)){var n=t.__sdk_access_field_descriptors__.get(e),r=n.descriptor;n.isPrototypeField?delete t[e]:Object.defineProperty(t,e,r)}})),this.sdk=e,this.__is_initialized__=!0)}},{key:"createDeprecationWarning",value:function(e){var t=e.method,n=e.removalVersion,r=e.useInstead,a=r?" Use `".concat(r,"` instead."):"",o="`".concat(t,"` will be removed from this Extension in version `").concat(n,"`.").concat(a);return new Ve(this,"DEPRECATION_NOTICE",o)}},{key:"createWarning",value:function(e,t){return new Ve(this,e,t)}},{key:"createError",value:function(e,t,n){return new He(this,e,t,n)}}]),n}(ut),Vt=function(e){Object(f.a)(n,e);var t=Object(d.a)(n);function n(){return Object(h.a)(this,n),t.apply(this,arguments)}return Object(v.a)(n)}(Ht),Wt=function(e){Object(f.a)(n,e);var t=Object(d.a)(n);function n(){return Object(h.a)(this,n),t.apply(this,arguments)}return Object(v.a)(n)}(Ht);function $t(e){return!e.compat||null==e.compat[Me.sdkName]||("string"==typeof e.compat[Me.sdkName]?function(e,t,n){try{t=new ae(t,n)}catch(r){return!1}return t.test(e)}(function(e,t){if(e instanceof $)return e;if("number"==typeof e&&(e=String(e)),"string"!=typeof e)return null;var n=null;if((t=t||{}).rtl){for(var r;(r=Ie[je.COERCERTL].exec(e))&&(!n||n.index+n[0].length!==e.length);)n&&r.index+r[0].length===n.index+n[0].length||(n=r),Ie[je.COERCERTL].lastIndex=r.index+r[1].length+r[2].length;Ie[je.COERCERTL].lastIndex=-1}else n=e.match(Ie[je.COERCE]);return null===n?null:xe("".concat(n[2],".").concat(n[3]||"0",".").concat(n[4]||"0"),t)}(Me.version),e.compat[Me.sdkName]):!!e.compat[Me.sdkName])}function Gt(e){var t,n=this,r=null!=(t=null==e?void 0:e.extensions)?t:[],a={},o=[];if(Array.isArray(r)?r.forEach((function(e){$t(e)?(e.init(n),(e.name||e.name!==Wt.Anonymous)&&(n[e.name]=e),e instanceof Wt.Internal&&(Ae(e.config)||(a[e.name]=e.config))):o.push(e)})):Object.keys(r).forEach((function(e){if($t(r[e])){r[e].init(n);var t=r[e];n[e]=t,t instanceof Wt.Internal&&(Ae(t.config)||(a[r[e].name]=t.config))}else o.push(r[e])})),o.length)throw function(e){var t="Some extensions are incompatible with `".concat(Me.sdkName,"@").concat(Me.version,"`:");return e.filter((function(e){return"undefined"!=typeof e.compat&&null!==e.compat})).forEach((function(e){var n=e.compat[Me.sdkName];"string"==typeof n?t+="\n - Extension `".concat(e.name,"` supports version(s) `").concat(n,"`"):n||(t+="\n - Extension `".concat(e.name,"` does not support ").concat(Me.platform," environments."))})),new Fe(y.e.IncompatibleExtensions,t)}(o);return a}Wt.Internal=Vt,Wt.Anonymous="anonymous extension";var Qt=function(){function e(t,n){var r;if(Object(h.a)(this,e),this.apiKey=t,!t)throw new Fe(y.e.MissingApiKey,"Please provide an API key that you acquired from the Magic developer dashboard.");"react-native"===Me.platform&&(null==n?void 0:n.endpoint)&&new Be(y.f.ReactNativeEndpointConfiguration,"CUSTOM DOMAINS ARE NOT SUPPORTED WHEN USING MAGIC SDK WITH REACT NATIVE! The `endpoint` parameter SHOULD NOT be provided. The Magic `